From 31fc65500e5a14862493282274f35cd4ee57d74a Mon Sep 17 00:00:00 2001 From: Chris Cochrun Date: Wed, 22 Mar 2023 11:11:24 -0500 Subject: [PATCH] finished updates to camp form The main parts of the camp form are finished. I may remove the map, but it's helpful for anyone who is farther away from camp. --- assets/css/compiled/main.css | 165 +++++++++++++++--------------- config/_default/config.yaml | 8 +- content/camp-form.md | 18 ++-- layouts/_default/baseof.html | 2 +- layouts/shortcodes/camp-form.html | 38 ++++--- 5 files changed, 120 insertions(+), 111 deletions(-) diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 9b0c97c..b7d9e1f 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -1537,11 +1537,6 @@ select { left: 0px; } -.inset-x-1\/2 { - left: 50%; - right: 50%; -} - .inset-x-0 { left: 0px; right: 0px; @@ -1563,6 +1558,10 @@ select { bottom: 1rem; } +.right-8 { + right: 2rem; +} + .top-0 { top: 0px; } @@ -1575,14 +1574,6 @@ select { right: 0px; } -.right-4 { - right: 1rem; -} - -.right-8 { - right: 2rem; -} - .z-30 { z-index: 30; } @@ -1664,9 +1655,9 @@ select { margin-bottom: 0.75rem; } -.my-auto { - margin-top: auto; - margin-bottom: auto; +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } .mt-0 { @@ -1813,12 +1804,8 @@ select { margin-bottom: 2px; } -.mt-auto { - margin-top: auto; -} - -.mb-auto { - margin-bottom: auto; +.mb-4 { + margin-bottom: 1rem; } .block { @@ -1849,10 +1836,6 @@ select { display: none; } -.aspect-auto { - aspect-ratio: auto; -} - .aspect-video { aspect-ratio: 16 / 9; } @@ -1933,10 +1916,6 @@ select { width: 6rem; } -.w-40 { - width: 10rem; -} - .w-screen { width: 100vw; } @@ -2072,10 +2051,6 @@ select { flex-wrap: wrap; } -.flex-nowrap { - flex-wrap: nowrap; -} - .items-center { align-items: center; } @@ -2154,6 +2129,10 @@ select { border-radius: 0.5rem; } +.\!rounded-md { + border-radius: 0.375rem !important; +} + .rounded-md { border-radius: 0.375rem; } @@ -2166,10 +2145,6 @@ select { border-radius: 0.25rem; } -.\!rounded-md { - border-radius: 0.375rem !important; -} - .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; @@ -2388,6 +2363,11 @@ select { padding-right: 1rem; } +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} + .py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; @@ -2433,11 +2413,6 @@ select { padding-right: 0.5rem; } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; -} - .py-4 { padding-top: 1rem; padding-bottom: 1rem; @@ -2639,9 +2614,14 @@ select { color: rgb(255 51 153 / var(--tw-text-opacity)); } -.text-neutral-300 { +.text-\[\#f38\] { --tw-text-opacity: 1; - color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); + color: rgb(255 51 136 / var(--tw-text-opacity)); +} + +.\!text-neutral { + --tw-text-opacity: 1 !important; + color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; } .text-\[\#fca5a5\] { @@ -2659,6 +2639,11 @@ select { color: rgba(var(--color-neutral-200), var(--tw-text-opacity)); } +.text-neutral-300 { + --tw-text-opacity: 1; + color: rgba(var(--color-neutral-300), var(--tw-text-opacity)); +} + .text-primary-700 { --tw-text-opacity: 1; color: rgba(var(--color-primary-700), var(--tw-text-opacity)); @@ -2674,16 +2659,46 @@ select { color: rgba(var(--color-primary-400), var(--tw-text-opacity)); } -.\!text-neutral { - --tw-text-opacity: 1 !important; - color: rgba(var(--color-neutral), var(--tw-text-opacity)) !important; -} - .text-primary-800 { --tw-text-opacity: 1; color: rgba(var(--color-primary-800), var(--tw-text-opacity)); } +.text-\[\#f36\] { + --tw-text-opacity: 1; + color: rgb(255 51 102 / var(--tw-text-opacity)); +} + +.text-\[\#f35\] { + --tw-text-opacity: 1; + color: rgb(255 51 85 / var(--tw-text-opacity)); +} + +.text-\[\#f3b\] { + --tw-text-opacity: 1; + color: rgb(255 51 187 / var(--tw-text-opacity)); +} + +.text-\[\#f3f\] { + --tw-text-opacity: 1; + color: rgb(255 51 255 / var(--tw-text-opacity)); +} + +.text-\[\#f3c\] { + --tw-text-opacity: 1; + color: rgb(255 51 204 / var(--tw-text-opacity)); +} + +.text-\[\#f30\] { + --tw-text-opacity: 1; + color: rgb(255 51 0 / var(--tw-text-opacity)); +} + +.text-\[\#f3a\] { + --tw-text-opacity: 1; + color: rgb(255 51 170 / var(--tw-text-opacity)); +} + .\!no-underline { text-decoration-line: none !important; } @@ -2730,12 +2745,6 @@ select { mix-blend-mode: multiply; } -.shadow-md { - --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); @@ -3586,14 +3595,6 @@ body:has(#menu-controller:checked) { color: rgba(var(--color-neutral-500), var(--tw-text-opacity)); } -.hover\:\!rounded-full:hover { - border-radius: 9999px !important; -} - -.hover\:rounded-full:hover { - border-radius: 9999px; -} - .hover\:border-transparent:hover { border-color: transparent; } @@ -3608,6 +3609,11 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); } +.hover\:\!bg-primary-500:hover { + --tw-bg-opacity: 1 !important; + background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; +} + .hover\:bg-primary-600:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-600), var(--tw-bg-opacity)); @@ -3623,11 +3629,6 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)); } -.hover\:\!bg-primary-500:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-500), var(--tw-bg-opacity)) !important; -} - .hover\:text-primary-600:hover { --tw-text-opacity: 1; color: rgba(var(--color-primary-600), var(--tw-text-opacity)); @@ -3669,12 +3670,6 @@ body:has(#menu-controller:checked) { text-underline-offset: 2px; } -.hover\:shadow-xl:hover { - --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); - --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); - box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); -} - .hover\:file\:bg-primary-300::file-selector-button:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-300), var(--tw-bg-opacity)); @@ -3932,6 +3927,11 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-800), 0.5); } +.dark .dark\:bg-primary-800 { + --tw-bg-opacity: 1; + background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); +} + .dark .dark\:bg-\[\#ef4444\] { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity)); @@ -3951,11 +3951,6 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-neutral-700), var(--tw-bg-opacity)); } -.dark .dark\:bg-primary-800 { - --tw-bg-opacity: 1; - background-color: rgba(var(--color-primary-800), var(--tw-bg-opacity)); -} - .dark .dark\:bg-primary-900 { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); @@ -4070,6 +4065,11 @@ body:has(#menu-controller:checked) { mix-blend-mode: multiply; } +.dark .dark\:hover\:\!bg-primary-700:hover { + --tw-bg-opacity: 1 !important; + background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; +} + .dark .dark\:hover\:bg-primary-900:hover { --tw-bg-opacity: 1; background-color: rgba(var(--color-primary-900), var(--tw-bg-opacity)); @@ -4080,11 +4080,6 @@ body:has(#menu-controller:checked) { background-color: rgba(var(--color-primary-400), var(--tw-bg-opacity)); } -.dark .dark\:hover\:\!bg-primary-700:hover { - --tw-bg-opacity: 1 !important; - background-color: rgba(var(--color-primary-700), var(--tw-bg-opacity)) !important; -} - .dark .dark\:hover\:text-primary-400:hover { --tw-text-opacity: 1; color: rgba(var(--color-primary-400), var(--tw-text-opacity)); diff --git a/config/_default/config.yaml b/config/_default/config.yaml index 2e0ed90..894a3f0 100644 --- a/config/_default/config.yaml +++ b/config/_default/config.yaml @@ -35,15 +35,15 @@ params: integrity: "sha512-xwE/Az9zrjBIphAcBb3F6JVqxf46+CDLwfLMHloNu6KEQCAWi6HcDUbeOfBIptF7tcCzusKFjFw2yuvEpDL9wQ==" crossorigin: "" - href: "https://unpkg.com/@raruto/leaflet-elevation@1.1.1/dist/leaflet-elevation.css" - - href: "css/leaflet.extra-markers.min.css" + - href: "/css/leaflet.extra-markers.min.css" js: + - src: "/js/leaflet.hugo.js" - src: "https://unpkg.com/leaflet@1.6.0/dist/leaflet.js" params: integrity: "sha512-gZwIG9x3wUXg2hdXF6+rVkLF/0Vi9U8D2Ntg4Ga5I5BZpVkVxlJWbSQtXPSiUTtC0TjtGOmxa1AJPuV0CPthew==" crossorigin: "" - - src: "js/leaflet.elevation.js" - - src: "js/leaflet.hugo.js" - - src: "js/leaflet.extra-markers.min.js" + - src: "/js/leaflet.elevation.js" + - src: "/js/leaflet.extra-markers.min.js" privacy: disqus: diff --git a/content/camp-form.md b/content/camp-form.md index 94074f2..9b212ad 100644 --- a/content/camp-form.md +++ b/content/camp-form.md @@ -9,7 +9,7 @@ sharingLinks: false {{< floating-button icon="chevron-down" text="To the form!" link="#form" >}} {{< pt src="https://videos.tfcconnection.org/videos/embed/30c22854-51ab-4c10-a5a2-034b0e506abf" width="700" height="576">}} -We hope you are as excited about camp as we are! If there is anything we can do to answer your questions and help you to get signed up for camp, please let us know! You can email any of us by going to [Contact](/contact). +We hope you are as excited about camp as we are! If there is anything we can do to answer your questions and help you to get signed up for camp, please let us know! You can email any of us by going to the [contact page](/contact). ## Dates - Week 1 - July 17 - July 21 @@ -22,10 +22,16 @@ We have an early bird registration, so if you register by certain dates, you'll - After June 23: $85 with registration plus $100 due at camp... _NO FREE T SHIRT!!!_ ## Location -Camp Joy in Alma, NE +Camp Joy in Republican City, NE + +[70790 Corp Rd 23, Republican City, NE 68971](https://maps.google.com/maps?z=16&q=70790%2Bcorp%2Brd%2B23%2Brepublican%2Bcity%2C%2Bne%2B68971) + + +{{< map mapName="campmap_888075" >}} + + + + + {{< camp-form >}} - - - - diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index 7026507..b897b25 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -54,7 +54,7 @@ {{ if .Site.Params.enableSearch | default false }} {{- partial "search.html" . -}} {{ end }} - {{ partial "leaflet-loader" . }} + {{- partial "leaflet-loader" . -}} diff --git a/layouts/shortcodes/camp-form.html b/layouts/shortcodes/camp-form.html index ac96b22..bb18673 100644 --- a/layouts/shortcodes/camp-form.html +++ b/layouts/shortcodes/camp-form.html @@ -104,7 +104,15 @@
- + +
+ + +
+ +
@@ -125,6 +133,7 @@ +
@@ -149,9 +158,8 @@ - - @@ -160,9 +168,9 @@ -
+
-