From d4f5a3cec9baad85d7158521dcaf2ab1ca8b08e1 Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Tue, 8 Nov 2022 09:28:17 -0600 Subject: [PATCH] adding myself as an author and setting up a newsletter base --- assets/css/compiled/main.css | 202 +++++++++--------- .../newsletters/0001-so-many-events/index.md | 4 +- content/newsletters/_index.md | 1 + data/authors/chriscochrun.json | 10 + layouts/newsletters/single.html | 197 +++++++++++++++++ 5 files changed, 312 insertions(+), 102 deletions(-) create mode 100644 data/authors/chriscochrun.json create mode 100644 layouts/newsletters/single.html diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index ad97869..ed2d7b4 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1405,22 +1405,22 @@ select { right: 0px; } -.bottom-0 { - bottom: 0px; -} - -.top-0 { - top: 0px; -} - .top-\[100vh\] { top: 100vh; } +.bottom-0 { + bottom: 0px; +} + .top-\[calc\(100vh-5\.5rem\)\] { top: calc(100vh - 5.5rem); } +.top-0 { + top: 0px; +} + .right-0 { right: 0px; } @@ -1441,14 +1441,14 @@ select { order: -9999; } -.m-4 { - margin: 1rem; -} - .m-auto { margin: auto; } +.m-4 { + margin: 1rem; +} + .m-0 { margin: 0px; } @@ -1651,10 +1651,6 @@ select { display: none; } -.h-96 { - height: 24rem; -} - .h-screen { height: 100vh; } @@ -1663,6 +1659,10 @@ select { height: 3rem; } +.h-96 { + height: 24rem; +} + .h-24 { height: 6rem; } @@ -1719,6 +1719,10 @@ select { min-height: 148px; } +.w-12 { + width: 3rem; +} + .w-full { width: 100%; } @@ -1731,10 +1735,6 @@ select { width: 9rem; } -.w-12 { - width: 3rem; -} - .w-24 { width: 6rem; } @@ -1771,6 +1771,10 @@ select { max-width: 100%; } +.max-w-7xl { + max-width: 80rem; +} + .max-w-prose { max-width: 65ch; } @@ -1779,10 +1783,6 @@ select { max-width: 5rem; } -.max-w-7xl { - max-width: 80rem; -} - .max-w-xl { max-width: 36rem; } @@ -1912,6 +1912,10 @@ select { scroll-behavior: smooth; } +.rounded-full { + border-radius: 9999px; +} + .rounded-xl { border-radius: 0.75rem; } @@ -1924,10 +1928,6 @@ select { border-radius: 0.375rem; } -.rounded-full { - border-radius: 9999px; -} - .rounded-2xl { border-radius: 1rem; } @@ -1986,10 +1986,6 @@ select { border-color: rgba(var(--color-primary-500), var(--tw-border-opacity)); } -.bg-neutral-100\/50 { - background-color: rgba(var(--color-neutral-100), 0.5); -} - .bg-neutral { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral), var(--tw-bg-opacity)); @@ -2004,6 +2000,10 @@ select { background-color: rgba(var(--color-neutral), 0.5); } +.bg-neutral-100\/50 { + background-color: rgba(var(--color-neutral-100), 0.5); +} + .bg-transparent { background-color: transparent; } @@ -2110,6 +2110,21 @@ select { padding: 0.25rem; } +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} + +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} + +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} + .px-0 { padding-left: 0px; padding-right: 0px; @@ -2120,11 +2135,6 @@ select { padding-bottom: 2rem; } -.py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; -} - .px-4 { padding-left: 1rem; padding-right: 1rem; @@ -2135,11 +2145,6 @@ select { padding-bottom: 1.5rem; } -.px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; -} - .px-10 { padding-left: 2.5rem; padding-right: 2.5rem; @@ -2155,11 +2160,6 @@ select { padding-right: 0.25rem; } -.px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; -} - .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; @@ -2263,6 +2263,16 @@ select { line-height: 2.5rem; } +.text-lg { + font-size: 1.125rem; + line-height: 1.75rem; +} + +.text-sm { + font-size: 0.875rem; + line-height: 1.25rem; +} + .text-xl { font-size: 1.25rem; line-height: 1.75rem; @@ -2273,11 +2283,6 @@ select { line-height: 1rem; } -.text-sm { - font-size: 0.875rem; - line-height: 1.25rem; -} - .text-base { font-size: 1rem; line-height: 1.5rem; @@ -2293,11 +2298,6 @@ select { line-height: 2rem; } -.text-lg { - font-size: 1.125rem; - line-height: 1.75rem; -} - .text-\[0\.6rem\] { font-size: 0.6rem; } @@ -2306,6 +2306,10 @@ select { font-weight: 800; } +.font-bold { + font-weight: 700; +} + .font-semibold { font-weight: 600; } @@ -2314,10 +2318,6 @@ select { font-weight: 500; } -.font-bold { - font-weight: 700; -} - .font-normal { font-weight: 400; } @@ -2330,14 +2330,14 @@ select { font-style: italic; } -.leading-loose { - line-height: 2; -} - .leading-7 { line-height: 1.75rem; } +.leading-loose { + line-height: 2; +} + .leading-6 { line-height: 1.5rem; } @@ -2351,6 +2351,16 @@ select { color: rgba(var(--color-neutral-900), var(--tw-text-opacity)); } +.text-primary-600 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-600), var(--tw-text-opacity)); +} + +.text-neutral-700 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); +} + .text-neutral-800 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); @@ -2366,11 +2376,6 @@ select { color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.text-neutral-700 { - --tw-text-opacity: 1; - color: rgba(var(--color-neutral-700), var(--tw-text-opacity)); -} - .text-primary-300 { --tw-text-opacity: 1; color: rgba(var(--color-primary-300), var(--tw-text-opacity)); @@ -2386,11 +2391,6 @@ select { color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } -.text-primary-600 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-600), var(--tw-text-opacity)); -} - .text-primary-500 { --tw-text-opacity: 1; color: rgba(var(--color-primary-500), var(--tw-text-opacity)); @@ -2470,14 +2470,14 @@ select { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } -.backdrop-blur-sm { - --tw-backdrop-blur: blur(4px); +.backdrop-blur { + --tw-backdrop-blur: blur(8px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } -.backdrop-blur { - --tw-backdrop-blur: blur(8px); +.backdrop-blur-sm { + --tw-backdrop-blur: blur(4px); -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } @@ -3389,14 +3389,14 @@ body:has(#menu-controller:checked) { border-left-width: 1px; } -[dir="ltr"] .ltr\:pl-5 { - padding-left: 1.25rem; -} - [dir="ltr"] .ltr\:pr-2 { padding-right: 0.5rem; } +[dir="ltr"] .ltr\:pl-5 { + padding-left: 1.25rem; +} + [dir="ltr"] .ltr\:pr-3 { padding-right: 0.75rem; } @@ -3445,14 +3445,14 @@ body:has(#menu-controller:checked) { border-right-width: 1px; } -[dir="rtl"] .rtl\:pr-5 { - padding-right: 1.25rem; -} - [dir="rtl"] .rtl\:pl-2 { padding-left: 0.5rem; } +[dir="rtl"] .rtl\:pr-5 { + padding-right: 1.25rem; +} + [dir="rtl"] .rtl\:pl-3 { padding-left: 0.75rem; } @@ -3484,10 +3484,6 @@ body:has(#menu-controller:checked) { border-color: rgba(var(--color-primary-600), var(--tw-border-opacity)); } -.dark .dark\:bg-neutral-900\/50 { - background-color: rgba(var(--color-neutral-900), 0.5); -} - .dark .dark\:bg-neutral-800 { --tw-bg-opacity: 1; background-color: rgba(var(--color-neutral-800), var(--tw-bg-opacity)); @@ -3502,6 +3498,10 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-800), 0.5); } +.dark .dark\:bg-neutral-900\/50 { + background-color: rgba(var(--color-neutral-900), 0.5); +} + .dark .dark\:bg-primary-400 { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); @@ -3583,6 +3583,11 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral), var(--tw-text-opacity)); } +.dark .dark\:text-primary-400 { + --tw-text-opacity: 1; + color: rgba(var(--color-primary-400), var(--tw-text-opacity)); +} + .dark .dark\:text-neutral-500 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); @@ -3603,11 +3608,6 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); } -.dark .dark\:text-primary-400 { - --tw-text-opacity: 1; - color: rgba(var(--color-primary-400), var(--tw-text-opacity)); -} - .dark .dark\:text-neutral-800 { --tw-text-opacity: 1; color: rgba(var(--color-neutral-800), var(--tw-text-opacity)); @@ -3710,16 +3710,16 @@ body:has(#menu-controller:checked) { padding: 1.5rem; } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; - } - .sm\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; } + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; + } + .sm\:py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; diff --git a/content/newsletters/0001-so-many-events/index.md b/content/newsletters/0001-so-many-events/index.md index b0d470e..e02f8be 100644 --- a/content/newsletters/0001-so-many-events/index.md +++ b/content/newsletters/0001-so-many-events/index.md @@ -5,7 +5,9 @@ tags: ["Chris & Abbie Cochrun", "Leadership Retreat", "Northern Valley", "180 E featured_image: "" description: "At TFC, we do our best to make sure teens become a lot more than just Christians." summary: "At TFC, we do our best to make sure teens become a lot more than just Christians." -staff: ["Chris & Abbie Cochrun"] +showAuthor: false +authors: ["chriscochrun"] +showAuthorsBadges: false --- # 👑 Leaders Rise Up! diff --git a/content/newsletters/_index.md b/content/newsletters/_index.md index af2777d..1a81d0b 100644 --- a/content/newsletters/_index.md +++ b/content/newsletters/_index.md @@ -2,6 +2,7 @@ title: "Newsletters" date: 2022-10-28T12:00:00-05:00 groupByYear: true +showAuthorsBadges: true cascade: showDate: true showWordCount: true diff --git a/data/authors/chriscochrun.json b/data/authors/chriscochrun.json new file mode 100644 index 0000000..ea062f5 --- /dev/null +++ b/data/authors/chriscochrun.json @@ -0,0 +1,10 @@ +{ + "name": "Chris Cochrun", + "image" : "img/chris_avatar.jpg", + "bio": "Staff Member & IT Director", + "social": [ + { "github": "https://github.com/chriscochrun" }, + { "facebook": "https://facebook.com/chriscochrun" }, + { "reddit": "https://reddit.com/user/Litanys" } + ] +} diff --git a/layouts/newsletters/single.html b/layouts/newsletters/single.html new file mode 100644 index 0000000..c5ccb92 --- /dev/null +++ b/layouts/newsletters/single.html @@ -0,0 +1,197 @@ +{{ define "main" }} +
+ {{ if .Params.showHero | default (.Site.Params.article.showHero | default false) }} + {{ $heroStyle := print "partials/hero/" .Site.Params.article.heroStyle ".html" }} + {{ if templates.Exists $heroStyle }} + {{ partial $heroStyle . }} + {{ else }} + {{ partial "partials/hero/basic.html" . }} + {{ end }} + {{- end -}} + +
+ {{ if .Params.showBreadcrumbs | default (.Site.Params.article.showBreadcrumbs | default false) }} + {{ partial "breadcrumbs.html" . }} + {{ end }} +

+ {{ .Title | emojify }} +

+
+ {{ partial "article-meta.html" (dict "context" . "scope" "single") }} +
+
+
+ {{ if and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in + .TableOfContents " +
+ {{ partial "toc.html" . }} +
+ + {{ end }} +
+ {{ partial "series.html" . }} + {{ .Content | emojify }} +

+ {{ partial "series-closed.html" . }} +
+ +
+ +
+{{ end }}