Use headless bundle for home page

exampleSite/config.toml

@@ -7,12 +7,11 @@ theme                       = "introduction"
 [params]
     introHeight             = "large"                           # Input either 'medium' or 'large' or 'fullheight'
     themeStyle              = "light"                           # Choose 'light' or 'dark'
-    avatar                  = "img/profile.jpg"                 # Path to image in static folder eg. img/avatar.png, or comment out to remove
+    faviconFile             = "img/fav.ico"
     email                   = "youremail@email.com"             # Shows in contact section, or leave blank to omit
     localTime               = true                              # Show your current local time in contact section
     timeZone                = "America/Los_Angeles"             # Your timezone as in the TZ* column of this list: https://en.wikipedia.org/wiki/List_of_tz_database_time_zones
     dateForm                = "Jan 2, 2006"
-    faviconFile             = "img/fav.ico"
     fadeIn                  = true                              # Turn on/off the fade-in effect
     showRSSButton           = true                              # Show rss button in navigation
     customCSS               = []                                # Include custom css files e.g. ["css/foo.css", "css/bar.css"]
@@ -55,30 +54,27 @@ theme                       = "introduction"
         languageName        = "English"
         languageCode        = "en-us"
         contentDir          = "content/en"
-        weigth              = 2
+        weight              = 0
         title               = "Introduction"
-        firstName           = "Hi, I'm Introduction"            # First name shows in introduction on main page
+        [languages.en.params]
-        tagLine             = "I'm a theme for Hugo."           # Appears after the introduction
+            description         = "Website Description"             # Max 160 characters show in search results
-        description         = "Website Description"             # Max 160 characters show in search results
+            footerText          = ""                      # Text to override default footer text (markdown allowed)
-        footerText          = ""                                # Text to override default footer text (markdown allowed)
     [languages.es]
         languageName        = "Español"
         languageCode        = "es"
         contentDir          = "content/es"
-        weigth              = 1
+        weight              = 1
         title               = "Introducción"
-        firstName           = "Hola, Soy Introducción"
+        [languages.es.params]
-        tagLine             = "Soy un tema para Hugo."
+            description         = "Descripcion del sitio web"
-        description         = "Descripcion del sitio web"
+            footerText          = ""
-        footerText          = ""
     [languages.de]
         languageName        = "Deutsch"
         languageCode        = "de"
         contentDir          = "content/de"
-        weigth              = 0
+        weight              = 2
         title               = "Vorstellung"
-        firstName           = "Hallo, ich bin Vorstellung"
+        [languages.de.params]
-        tagLine             = "Ich bin ein Hugo Theme"
+            description         = "Beschreibung der Webseite"
-        description         = "Beschreibung der Webseite"
+            footerText          = ""
-        footerText          = ""
+            dateForm            = "2. January 2006"
-        dateForm            = "2. January 2006"

exampleSite/content/de/home/about.md

@@ -1,5 +1,7 @@
 ---
 title: "Über mich"
