This commit is contained in:
Chris Cochrun 2025-05-21 13:49:51 -05:00
parent a6862bec83
commit 9f90a44f46
35 changed files with 198 additions and 148 deletions

View file

@ -3,6 +3,7 @@ title: "About"
description: "TFC Connection is a not-for-profit ministry that reaches out to the American teenager in the rural Kansas and Nebraska setting. We are dedicated to connecting teens with the truth of Jesus Christ, teaching and equipping them to carry out the Great Commission."
featured_image: '/Victor_Hugo-Hunchback.jpg'
tags: ["Loving Jesus"]
template: "simple_page.html"
---
_TFC Connection_ (TFC) is a rural ministry reaching out to the mission field of teenagers in rural communities across Northwest Kansas and Southwest Nebraska. In rural communities where youth ministry programs and resources are limited, TFC desires to partner with churches to meet this need. Whether this is through providing community youth groups, coaching those already working with youth, or supplying resources and extra curricular activities for area ministries, TFC desires to connect teens with the truth of Jesus Christ and equip them to live out the Great Commission.

View file

@ -1,8 +0,0 @@
+++
title = "Blog"
description = "Blog posts"
template = "section.html"
page_template = "page.html"
sort_by = "date"
paginate_by = 5
+++

View file

@ -1,9 +0,0 @@
+++
title = "My first post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my first updated blog post.

View file

@ -1,9 +0,0 @@
+++
title = "My fourth post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my fourth updated blog post.

View file

@ -1,9 +0,0 @@
+++
title = "My second post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my second updated blog post.

View file

@ -1,9 +0,0 @@
+++
title = "My seventh post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my seventh updated blog post.

View file

@ -1,9 +0,0 @@
+++
title = "My sixth post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my sixth updated blog post.

View file

@ -1,9 +0,0 @@
+++
title = "My thrid post"
date = 2021-11-12
[taxonomies]
categories=["blog"]
tags=["post", "blog"]
+++
This is my thrid updated blog post.

View file

@ -1,5 +1,6 @@
---
title: Donate
---
+++
title = "Donate"
template = "simple_page.html"
+++
{{ donate() }}

View file

@ -1,6 +1,7 @@
+++
title = "Groups"
description = ""
template = "other_section.html"
+++

View file

