Got single page working

- Styling changes - Reverted index.html - Refinements to baseof.html and single.html
author: Nelson/Roberto <dewittn@gmail.com> 2020-05-10 15:42:21 +0300
committer: Nelson/Roberto <dewittn@gmail.com> 2020-05-10 15:42:21 +0300
commit: 132c1b4b716dc9f10f4f9e8d595a53fede73a316 (patch)
tree: 64f4b6624db27e6e41939e3daeb0ce610ae14df8
parent: 9d7e21f036a510356c89e6beb77fee3d01018084 (diff)
5 files changed, 138 insertions, 112 deletions
diff --git a/exampleSite/content/generic.md b/exampleSite/content/generic.md
index b64dbad..1de02ed 100644
--- a/exampleSite/content/generic.md
+++ b/exampleSite/content/generic.md
@@ -2,7 +2,7 @@
 Title: "This Is A Generic Page"
 description: "Aenean ornare velit lacus varius enim ullamcorper proin aliquam facilisis ante sed etiam magna interdum congue. Lorem ipsum dolor amet nullam sed etiam veroeros."
 date: "2019-02-06T00:00:00"
-image: 'images/pic02.jpg'
+image: 'images/pic01.jpg'
 tags: ["tag1","tag2"]
 ---
 
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 618bfb7..ed68545 100644
--- a/layouts/_default/baseof.html
+++ b/layouts/_default/baseof.html
@@ -3,10 +3,12 @@
     <head>
         {{- partial "head.html" . -}}
     </head>
-    <body class="landing is-preload">
+    <body class="is-preload">
         <div id="page-wrapper">
             {{- partial "header.html" . -}}
