tweakies

content/staff/april-teves/_index.md

@@ -4,7 +4,7 @@ description: "Arnie and April moved to Logan, Kansas in October of 2009."
 weight: 70
 extra:
     tags: ["Staff", "Logan", "Wakeeney"]
-    featured_image: ""
+    image: ""
 ---
 ![April and Arnie Teves](featured.jpg "April and Arnie Teves")
 

content/staff/billy-cayou/_index.md

@@ -4,7 +4,7 @@ description: "Billy grew up in Oxford, Nebraska and was a part of Southern Valle
 weight: 80
 extra:
     tags: ['Staff', 'Phillipsburg']
-    featured_image: ""
+    image: ""
 ---
 ![Billy Cayou](featured.jpg "Billy Cayou loves disc golf!")
 

content/staff/brian-and-julie-fischer/_index.md

@@ -4,7 +4,7 @@ description: "As a teenager Brian was a part of the Golden Plains Youth For Chri
 weight: 10
 extra:
     tags: ["Staff", "Executive Director", "Phillipsburg"]
-    image: "img/brain.jpg"
+    image: "featured.jpg"
 ---
 ![Brian's Family](featured.jpg "Brian's Family")
 

content/staff/ethan-rose/_index.md

@@ -4,7 +4,7 @@ description: "Ethan’s TFC journey began as a teenager in the Eastern Heights T
 weight: 60
 extra:
     tags: ["Staff", "Thunder Ridge"]
-    featured_image: ""
+    image: ""
 ---
 ![Ethan Rose](featured.jpg "Ethan at camp!")
 

content/staff/janice-lundquist/_index.md

@@ -3,7 +3,7 @@ title: "Janice Lundquist"
 description: "In the fall of 1981, Janice Lundquist became a part of the TFC Staff."
 weight: 30
 extra:
-    featured_image: ""
+    image: ""
     tags: ["Staff", "Alumni Coordinator", "Thunder Ridge"]
 ---
 ![Janice Lundquist](featured.jpg "Janice Lundquist")

content/staff/lavonne-ponstein/_index.md

@@ -3,7 +3,7 @@ title: "Lavonne Ponstein"
 description: "Lavonne joined the TFC adventure back in 1983. For years she worked directly with students as a leader of the weekly Connection groups."
 weight: 20
 extra:
-    featured_image: ""
+    image: ""
     tags: ["Staff", "Disciplemaking Coach"]
 ---
 ![Lavonne Ponstein](featured.jpg "Lavonne Ponstein")

content/staff/lewis-smith/_index.md

@@ -3,7 +3,7 @@ title: "Lewis and Susan Smith"
 description: "Lewis grew up in a ministry a lot like TFC Connection."
 weight: 40
 extra:
-    featured_image: ""
+    image: ""
     tags: ["Staff", "Logan"]
 ---
 ![Lewis and Susan Smith](featured.jpg "Lewis and Susan Smith!")

content/staff/rob-and-taffy-lewis/_index.md

@@ -3,6 +3,7 @@ title: "Rob and Taffy Lewis"
 description: "Rob Lewis joined the TFC Staff in 2007 after having volunteered as a helper at the Southern Valley TFC group."
 weight: 50
 extra:
+    image: "featured.jpg"
     tags: ["Staff", "Southern Valley"]
 ---
 ![Rob and Taffy Lewis](featured.jpg "Rob and Taffy's family!")

static/css/main.css

@@ -259,6 +259,9 @@
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+  .-left-1 {
+    left: calc(var(--spacing) * -1);
+  }
   .-left-1\/2 {
     left: calc(calc(1/2 * 100%) * -1);
   }
@@ -425,6 +428,9 @@
   .h-0 {
     height: calc(var(--spacing) * 0);
   }
+  .h-2 {
+    height: calc(var(--spacing) * 2);
+  }
   .h-2\/3 {
     height: calc(2/3 * 100%);
   }
@@ -467,9 +473,15 @@
   .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%);
   }
@@ -485,6 +497,9 @@
   .w-9 {
     width: calc(var(--spacing) * 9);
   }
+  .w-11 {
+    width: calc(var(--spacing) * 11);
+  }
   .w-11\/12 {
     width: calc(11/12 * 100%);
   }
@@ -527,9 +542,15 @@
   .flex-none {
     flex: none;
   }
+  .flex-shrink {
+    flex-shrink: 1;
+  }
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .flex-grow {
+    flex-grow: 1;
+  }
   .grow {
     flex-grow: 1;
   }
@@ -568,6 +589,9 @@
   .cursor-pointer {
     cursor: pointer;
   }
+  .resize {
+    resize: both;
+  }
   .grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -750,6 +774,9 @@
   .bg-indigo-500 {
     background-color: var(--color-indigo-500);
   }
+  .bg-neutral-500 {
+    background-color: var(--color-neutral-500);
+  }
   .bg-transparent {
     background-color: transparent;
   }
@@ -774,6 +801,9 @@
   .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);
   }
@@ -789,6 +819,9 @@
   .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);
   }
@@ -807,6 +840,12 @@
   .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);
   }
@@ -917,6 +956,9 @@
   .text-indigo-500 {
     color: var(--color-indigo-500);
   }
+  .text-neutral-50 {
+    color: var(--color-neutral-50);
+  }
   .text-white {
     color: var(--color-white);
   }
@@ -937,6 +979,11 @@
       color: var(--color-gray-300);
     }
   }
+  .placeholder-neutral-300 {
+    &::placeholder {
+      color: var(--color-neutral-300);
+    }
+  }
   .opacity-0 {
     opacity: 0%;
   }
@@ -961,10 +1008,17 @@
   .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));
@@ -1101,6 +1155,11 @@
       color: var(--color-gray-500);
     }
   }
+  .checked\:text-neutral-500 {
+    &:checked {
+      color: var(--color-neutral-500);
+    }
+  }
   .invalid\:text-\[\#F39\] {
     &:invalid {
       color: #F39;
@@ -1189,6 +1248,13 @@
       }
     }
   }
+  .hover\:bg-neutral-500 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--color-neutral-500);
+      }
+    }
+  }
   .hover\:text-blue-500 {
     &:hover {
       @media (hover: hover) {
@@ -1293,6 +1359,11 @@
       --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);
@@ -1796,6 +1867,11 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1891,6 +1967,7 @@
       --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,10 +17,15 @@
 
     {% for page in pages %}
       {% set page = get_section(path=page) %}
+      {% set image = page.path ~ "/" ~ page.extra.image %}
+      {% set resized = resize_image(path=image, width=100, height=100) %}
       <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">
+
+          <!-- Image -->
           <div class="rounded-lg">
-              {{ page.extra.image }}
+              <img src="{{ page.path ~ "/" ~ 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>