fixyfixy
This commit is contained in:
parent
a6862bec83
commit
9f90a44f46
|
@ -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.
|
||||
|
||||
|
|
|
@ -1,8 +0,0 @@
|
|||
+++
|
||||
title = "Blog"
|
||||
description = "Blog posts"
|
||||
template = "section.html"
|
||||
page_template = "page.html"
|
||||
sort_by = "date"
|
||||
paginate_by = 5
|
||||
+++
|
|
@ -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.
|
|
@ -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.
|
|
@ -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.
|
|
@ -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.
|
|
@ -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.
|
|
@ -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.
|
|
@ -1,5 +1,6 @@
|
|||
---
|
||||
title: Donate
|
||||
---
|
||||
+++
|
||||
title = "Donate"
|
||||
template = "simple_page.html"
|
||||
+++
|
||||
|
||||
{{ donate() }}
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
+++
|
||||
title = "Groups"
|
||||
description = ""
|
||||
template = "other_section.html"
|
||||
|
||||
+++
|
||||
|
||||
|
|
|
@ -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).
|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
|
|
|
@ -2,14 +2,14 @@
|
|||
title: "Camp"
|
||||
description: "After attending large youth camps in the Kansas City area for several years in the late 70’s and early 80’s, 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']
|
||||
---
|
||||

|
||||
|
||||
After attending large youth camps in the Kansas City area for several years in the late 70’s and early 80’s, 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 >}}
|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
|
||||
|
|
|
@ -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']
|
||||
---
|
||||
|
||||

|
||||
|
|
|
@ -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"
|
||||
---
|
||||
|
||||

|
||||
|
@ -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 >}}
|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
|
||||
|
|
|
@ -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"
|
||||
---
|
||||
")
|
||||
|
||||
|
|
|
@ -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']
|
||||
---
|
||||

|
||||
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.
|
||||
|
|
|
@ -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!
|
||||
|
||||
|
|
|
@ -1,6 +1,5 @@
|
|||
+++
|
||||
title = "Meet the TFC Staff"
|
||||
template = "staff_section.html"
|
||||
[extra]
|
||||
featured_image = "staff.jpg"
|
||||
+++
|
||||
|
|
|
@ -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"]
|
||||
|
|
2
justfile
2
justfile
|
@ -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:
|
||||
|
|
|
@ -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);
|
||||
}
|
||||
|
|
BIN
static/processed_images/featured.18fb537b958235f3.jpg
Normal file
BIN
static/processed_images/featured.18fb537b958235f3.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 22 KiB |
BIN
static/processed_images/featured.c900a7a47bef6a56.jpg
Normal file
BIN
static/processed_images/featured.c900a7a47bef6a56.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 11 KiB |
BIN
static/processed_images/featured.dbc61599a5385ccf.jpg
Normal file
BIN
static/processed_images/featured.dbc61599a5385ccf.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 12 KiB |
BIN
static/processed_images/featured.e4f2190cfc887935.jpg
Normal file
BIN
static/processed_images/featured.e4f2190cfc887935.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 32 KiB |
BIN
static/processed_images/featured.e72a674252bb943f.jpg
Normal file
BIN
static/processed_images/featured.e72a674252bb943f.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 33 KiB |
|
@ -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>
|
|
@ -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>
|
||||
|
|
|
@ -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")}); -->
|
||||
|
|
91
templates/simple_page.html
Normal file
91
templates/simple_page.html
Normal 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 %}
|
Loading…
Reference in a new issue