Fix render breakage introduced in #665 (#685)

A bare bones setup of two pages and two posts gets broken because of a
template change missed in #665

Fatal error message in readable form:
```
ERROR render:
failed to render pages:
render of "home" failed: "/themes/ananke/layouts/index.html:48:23":
execute of template failed:
template:
index.html:48:23:
executing "main" at <.Site.GetPage>: can't evaluate field Site in type string
```

Steps to reproduce:

```shell
hugo new site quickstart
cd quickstart
git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
echo "theme = 'ananke'" >> hugo.toml
echo -e "+++\ntitle='Home'\n+++\n\nMain page" > content/_index.md
echo Foo. > content/page1.md
echo Bar > content/page2.md
mkdir -p content/post
echo "First post." > content/post/post1.md
echo "Second post." > content/post/post2.md
hugo server
Watching for changes in .../quickstart/{archetypes,assets,content,data,i18n,layouts,static,themes}
Watching for config changes in .../quickstart/hugo.toml, ...quickstart/themes/ananke/config.yaml
Start building sites …
hugo v0.125.3-474c4c02212cf97712c6fbf4159c68822ea6e078+extended darwin/amd64 BuildDate=2024-04-22T17:18:35Z VendorInfo=brew

Built in 67 ms
Error: error building site: render: failed to render pages: render of "home" failed: ".../quickstart/themes/ananke/layouts/index.html:48:23": execute of template failed: template: index.html:48:23: executing "main" at <.Site.GetPage>: can't evaluate field Site in type string
```

README.md

@@ -55,7 +55,7 @@ This theme uses the "Tachyons" CSS library. This will allow you to manipulate th
 > ```
 > $ go version
 > ```