-            {{- block "main" . }}{{- end }}
+            <section id="main" class="container">
+                {{- block "main" . }}{{- end }}
+            </section>
             {{- partial "footer.html" . -}}
         </div>
         {{- partial "scripts.html" . -}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index e69de29..561bfb0 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -0,0 +1,12 @@
+{{ define "main" }}
+<header>
+  <h2>{{ .Title }}</h2>
+  <p>{{ .Description }}</p>
+</header>
+<div class="box">
+  {{ with .Params.image }}
+  <span class="image featured"><img src="{{ . | relURL }}" alt="" /></span>
+  {{ end }}
+  {{ .Content }}
+</div>
+{{ end }}
+\ No newline at end of file
diff --git a/layouts/index.html b/layouts/index.html
index 16c2a05..b0f2e17 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -1,100 +1,112 @@
-{{ define "main" }}
-  <!-- Banner -->
-  <section id="banner">
-      <h2>Alpha</h2>
-      <p>Another fine responsive site template freebie by HTML5 UP.</p>
-      <ul class="actions special">
-          <li><a href="#" class="button primary">Sign Up</a></li>
-          <li><a href="#" class="button">Learn More</a></li>
-      </ul>
-  </section>
-  
-  <!-- Main -->
-  <section id="main" class="container">
-  
-      <section class="box special">
-          <header class="major">
-              <h2>Introducing the ultimate mobile app
-              <br />
-              for doing stuff with your phone</h2>
-              <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc ornare<br />
-              adipiscing nunc adipiscing. Condimentum turpis massa.</p>
-          </header>
-          <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
-      </section>
-  
-      <section class="box special features">
-          <div class="features-row">
-              <section>
-                  <span class="icon solid major fa-bolt accent2"></span>
-                  <h3>Magna etiam</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-              </section>
-              <section>
-                  <span class="icon solid major fa-chart-area accent3"></span>
-                  <h3>Ipsum dolor</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-              </section>
-          </div>
-          <div class="features-row">
-              <section>
-                  <span class="icon solid major fa-cloud accent4"></span>
-                  <h3>Sed feugiat</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-              </section>
-              <section>
-                  <span class="icon solid major fa-lock accent5"></span>
-                  <h3>Enim phasellus</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-              </section>
-          </div>
-      </section>
-  
-      <div class="row">
-          <div class="col-6 col-12-narrower">
-  
-              <section class="box special">
-                  <span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
-                  <h3>Sed lorem adipiscing</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                  <ul class="actions special">
-                      <li><a href="#" class="button alt">Learn More</a></li>
-                  </ul>
-              </section>
-  
-          </div>
-          <div class="col-6 col-12-narrower">
-  
-              <section class="box special">
-                  <span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
-                  <h3>Accumsan integer</h3>
-                  <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
-                  <ul class="actions special">
-                      <li><a href="#" class="button alt">Learn More</a></li>
-                  </ul>
-              </section>
-  
-          </div>
-      </div>
-  
-  </section>
-  
-  <!-- CTA -->
-  <section id="cta">
-  
-      <h2>Sign up for beta access</h2>
-      <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc.</p>
-  
-      <form>
-          <div class="row gtr-50 gtr-uniform">
-              <div class="col-8 col-12-mobilep">
-                  <input type="email" name="email" id="email" placeholder="Email Address" />
-              </div>
-              <div class="col-4 col-12-mobilep">
-                  <input type="submit" value="Sign Up" class="fit" />
-              </div>
-          </div>
-      </form>
-  
-  </section>
-{{ end }}
-\ No newline at end of file
+<!DOCTYPE html>
+<html>
+    <head>
+        {{- partial "head.html" . -}}
+    </head>
+    <body class="landing is-preload">
+        <div id="page-wrapper">
+            {{- partial "header.html" . -}}
+            <!-- Banner -->
+            <section id="banner">
+                <h2>Alpha</h2>
+                <p>Another fine responsive site template freebie by HTML5 UP.</p>
+                <ul class="actions special">
+                    <li><a href="#" class="button primary">Sign Up</a></li>
+                    <li><a href="#" class="button">Learn More</a></li>
+                </ul>
+            </section>
+            
+            <!-- Main -->
+            <section id="main" class="container">
+            
+                <section class="box special">
+                    <header class="major">
+                        <h2>Introducing the ultimate mobile app
+                        <br />
+                        for doing stuff with your phone</h2>
+                        <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc ornare<br />
+                        adipiscing nunc adipiscing. Condimentum turpis massa.</p>
+                    </header>
+                    <span class="image featured"><img src="images/pic01.jpg" alt="" /></span>
+                </section>
+            
+                <section class="box special features">
+                    <div class="features-row">
+                        <section>
+                            <span class="icon solid major fa-bolt accent2"></span>
+                            <h3>Magna etiam</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                        </section>
+                        <section>
+                            <span class="icon solid major fa-chart-area accent3"></span>
+                            <h3>Ipsum dolor</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                        </section>
+                    </div>
+                    <div class="features-row">
+                        <section>
+                            <span class="icon solid major fa-cloud accent4"></span>
+                            <h3>Sed feugiat</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                        </section>
+                        <section>
+                            <span class="icon solid major fa-lock accent5"></span>
+                            <h3>Enim phasellus</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                        </section>
+                    </div>
+                </section>
+            
+                <div class="row">
+                    <div class="col-6 col-12-narrower">
+            
+                        <section class="box special">
+                            <span class="image featured"><img src="images/pic02.jpg" alt="" /></span>
+                            <h3>Sed lorem adipiscing</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                            <ul class="actions special">
+                                <li><a href="#" class="button alt">Learn More</a></li>
+                            </ul>
+                        </section>
+            
+                    </div>
+                    <div class="col-6 col-12-narrower">
+            
+                        <section class="box special">
+                            <span class="image featured"><img src="images/pic03.jpg" alt="" /></span>
+                            <h3>Accumsan integer</h3>
+                            <p>Integer volutpat ante et accumsan commophasellus sed aliquam feugiat lorem aliquet ut enim rutrum phasellus iaculis accumsan dolore magna aliquam veroeros.</p>
+                            <ul class="actions special">
+                                <li><a href="#" class="button alt">Learn More</a></li>
+                            </ul>
+                        </section>
+            
+                    </div>
+                </div>
+            
+            </section>
+            
+            <!-- CTA -->
+            <section id="cta">
+            
+                <h2>Sign up for beta access</h2>
+                <p>Blandit varius ut praesent nascetur eu penatibus nisi risus faucibus nunc.</p>
+            
+                <form>
+                    <div class="row gtr-50 gtr-uniform">
+                        <div class="col-8 col-12-mobilep">
+                            <input type="email" name="email" id="email" placeholder="Email Address" />
+                        </div>
+                        <div class="col-4 col-12-mobilep">
+                            <input type="submit" value="Sign Up" class="fit" />
+                        </div>
+                    </div>
+                </form>
+            
+            </section>
+          
+            {{- partial "footer.html" . -}}
+        </div>
+        {{- partial "scripts.html" . -}}
+    </body>
+</html>
+\ No newline at end of file
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index b4b3690..b616fc9 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -1,26 +1,26 @@
 <!-- Header -->
-<header id="header" class="alt">
+<header id="header">
     <h1><a href="index.html">Alpha</a> by HTML5 UP</h1>
     <nav id="nav">
         <ul>
-            <li><a href="index.html">Home</a></li>
+            <li><a href="{{ .Site.BaseURL }}">Home</a></li>
             <li>
                 <a href="#" class="icon solid fa-angle-down">Layouts</a>
                 <ul>
-                    {{ range .Site.Menus.main }}
-                        {{ if .HasChildren }}
+                    {{- range .Site.Menus.main -}}
+                        {{- if .HasChildren -}}
                         <li>
                             <a href="{{ .URL }}">{{ .Name }}</a>
                             <ul>
-                                {{ range .Children }}
+                                {{- range .Children -}}
                                 <li><a href="{{ .URL }}">{{ .Name }}</a></li>
-                                {{ end }}
+                                {{- end -}}
                             </ul>
                         </li>
-                        {{ else }}
+                        {{- else -}}
                         <li><a href="{{ .URL }}">{{ .Name }}</a></li>
-                        {{ end }}
-                    {{ end }}
+                        {{- end -}}
+                    {{- end -}}
                 </ul>
             </li>
             <li><a href="#" class="button">Sign Up</a></li>
author	Nelson/Roberto <dewittn@gmail.com>	2020-05-10 15:42:21 +0300
committer	Nelson/Roberto <dewittn@gmail.com>	2020-05-10 15:42:21 +0300
commit	132c1b4b716dc9f10f4f9e8d595a53fede73a316 (patch)
tree	64f4b6624db27e6e41939e3daeb0ce610ae14df8
parent	9d7e21f036a510356c89e6beb77fee3d01018084 (diff)