mirror of https://github.com/theNewDynamic/gohugo-theme-ananke.git
parent: ed54c525 | patch | commit | ignore whitespace
Bud Parr
18.36.2017 4bf13cdb8ce1d6272c791b19d52444c5ef01f733 
Merge pull request #7 from budparr/dev

Improve home page posts
2 files modified
1 files added
30 ■■■■■ changed files
exampleSite/config.toml 1 ●●●●● patch | view | raw | blame | history
layouts/index.html 10 ●●●●● patch | view | raw | blame | history
layouts/partials/summary-with-image.html 19 ●●●●● patch | view | raw | blame | history 
 exampleSite/config.toml


@@ -2,6 +2,7 @@


baseURL = "https://example.com"


languageCode = "en-us"


theme = "gohugo-theme-ananke"


themesDir = "../.."




MetaDataFormat = "yaml"


DefaultContentLanguage = "en"




 layouts/index.html


@@ -2,8 +2,10 @@


  <main class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy mid-gray">


    {{ .Content }}


  </main>


  {{/* Create a variable to use the same section twice. Note that we've included the date here. */}}


  {{ $section := where .Data.Pages.ByDate.Reverse "Section" "post" }}


  {{/* For Hugo 0.20 this will default to the section with the most number of pages. */}}


  {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}


  {{/* Create a variable to use the same section twice. */}}


  {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}


  {{ if $section }}


    <div class="pa3 pa4-ns w-100 w-70-ns center">




@@ -14,7 +16,7 @@


      <section class="w-100 mw8">


        {{ range (first 3 $section) }}


          <div class="relative w-100 mb4">


            {{ .Render "summary-with-image" }}


            {{ partial "summary-with-image.html" . }}


          </div>


        {{ end }}


      </section>


@@ -22,7 +24,7 @@


      <section class="w-100">


        <h1 class="f3">More Posts</h1>


        {{/* Nest the requirements, "after" then "first" on the outside */}}


        {{ range (first 4 (after 1 $section))  }}


        {{ range (first 4 (after 3 $section))  }}


          <h2 class="f5 fw4 mb4 dib mr3">


            <a href="{{ .URL }}" class="link black dim">


              {{ .Title }}




 layouts/partials/summary-with-image.html


New file


@@ -0,0 +1,19 @@


<article class="bb b--black-10">


  <a class="db pv4 ph3 ph0-l no-underline dark-gray dim" href="{{ .URL }}">


    <div class="flex flex-column flex-row-ns">


      {{ if .Params.featured_image }}


        <div class="pr3-ns mb4 mb0-ns w-100 w-40-ns">


          <img src="{{ .Params.featured_image }}" class="db" alt="image from {{ .Title }}">


        </div>


      {{ end }}


      <div class="w-100{{ if .Params.featured_image }} w-60-ns pl3-ns{{ end }}">


        <h1 class="f3 fw1 athelas mt0 lh-title">{{ .Title }}</h1>


        <p class="f6 f5-l lh-copy">


          {{ .Summary }}


        </p>


        {{/* TODO: add author


        <p class="f6 lh-copy mv0">By {{ .Author }}</p> */}}


      </div>


    </div>


  </a>


</article>