diff options
-rw-r--r-- | assets/scss/_summary.scss | 3 | ||||
-rw-r--r-- | layouts/_default/li.html | 10 | ||||
-rw-r--r-- | layouts/_default/summary.html | 5 | ||||
-rw-r--r-- | layouts/index.html | 10 |
4 files changed, 25 insertions, 3 deletions
diff --git a/assets/scss/_summary.scss b/assets/scss/_summary.scss new file mode 100644 index 0000000..1a45c04 --- /dev/null +++ b/assets/scss/_summary.scss @@ -0,0 +1,3 @@ +.featured-post { + max-width: 50%; +} diff --git a/layouts/_default/li.html b/layouts/_default/li.html index f4e5ae8..7d57101 100644 --- a/layouts/_default/li.html +++ b/layouts/_default/li.html @@ -1,9 +1,13 @@ -<a class="post-item" href="{{.Permalink}}"> +<section class="post-item" href="{{.Permalink}}"> <div class="post-item-grid"> - <div>HELLO</div> <div class="post-item-grid__title"> <h2 class="post-item__title">{{.Title}}</h2> <time datetime="{{.Date.Format "2006-01-02"}}">{{.Date.Format "2006-01-02"}}</time> </div> + <a class="post-item__tag"> + {{if isset .Params "tags"}} + <span class="post-item__tag-text">{{index .Params.tags 0}}</span> + {{end}} + </a> </div> -</a> +</section> diff --git a/layouts/_default/summary.html b/layouts/_default/summary.html new file mode 100644 index 0000000..9b70883 --- /dev/null +++ b/layouts/_default/summary.html @@ -0,0 +1,5 @@ +<div class="featured-post"> + <h2 class="featured-post__title">{{.Title}}</h2> + <img class="featured-post__image src={{.Image}}" alt="{{.Title}}" /> + <div class="featured-post__description">{{.Description}}</div> +</div> diff --git a/layouts/index.html b/layouts/index.html index d637067..d7a96b4 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,4 +1,14 @@ {{define "main"}} +<div class="hero"> + {{ if isset .Site.Params "featured" }} + <div class="featured-posts"> + {{ $pages := .Site.RegularPages }} + {{range first 3 $pages}} + {{ .Render "summary" }} + {{end}} + </div> + {{end}} +</div> <div class="post-list"> {{ $pages := .Pages }} {{ if .IsHome }} |