images

This reverts commit ad05122914.

.dir-locals.el

@@ -1,6 +1,6 @@
 ;;; Directory Local Variables            -*- no-byte-compile: t -*-
 ;;; For more information see (info "(emacs) Directory Variables")
 
-((nil . ((compile-command . "hugo server --noHTTPCache")))
+((nil . ((compile-command . "just serve")))
  (org-mode . ((org-hugo-base-dir . "/home/chris/dev/tfcconnection")))
  (rustic-mode . ((rustic-rustfmt-args . "--edition 2021"))))

content/camp-form.md

@@ -1,7 +1,7 @@
 ---
 title: "Camp Form"
 date: 2024-12-12
-
+template: "simple_page.html"
 ---
 
 <!-- We are currently working on updating the form!! Check back soon to get signed up for camp!! -->

content/camp-health-form.md

@@ -1,5 +1,6 @@
 ---
 title: "Camp Health Form"
+template: "simple_page.html"
 ---
 
 > You will need to fill out this health form in order to finish your camp form.

content/contact.md

@@ -3,10 +3,11 @@ title: Contact
 featured_image: ''
 description: We'd love to hear from you
 date: 2014-10-18
+template: "simple_page.html"
 ---
 
 <!-- Right now our contact form is broken, you can email any of the staff by using their first name followed by @tfcconnection.org. Sorry for the inconvenience. -->
 
 We would love to get into contact with you! Just put in your name, a message and your email address and we will get right back to you! You can also email a specific staff member here if you'd like to make sure the message gets directly to them! If you don't know who to email, just leave it blank!
 
-{{< contact-form  >}}
+{{ contact_form()  }}

content/groups/_index.md

@@ -2,7 +2,6 @@
 title = "Groups"
 description = ""
 template = "section.html"
-
 +++
 
 Many of the TFC Staff pour their hearts and hours into these groups. We work within the community and kids to share Jesus's love.

content/groups/atwood/index.md

@@ -2,22 +2,22 @@
 title: "Atwood"
 date: 2022-10-28T10:20:04-05:00
 tags: ["Jenny Popp"]
-featured_image: ""
+description: "- Start Time: 6:30 for HS and 6:00 for JH (Supper for both)\n- End Time: 8:30 for HS and 8:00 for JH\n- Location: 5ten Youth Center, 510 Main, Atwood KS\n- 1st and 3rd Wed. is HS\n- 2nd and 4th Wed is JH"
-description: ""
+template: "simple_page.html"
-summary: "- Start Time: 6:30 for HS and 6:00 for JH (Supper for both)\n- End Time: 8:30 for HS and 8:00 for JH\n- Location: 5ten Youth Center, 510 Main, Atwood KS\n- 1st and 3rd Wed. is HS\n- 2nd and 4th Wed is JH"
 weight: 80
+extra:
+    image: "featured.jpg"
 ---
-![Atwood](featured.jpg "The Atwood Group")
+{{ img(path="featured.jpg" width=600 height=500) }}
 
-# High School
+## High School
 - Start Time: 1st & 3rd Wednesday of month, 6:30 PM (Supper provided)
 - End Time: 8:30
 - Location: 5ten Youth Center, 510 Main, Atwood KS
 - Ages: 9-12th Grade
 
-{{< spacing >}}
 
-# Junior High
+## Junior High
 - Start Time: 2nd & 4th Wednesday of month, 6:00 PM (Supper provided)
 - End Time: 8:00
 - Location: 5ten Youth Center, 510 Main, Atwood KS

content/groups/codell/index.md

@@ -2,12 +2,13 @@
 title: "Codell"
 date: 2022-10-28T10:20:20-05:00
 tags: ['Associate Group']
-featured_image: ""
+description: "- Wednesdays 6:45-8:15pm (Supper Provided)\n- Ages: 6th-12th Grade\n- Location: Codell Community Church, 409 Codell Rd. Codell, KS 67663"
-description: ""
+template: "simple_page.html"
-summary: "- Wednesdays 6:45-8:15pm (Supper Provided)\n- Ages: 6th-12th Grade\n- Location: Codell Community Church, 409 Codell Rd. Codell, KS 67663"
 weight: 90
+extra:
+    image: "featured.jpg"
 ---
-![Codell](featured.jpg "The Codell Group")
+{{ img(path="featured.jpg" width=1000 height=500) }}
 
 - Wednesdays 6:45-8:15pm (Supper Provided)
 - Ages: 6th-12th Grade

content/groups/colby/index.md

@@ -2,11 +2,13 @@
 title: "Colby"
 date: 2022-10-28T10:20:25-05:00
 tags: ['Associate Group']
-featured_image: ""
 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
+template: "simple_page.html"
+extra:
+    image: "featured.jpg"
 ---
-![Colby](featured.jpg "The Colby Group")
+{{ img(path="featured.jpg" width=800 height=500) }}
 
 - Wednesdays 6:30-8:00 pm (meal provided)
 - Colby Wesleyan Church 320 W Pine St. Colby Kansas 67701

content/groups/logan/index.md

@@ -2,12 +2,13 @@
 title: "Logan"
 date: 2022-10-28T10:19:27-05:00
 tags: ["April Teves"]
-featured_image: ""
+description: "- Start Time: Monday, 6:30 PM (Supper provided)\n- End Time: 8:30\n- Location: First Christian Church 204 N. Douglas, Logan, KS 67646\n- Ages: 6-12th Grade"
-description: ""
+template: "simple_page.html"
-summary: "- Start Time: Monday, 6:30 PM (Supper provided)\n- End Time: 8:30\n- Location: First Christian Church 204 N. Douglas, Logan, KS 67646\n- Ages: 6-12th Grade"
 weight: 50
+extra:
+    image: "featured.jpg"
 ---
-![Logan](featured.jpg "The Logan Group")
+{{ img(path="featured.jpg" width=800 height=500) }}
 
 - Start Time: Monday, 6:30 PM (Supper provided)
 - End Time: 8:30

content/groups/northern-valley/index.md

@@ -1,12 +1,14 @@
 ---
 title: "Northern Valley"
 date: 2022-10-28T10:19:57-05:00
-tags: ["Chris Cochrun", "Dani Rouse"]
+tags: ["Chris Cochrun"]
-featured_image: "featured.jpg"
 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
+template: "simple_page.html"
+extra:
+    image: "featured.jpg"
 ---
-![Northern Valley](featured.jpg "The Nothern Valley Group")
+{{ img(path="featured.jpg" width=800 height=400) }}
 
 - Start Time: Wednesday, Junior High 5:00 PM, High School 6:30 PM (supper for both at 6:30)
 - End Time: 8:30

content/groups/phillipsburg/index.md

@@ -3,11 +3,13 @@ title: "Phillipsburg"
 date: 2022-10-28T10:19:41-05:00
 tags: ["Brian Fischer", "Billy Cayou"]
 featured_image: ""
-description: ""
+description: "- Start Time: Wednesday, 6:30 PM (Supper provided)\n- End Time: 8:30\n- Location: Community Church of God, 135 10th Street, Phillipsburg, KS 67661\n- Ages: 6-12th Grade"
-summary: "- Start Time: Wednesday, 6:30 PM (Supper provided)\n- End Time: 8:30\n- Location: Community Church of God, 135 10th Street, Phillipsburg, KS 67661\n- Ages: 6-12th Grade"
+template: "simple_page.html"
 weight: 10
+extra:
+    image: "featured.jpg"
 ---
-![Phillipsburg](featured.jpg "The Phillipsburg Group")
+{{ img(path="featured.jpg" width=600 height=300) }}
 
 - Start Time: Wednesday, 6:30 PM (Supper provided)
 - End Time: 8:30

content/groups/smith-center/index.md

@@ -2,12 +2,13 @@
 title: "Smith Center"
 date: 2022-10-28T10:20:16-05:00
 tags: ["Tom and Brenda Colorassi"]
-featured_image: ""
+description: "- Start Time: Wednesday, 6:30 PM\n- End Time: 8:00\n- Location: New Covenant Church in Smith Center\n- Ages: 6-12th Grade"
-description: ""
+template: "simple_page.html"
-summary: "- Start Time: Wednesday, 6:30 PM\n- End Time: 8:00\n- Location: New Covenant Church in Smith Center\n- Ages: 6-12th Grade"
 weight: 70
+extra:
+    image: "featured.jpg"
 ---
-![Smith Center](featured.jpg "The Colorassi Family")
+{{ img(path="featured.jpg" width=600 height=500) }}
 
 # Details
 - Start Time: Wednesday, 6:30 PM

content/groups/southern-valley/index.md

@@ -2,12 +2,13 @@
 title: "Southern Valley"
 date: 2022-10-28T10:19:49-05:00
 tags: ["Rob Lewis"]
-featured_image: ""
+description: "- Start Time: Wednesday, 6:30 PM (Supper provided)\n- End Time: 9:00\n- Location: Rob’s House  904 Howard St Oxford NE 68967\n- Ages: 6-12th Grade"
-description: ""
-summary: "- Start Time: Wednesday, 6:30 PM (Supper provided)\n- End Time: 9:00\n- Location: Rob’s House  904 Howard St Oxford NE 68967\n- Ages: 6-12th Grade"
 weight: 40
+template: "simple_page.html"
+extra:
+    image: "featured.jpg"
 ---
-![Southern Valley](featured.jpg "The Southern Valley Group")
+{{ img(path="featured.jpg" width=600 height=450) }}
 
 - Start Time: Wednesday, 6:30 PM (Supper provided)
 - End Time: 9:00

content/groups/thunder-ridge/index.md

@@ -2,12 +2,13 @@
 title: "Thunder Ridge"
 date: 2022-10-28T10:19:34-05:00
 tags: ["Ethan Rose", "Janice Lundquist"]
-featured_image: ""
+description: "- Start Time: Wednesday, 6:30 PM (Supper provided) \n - End Time: 8:30\n- Location: United Methodist Church 667 Southern Ave, Agra, KS 67621\n- Ages: 6-12th Grade"
-description: ""
-summary: "- Start Time: Wednesday, 6:30 PM (Supper provided)\n- End Time: 8:30\n- Location: United Methodist Church 667 Southern Ave, Agra, KS 67621\n- Ages: 6-12th Grade"
 weight: 20
+template: "simple_page.html"
+extra:
+    image: "featured.jpg"
 ---
-![Thunder Ridge](featured.jpg "The Thunder Ridge Group")
+{{ img(path="featured.jpg" width=600 height=300) }}
 
 - Start Time: Wednesday, 6:30 PM (Supper provided)
 - End Time: 8:30

content/groups/wakeeney/index.md

@@ -2,12 +2,13 @@
 title: "Wakeeney"
 date: 2022-10-28T10:20:11-05:00
 tags: ["April Teves"]
-featured_image: ""
+description: "- Start Time: Wednesday, 6:00 PM (Supper provided)\n- End Time: 7:30\n- Location: Church of God, Wakeeney KS\n- Ages: 6-12th Grade"
-description: ""
+template: "simple_page.html"
-summary: "- Start Time: Wednesday, 6:00 PM (Supper provided)\n- End Time: 7:30\n- Location: Church of God, Wakeeney KS\n- Ages: 6-12th Grade"
 weight: 60
+extra:
+    image: "featured.jpg"
 ---
-![Wakeeney](featured.jpg "The Wakeeney Group")
+{{ img(path="featured.jpg" width=600 height=300) }}
 
 - Start Time: Wednesday, 6:00 PM (Supper provided)
 - End Time: 7:30

content/health-form.md

@@ -1,5 +1,6 @@
 ---
 title: "Health Form"
+template: "simple_page.html"
 ---
 Here you can fill out your health form in order to go to larger TFC events like ice skating, camp, SPLASH, and mission trip! If you've already filled out a form in May, then you won't need another until the next May! The current active health form is from {{< health-form-year >}}
 

content/local-trip-form.md

@@ -2,6 +2,7 @@
 title: Local Mission Trip Form
 layout: simple
 sharingLinks: false
+template: "simple_page.html"
 ---
 
 If you'd like to still do a mission trip of some kind, but the other dates do not work for you or you do not feel ready for a longer trip, then this is the trip for you! Sign up here now!

content/ministries/coaching/_index.md

@@ -6,7 +6,7 @@ extra:
     image: "featured.jpg"
     tags: ['ministry']
 ---
-![Coaching](featured.jpg "Lavonne coaches teens and adults alike!")
+{{ img(path="/content/ministries/coaching/featured.jpg" width=700 height=600) }}
 
 Since disciplemaking is the heartbeat of TFC Connection, one of the services TFC offers is individual coaching with an emphasis on helping people discover how they were created to reflect the character of God as disciplemaker. 
 

content/mt-church-form.md

@@ -2,7 +2,7 @@
 title: "Mission Trip Church Form"
 date: 2022-11-11T15:03:48-06:00
 omit_header_text: true
-layout: simple
+template: "simple_page.html"
 sharingLinks: false
 ---
 

content/mt-form.md

@@ -3,7 +3,7 @@ title: Mission Trip Form
 omit_header_text: true
 layout: simple
 sharingLinks: false
-
+template: "simple_page.html"
 ---
 
 <!-- Mission Trip applications are closed until next year. -->

content/mt-health-form.md

@@ -2,8 +2,8 @@
 title: "Mission Trip Health Form"
 date: 2022-12-31T14:27:16-06:00
 omit_header_text: true
-layout: simple
 sharingLinks: false
+template: "simple_page.html"
 ---
 
 > You will need to fill out this health form in order to finish your mission trip application.

content/mt-parent-form.md

@@ -2,8 +2,8 @@
 title: "Mission Trip Parent Form"
 date: 2022-11-11T14:47:35-06:00
 omit_header_text: true
-layout: simple
 sharingLinks: false
+template: "simple_page.html"
 ---
 
 <!-- Mission Trip applications are closed until next year. -->

content/mt-teacher-form.md

@@ -2,7 +2,7 @@
 title: "Mission Trip Teacher Form"
 date: 2022-11-11T15:03:43-06:00
 omit_header_text: true
-layout: simple
+template: "simple_page.html"
 sharingLinks: false
 ---
 

content/staff/april-teves/_index.md

@@ -6,6 +6,7 @@ extra:
     tags: ["Staff", "Logan", "Wakeeney"]
     image: "featured.jpg"
 ---
-![April and Arnie Teves](featured.jpg "April and Arnie Teves")
+{{ img(path="/content/staff/april-teves/featured.jpg" width=600 height=500) }}
+
 
 Arnie and April moved to Logan, Kansas in October of 2009. April’s grandfather’s family homesteaded south of Logan and she grew up coming to Logan every year for family reunions. So, when they moved here, it was like moving to her hometown, although she was raised in Colorado. Shortly after they moved here, April joined TFC staff and eventually became the leader of the Logan TFC group. They now co-lead the Logan group with Lewis and Susan Smith from Phillipsburg and they love being part of the community of Logan, getting to know the families and the teens, and teaching the teens about Jesus! April also leads the junior high group in Wakeeney in partnership with the Church of God.

content/staff/billy-cayou/_index.md

@@ -6,6 +6,6 @@ extra:
     tags: ['Staff', 'Phillipsburg']
     image: "featured.jpg"
 ---
-![Billy Cayou](featured.jpg "Billy Cayou loves disc golf!")
+{{ img(path="/content/staff/billy-cayou/featured.jpg" width=600 height=400) }}
 
 Billy grew up in Oxford, Nebraska and was a part of Southern Valley TFC throughout Middle School and High School. During college, Billy was a summer intern for a few years and in the fall of 2021 he began his year long internship. During those years God placed a desire in Billy to serve in the ministry where he loved so dearly, then he joined staff in the fall of 2022. Billy handles our social media and helps lead the Phillipsburg Group with Brian and Julie Fischer.

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,13 +6,13 @@ 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.
 
 Subscribe to our newsletters!
-- [ {{ icon("email") }} Email](http://eepurl.com/dPuMqz)
+- [ {{ icon(icon="email") }} Email](http://eepurl.com/dPuMqz)
-- [ {{ icon("rss") }} RSS](index.xml)
+- [ {{ icon(icon="rss") }} RSS](index.xml)
 
 <!-- You can check out my own website at [cochrun.xyz](https://cochrun.xyz)! -->
 

content/staff/ethan-rose/_index.md

@@ -6,6 +6,6 @@ extra:
     tags: ["Staff", "Thunder Ridge"]
     image: "featured.jpg"
 ---
-![Ethan Rose](featured.jpg "Ethan at camp!")
+{{ img(path="/content/staff/ethan-rose/featured.jpg" width=500 height=600) }}
 
 Ethan’s TFC journey began as a teenager in the Eastern Heights TFC group in Agra, KS. Throughout his high school years his involvement in the ministry grew, and by the time he went to college the Lord had placed this ministry on his heart as a place God might be calling Ethan back to. After serving in volunteer and intern positions throughout college, he joined TFC staff in the fall of 2012. Ethan loves leading the Thunder Ridge group, as well as being Co-Camp Director where he gets to work with interns as they learn to plan and execute camp.

content/staff/janice-lundquist/_index.md

@@ -6,6 +6,6 @@ extra:
     image: "featured.jpg"
     tags: ["Staff", "Alumni Coordinator", "Thunder Ridge"]
 ---
-![Janice Lundquist](featured.jpg "Janice Lundquist")
+{{ img(path="/content/staff/janice-lundquist/featured.jpg" width=600 height=400) }}
 
 In the fall of 1981, Janice Lundquist became a part of the TFC Staff. She has served in and enjoyed almost every aspect of the ministry during that time. She currently works with the Thunder Ridge TFC group, working specifically with the Junior High age teens. Carrying on a dream of the staff, Janice is currently working on developing a ministry of encouragement to TFC Alumni to continue building a heart for discipleship in them.

content/staff/lavonne-ponstein/_index.md

@@ -6,6 +6,6 @@ extra:
     image: "featured.jpg"
     tags: ["Staff", "Disciplemaking Coach"]
 ---
-![Lavonne Ponstein](featured.jpg "Lavonne Ponstein")
+{{ img(path="/content/staff/lavonne-ponstein/featured.jpg" width=600 height=400) }}
 
 Lavonne joined the TFC adventure back in 1983. For years she worked directly with students as a leader of the weekly Connection groups. Her passion for the ministry of TFC is that we will be a disciplemaking ministry imitating Jesus’ strategy for making disciples. Lavonne is currently working as “Disciplemaking Coach”  and Co-Camp Director for TFC as she focuses on spurring on individual staff members, interns, and others for the disciplemaking of many.

content/staff/lewis-smith/_index.md

@@ -6,6 +6,6 @@ extra:
     image: "featured.jpg"
     tags: ["Staff", "Logan"]
 ---
-![Lewis and Susan Smith](featured.jpg "Lewis and Susan Smith!")
+{{ img(path="/content/staff/lewis-smith/featured.jpg" width=600 height=400) }}
 
 Lewis grew up in a ministry a lot like TFC Connection. Because of this kind of ministry, he fell in love with TFC. As a ministry that is involved with several communities and helps the teens get to know other Christians, Lewis loves TFC. Lewis’s wife Susan helps in many ways at TFC and works at a nursing home. Lewis and Susan have both been a part of the TFC family for 20+ years and love it. Lewis is one of the sound and tech guys at TFC.

content/staff/rob-lewis/_index.md

@@ -1,11 +1,11 @@
 ---
-title: "Rob and Taffy Lewis"
+title: "Rob 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!")
+{{ img(path="/content/staff/rob-lewis/featured.jpg" width=500 height=700) }}
 
 Rob Lewis joined the TFC Staff in 2007 after having volunteered as a helper at the Southern Valley TFC group. He is the Southern Valley Director and brings his carpentry skills and get it done attitude to help with Mission Trips and TFC Camp. Rob also attended the Oxford TFC group as a teenager. His wife Taffy grew up as a staff kid as her parents joined the staff in 1978. She has been supporting Rob in his ministry since he joined and has recently started leading the weekly lessons. They have two children Christian and Cedric. Christian is 20 years old and Cedric is five.

content/thankyou.md

@@ -2,8 +2,8 @@
 title: "Thank You"
 date: 2022-12-09T14:33:33-06:00
 omit_header_text: true
-layout: simple
 sharingLinks: false
+template: "simple_page.html"
 ---
 Thanks for filling out our form!
 

src/css/main.css

@@ -47,6 +47,13 @@
     @apply text-neutral-600;
     @apply dark:text-neutral-400;
   }
+
+  img {
+      @apply py-0;
+      @apply rounded-lg;
+      @apply shadow-xl;
+      @apply object-cover;
+  }
 }
 
 /* Global default styles */

static/css/base.css

@@ -27,4 +27,11 @@
   li::marker {
       color: var(--color-gray-600);
   }
+
+  img {
+      @apply py-0;
+      @apply rounded-lg;
+      @apply shadow-xl;
+      @apply object-cover;
+  }
 }