+image: "profile.jpg"
+weight: 0
 ---
 
 Dies ist **Vorstellung**, ein minimales Webseiten Theme für [Hugo](https://gohugo.io)

exampleSite/content/de/home/index.md

@@ -0,0 +1,6 @@
+---
+title: "Hallo, ich bin Vorstellung"
+headless: true
+---
+
+Ich bin ein Hugo Theme

exampleSite/content/de/home/lorem.md

@@ -0,0 +1,6 @@
+---
+title: "Lorem Ipsum"
+weight: 1
+---
+
+Weitere Abschnitte für die Hauptseiten können hinzugefügt werden, indem Datein unter `content/home/` erstellt werden.

exampleSite/content/en/home/about.md

@@ -1,5 +1,7 @@
 ---
 title: "About"
+image: "profile.jpg"
+weight: 0
 ---
 
 This is **Introduction**, a minimal scrolling website theme made for [Hugo](https://gohugo.io)

exampleSite/content/en/home/index.md

@@ -0,0 +1,6 @@
+---
+title: "Hi, I'm Introduction"
+headless: true
+---
+
+I'm a theme for Hugo

exampleSite/content/en/home/lorem.md

@@ -0,0 +1,6 @@
+---
+title: "Lorem Ipsum"
+weight: 1
+---
+
+You can add more sections to the home page by adding file to `content/home/`

exampleSite/content/es/home/about.md

@@ -1,5 +1,7 @@
 ---
 title: "Sobre"
+image: "profile.jpg"
+weight: 0
 ---
 
 Esto es **Introducción**, un tema mínimo con desplazamiento para sitios web hechos con [Hugo](https://gohugo.io).

exampleSite/content/es/home/index.md

@@ -0,0 +1,6 @@
+---
+title: "Hola, Soy Introducción"
+headless: true
+---
+
+Soy un tema para Hugo

exampleSite/content/es/home/lorem.md

@@ -0,0 +1,6 @@
+---
+title: "Lorem Ipsum"
+weight: 1
+---
+
+You can add more sections to the home page by adding file to `content/home/`

exampleSite/resources/_gen/assets/js/de/js/bundleMoment.js_8848f55d07695b7ff7188138f23d69e3.json

@@ -1 +1 @@
-{"Target":"js/bundleMoment.c0c2eddd62b0f9719cad4bf88dc2cf9a1b24cb979da336a28e71733aec00a9b2.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-wMLt3WKw+XGcrUv4jcLPmhsky5edozaijnFzOuwAqbI="}}
+{"Target":"js/bundleMoment.6d57a5711d10d4a2fa0d6c1ce0c0ce16ed263a85b195485a43b490f1badcaca4.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-bVelcR0Q1KL6DWwc4MDOFu0mOoWxlUhaQ7SQ8brcrKQ="}}

exampleSite/resources/_gen/assets/js/de/js/index.js_8e9644cbd5699a9b2573c2d17c84d4c1.json

@@ -1 +0,0 @@
-{"Target":"js/index.tmp.min.css","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/de/js/index.js_d3f53f09220d597dac26fe7840c31fc9.json

@@ -0,0 +1 @@
+{"Target":"js/index.min.js","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/de/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.content

@@ -0,0 +1,4 @@
+$(document).ready(function() {
+    var time = moment().tz("America/Los_Angeles").format("h:mm A");
+    $('#time').html(time);
+})

exampleSite/resources/_gen/assets/js/de/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.json

@@ -0,0 +1 @@
+{"Target":"js/initMoment.tmp.js","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/es/js/bundleMoment.js_8848f55d07695b7ff7188138f23d69e3.json

@@ -1 +1 @@
-{"Target":"js/bundleMoment.c0c2eddd62b0f9719cad4bf88dc2cf9a1b24cb979da336a28e71733aec00a9b2.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-wMLt3WKw+XGcrUv4jcLPmhsky5edozaijnFzOuwAqbI="}}
+{"Target":"js/bundleMoment.6d57a5711d10d4a2fa0d6c1ce0c0ce16ed263a85b195485a43b490f1badcaca4.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-bVelcR0Q1KL6DWwc4MDOFu0mOoWxlUhaQ7SQ8brcrKQ="}}

exampleSite/resources/_gen/assets/js/es/js/index.js_8e9644cbd5699a9b2573c2d17c84d4c1.json

@@ -1 +0,0 @@
-{"Target":"js/index.tmp.min.css","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/es/js/index.js_d3f53f09220d597dac26fe7840c31fc9.json

@@ -0,0 +1 @@
+{"Target":"js/index.min.js","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/es/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.content

@@ -0,0 +1,4 @@
+$(document).ready(function() {
+    var time = moment().tz("America/Los_Angeles").format("h:mm A");
+    $('#time').html(time);
+})

exampleSite/resources/_gen/assets/js/es/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.json

@@ -0,0 +1 @@
+{"Target":"js/initMoment.tmp.js","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/js/bundleMoment.js_8848f55d07695b7ff7188138f23d69e3.json

@@ -1 +1 @@
-{"Target":"js/bundleMoment.c0c2eddd62b0f9719cad4bf88dc2cf9a1b24cb979da336a28e71733aec00a9b2.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-wMLt3WKw+XGcrUv4jcLPmhsky5edozaijnFzOuwAqbI="}}
+{"Target":"js/bundleMoment.6d57a5711d10d4a2fa0d6c1ce0c0ce16ed263a85b195485a43b490f1badcaca4.js","MediaType":"application/javascript","Data":{"Integrity":"sha256-bVelcR0Q1KL6DWwc4MDOFu0mOoWxlUhaQ7SQ8brcrKQ="}}

exampleSite/resources/_gen/assets/js/js/index.js_8e9644cbd5699a9b2573c2d17c84d4c1.json

@@ -1 +0,0 @@
-{"Target":"js/index.tmp.min.css","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/js/index.js_d3f53f09220d597dac26fe7840c31fc9.json

@@ -0,0 +1 @@
+{"Target":"js/index.min.js","MediaType":"application/javascript","Data":{}}

exampleSite/resources/_gen/assets/js/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.content

@@ -0,0 +1,4 @@
+$(document).ready(function() {
+    var time = moment().tz("America/Los_Angeles").format("h:mm A");
+    $('#time').html(time);
+})

exampleSite/resources/_gen/assets/js/js/initMoment.js_2c91ad96a282a351b7d5bc5e7b377547.json

@@ -0,0 +1 @@
+{"Target":"js/initMoment.tmp.js","MediaType":"application/javascript","Data":{}}

i18n/de.toml

@@ -2,8 +2,6 @@
     other = "404"
 [404_description]
     other = "Oop! Endweder hast du einen Fehler gefunden ([dann kontaktiere mich bitte](mailto:{{ .Site.Params.email }})) oder du versucht etwas zu finden, was es nicht gibt. Diese Seite exisiert nicht!"
-[index_avatarAlt]
-    other = "Mein Profil Bild"
 [index_projects_allProjects]
     other = "Alle Projekte"
 [index_blog_latestPosts]

i18n/en.toml

@@ -2,8 +2,6 @@
     other = "404"
 [404_description]
     other = "Oops! Either you've found a bug (in which case, [please tell me](mailto:{{ .Site.Params.email }})) or you're just making things up. This page doesn't exist!"
-[index_avatarAlt]
-    other = "My profile picture"
 [index_projects_allProjects]
     other = "All Projects"
 [index_blog_latestPosts]

i18n/es.toml

@@ -2,8 +2,6 @@
     other = "404"
 [404_description]
     other = "Oops! O bien encontraste un bug (en cuyo caso, [por favor avisame](mailto:{{ .Site.Params.email }})) o simplemente estas inventando cosas. Esta página no existe!"
-[index_avatarAlt]
-    other = "Mi foto de perfil"
 [index_blog_latestPosts]
     other = "Últimas Entradas"
 [index_blog_allPosts]

layouts/index.html

@@ -8,17 +8,18 @@
     </head>
     <body>
         <div id="top">
+            {{ with .Site.GetPage "page" "home" }}
             <div class="hero is-{{ .Site.Params.introHeight | default "fullheight" }}">
                 <!-- Super sweet Hero body title -->
                 <div class="hero-body">
                     <div class="container has-text-centered">
                         <!-- Title and tagline -->
                         <h1 class="bold-title {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}">
-                            {{ .Site.Params.firstName | default "Introduction" }}.
+                            {{ .Title }}
                         </h1>
-                        <h3 class="subtitle is-3 {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}">
+                        <div class="subtitle is-3 {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}">
-                            {{ .Site.Params.tagLine }}
+                            {{ .Content }}
-                        </h3>
+                        </div>
                         <!-- End title and tagline -->
                         <!-- Some social icons -->
                         <div class=" {{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
@@ -29,43 +30,58 @@
                 </div>
                 <!-- Hero body title end -->
             </div>
+            {{ end }}
+
             <!-- Done with Hero -->
-                <!-- Everything below fades in three! -->
             <div class="section no-padding-top {{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
                 <!-- Tell them all about it! -->
                 {{ partial "nav.html" . }}
-                {{ with .Site.GetPage "page" "about" }}
+
+                {{ with .Site.GetPage "page" "home" }}
+                {{ $home := . }}
+                {{ range sort (.Resources.ByType "page") "Params.weight" }}
+
+                {{ if ne .Name "contact.md" }}
+                <!-- Range through all sections in /home execept contact.md -->
                 <div class="section" id="{{ .File.TranslationBaseName }}">
                     <div class="container">
                         <h2 class="title is-2 has-text-centered">{{ .Title }}</h2>
-                        <div class="columns"><!-- Avatar and about.md side by side except mobile -->
+                        {{ if .Params.Image }}
-                            {{ if .Site.Params.avatar }}
+                        <div class="columns">
                             <div class="column is-one-third has-text-centered">
-                                <img class="img-responsive avatar" src="{{ .Site.Params.avatar | relURL }}" alt="{{ i18n "index_avatarAlt" . }}">
+                                {{ with $home.Resources.GetMatch .Params.Image }}
+                                {{ with .Resize "320x" }}
+                                <img class="img-responsive avatar" src="{{ .RelPermalink }}" alt="{{ .Name }}">
+                                {{ end }}
+                                {{ end }}
                             </div>
-                            {{ end }}
+                            <div class="markdown column">
-                            <div class="column markdown">
+                                {{ .Content }}
-                                {{.Content}}
                             </div>
                         </div>
+                        {{ else }}
+                        <div class="markdown has-text-centered">
+                            {{ .Content }}
+                        </div>
+                        {{ end }}
                     </div>
                     <!-- End About container-->
                     {{ partial "top-icon.html" . }}
                 </div>
                 <div class="container"><hr></div>
-                <!-- End About section -->
+                {{ end }}
                 {{ end }}
                 <!-- Now for some cool projects -->
                 {{ partial "home/projects.html" . }}
                 <!-- Let's show some blog posts -->
                 {{ partial "home/blog.html" . }}
                 <!-- Let's chat, shall we? -->
-                {{ with .Site.GetPage "page" "contact" }}
+                {{ with .Resources.GetMatch "contact.md" }}
                 <div class="section" id="{{ .File.TranslationBaseName }}">
                     <div class="container has-text-centered">
                         <h2 class="title is-2">{{ .Title }}</h2>
                         <div class="markdown">
-                            {{.Content}}
+                            {{ .Content }}
                         </div>
                         {{ if .Site.Params.localTime }}
                          <p>{{ i18n "index_currentTime" . }} <span id='time'></span>.</p>
@@ -83,6 +99,8 @@
                 <div class="container"><hr></div>
                 {{ end }}
                 <!-- End Contact section -->
+                {{ end }}
+
                 {{ partial "footer/text.html" . }}
             </div>
         </div>

layouts/partials/head/openGraph.html

@@ -6,8 +6,12 @@
 
 {{ with .Resources.ByType "image" }}
 {{ range first 5 (sort . "Params.weight") }}
-<meta property="og:image" content="{{ .Permalink }}"/>
+<meta property="og:image" content="{{ .RelPermalink }}"/>
 {{ end }}
 {{ else }}
-<meta property="og:image" content="{{ .Site.Params.avatar | absURL }}"/>
+{{ with .Site.GetPage "page" "home" }}
+{{ range first 5 (.Resources.ByType "image") }}
+<meta property="og:image" content="{{ .RelPermalink }}"/>
+{{ end }}
+{{ end }}
 {{ end }}