V5 bootstrap port

.eslintignore

@@ -1,4 +1,4 @@
 **/*.min.js
 **/owl.*.js
 **/jquery.*.js
-**/hpneo.*.js
+**/hpneo.*.js

README.md

@@ -1,18 +1,12 @@
 # Universal Theme for Hugo
 
-[![Code Climate](https://codeclimate.com/github/devcows/hugo-universal-theme/badges/gpa.svg)](https://codeclimate.com/github/devcows/hugo-universal-theme)
+## Important!
 
-Universal is a clean and stylish website template built with [Bootstrap](https://getbootstrap.com/docs/3.4/getting-started/). It stands out with its clean design and elegant typography.
+This is a forked repo from the original port of Bootstrapious' Universal theme by devcows. I loved using this template, enough so that I wanted to update the bootstrap version to v5, as it was previously at 3.3.7. Most of the functionality should remain unchanged, and *should* look mostly identical. If there are any discrepencies, feel free to either make a PR or put an issue up!
 
-Demo site: [https://devcows.github.io/hugo-universal-theme](https://devcows.github.io/hugo-universal-theme/)
+The rest of the README is from the forked repo, so enjoy!
 
-Sponsor this project:
-- [https://paypal.me/ryanfox1985](https://paypal.me/ryanfox1985)
-- [https://www.patreon.com/ryanfox1985](https://www.patreon.com/ryanfox1985)
-- BTC wallet
-```
-1My6zRZA4YKdX78aiZKZhWUWfFmCSDafZ6
-```
+Universal is a clean and stylish website template built with [Bootstrap](https://getbootstrap.com/docs/3.4/getting-started/). It stands out with its clean design and elegant typography.
 
 This Hugo theme was ported from [Bootstrapious](http://bootstrapious.com/p/universal-business-e-commerce-template) for training and fun. It has a very nice and customizable landing page, a comments system by Disqus, site search by Google, contact forms by Formspree, Google Analytics, and optional widgets for the sidebar.
 
@@ -75,7 +69,7 @@ Go to the directory where you have your Hugo site and run:
 ```
 $ mkdir themes
 $ cd themes
-$ git clone https://github.com/devcows/hugo-universal-theme
+$ git clone https://github.com/Inventhrice/hugo-universal-theme-v5
 ```
 
 For more information read the official [setup guide](https://gohugo.io/installation/) of Hugo.

exampleSite/config.toml

@@ -1,12 +1,12 @@
-baseurl = "https://devcows.github.io/hugo-universal-theme/" # Configure URL. if using gh-pages https://github.com/<username>/hugo-universal-theme URL: https://<username>.github.io/hugo-universal-theme/
+baseurl = "" # Configure URL. if using gh-pages https://github.com/<username>/hugo-universal-theme URL: https://<username>.github.io/hugo-universal-theme/
 title = "Universal"
-theme = "hugo-universal-theme"
+theme = "hugo-universal-theme-v5"
 themesDir = "../.."
 languageCode = "en-us"
 # Site language. Available translations in the theme's `/i18n` directory.
 defaultContentLanguage = "en"
 # Enable comments by entering your Disqus shortname
-disqusShortname = "devcows"
+disqusShortname = ""
 # Enable Google Analytics by entering your tracking code
 googleAnalytics = ""
 
@@ -365,7 +365,7 @@ pluralizelisttitles = false
 [[menu.topbar]]
     weight = 2
     name = "GitHub"
-    url = "https://github.com/devcows/hugo-universal-theme"
+    url = "https://github.com/Inventhrice/hugo-universal-theme-v5"
     pre = "<i class='fab fa-2x fa-github'></i>"
 
 [[menu.topbar]]
@@ -398,9 +398,8 @@ pluralizelisttitles = false
     twitter_site = "GoHugoIO" # the Twitter handle of your site (without the '@')
     default_sharing_image = "img/sharing-default.png"
 
-    # Google Maps widget: If `googleMapsApiKey` is not set, no key will be passed to Google (which likely results in a broken map widget).
+    # Google Maps widget
     enableGoogleMaps = true
-    googleMapsApiKey = "AIzaSyAv7Sza8NSp9_l_g8G2vlo0H4ydEPn_2jY"
 
     latitude = "-12.043333"
     longitude = "-77.028333"
@@ -472,10 +471,7 @@ pluralizelisttitles = false
 # Enable or disable top bar with social icons
 [params.topbar]
     enable = true
-    text = """<p class="hidden-sm hidden-xs">Contact us on +420 777 555 333 or [email protected].</p>
-      <p class="hidden-md hidden-lg"><a href="tel:+420 777 555 333" data-animate-hover="pulse"><i class="fas fa-phone"></i></a>
-      <a href="mailto:[email protected]" data-animate-hover="pulse"><i class="fas fa-envelope"></i></a>
-      </p>
+    text = """<p class="mb-0 text-xs">Contact us on +420 777 555 333 or [email protected].</p>
       """
 
 # Enable and disable widgets for the right sidebar

exampleSite/data/carousel/customizable.yaml

@@ -1,8 +1,8 @@
 weight: 4
 title: "Easy to customize"
 description: >
-  <ul class="list-style-none">
-    <li>7 preprepared colour variations.</li>
+  <ul class="list-unstyled text-uppercase fw-bold mb-0">
+    <li class="mb-2">7 preprepared colour variations.</li>
     <li>Easily to change fonts</li>
   </ul>
 image: "img/carousel/template-easy-code.png"

exampleSite/data/carousel/design.yaml

@@ -1,7 +1,7 @@
 weight: 3
 title: "Design"
 description: >
-  <ul class="list-style-none">
+  <ul class="list-unstyled text-uppercase fw-bold mb-0">
     <li>Clean and elegant design</li>
     <li>Full width and boxed mode</li>
     <li>Easily readable Roboto font and awesome icons</li>

exampleSite/data/carousel/features.yaml

@@ -1,7 +1,7 @@
 weight: 2
 title: "46 HTML pages full of features"
 description: >
-  <ul class="list-style-none">
+  <ul class="list-unstyled text-uppercase fw-bold mb-0">
      <li>Sliders and carousels</li>
      <li>4 Header variations</li>
      <li>Google maps, Forms, Megamenu, CSS3 Animations and much more</li>

exampleSite/data/carousel/multipurpose.yaml

@@ -1,4 +1,4 @@
 weight: 1
 title: "Multipurpose responsive theme"
-description: "<p>Business. Corporate. Agency.<br>Portfolio. Blog. E-commerce.</p>"
+description: "<p class=\"mb-2\">Business. Corporate. Agency.<br>Portfolio. Blog. E-commerce.</p>"
 image: "img/carousel/template-homepage.png"

layouts/_default/list.html

@@ -15,43 +15,42 @@
         {{ partial "nav.html" . }}
 
         {{ partial "breadcrumbs.html" . }}
-
-        <div id="content">
-            <div class="container">
-                <div class="row">
+        <section class="py-5">
+            <div class="container py-4">
+                <div class="row gy-5">
                     <!-- *** LEFT COLUMN *** -->
 
-                    <div class="col-md-9" id="blog-listing-medium">
+                    <div class="col-lg-9" id="blog-listing-medium">
 
                         {{ $paginator := .Paginate (where .Data.Pages "Type" "in" .Site.Params.mainSections) }}
                         {{ range $paginator.Pages }}
-                        <section class="post">
+
                             <div class="row">
-                                <div class="col-md-4">
-                                  <div class="image">
-                                      <a href="{{ .Permalink }}">
-                                          {{ if .Params.banner }}
-                                          <img src="{{ .Params.banner | relURL }}" class="img-responsive" alt="">
-                                          {{ else }}
-                                          <img src="{{ "img/placeholder.png" | relURL }}" class="img-responsive" alt="">
-                                          {{ end }}
-                                      </a>
-                                  </div>
+                                <div class="col-lg-6">
+                                    <div class="image">
+                                        <a class="d-block mb-3" href="{{ .Permalink }}">
+                                            {{ if .Params.banner }}
+                                            <img src="{{ .Params.banner | relURL }}" class="img-fluid" alt="">
+                                            {{ else }}
+                                            <img src="{{ "img/placeholder.png" | relURL }}" class="img-fluid" alt="">
+                                            {{ end }}
+                                        </a>
+                                    </div>
                                 </div>
-                                <div class="col-md-8">
-                                    <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
-                                    <div class="clearfix">
-                                        <p class="author-category">
-                                          {{ if isset .Params "authors" }}
-					  {{ i18n "authorBy" }} {{ range $index, $author := .Params.authors }}{{ if $index }}, {{ end }}<a href="{{ (printf "%s/%s" ("authors" | relLangURL) ($author | urlize)) }}">{{ $author }}</a>{{ end }}
-                                          {{ end }}
-                                          {{ if isset .Params "categories" }}
-                                          {{ if gt (len .Params.categories) 0 }}
-                                          in 
-                                          {{ range $index, $category := .Params.categories }}{{ if $index }}, {{ end }}
-                                              <a href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ $category }}</a>{{ end }}
-                                          {{ end }}
-                                          {{ end }}
+                                <div class="col-lg-6">
+                                    <h2 class="text-uppercase mb-3"><a class="text-dark" href="{{ .Permalink }}">{{ .Title }}</a></h2>
+                                    <div class="row gy-2 mb-2">
+                                        <p class="text-sm text-uppercase mb-0 fw-light text-muted">
+                                        {{ if isset .Params "authors" }}
+                    {{ i18n "authorBy" }} {{ range $index, $author := .Params.authors }}{{ if $index }}, {{ end }}<a class="fw-normal" href="{{ (printf "%s/%s" ("authors" | relLangURL) ($author | urlize)) }}">{{ $author }}</a>{{ end }}
+                                        {{ end }}
+                                        {{ if isset .Params "categories" }}
+                                        {{ if gt (len .Params.categories) 0 }}
+                                        in 
+                                        {{ range $index, $category := .Params.categories }}{{ if $index }}, {{ end }}
+                                            <a class="fw-normal" href="{{ "categories/" | relLangURL }}{{ . | urlize | lower }}">{{ $category }}</a>{{ end }}
+                                        {{ end }}
+                                        {{ end }}
 
                                         </p>
                                         {{ if isset .Params "date" }}
@@ -73,29 +72,21 @@ <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
                                     {{ end }}
                                 </div>
                             </div>
-                        </section>
+
                         {{ end }}
 
-                        <ul class="pager">
-                            {{ if .Paginator.HasPrev }}
-                            <li class="previous"><a href="{{ .Paginator.Prev.URL | relURL }}">&larr; {{ i18n "newer" }}</a></li>
-                            {{ else }}
-                            <li class="previous disabled"><a href="#">&larr; {{ i18n "newer" }}</a></li>
-                            {{ end }}
-
-                            {{ if .Paginator.HasNext }}
-                            <li class="next"><a href="{{ .Paginator.Next.URL | relURL }}">{{ i18n "older" }} &rarr;</a></li>
-                            {{ else }}
-                            <li class="next disabled"><a href="#">{{ i18n "older" }} &rarr;</a></li>
-                            {{ end }}
-                        </ul>
+                        <div class="py-4 border-top">
+                            <div class="d-flex align-items-center justify-content-between">
+                                <div class="d-flex align-items-center justify-content-between"><a class="btn btn-outline-primary" href="blog.html"><i class="fas fa-long-arrow-alt-left me-2"></i>Older</a><a class="btn btn-outline-primary disabled" href="#">Newer<i class="fas fa-long-arrow-alt-right ms-2"></i></a></div>
+                            </div>
+                        </div>
                     </div>
                     <!-- /.col-md-9 -->
 
                     <!-- *** LEFT COLUMN END *** -->
 
                     <!-- *** RIGHT COLUMN ***
-       _________________________________________________________ -->
+    _________________________________________________________ -->
 
                     <div class="col-md-3">
 
@@ -114,7 +105,7 @@ <h2><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
                 <!-- /.row -->
             </div>
             <!-- /.container -->
-        </div>
+        </section>
         <!-- /#content -->
 
         {{ partial "footer.html" . }}

layouts/_default/single.html

@@ -17,16 +17,17 @@
         {{ partial "breadcrumbs.html" . }}
 
         <div id="content">
-            <div class="container">
+          <section class="py-5">
+            <div class="container py-4">
 
-                <div class="row">
+                <div class="row gy-5">
 
                     <!-- *** LEFT COLUMN *** -->
 
-                    <div class="col-md-9" id="blog-post">
+                    <div class="col-lg-9" id="blog-post">
 
                         {{ if or .Params.author .Params.date }}
-                          <p class="text-muted text-uppercase mb-small text-right">
+                          <p class="text-muted text-uppercase mb-4 text-end text-sm">
                             {{ if isset .Params "authors" }}
 			      {{ i18n "authorBy" }} {{ range $index, $author := .Params.authors }}{{ if $index }}, {{ end }}<a href="{{ (printf "%s/%s" ("authors" | relLangURL) ($author | urlize)) }}">{{ $author }}</a>{{ end }}
                             {{ end }}
@@ -76,6 +77,7 @@
 
             </div>
             <!-- /.container -->
+          </section>
         </div>
         <!-- /#content -->
 

layouts/index.html

@@ -8,7 +8,7 @@
 
   <body>
 
-    <div id="all">
+    <div class="wide" id="all">
 
         {{ partial "top.html" . }}
 

layouts/page/single.html

@@ -21,23 +21,24 @@
               {{ partial .Params.id . }}
 
             {{ else }}
+            <section class="py-5">
+              <div class="container py-4">
 
-            <div class="container">
+                  <div class="row gy-5">
 
-                <div class="row">
+                      <div class="col-lg-9">
 
-                    <div class="col-md-12">
+                          <div>
+                            {{ .Content }}
+                          </div>
 
-                        <div>
-                          {{ .Content }}
-                        </div>
+                      </div>
 
-                    </div>
+                  </div>
+                  <!-- /.row -->
 
-                </div>
-                <!-- /.row -->
-
-            </div>
+              </div>
+            </section>
             <!-- /.container -->
 
             {{ end }}