->  Go modules were considered production ready in v1.14. [Download Go](https://golang.org/dl/). 
+>  Go modules were considered production ready in v1.14. [Download Go](https://golang.org/dl/).
 
 1. From your project's root directory, initiate the hugo module system if you haven't already:
 
@@ -76,7 +76,7 @@ Inside the folder of your Hugo site run:
 ```
 $ git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke
 ```
-For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo.
+For more information read the official [setup guide](//gohugo.io/getting-started/quick-start/) of Hugo.
 
 
 
@@ -96,9 +96,16 @@ You may need to delete the line: `themesDir = "../.."`
 
 To enable comments, add following to your config file:
 
-- DISQUS: `disqusShortname = YOURSHORTNAME`
+- DISQUS:
-- COMMENTO:
+
+  ```toml
+  [services.disqus]
+    shortname = 'YOURSHORTNAME'
   ```
+
+- COMMENTO:
+
+  ```toml
   [params]
     commentoEnable = true
   ```
@@ -108,7 +115,7 @@ To enable comments, add following to your config file:
 For any page or post you can add a featured image by including the local path in front matter (see content in the `exampleSite/content/_readme.md` file for examples): `featured_image: '/images/gohugo-default-sample-hero-image.jpg'`
 
 #### Featured image as Page Resources
-If user is using [Page Resources](https://gohugo.io/content-management/page-resources/), the theme will try and match the `featured_image` from with a page resource of type `image` and use its relative permalink. If no `featured_image` is set, the theme will look for a Page Resource of type `image` whose filepath incudes either `cover` or `feature` 
+If user is using [Page Resources](https://gohugo.io/content-management/page-resources/), the theme will try and match the `featured_image` from with a page resource of type `image` and use its relative permalink. If no `featured_image` is set, the theme will look for a Page Resource of type `image` whose filepath incudes either `cover` or `feature`
 
 #### Other hero settings
 If you would like to hide the header text on the featured image on a page, set `omit_header_text` to `true`. See `exampleSite/content/contact.md` for an example.
@@ -156,7 +163,7 @@ Using front matter and cascade, this can be customized for a whole section, or j
 
 The theme automatically adds "Follow" link icons to the header and footer and "Share" link icons to pages unless `disable_share` parameter is set to true either on the site level (site params) or page level (front matter). Each built-in services sports a label, an icon and a color.
 
-In order to register a service to be used, user must add an `ananke_socials` parameter to its project configuration file and list them through it in the desired order. Each entry must bear a 
+In order to register a service to be used, user must add an `ananke_socials` parameter to its project configuration file and list them through it in the desired order. Each entry must bear a
 - name*: It matches the built-in service reference (Ex: twitter, github)
 - url*: The url of the handle's profile on the service (Ex: https://twitter.com/theNewDynamic, https://github.com/
 theNewDynamic)
@@ -269,10 +276,10 @@ Ananke uses [Tachyon.io](https://tachyons.io/) utility class library.
 
 WARNING: Pending resolution of this [discussion](https://github.com/theNewDynamic/gohugo-theme-ananke/discussions/452#discussioncomment-1865301), Custom CSS only works with Hugo Extended
 
-In order to complement the default CSS with your own, you can add custom css files to the project. 
+In order to complement the default CSS with your own, you can add custom css files to the project.
 
 1. Just add a `assets/ananke/css` directory to your project and add the file(s) in it.
-2. Register the files using the `custom_css` key in your site's parameter. The path referenced in the parameter should be relative to the `assets/ananke/css` folder. 
+2. Register the files using the `custom_css` key in your site's parameter. The path referenced in the parameter should be relative to the `assets/ananke/css` folder.
 
 The css files will be added in their registered order to final `main.css` file.
 
@@ -331,9 +338,17 @@ Dates of blog posts and single pages are rendered with the default date format c
   date_format = "2. January 2006"
 ```
 
-With hugo 0.87.0 and above, you can also use predefined layout, like `:date_full`, and it will output localized dates or times. 
+With hugo 0.87.0 and above, you can also use predefined layout, like `:date_full`, and it will output localized dates or times.
 See hugo's documentation of the [`time.Format` function](https://gohugo.io/functions/dateformat/) for more details.
 
+### Using a canonical url
+
+When you want to publish content that is already published on a different site. You need to reference a canonical url of the original content.
+By defining the `canonicalUrl` in the front matter definition the canonical url is set in the headers.
+
+```
+canonicalUrl: https://mydomain.com/path-to-the-oringinal-content/
+```
 
 ### Nearly finished
 

assets/ananke/css/_styles.css

@@ -18,3 +18,23 @@
 .nested-links a{
   overflow-wrap: break-word;
 }
+
+.menu-btn {
+  display: none; 
+  color: white;
+  font-size: 2em;
+}
+.nav-links {
+  display: flex;
+  justify-content: space-between;
+}
+
+@media (max-width: 600px) {
+  .nav-links {
+    display: none;
+    flex-direction: column;
+  }
+  .menu-btn {
+    display: block;
+  }
+}

i18n/cs.toml

@@ -0,0 +1,49 @@
+[more]
+other = "Více"
+
+[allTitle]
+other = "Všechny {{.Title }}"
+
+[recentTitle]
+other = "Nejnovější {{.Title }}"
+
+[readMore]
+other = "čti dále"
+
+[by]
+other = "Autor"
+
+[whatsInThis]
+other = "Co je v tomto {{ .Type }}"
+
+[related]
+other = "Related"
+
+[yourName]
+other = "Jméno"
+
+[emailAddress]
+other = "Emailová adresa"
+
+[message]
+other = "Zpráva"
+
+[emailRequiredNote]
+other = "Emailová adresa je požadována."
+
+[send]
+other = "Odeslat"
+
+[taxonomyPageList]
+other = "Stránky obsahující taxonomický termín “{{ .Title }}”"
+
+[readingTime]
+one = "Jedna minuta čtení"
+other = "{{ .Count }} minut čtení"
+
+[wordCount]
+one = "Jedno slovo"
+other = "{{ .Count }} slov"
+
+[pageTitle]
+other = "{{ .Name }} stránka"

i18n/no.toml

@@ -26,16 +26,16 @@ other = "Ditt navn"
 other = "E-postadresse"
 
 [message]
-other = "beskjed"
+other = "Beskjed"
 
 [emailRequiredNote]
 other = "E-postadresse er påkrevd"
 
 [send]
-other = "Sende"
+other = "Send"
 
 [taxonomyPageList]
 other = "Below you will find pages that utilize the taxonomy term “{{ .Title }}”"
 
 [pageTitle]
-other = "{{ .Name }} side"
+other = "{{ .Name }} side"

layouts/_default/baseof.html

@@ -16,10 +16,19 @@
     {{ else }}
       <meta name="robots" content="noindex, nofollow">
     {{ end }}
+    {{ with .Params.author | default .Site.Params.author }}
+      <meta name="author" content = "
+        {{- if reflect.IsSlice . -}}
+          {{ delimit . ", " | plainify }}
+        {{- else -}}
+          {{ . | plainify }}
+        {{- end -}}
+      ">
+    {{ end }}
 
     {{ partial "site-style.html" . }}
     {{ partial "site-scripts.html" . }}
-    
+
     {{ block "favicon" . }}
       {{ partialCached "site-favicon.html" . }}
     {{ end }}
@@ -30,7 +39,13 @@
       <link href="{{ .RelPermalink }}" rel="feed" type="application/rss+xml" title="{{ $.Site.Title }}" />
       {{ end }}
     {{ end }}
-    
+
+    {{ if .Params.canonicalUrl }}
+      <link rel="canonical" href="{{ .Params.canonicalUrl }}">
+    {{ else }}
+      <link rel="canonical" href="{{ .Permalink }}">
+    {{ end }}
+
     {{/* NOTE: These Hugo Internal Templates can be found starting at https://github.com/gohugoio/hugo/tree/master/tpl/tplimpl/embedded/templates */}}
     {{- template "_internal/opengraph.html" . -}}
     {{- template "_internal/schema.html" . -}}

layouts/_default/single.html

@@ -7,12 +7,12 @@
   {{ $section := .Site.GetPage "section" .Section }}
   <article class="flex-l flex-wrap justify-between mw8 center ph3">
     <header class="mt4 w-100">
-      <aside class="instapaper_ignoref b helvetica tracked">
+      <aside class="instapaper_ignoref b helvetica tracked ttu">
           {{/*
           CurrentSection allows us to use the section title instead of inferring from the folder.
           https://gohugo.io/variables/page/#section-variables-and-methods
           */}}
-        {{with .CurrentSection.Title }}{{. | upper }}{{end}}
+        {{ .CurrentSection.Title }}
       </aside>
       {{ partial "social-share.html" . }}
       <h1 class="f1 athelas mt3 mb1">
@@ -51,7 +51,7 @@
       {{- .Content -}}
       {{- partial "tags.html" . -}}
       <div class="mt6 instapaper_ignoref">
-      {{ if .Site.DisqusShortname }}
+      {{ if .Site.Config.Services.Disqus.Shortname }}
         {{ template "_internal/disqus.html" . }}
       {{ end }}
       {{ if .Site.Params.commentoEnable }}

layouts/_default/summary.html

@@ -9,5 +9,6 @@
     <div class="nested-links f5 lh-copy nested-copy-line-height">
       {{ .Summary }}
     </div>
+    <a href="{{.RelPermalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{ $.Param "read_more_copy" | default (i18n "readMore") }}</a>
   </div>
 </div>

layouts/index.html

@@ -1,55 +1,58 @@
 {{ define "main" }}
- <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy {{ $.Param "text_color" | default "mid-gray" }}">
+  <article class="cf ph3 ph5-l pv3 pv4-l f4 tc-l center measure-wide lh-copy {{ $.Param "text_color" | default "mid-gray" }}">
-    {{ .Content }}
+      {{ .Content }}
-  </article>
+    </article>
-  {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
+    {{/* Define a section to pull recent posts from. For Hugo 0.20 this will default to the section with the most number of pages. */}}
-  {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
+    {{ $mainSections := .Site.Params.mainSections | default (slice "post") }}
-  {{/* Create a variable with that section to use in multiple places. */}}
+    
-  {{ $section := where .Site.RegularPages "Section" "in" $mainSections }}
+    {{/* Check to see if the section is defined for ranging through it */}}
-  {{/* Check to see if the section is defined for ranging through it */}}
+    {{range ($mainSections)}}
-  {{ $section_count := len $section }}
-  {{ if ge $section_count 1 }}
     {{/* Derive the section name  */}}
-    {{ $section_name := index (.Site.Params.mainSections) 0 }}
+    {{ $section_name := . }}
+    {{/* Create a variable with that section to use in multiple places. */}}
+    {{ $section := where $.Site.RegularPages "Section" "in" $section_name }}
+    {{ $section_count := len $section }}
+    {{ if ge $section_count 1 }}
+      <div class="pa3 pa4-ns w-100 w-70-ns center">
+        {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
+        {{ with $.Site.GetPage "section" $section_name }}
+            <h1 class="flex-none">
+              {{ $.Param "recent_copy" | default (i18n "recentTitle" .) }}
+            </h1>
+          {{ end }}
 
-    <div class="pa3 pa4-ns w-100 w-70-ns center">
+        {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
-      {{/* Use $section_name to get the section title. Use "with" to only show it if it exists */}}
-       {{ with .Site.GetPage "section" $section_name }}
-          <h1 class="flex-none">
-            {{ $.Param "recent_copy" | default (i18n "recentTitle" .) }}
-          </h1>
-        {{ end }}
 
-      {{ $n_posts := $.Param "recent_posts_number" | default 3 }}
+        <section class="w-100 mw8">
-
+          {{/* Range through the first $n_posts items of the section */}}
-      <section class="w-100 mw8">
+          {{ range (first $n_posts $section) }}
-        {{/* Range through the first $n_posts items of the section */}}
+            <div class="relative w-100 mb4">
-        {{ range (first $n_posts $section) }}
+              {{ .Render "summary-with-image" }}
-          <div class="relative w-100 mb4">
+            </div>
-            {{ .Render "summary-with-image" }}
+          {{ end }}
-          </div>
-        {{ end }}
-      </section>
-
-      {{ if ge $section_count (add $n_posts 1) }}
-      <section class="w-100">
-        <h1 class="f3">{{ i18n "more" }}</h1>
-        {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
-        {{ range (first 4 (after $n_posts $section))  }}
-          <h2 class="f5 fw4 mb4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
-            <a href="{{ .RelPermalink }}" class="link black dim">
-              {{ .Title }}
-            </a>
-          </h2>
-        {{ end }}
-
-        {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
-        {{ with .Site.GetPage "section" $section_name }}
-          <a href="{{ .RelPermalink }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">{{ i18n "allTitle" . }}</a>
-        {{ end }}
         </section>
-      {{ end }}
 
-      </div>
+        {{ if ge $section_count (add $n_posts 1) }}
+        <section class="w-100">
+          <h1 class="f3">{{ i18n "more" }}</h1>
+          {{/* Now, range through the next four after the initial $n_posts items. Nest the requirements, "after" then "first" on the outside */}}
+          {{ range (first 4 (after $n_posts $section))  }}
+            <h2 class="f5 fw4 mb4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "ml3" "mr3" }}">
+              <a href="{{ .RelPermalink }}" class="link black dim">
+                {{ .Title }}
+              </a>
+            </h2>
+          {{ end }}
+
+          {{/* As above, Use $section_name to get the section title, and URL. Use "with" to only show it if it exists */}}
+          {{ with $.Site.GetPage "section" $section_name }}
+            <a href="{{ .RelPermalink }}" class="link db f6 pa2 br3 bg-mid-gray white dim w4 tc">{{ i18n "allTitle" . }}</a>
+          {{ end }}
+          </section>
+        {{ end }}
+
+        </div>
+    {{ end }}
   {{ end }}
-{{ end }}
+{{end}}
+    

layouts/partials/site-navigation.html

@@ -10,15 +10,39 @@
     <div class="flex-l items-center">
       {{ partial "i18nlist.html" . }}
       {{ if .Site.Menus.main }}
-        <ul class="{{ cond (eq $.Site.Language.LanguageDirection "rtl") "pr0 ml3" "pl0 mr3" }}">
+        <nav>
-          {{ range .Site.Menus.main }}
+          <div class="menu-btn">
-          <li class="list f5 f4-ns fw4 dib {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }}">
+            <div class="dib">☰ Menu</div>
-            <a class="hover-white no-underline white-90" href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
+          </div>
+          <div class="nav-links">
+            {{ range .Site.Menus.main }}
+            <a class="link hover-white white-90 no-underline f5 f4-ns {{ cond (eq $.Site.Language.LanguageDirection "rtl") "pl3" "pr3" }} " href="{{ .URL }}" title="{{ i18n "pageTitle" . }}">
               {{ .Name }}
             </a>
-          </li>
+            {{ end }}
-          {{ end }}
+          </div>
-        </ul>
+        </nav>
+
+        <script>
+          var navLinks = document.querySelector('.nav-links');
+          document.querySelector('.menu-btn').addEventListener('click', function() {
+            if (navLinks.style.display === 'none') {
+              navLinks.style.display = 'flex';
+            } else {
+              navLinks.style.display = 'none';
+            }
+          });
+       
+          // Adjust menu when window is resized
+          window.addEventListener('resize', function() {
+            if (window.innerWidth > 600) {
+              navLinks.style.display = 'flex';
+            } else {
+              navLinks.style.display = 'none';
+            }
+          });
+        </script>
+
       {{ end }}
       {{ partialCached "social-follow.html" . }}
     </div>

layouts/partials/social-share.html

@@ -2,7 +2,7 @@
 {{ $url := printf "%s" .Permalink | absLangURL }}
 
 {{ $facebook_href := printf "https://www.facebook.com/sharer.php?u=%s" $url }}
-{{ $twitter_href := printf "https://twitter.com/share?url=%s&text=%s" $url $title }}
+{{ $twitter_href := printf "https://twitter.com/intent/tweet?url=%s&text=%s" $url $title }}
 {{ with site.Social.twitter }}
   {{ $twitter_href = printf "%s&via=%s" $twitter_href . }}
 {{ end }}

layouts/post/summary.html

@@ -12,4 +12,5 @@
     <div class="nested-links f5 lh-copy nested-copy-line-height">
       {{ .Summary  }}
     </div>
+  <a href="{{.RelPermalink}}" class="ba b--moon-gray bg-light-gray br2 color-inherit dib f7 hover-bg-moon-gray link mt2 ph2 pv1">{{ $.Param "read_more_copy" | default (i18n "readMore") }}</a>
   </div>