Menu ordering/etc

config/_default/menus.en.toml

@@ -64,12 +64,12 @@ weight = 1
 [[footer]]
 name = "Contact"
 url = "/contact"
-weight = 2
+weight = 6
 
 [[footer]]
 name = "Members"
 url = "https://donorbox.org/handmadecities"
-weight = 3
+weight = 5
 
 [[footer]]
 name = "Meetups"
@@ -79,9 +79,9 @@ weight = 3
 [[footer]]
 name = "Seattle"
 url = "/meetups"
-weight = 3
+weight = 2
 
 [[footer]]
 name = "Boston"
 url = "/meetups"
-weight = 3
+weight = 4

config/_default/params.toml

@@ -27,7 +27,7 @@ google_adsense = ""     # example: ca-pub-xxxxxxxxxxxxxxxx
 # custom script on header, example: custom_script= "<script>console.log(\"Hello World\")</script>"
 custom_script = ""
 # copyright
-copyright = "Designed & Developed by [Zeon Studio](https://zeon.studio)"
+copyright = "© 2024 Handmade Cities LLC"
 
 # Preloader
 # preloader module: https://github.com/gethugothemes/hugo-modules/tree/master/components/preloader

content/english/_index.md

@@ -4,6 +4,18 @@ banner:
   title: "Boston in the Summer.<br> Seattle in the fall.<br> Meetups all year round."
   content: "We are the largest indie conferences for low-level programmers. This is your portal to meet with folks into graphics, game engines, kernels, compilers, and more!"
   image: "/images/hmc_spread.png"
+  hide_banner_img: false
+  triple_header:
+    enable: true
+    img_left: ""
+    alt_text_left: "left"
+    link_left: "https://google.com"
+    img_center: ""
+    alt_text_center: "center"
+    link_center: "https://tek256.com"
+    img_right: ""
+    link_right: "https://github.com"
+    alt_text_right: "right"
   parallax_bg: "/images/test_bg.jpg"
   button:
     enable: true
@@ -18,20 +30,14 @@ banner:
 
 # Features
 features:
-  - title: "What's Included in Hugoplate"
+  - title: "Inspired by Handmade Hero"
-    image: "/images/service-1.png"
+    image: ""
-    content: "Hugoplate is a comprehensive starter template that includes everything you need to get started with your Hugo project. What's Included in Hugoplate"
+    side: "center"
-    bulletpoints:
+    content: "Like [Handmade Hero]() by Molly Rocket, we belive in breaking software down to the bare bones and building back an understanding of how it all really works. _We are not affiliated with Molly Rocket, Inc._"
-      - "10+ Pre-build pages"
-      - "95+ Google Pagespeed Score"
-      - "Build with Hugo and TailwindCSS for easy and customizable styling"
-      - "Fully responsive on all devices"
-      - "SEO-optimized for better search engine rankings"
-      - "**Open-source and free** for personal and commercial use"
     button:
-      enable: false
+      enable: enable
-      label: "Get Started Now"
+      label: "About Us"
-      link: "#"
+      link: "/about"
 
   - title: "Discover the Key Features Of Hugo"
     image: "/images/service-2.png"

layouts/index.html

@@ -4,8 +4,38 @@
     <section class="section pt-14">
       <div class="container">
         <div class="row justify-center">
+          {{ if not .hide_banner_img }}
+          <div class="col-12">
+            {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+          </div>
+          {{ end }}
+          
+          {{ with .triple_header }}
+          {{ if .enable }}
+          <div class="sm:col-8 md:col-9 lg:col-7">
+            <div class="row">
+              <div class="col-4 all:col-12">
+                <a href="{{ .link_left }}">
+                {{ partial "image" (dict "Src" .img_left "Alt" .alt_text_left "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+                </a>
+              </div>
+              <div class="col-4 all:col-12">
+                <a href="{{ .link_center }}">
+                {{ partial "image" (dict "Src" .img_center "Alt" .alt_text_center "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+                </a>
+              </div>
+              <div class="col-4 all:col-12">
+                <a href="{{ .link_right }}">
+                  {{ partial "image" (dict "Src" .img_right "Alt" .alt_text_right "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
+                </a>
+            </div>
+            </div>
+          </div>
+          {{ end }} 
+          {{ end }}
+
           <div class="lg:col-7 md:col-9 mb-8 text-center">
-            <h1 class="mb-4 text-h3 lg:text-h1">
+            <h1 class="mb-4 text-h3 lg:-texth1">
               {{ .title | markdownify }}
             </h1>
             <p class="mb-8">
@@ -20,30 +50,53 @@
                     target="_blank" rel="noopener"
                   {{ end }}>
                   {{ .label }}
-                  <i class="fa fa-arrow-right pl-2"></i>
+                  <i class="{{ .icon }}"></i>
+                </a>
+              {{ end }}
+            {{ end }}
+            <br class="pt-2">
+            {{ with .button2 }}
+            {{ if .enable }}
+              <a
+                class="btn btn-primary bg-purple-700 hover:bg-purple-800 mt-6"
+                href="{{ .link | absURL }}"
+                {{ if strings.HasPrefix .link `http` }}
+                  target="_blank" rel="noopener"
+                {{ end }}>
+                {{ .label }}
+                <i class="{{ .icon }}"></i>
               </a>
             {{ end }}
           {{ end }}
-          </div>
-          <div class="col-12">
-            {{ partial "image" (dict "Src" .image "Alt" "Banner image" "Loading" "eager" "Class" "mx-auto lg:!max-w-[800px]" "DisplayXL" "800x" ) }}
           </div>
         </div>
       </div>
     </section>
   {{ end }}
   <!-- /Banner -->
-
   <!-- Features -->
   {{ range $i, $e:= .Params.features }}
-    <section class="section-sm {{ if (modBool $i 2) }}bg-gradient{{ end }}">
+    <section class="section-sm {{ if and (modBool $i 3) (not (.center_layout)) }}bg-gradient{{ end }}">
       <div class="container">
         <div class="row items-center justify-between">
+          {{ if eq .side "center" }}
+            DEVON RETURN HERE:
+            TODO:
+            - USE LOCAL VARIABLE TO TRACK INDEX WHEN NOT SET LAYOUT PATTERN,
+            - USE IS_LEFT / IS_RIGHT TO SET MOD SIDE????
+          {{ end }}
+          {{ if eq .side "left" }}
+          {{ end }}
+          {{ if eq .side "right" }}
+          {{ end }}
+          {{ if not .side }}
             <div
-            class="mb:md-0 {{ if not (modBool $i 2) }}
+            class="mb:md-0 {{ if and (not (modBool $i 2)) (not (.center_layout)) }}
               md:order-2
             {{ end }} md:col-5 mb-6">
+            {{ if .image }}
             {{ partial "image" (dict "Src" .image "Alt" "feature image" "DisplayXL" "520x" "DisplayLG" "425x" "DisplayMD" "360x") }}
+            {{ end }}
           </div>
           <div
             class="{{ if not (modBool $i 2) }}
@@ -72,6 +125,7 @@
               {{ end }}
             {{ end }}
           </div>
+          {{ end }}
         </div>
       </div>
     </section>