diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 15 | ||||
| -rw-r--r-- | templates/layouts/index.html | 29 |
2 files changed, 24 insertions, 20 deletions
diff --git a/templates/base.html b/templates/base.html index 794f83f..4ebd507 100644 --- a/templates/base.html +++ b/templates/base.html | |||
| @@ -63,18 +63,17 @@ ${layouts/categorized_list()} | |||
| 63 | ${layouts/page()} | 63 | ${layouts/page()} |
| 64 | $endif$ | 64 | $endif$ |
| 65 | 65 | ||
| 66 | <a class="c-outer-button c-outer-button--scroll-top" href="#" title="To the top"> | ||
| 67 | <span class="c-outer-button__icon"> | ||
| 68 | <svg class="c-outer-button__icon-symbol o-icon"> | ||
| 69 | <use href="#icon-arrow-up"></use> | ||
| 70 | </svg> | ||
| 71 | </span> | ||
| 72 | </a> | ||
| 73 | |||
| 74 | <footer class="c-footer"> | 66 | <footer class="c-footer"> |
| 75 | <div class="c-footer__content"> | 67 | <div class="c-footer__content"> |
| 76 | 9thPK7O3xn | 68 | 9thPK7O3xn |
| 77 | </div> | 69 | </div> |
| 70 | <a class="c-outer-button" href="#" title="To the top"> | ||
| 71 | <span class="c-outer-button__icon"> | ||
| 72 | <svg class="c-outer-button__icon-symbol o-icon"> | ||
| 73 | <use href="#icon-arrow-up"></use> | ||
| 74 | </svg> | ||
| 75 | </span> | ||
| 76 | </a> | ||
| 78 | </footer> | 77 | </footer> |
| 79 | </main> | 78 | </main> |
| 80 | 79 | ||
diff --git a/templates/layouts/index.html b/templates/layouts/index.html index f97588d..d1821f2 100644 --- a/templates/layouts/index.html +++ b/templates/layouts/index.html | |||
| @@ -50,9 +50,9 @@ $body$ | |||
| 50 | </section> | 50 | </section> |
| 51 | </section> | 51 | </section> |
| 52 | 52 | ||
| 53 | <section class="l-section"> | 53 | <section class="l-section" id="projects"> |
| 54 | <header class="l-section__head"> | 54 | <header class="l-section__head"> |
| 55 | <a class="c-outer-button" href="#projects" id="projects"> | 55 | <a class="c-outer-button" href="#projects"> |
| 56 | <span class="c-outer-button__icon"> | 56 | <span class="c-outer-button__icon"> |
| 57 | <svg class="c-outer-button__icon-symbol o-icon"> | 57 | <svg class="c-outer-button__icon-symbol o-icon"> |
| 58 | <use href="#icon-arrow-down-right"></use> | 58 | <use href="#icon-arrow-down-right"></use> |
| @@ -64,17 +64,22 @@ $body$ | |||
| 64 | </a> | 64 | </a> |
| 65 | </header> | 65 | </header> |
| 66 | 66 | ||
| 67 | <div class="l-container l-container--pad-x l-container--pad-y l-container--content l-card-grid"> | 67 | <div class="l-container l-container--pad-x l-container--pad-y l-project-grid"> |
| 68 | $for(subsections.projects.pages)$ | 68 | $for(subsections.projects.pages)$ |
| 69 | <a class="l-card-grid__card c-card" href="$it.url.rel$"> | 69 | <div class="c-project"> |
| 70 | <div class="c-card__content"> | 70 | $if(it.preview)$ |
| 71 | <small class="u-db">$it.category.name$</small> | 71 | <img class="c-project__picture" src="$it.preview.rel$" /> |
| 72 | <strong class="u-db">$it.title$</strong> | 72 | $endif$ |
| 73 | </div> | 73 | <a class="c-project__card c-card" href="$it.url.rel$"> |
| 74 | <svg class="c-card__icon o-icon"> | 74 | <div class="c-card__content"> |
| 75 | <use href="#icon-arrow-right"></use> | 75 | <small class="u-db">$it.category.name$</small> |
| 76 | </svg> | 76 | <strong class="u-db">$it.title$</strong> |
| 77 | </a> | 77 | </div> |
| 78 | <svg class="c-card__icon o-icon"> | ||
| 79 | <use href="#icon-arrow-right"></use> | ||
| 80 | </svg> | ||
| 81 | </a> | ||
| 82 | </div> | ||
| 78 | $endfor$ | 83 | $endfor$ |
| 79 | </div> | 84 | </div> |
| 80 | </section> | 85 | </section> |