Merge pull request #12 from MJacred/styling_improvements

v2.0.2: Minor Styling improvements
cubiest · Feb 6, 2023 · 5c31c02 · 5c31c02
2 parents f47a945 + 4655d4f
commit 5c31c02
Show file tree

Hide file tree

Showing 6 changed files with 43 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,20 @@ All notable changes to this project (since its fork) are documented in this file
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
+## [2.0.2] - 2023-02-06
+
+### Added
+
+* config option: `footer.useColumns`
+  * if set to false, toggle footer style to left-aligned (instead of columns).
+
+
+### Changed
+
+* exampleSite/config.yaml > `baseURL` changed to localhost:1313.
+* If content file for hero-item.html provides no button text, hide button.
+* If content file for hero.html provides no image, just show header horizontally centered (and hide button if no text defined).
+
 
 ## [2.0.1] - 2023-01-31
 

diff --git a/exampleSite/config.yaml b/exampleSite/config.yaml
@@ -1,7 +1,7 @@
 # ------------------------------------------
 # Website Settings
 # ------------------------------------------
-baseURL: http://something-invigorating.org/
+baseURL: http://127.0.0.1:1313
 languageCode: en-us
 # Disables warnings
 disableKinds:
@@ -126,6 +126,7 @@ languages:
     # Footer
     # ------------------------------------------
     footer:
+      useColumns: false
       # Logo (from /images/logos/___)
       logo: fresh-white-alt.svg
       # Social Media Title
@@ -270,6 +271,7 @@ languages:
     # Footer
     # ------------------------------------------
     footer:
+      useColumns: false
       # Logo (from /images/logos/___)
       logo: fresh-white-alt.svg
       # Social Media Title

diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
@@ -1,19 +1,29 @@
 {{- $footer           := .Site.Params.footer }}
+{{- $useColumns       := index $footer "useColumns" }}
 {{- $logo             := index $footer "logo" }}
 {{- $quickLinks       := index $footer "quicklinks" }}
 {{- $socialMedia      := index $footer "socialmedia" }}
 {{- $bulmaLogo        := index $footer "bulmalogo" }}
 {{- $socialMediaTitle := index $footer "socialmediatitle" }}
 <footer class="footer footer-dark">
   <div class="container">
+    {{- if $useColumns }}
     <div class="columns">
       <div class="column">
+    {{- else }}
+    <div style="display:flex;">
+      <div style="padding: .75rem;">
+    {{- end }}
         <div class="footer-logo">
           <img src="{{ printf "/images/logos/%s" $logo | relURL }}">
         </div>
       </div>
       {{- range $quickLinks }}
+      {{- if $useColumns }}
       <div class="column">
+      {{- else }}
+      <div style="padding: .75rem;">
+      {{- end }}
         <div class="footer-column">
           <div class="footer-header">
             <h3>{{ .title }}</h3>
@@ -30,7 +40,11 @@ <h3>{{ .title }}</h3>
         </div>
       </div>
       {{- end }}
+      {{- if $useColumns }}
       <div class="column">
+      {{- else }}
+      <div style="padding: .75rem;">
+        {{- end }}
         <div class="footer-column">
           <div class="footer-header">
             <h3>{{ $socialMediaTitle }}</h3>

diff --git a/layouts/partials/hero-item.html b/layouts/partials/hero-item.html
@@ -19,10 +19,12 @@ <h2 class="title is-2">{{ $title }}</h2>
       <h3 class="subtitle is-5 is-muted">{{ $subtitle }}</h3>
     </div>
 
+    {{- if $buttonText }}
     <p class="has-text-centered mt-20">
       <a class="button cta is-large rounded secondary-btn raised" href="{{ $buttonUrl | absLangURL }}">
         {{ $buttonText }}
       </a>
     </p>
+    {{- end }}
   </div>
 </section>
diff --git a/layouts/partials/hero.html b/layouts/partials/hero.html
@@ -8,8 +8,13 @@
 <section class="hero is-fullheight is-default is-bold">
   <div class="hero-body">
     <div class="container">
+      {{- if $image }}
       <div class="columns is-vcentered">
         <div class="column is-5 is-offset-1 landing-caption">
+      {{- else }}
+      <div class="columns is-centered">
+        <div class="is-5 is-offset-1 landing-caption">
+      {{- end }}
           <h1 class="title is-1 is-bold is-spaced">
             {{ $title }}
           </h1>
@@ -18,18 +23,21 @@ <h2 class="subtitle is-5 is-muted">
             {{ . }}
           </h2>
           {{ end }}
+          {{- if $buttonText }}
           <p>
             <a class="button cta rounded primary-btn raised" href="{{ $buttonUrl | absLangURL }}">
               {{ $buttonText }}
             </a>
           </p>
+          {{- end }}
         </div>
-
+        {{- if $image }}
         <div class="column is-5 is-offset-1">
           <figure class="image is-4by3">
             <img src="{{ printf "/images/%s" $image | relURL }}" alt="Description">
           </figure>
         </div>
+        {{- end }}
       </div>
     </div>
   </div>

diff --git a/theme.toml b/theme.toml
@@ -1,6 +1,6 @@
 # https://github.com/gohugoio/hugoThemesSiteBuilder#theme-configuration
 name = "Hugo Invi"
-version = "2.0.1"
+version = "2.0.2"
 license = "MIT"
 licenselink = "https://github.com/cubiest/hugo-invi/blob/master/LICENSE.txt"
 description = "A simple, clean and lightweight Hugo theme for multilingual websites, inspired by CSS Ninja's Fresh theme"