adding to staff

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

@@ -6,6 +6,6 @@ extra:
     tags: ["Staff", "Executive Director", "Phillipsburg"]
     image: "featured.jpg"
 ---
-![Brian's Family](featured.jpg "Brian's Family")
+{{ img(path="/content/staff/brian-and-julie-fischer/featured.jpg" width=500 height=800) }}
 
 As a teenager Brian was a part of the Golden Plains Youth For Christ ministry at Northern Valley and he participated in events like Bible quizzing and monthly rallies. During his high school years he was also a part of the first mission trip teams and attended some of the first years of TFC Camp. In 2010 God called Brian back to Phillipsburg to become the Executive Director for the ministry now called Teens For Christ Connection. God is doing some great things within TFC and he continues to lead us forward into the future as we strive to do whatever it takes to help teenagers become fully devoted followers of Jesus. Brian’s wife Julie is the Office Manager for TFC and she does a great job keeping all of the finances in order. Brian and Julie also help lead the Phillipsburg TFC groups and they are the proud parents of Nathan and Natalie.

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

@@ -6,7 +6,7 @@ extra:
     image: "featured.jpg"
     tags: ["Staff", "Northern Valley"]
 ---
-![Chris and Abbie's Family](featured.jpg "Chris and Abbie's Family!")
+{{ img(path="/content/staff/chris-and-abbie-cochrun/featured.jpg" width=600 height=500) }}
 
 Chris and Abbie Cochrun serve together on TFC Staff! Chris grew up in Agra KS as a part of the Eastern Heights TFC group, Abbie grew up as a part of the Northern Valley TFC group and they got to know each other through TFC! Chris handles a lot of IT and video related things for TFC and Abbie is TFC’s graphic designer.
 

static/css/main.css

@@ -680,6 +680,12 @@
       border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
     }
   }
+  .place-self-center {
+    place-self: center;
+  }
+  .self-center {
+    align-self: center;
+  }
   .truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -824,6 +830,9 @@
   .px-6 {
     padding-inline: calc(var(--spacing) * 6);
   }
+  .px-20 {
+    padding-inline: calc(var(--spacing) * 20);
+  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }

templates/shortcodes/img.html

@@ -1,8 +1,12 @@
 {% if not op %} {% set op = "fill" -%} {% endif %}
 {% if not height %} {% set height = 450 -%} {% endif %}
 {% if not width %} {% set width = 600 -%} {% endif %}
+{% if page.colocated_path %}
 {% set image = resize_image(path=page.colocated_path ~ path, width=width, height=height, op=op) %}
-<div class="w-full rounded-lg place-content-center">
+{% else %}
+{% set image = resize_image(path=path, width=width, height=height, op=op) %}
+{% endif %}
+<div class="w-full flex basis-full place-content-center">
     <img class="py-0 rounded-lg shadow-xl object-cover w-[{{width}}px] h-[{{height}}px]"
          src="{{ image.url }}" />
 </div>