idk

README.org

@@ -7,7 +7,7 @@ To edit the campmap use this link
 http://umap.openstreetmap.fr/en/map/anonymous-edit/888075:134YBQNTmQ2pkJ76ur0PJ8KPuAc
 
 * Website
-The website is built with Hugo. This gives us the ability of creating a very fast site with a lot of flexibility if you know what you're doing.
+The website is built with Zola. This gives us the ability of creating a very fast site with a lot of flexibility if you know what you're doing.
 
 * Server
 The website has a few parts that need processing like forms, these are plugged into a server component that has a RESTFUL API like system and helps us to process info on the site much faster.

config.toml

@@ -159,6 +159,7 @@ taxonomies = [
 # author value will be available using {{ config.extra.author }} in templates
 #
 [extra]
+enable_search = true
 
 
 [extra.navbar]

content/groups/colby/index.md

@@ -3,7 +3,6 @@ title: "Colby"
 date: 2022-10-28T10:20:25-05:00
 tags: ['Associate Group']
 featured_image: ""
-summary: "- Wednesdays 6:30-8:00 pm (meal provided)\n- Colby Wesleyan Church 320 W Pine St. Colby Kansas 67701\n- Ages: 5th - 12th grade"
 description: "- Wednesdays 6:30-8:00 pm (meal provided)\n- Colby Wesleyan Church 320 W Pine St. Colby Kansas 67701\n- Ages: 5th - 12th grade"
 weight: 100
 ---

content/groups/northern-valley/index.md

@@ -3,7 +3,7 @@ title: "Northern Valley"
 date: 2022-10-28T10:19:57-05:00
 tags: ["Chris Cochrun", "Dani Rouse"]
 featured_image: "featured.jpg"
-summary: "- Start Time: Wednesday, Junior High 5:00 PM, High School 6:30 PM (supper for both at 6:30)\n- End Time: 8:30\n- Location: Almena Community Building\n- Ages: 6-8th Grade"
+description: "- Start Time: Wednesday, Junior High 5:00 PM, High School 6:30 PM (supper for both at 6:30)\n- End Time: 8:30\n- Location: Almena Community Building\n- Ages: 6-8th Grade"
 weight: 30
 ---
 ![Northern Valley](featured.jpg "The Nothern Valley Group")

content/staff/chris-and-abbie-cochrun/_index.md

@@ -3,7 +3,7 @@ title: "Chris and Abbie Cochrun"
 description: "Chris and Abbie Cochrun serve together on TFC Staff!"
 weight: 70
 extra:
-    featured_image: ""
+    image: "featured.jpg"
     tags: ["Staff", "Northern Valley"]
 ---
 ![Chris and Abbie's Family](featured.jpg "Chris and Abbie's Family!")
@@ -18,4 +18,4 @@ Subscribe to our newsletters!
 
 If you'd like to read our newsletters, check them out here!
 
-{{< spacing height="h-12" >}}
+{{ spacing(height="h-12") }}

static/css/main.css

@@ -259,9 +259,6 @@
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
-  .-left-1 {
-    left: calc(var(--spacing) * -1);
-  }
   .-left-1\/2 {
     left: calc(calc(1/2 * 100%) * -1);
   }
@@ -428,9 +425,6 @@
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
-  .h-2 {
-    height: calc(var(--spacing) * 2);
-  }
   .h-2\/3 {
     height: calc(2/3 * 100%);
   }
@@ -473,15 +467,9 @@
   .h-screen {
     height: 100vh;
   }
-  .w-1 {
-    width: calc(var(--spacing) * 1);
-  }
   .w-1\/3 {
     width: calc(1/3 * 100%);
   }
-  .w-2 {
-    width: calc(var(--spacing) * 2);
-  }
   .w-2\/3 {
     width: calc(2/3 * 100%);
   }
@@ -497,9 +485,6 @@
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
-  .w-11 {
-    width: calc(var(--spacing) * 11);
-  }
   .w-11\/12 {
     width: calc(11/12 * 100%);
   }
@@ -542,15 +527,9 @@
   .flex-none {
     flex: none;
   }
-  .flex-shrink {
-    flex-shrink: 1;
-  }
   .flex-shrink-0 {
     flex-shrink: 0;
   }
-  .flex-grow {
-    flex-grow: 1;
-  }
   .grow {
     flex-grow: 1;
   }
@@ -589,9 +568,6 @@
   .cursor-pointer {
     cursor: pointer;
   }
-  .resize {
-    resize: both;
-  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -774,9 +750,6 @@
   .bg-indigo-500 {
     background-color: var(--color-indigo-500);
   }
-  .bg-neutral-500 {
-    background-color: var(--color-neutral-500);
-  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -801,9 +774,6 @@
   .p-5 {
     padding: calc(var(--spacing) * 5);
   }
-  .px-1 {
-    padding-inline: calc(var(--spacing) * 1);
-  }
   .px-1\.5 {
     padding-inline: calc(var(--spacing) * 1.5);
   }
@@ -819,9 +789,6 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
-  .py-0 {
-    padding-block: calc(var(--spacing) * 0);
-  }
   .py-0\.5 {
     padding-block: calc(var(--spacing) * 0.5);
   }
@@ -840,12 +807,6 @@
   .py-6 {
     padding-block: calc(var(--spacing) * 6);
   }
-  .ps-4 {
-    padding-inline-start: calc(var(--spacing) * 4);
-  }
-  .pe-4 {
-    padding-inline-end: calc(var(--spacing) * 4);
-  }
   .pt-1 {
     padding-top: calc(var(--spacing) * 1);
   }
@@ -956,9 +917,6 @@
   .text-indigo-500 {
     color: var(--color-indigo-500);
   }
-  .text-neutral-50 {
-    color: var(--color-neutral-50);
-  }
   .text-white {
     color: var(--color-white);
   }
@@ -979,11 +937,6 @@
       color: var(--color-gray-300);
     }
   }
-  .placeholder-neutral-300 {
-    &::placeholder {
-      color: var(--color-neutral-300);
-    }
-  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -1008,17 +961,10 @@
   .ring-black {
     --tw-ring-color: var(--color-black);
   }
-  .outline {
-    outline-style: var(--tw-outline-style);
-    outline-width: 1px;
-  }
   .blur {
     --tw-blur: blur(8px);
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
   }
-  .filter {
-    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
-  }
   .transition {
     transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1155,11 +1101,6 @@
       color: var(--color-gray-500);
     }
   }
-  .checked\:text-neutral-500 {
-    &:checked {
-      color: var(--color-neutral-500);
-    }
-  }
   .invalid\:text-\[\#F39\] {
     &:invalid {
       color: #F39;
@@ -1248,13 +1189,6 @@
       }
     }
   }
-  .hover\:bg-neutral-500 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-neutral-500);
-      }
-    }
-  }
   .hover\:text-blue-500 {
     &:hover {
       @media (hover: hover) {
@@ -1359,11 +1293,6 @@
       --tw-ring-color: var(--color-blue-700);
     }
   }
-  .focus\:ring-gray-700 {
-    &:focus {
-      --tw-ring-color: var(--color-gray-700);
-    }
-  }
   .focus\:ring-white {
     &:focus {
       --tw-ring-color: var(--color-white);
@@ -1867,11 +1796,6 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
-@property --tw-outline-style {
-  syntax: "*";
-  inherits: false;
-  initial-value: solid;
-}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1967,7 +1891,6 @@
       --tw-ring-offset-width: 0px;
       --tw-ring-offset-color: #fff;
       --tw-ring-offset-shadow: 0 0 #0000;
-      --tw-outline-style: solid;
       --tw-blur: initial;
       --tw-brightness: initial;
       --tw-contrast: initial;

templates/staff_section.html

@@ -17,34 +17,15 @@
 
     {% for page in pages %}
       {% set page = get_section(path=page) %}
-      <div class="border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-2xl transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800">
+      <div class="flex flex-col border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-2xl transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800">
+          <div class="rounded-lg">
+              {{ page.extra.image }}
+          </div>
         <div class="flex flex-col py-2 justify-center">
          <h2 class="text-2xl text-bold"><a href='{{ page.permalink }}'>{{ page.title }}</a></h2>
           <p class="text-bold">{{ page.description }}</p>
         </div>
 
-        <!-- Read time and word count -->
-        <div class="flex flex-wrap py-2">
-          <div class="flex items-center w-1/3">
-            <div class="flex space-x-3 text-gray-900 dark:text-gray-400">
-              <span class="flex">
-                <!-- Icon clock -->
-                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"></path>
-                </svg>
-                <span class="ml-1">{{ page.reading_time }} min</span>
-              </span>
-              <span class="flex">
-                <!-- Icon pencil -->
-                <svg class="w-6 h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
-                  <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z"></path>
-                </svg>
-                <span class="ml-1">{{ page.word_count }} words</span>
-              </span>
-            </div>
-          </div>
-        </div>
-
         <!-- Summary -->
         <div class="text-bold mt-2">
           <a class="flex py-2" href='{{ page.permalink }}'>