static/css/main.css

@@ -463,6 +463,9 @@
   .h-40 {
     height: calc(var(--spacing) * 40);
   }
+  .h-48 {
+    height: calc(var(--spacing) * 48);
+  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -472,9 +475,6 @@
   .h-screen {
     height: 100vh;
   }
-  .max-h-12 {
-    max-height: calc(var(--spacing) * 12);
-  }
   .w-1\/3 {
     width: calc(1/3 * 100%);
   }
@@ -594,8 +594,8 @@
   .flex-wrap {
     flex-wrap: wrap;
   }
-  .content-center {
+  .place-content-center {
-    align-content: center;
+    place-content: center;
   }
   .items-center {
     align-items: center;
@@ -685,12 +685,6 @@
   .overscroll-none {
     overscroll-behavior: none;
   }
-  .\!rounded-lg {
-    border-radius: var(--radius-lg) !important;
-  }
-  .\!rounded-md {
-    border-radius: var(--radius-md) !important;
-  }
   .rounded-full {
     border-radius: calc(infinity * 1px);
   }
@@ -782,6 +776,9 @@
   .fill-current {
     fill: currentcolor;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-1 {
     padding: calc(var(--spacing) * 1);
   }
@@ -812,6 +809,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);
   }
@@ -1005,6 +1005,13 @@
   .ring-black {
     --tw-ring-color: var(--color-black);
   }
+  .outline-2 {
+    outline-style: var(--tw-outline-style);
+    outline-width: 2px;
+  }
+  .outline-blue-600 {
+    outline-color: var(--color-blue-600);
+  }
   .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,);
@@ -1268,6 +1275,15 @@
       }
     }
   }