@ -15,4 +15,4 @@ weight: 90
Rides leave from in front of the Natoma gym at 6:30pm and students are dropped back off there around 8:30pm.
For more info, head on over to [our website](https://comegrowtogether.com/180).
For more info, head on over to [our website](https://comegrowtogether.com/youth-group).

View file

@ -3,6 +3,7 @@ title: "Alumni"
description: "Over the course of 40 years of ministry many teens have made their way through the “halls” of TFC Connection."
weight: 70
extra:
image: "featured.jpg"
tags: ['ministry','event']
---
![alumni](featured.jpg "An alumni volunteering at Camp")

View file

@ -3,6 +3,7 @@ title: "Associate Groups"
description: "As a ministry we felt God calling us to begin investing in people who were wanting to work with youth in rural communities in this region so we created a structure..."
weight: 60
extra:
image: "featured.jpg"
tags: ['ministry','event']
---
![Associate Groups](featured.jpg "The Colby Associate Group!")

View file

@ -2,14 +2,14 @@
title: "Camp"
description: "After attending large youth camps in the Kansas City area for several years in the late 70s and early 80s, the ministry leadership decided to begin designing their own camp experience..."
weight: 40
template: "section.html"
extra:
featured_image: "img/camp.jpg"
image: "featured.jpg"
tags: ['ministry','event']
---
![camp](featured.jpg "2022 Camp Picture")
After attending large youth camps in the Kansas City area for several years in the late 70s and early 80s, the ministry leadership decided to begin designing their own camp experience locally in Southern Nebraska. TFC Camp happens over a two-week period each summer at the Camp Joy campground east of Alma, NE. During wild and wacky games, water fun and special events the teenagers develop long-term friendships with other area teens. Spiritual growth occurs through devotions, seminars and messages which encourage campers to take the next step in growing in their relationship with Jesus Christ. TFC Camp provides solid opportunities for teens to grow in the disciple-making process as they are integrated into student leadership positions through a variety of intentional leadership development steps.
{{< pt src="https://videos.tfcconnection.org/videos/embed/30c22854-51ab-4c10-a5a2-034b0e506abf" width="700" height="576">}}
{{ pt(src="https://videos.tfcconnection.org/videos/embed/30c22854-51ab-4c10-a5a2-034b0e506abf" width="700" height="576") }}
{{< spacing >}}

View file

@ -3,6 +3,7 @@ title: "Coaching"
description: "Since disciplemaking is the heartbeat of TFC Connection, one of the services TFC offers is individual coaching with an emphasis on helping people discover..."
weight: 100
extra:
image: "featured.jpg"
tags: ['ministry']
---
![Coaching](featured.jpg "Lavonne coaches teens and adults alike!")

View file

@ -6,6 +6,9 @@ featured_image: "featured.jpg"
description: "The heartbeat of TFC is the weekly connection meeting. In locations where TFC provides community youth groups, connection meetings are held weekly..."
summary: "The heartbeat of TFC is the weekly connection meeting. In locations where TFC provides community youth groups, connection meetings are held weekly..."
weight: 10
extra:
image: "featured.jpg"
tags: ['ministry','event']
---
![Connection Groups](featured.jpg "The Thunder Ridge group listening to a lesson.")

View file

@ -6,6 +6,9 @@ featured_image: ""
description: "TFC provides opportunities to gain hands on experience in rural youth ministry through one of three internship programs. Each of these internship opportunities..."
summary: "TFC provides opportunities to gain hands on experience in rural youth ministry through one of three internship programs. Each of these internship opportunities..."
weight: 90
extra:
image: "featured.jpg"
tags: ['ministry']
---
![Camp Interns](featured.jpg "Summer Intern Team for 2022!")

View file

@ -4,7 +4,7 @@ description: "Our desire to see teenagers develop a heart for missions was the m
weight: 30
extra:
tags: ['ministry','event']
featured_image: "img/mt.jpg"
image: "featured.jpg"
---
![mission trip](featured.jpg "Last year's SPLASH 2.0 Trip in North Platte")
@ -18,7 +18,5 @@ Our desire to see teenagers develop a heart for missions was the main force behi
<!-- Sign up! -->
<!-- {{< /button >}} -->
##
{{< pt src="https://videos.tfcconnection.org/videos/embed/aa14bf70-adc8-4efd-b15b-37c59b31f418" >}}
{{ pt(src="https://videos.tfcconnection.org/videos/embed/aa14bf70-adc8-4efd-b15b-37c59b31f418") }}
{{< spacing >}}

View file

@ -6,6 +6,9 @@ featured_image: ""
description: "Understanding that growing as a disciple is a process, through the years TFC has supplemented what was taught in weekly meetings with a variety of training and/or refreshing “getaway” opportunities."
summary: "Understanding that growing as a disciple is a process, through the years TFC has supplemented what was taught in weekly meetings with a variety of training and/or refreshing “getaway” opportunities."
weight: 20
extra:
image: "featured.jpg"
tags: ['ministry']
---
![180 Encounters](featured.jpg "Worship at our 180 Encounter")

View file

@ -6,6 +6,8 @@ featured_image: ""
description: "In 2014 TFC developed this mission trip opportunity in response to the need for short local mission trip experiences. These trips focus on serving rural communities..."
summary: "In 2014 TFC developed this mission trip opportunity in response to the need for short local mission trip experiences. These trips focus on serving rural communities..."
weight: 50
extra:
image: "featured.jpg"
---
![SPLASH](featured.jpg "A group of teens working on a SPLASH trip at [Miriam's Hope](https://www.miriamshope.com/)")

View file

@ -6,6 +6,9 @@ featured_image: ""
description: "Within the ministry of TFC there are several opportunities for volunteers to be involved in ministry with teenagers."
summary: "Within the ministry of TFC there are several opportunities for volunteers to be involved in ministry with teenagers. The weekly meetings are one of the main opportunities..."
weight: 80
extra:
image: "featured.jpg"
tags: ['ministry']
---
![volunteers](featured.jpg "volunteers at camp")
Within the ministry of TFC there are several opportunities for volunteers to be involved in ministry with teenagers. The weekly meetings are one of the main opportunities for volunteers to join in with the ministry of TFC but we also provide other opportunities for people to join us in ministry with teenagers on mission trips and at TFC Camp. We appreciate all of our volunteers and our desire is that they grow in their faith along with the teenagers they are investing in.

View file

@ -1,5 +1,6 @@
---
title: "Newsletters"
---
+++
title = "Newsletters"
template = "other_section.html"
+++
If you'd like to read the newsletters that individual staff write, check them out here!

View file

@ -1,6 +1,5 @@
+++
title = "Meet the TFC Staff"
template = "staff_section.html"
[extra]
featured_image = "staff.jpg"
+++

View file

@ -2,7 +2,6 @@
title: "Chris and Abbie Cochrun"
description: "Chris and Abbie Cochrun serve together on TFC Staff!"
weight: 70
template: "staff_section.html"
extra:
image: "featured.jpg"
tags: ["Staff", "Northern Valley"]

View file

@ -1,7 +1,7 @@
default:
just --list
build:
rm -rf public && NODE_ENV=production ./themes/blowfish/node_modules/tailwindcss/lib/cli.js -c ./themes/blowfish/tailwind.config.js -i ./themes/blowfish/assets/css/main.css -o ./assets/css/compiled/main.css --jit && hugo --gc --minify
zola build
serve:
zola serve
uglify:

View file

@ -345,6 +345,9 @@
.mt-10 {
margin-top: calc(var(--spacing) * 10);
}
.mt-12 {
margin-top: calc(var(--spacing) * 12);
}
.mt-16 {
margin-top: calc(var(--spacing) * 16);
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 33 KiB

View file

@ -5,48 +5,51 @@
<h1 class="text-2xl text-bold mb-6">
{{ section.title }}
</h1>
<div class="p-4 mb-8 mx-8 [&>*]:py-4">
{{ section.content | safe }}
</div>
<div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
{% if paginator %}
{% set pages = paginator.pages %}
{% else %}
{% set pages = section.subsections %}
{% set pages = section.pages %}
{% endif %}
{% for page in pages %}
<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 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>
{% if page %}
{% set page = get_section(path=page) %}
{% endif %}
{% set image = page.path ~ page.extra.image %}
{% if image %}
{% set resized = resize_image(path="/content" ~ image, width=200, height=200, op="fit_height") %}
{% 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-2xl transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800">
<!-- Image -->
<div class="flex-1 rounded-lg">
<img src="{{ resized.url }}"/>
</div>
<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 max-h-12">{{ page.description }}</p>
<!-- Summary -->
<div class="text-bold mt-2">
<a class="flex py-2" href='{{ page.permalink }}'>
Read More
<svg class="w-6 h-6 ml-1" 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="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
</a>
<!-- 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">
{{ page.summary | safe }}
<a class="flex py-2" href='{{ page.permalink }}'>
Read More
<svg class="w-6 h-6 ml-1" 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="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
</a>
</div>
</div>

View file

@ -5,51 +5,49 @@
<h1 class="text-2xl text-bold mb-6">
{{ section.title }}
</h1>
<div class="p-4 mb-8 mx-8 [&>*]:py-4">
{{ section.content | safe }}
</div>
<div class="flex flex-col gap-y-6 w-full px-4 sm:w-2/3">
{% if paginator %}
{{ paginator }}
{% set pages = paginator.pages %}
{% else %}
{% set pages = section.pages %}
{% set pages = section.subsections %}
{% endif %}
{% for page in pages %}
<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 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>
{% if page %}
{% set page = get_section(path=page) %}
{% endif %}
{% set image = page.path ~ page.extra.image %}
{% if image %}
{% set resized = resize_image(path="/content" ~ image, width=200, height=200, op="fit_height") %}
{% 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-2xl transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800">
<!-- Image -->
<div class="flex-1 rounded-lg">
<img src="{{ resized.url }}"/>
</div>
</div>
<!-- Summary -->
<div class="text-bold mt-2">
{{ page.summary | safe }}
<a class="flex py-2" href='{{ page.permalink }}'>
Read More
<svg class="w-6 h-6 ml-1" 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="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
</a>
<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 max-h-12">{{ page.description }}</p>
<!-- Summary -->
<div class="text-bold mt-2">
<a class="flex py-2" href='{{ page.permalink }}'>
Read More
<svg class="w-6 h-6 ml-1" 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="M14 5l7 7m0 0l-7 7m7-7H3"></path>
</svg>
</a>
</div>
</div>
</div>

View file

@ -4,7 +4,7 @@
}
</style>
<iframe class="h-screen" id="v-frame" width="100%" frameborder="0" allow="clipboard-write" src=https://secure.myvanco.com/L-Z772 scrolling="yes"></iframe>
<iframe class="h-screen w-screen" id="v-frame" width="100%" frameborder="0" allow="clipboard-write" src=https://secure.myvanco.com/L-Z772 scrolling="yes"></iframe>
<!-- <script type="application/javascript"> -->
<!-- window.onmessage=(e=>{const n=document.getElementById("v-frame");https:\/\/secure.myvanco.com===e.origin&&e.data.height&&(n.height=e.data.height,n.overflow="hidden")}); -->

View file

@ -0,0 +1,91 @@
{% extends "layout.html" %}
{% block content %}
<div class="flex px-4">
<h1 class="text-3xl text-bold mt-12 mb-6 mx-auto">
{{ page.title }}
</h1>
</div>
<div class="flex gap-x-8 p-4 justify-center">
<!-- Content -->
<div id="page-content" class="text-bold mt-2 [&>*]:py-4">
{{ page.content | safe }}
</div>
<!-- Table of content -->
{% if page.extra.toc %}
<div class="hidden sm:block sm:w-1/4 sm:flex sm:items-center sm:flex-col sm:mt-10 sm:w-1/5">
<div class="border border-2 border-gray-200 dark:border-black rounded-xl p-5 shadow-2xl bg-gray-200 dark:bg-gray-800 sticky top-12">
<p class="text-bold text-xl">Table of contents</p>
<ul id="toc">
{% for h1 in page.toc %}
<li class="pl-2 my-2">
<a id="link-{{h1.id}}" class="text-md block rounded-lg p-2" href="{{ h1.permalink | safe }}">
- {{ h1.title }}
</a>
{% if h1.children %}
{% for h2 in h1.children %}
<li class="pl-4 my-2">
<a id="link-{{h2.id}}" class="text-sm block rounded-lg p-2" href="{{ h2.permalink | safe }}">
- {{ h2.title }}
</a>
</li>
{% endfor %}
{% endif %}
</li>
{% endfor %}
</ul>
</div>
</div>
{% endif %}
</div>
{% endblock %}
{% block pagination %}
{% if page.earlier or page.later or page.lighter or page.heavier %}
<div class="max-w-7xl px-2 sm:px-6 lg:px-8 mx-auto">
<div class="flex items-center space-x-56 mt-4">
{% if page.later %}
<a class="flex items-center border border-gray-400 dark:border-black rounded-lg text-gray-800 dark:text-gray-300 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-600 dark:hover:text-white px-3 py-4 rounded-md text-sm font-medium transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800" href="{{ page.later.permalink }}">
<svg class="w-7 h-7 mr-2" 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="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
</svg>
{{ page.later.title }}
</a>
{% endif %}
{% if page.earlier %}
<a class="flex items-center border border-gray-400 dark:border-black rounded-lg text-gray-800 dark:text-gray-300 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-600 dark:hover:text-white px-3 py-4 rounded-md text-sm font-medium transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800" href="{{ page.earlier.permalink }}">
{{ page.earlier.title }}
<svg class="w-7 h-7 ml-2" 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="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
{% endif %}
{% if page.heavier %}
<a class="flex items-center border border-gray-400 dark:border-black rounded-lg text-gray-800 dark:text-gray-300 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-600 dark:hover:text-white px-3 py-4 rounded-md text-sm font-medium transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800" href="{{ page.heavier.permalink }}">
<svg class="w-7 h-7 mr-2" 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="M7 16l-4-4m0 0l4-4m-4 4h18"></path>
</svg>
{{ page.heavier.title }}
</a>
{% endif %}
{% if page.lighter %}
<a class="flex items-center border border-gray-400 dark:border-black rounded-lg text-gray-800 dark:text-gray-300 dark:bg-gray-800 hover:bg-gray-300 dark:hover:bg-gray-600 dark:hover:text-white px-3 py-4 rounded-md text-sm font-medium transform transition duration-500 hover:scale-105 bg-gray-200 dark:bg-gray-800" href="{{ page.lighter.permalink }}">
{{ page.lighter.title }}
<svg class="w-7 h-7 ml-2" 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="M17 8l4 4m0 0l-4 4m4-4H3"></path>
</svg>
</a>
{% endif %}
</div>
</div>
{% endif %}
{% endblock %}
{% block extra_js %}
<script defer src="/js/page.js"></script>
{% endblock %}