+  .hover\:shadow-xl\/30 {
+    &:hover {
+      @media (hover: hover) {
+        --tw-shadow-alpha: 30%;
+        --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 30%)), 0 8px 10px -6px var(--tw-shadow-color, oklab(from rgb(0 0 0 / 0.1) l a b / 30%));
+        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+      }
+    }
+  }
   .hover\:shadow-xl {
     &:hover {
       @media (hover: hover) {
@@ -1691,6 +1707,13 @@
   li::marker {
     color: var(--color-gray-600);
   }
+  img {
+    padding-block: calc(var(--spacing) * 0);
+    border-radius: var(--radius-lg);
+    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 8px 10px -6px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
+    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    object-fit: cover;
+  }
 }
 @property --tw-translate-x {
   syntax: "*";
@@ -1840,6 +1863,11 @@
   inherits: false;
   initial-value: 0 0 #0000;
 }
+@property --tw-outline-style {
+  syntax: "*";
+  inherits: false;
+  initial-value: solid;
+}
 @property --tw-blur {
   syntax: "*";
   inherits: false;
@@ -1935,6 +1963,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/section.html

@@ -36,11 +36,11 @@
       {% else %}
       {% set resized = "" %}
       {% endif %}
-      <div class="flex flex-wrap space-x-4 border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-xl transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800 cursor-pointer" onclick='location.href="{{ page.permalink }}";'>
+      <div class="flex flex-wrap space-x-4 border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-xl hover:shadow-xl/30 transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800 place-content-center cursor-pointer" onclick='location.href="{{ page.permalink }}";'>
 
           <!-- Image -->
           {% if resized %}
-          <div class="flex-1 rounded-lg content-center">
+          <div class="flex-1 rounded-lg place-content-center">
               <img class="rounded-lg" src="{{ resized.url }}"/>
           </div>
           {% else %}
@@ -48,7 +48,7 @@
 
         <div class="flex flex-col flex-3">
             <h2 class="text-2xl text-bold"><a href='{{ page.permalink }}'>{{ page.title }}</a></h2>
-            <p class="text-bold text-ellipsis">{{ page.description }}</p>
+            <p class="text-bold text-ellipsis">{{ page.description | linebreaksbr | safe }}</p>
 
             <!-- Summary -->
             <div class="text-bold mt-8">

templates/shortcodes/button.html

@@ -1,8 +1,8 @@
 <a
-  class="!rounded-md bg-primary-600 px-4 py-2 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700"
+  class="rounded-lg outline-2 text-white bg-blue-600 outline-blue-600 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700"
   {% if href %}href="{{ href }}"{% endif %}
   {% if target %}target="{{ target }}"{% endif %}
   role="button"
 >
-  {{ body }}
+    <i>{{ body }}</i>
 </a>

templates/shortcodes/contact_form.html

@@ -0,0 +1,93 @@
+{% set formClasses = "bg-gray-500 text-gray-50 placeholder-gray-300 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:ring-offset-transparent m-2 p-3 rounded-lg hover:bg-gray-600 checked:text-gray-500" -%}
+{% set requiredField = "<span class='inline-block text-[#f39] text-sm align-super'>* required</span>" -%}
+
+<script>
+ function submitForm(e) {
+     e.preventDefault();
+     const form = document.getElementById('form');
+     const data = new FormData(form);
+
+     if (data.get("email") == "") {
+         document.getElementById('warning-email').style.visibility = 'visible';
+         document.getElementById('warning-email').style.height = '';
+         document.getElementById('warning-email').style.margin = '';
+         return false;
+     } else {
+         document.getElementById('warning-email').style.visibility = 'hidden';
+         document.getElementById('warning-email').style.height = '0';
+         document.getElementById('warning-email').style.margin = '0';
+     }
+
+     var xhr = new XMLHttpRequest();
+     xhr.onreadystatechange = function() {
+         if (this.readyState == 4 && this.status == 200) {
+             window.location.href = '/thankyou/';
+
+         }
+     };
+     xhr.open("POST", "/contact");
+     xhr.send(data);
+     console.log(data);
+ }
+
+ function process() {
+     /* document.getElementById('mt-form').hidden = false */
+     document.getElementById('warning-email').style.visibility = 'hidden';
+     document.getElementById('warning-email').style.height = '0';
+     document.getElementById('warning-email').style.margin = '0';
+ }
+ document.addEventListener('DOMContentLoaded', process);
+</script>
+
+<div id="mt-form" class="form text-lg w-full">
+    <form id='form' 
+          hx-post="/api/contact-form"
+          hx-encoding="multipart/form-data"
+          autocomplete="on"
+          method="post"
+          target="_parent"
+          class="w-full items-center flex flex-wrap">
+        <h3 class="basis-full">Contact Form</h3>
+        <div class="basis-full flex flex-wrap my-4">
+            <label for="firstname" class="basis-full">What is your name? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+            <br/>
+            <input type="text" id="name" name="name"
+                   placeholder="Name" class="flex-1 form-input {{ formClasses }}">
+        </div>
+
+        <label for="email" class="basis-full">Your Email <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+        <input type="email" id="email" name="email"
+               pattern="^[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*@[a-zA-Z0-9]+(?:\.[a-zA-Z0-9]+)*$"
+               placeholder="bob@frank.xyz"
+               class="basis-full form-input {{ formClasses }}">
+
+        <label for="staff" class="basis-full mt-4">Would you like to email a specific staff member? <span class='inline-block text-[#f39] text-sm align-sub'>leave on "any" if you don't need someone specific.</span></label>
+        <select id="staff" name="staff" class="mb-4 flex-auto form-select {{ formClasses }}">
+            <option value="tfc@tfcconnection.org">Any</option>
+            <option value="ethan@tfcconnection.org">Ethan Rose</option>
+            <option value="lavonne@tfcconnection.org">Lavonne Ponstein</option>
+            <option value="brian@tfcconnection.org">Brian Fischer</option>
+            <option value="janice@tfcconnection.org">Janice Lundquist</option>
+            <option value="april@tfcconnection.org">April Teves</option>
+            <option value="chris@tfcconnection.org">Chris Cochrun</option>
+            <option value="rob@tfcconnection.org">Rob Lewis</option>
+            <option value="lewis@tfcconnection.org">Lewis Smith</option>
+            <option value="billy@tfcconnection.org">Billy Cayou</option>
+            <option value="dani@tfcconnection.org">Dani Rouse</option>
+        </select>
+
+        <label for="message" class="basis-full mt-4">Message <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
+        <textarea type="message" id="message" name="message"
+                  class="basis-full form-input h-48 {{ formClasses }}"></textarea>
+        <div class="basis-full w-full mt-8">
+            <button type="submit" class="float-right rounded-lg outline-2 text-white bg-blue-600 outline-blue-600 px-4 py-2 text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700 cursor-pointer"><i>Submit</i></button>
+        </div>
+
+        <div id="warning-email" class="basis-full mt-10 flex px-4 py-3 rounded-lg bg-[#ef4444] dark:bg-[#ef4444]">
+            <span class="text-[#fca5a5] ltr:pr-3 rtl:pl-3 content-right float-right">
+                Make sure you have included an email so we can contact you.
+            </span>
+        </div>
+
+    </form>
+</div>

templates/shortcodes/floating_button.html

@@ -6,7 +6,7 @@
  }
 </script>
 
-<button class="!rounded-lg bg-blue-600 px-4 py-2 !text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700 fixed bottom-4 right-8" type="button" name="floatbutt" onclick="floatButton()" id="floatbutt">
+<button class="rounded-lg bg-blue-600 px-4 py-2 !text-neutral !no-underline hover:!bg-blue-500 dark:bg-blue-800 dark:hover:!bg-blue-700 fixed bottom-4 right-8" type="button" name="floatbutt" onclick="floatButton()" id="floatbutt">
     <i>{{ text }}</i> 
     <span class="relative inline-block align-sub size-5 fill-current flex-auto">
         {{ load_data(path="icons/" ~ icon ~ ".svg") | safe }}

templates/shortcodes/icon.html

@@ -1,6 +1,6 @@
-{% set icon = "icons/" ~ icon ~ ".svg" %}
+{% set icon = load_data(path="icons/" ~ icon ~ ".svg") %}
 {% if icon %}
-  <span class="relative inline-block align-text-bottom icon">
+<span class="w-6 h-6 relative inline-block align-text-bottom icon">
     {{icon | safe}}
   </span>
 {% endif %}

templates/shortcodes/img.html

@@ -0,0 +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) %}
+{% 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>

templates/shortcodes/pt.html

@@ -1,4 +1,4 @@
 
 <div style="display: flex;" class="{% if width %} {{ width }} {% else %} w-full {% endif %}">
-  <iframe class="pt-vid flex-auto {% if aspect %} {{ aspect }} {% else %} aspect-video {% endif %} {% if width %} {{ width }} {% else %} w-24 {% endif %}" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ src }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
+  <iframe class="pt-vid flex-auto rounded-lg {% if aspect %} {{ aspect }} {% else %} aspect-video {% endif %} {% if width %} {{ width }} {% else %} w-24 {% endif %}" sandbox="allow-same-origin allow-scripts allow-popups" src="{{ src }}?warningTitle=0" frameborder="0" allowfullscreen></iframe>
 </div>