TFC/tfcconnection
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

finished updates to camp form

Browse source 
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.
This commit is contained in:
Chris Cochrun 2023-03-22 11:11:24 -05:00
parent bfc5d02a55
commit 31fc65500e
5 changed files with 120 additions and 111 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

165
assets/css/compiled/main.css
View file

@ -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));

8
config/_default/config.yaml
View file

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

18
content/camp-form.md
View file

@ -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)
<!-- http://umap.openstreetmap.fr/en/map/anonymous-edit/888075:134YBQNTmQ2pkJ76ur0PJ8KPuAc -->
{{< map mapName="campmap_888075" >}}
<!-- {{< leaflet-map mapLat="27.66995" mapLon="85.43249" >}} -->
<!-- {{< leaflet-map mapHeight="300px" mapWidth="100%" mapLat="27.66995" mapLon="85.43249" >}} -->
<!-- {{< leaflet-marker markerLat="27.66995" markerLon="85.43249" >}} -->
<!-- {{< /leaflet-map >}} -->
{{< camp-form >}}
<!-- ## Meet the Interns! -->
<!-- ### Cameron Hendryx -->
<!-- Hello! My name is Cameron Hendryx! I am a student at Kansas State University studying personal financial planning. I am from Russell, KS, but I attended the Thunder Ridge TFC group. I cannot tell you all how excited I am for camp! I told Lavonne about 3 years ago that I would like to become a TFC summer intern, now God has allowed that to happen, and I am excited to see how he uses me in this season of life. When I was young, my favorite thing to do was to play football. I remember many times playing football with friends at the elementary school park, or on the sidelines while my dad coached. Football was definitely my favorite thing to do, and it’s been cool to see how God has used football in my life. In high school, all I wanted to do was to play football, but God had other plans. Each year I had to sit on the sidelines with crutches or a sling. After getting hurt again my junior year, it hit me that God wanted me to use football to grow closer to Him. While I couldn’t play, God has used that love for the game to put me in a place I never imagined. Next year I will be a student coach for the K-State Football Team! The one thing that I can dwell on through this is how God has constantly provided for me and he truly does have plans to give me hope and a future! Just as God has been providing for me, I cannot wait to see where God brings you at camp this summer! -->

2
layouts/_default/baseof.html
View file

@ -54,7 +54,7 @@
{{ if .Site.Params.enableSearch | default false }}
{{- partial "search.html" . -}}
{{ end }}
{{ partial "leaflet-loader" . }}
{{- partial "leaflet-loader" . -}}
</div>
</body>
</html>

38
layouts/shortcodes/camp-form.html
View file

@ -104,7 +104,15 @@
</div>
<div class="basis-full my-4">
<label for="grade" class="">Grade <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
<label for="grade" class="">Grade this Fall <span class='inline-block text-[#f39] text-sm align-sub'>* required</span></label>
<br/>
<input type="radio" id="grade" name="grade" value="6"
class="form-input {{ $formClasses }}" checked>
<label for="grade" class="">6th</label>
<br/>
<input type="radio" id="grade" name="grade" value="7"
class="form-input {{ $formClasses }}" checked>
<label for="grade" class="">7th</label>
<br/>
<input type="radio" id="grade" name="grade" value="8"
class="form-input {{ $formClasses }}" checked>
@ -125,6 +133,7 @@
<input type="radio" id="grade" name="grade" value="senior"
class="form-input {{ $formClasses }}">
<label for="grade" class="">Senior</label>
<br/>
<input type="radio" id="grade" name="grade" value="college-freshman"
class="form-input {{ $formClasses }}">
<label for="grade" class="">College Freshman</label>
@ -149,9 +158,8 @@
<option value="week2">Week 2: July 24-28</option>
</select>
<label for="shirt" class="basis-full">T-Shirt Size</label>
<select id="shirt" name="shirt" class="flex-auto form-select {{ $formClasses }}">
<option value="ylg">Youth Large</option>
<label for="shirt" class="basis-full">T-Shirt Size <span class='inline-block text-[#f39] text-sm'>all t-shirts are in adult sizes only</span></label>
<select id="shirt" name="shirt" class="mb-8 flex-auto form-select {{ $formClasses }}">
<option value="small">Small</option>
<option value="medium">Medium</option>
<option value="large">Large</option>
@ -160,9 +168,9 @@
<option value="xxxl">3XL</option>
</select>
<div class="basis-full my-10">
<div class="basis-full my-2">
<label for="final-agreement">
I understand that in order for my registration to be complete I need to have this form, a health form, and the $65 registration fee.
I understand that in order to go to camp I need to have this form, a health form, and the total cost paid.
</label>
<div class="my-4">
<input type="radio" value="yes" id="final-agreement" name="final-agreement"
@ -172,27 +180,27 @@
</label>
</div>
</div>
<label for="health" class="basis-full">
Would you like to fill out the health form now or later? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span>
<label for="health" class="basis-full my-2">
Would you like to fill out the health form now or later? Your health form is not required right now, but you cannot go to camp without one.
</label>
<div class="basis-full">
<div class="basis-full mt-4">
<input type="radio" value="now" id="health" name="health"
class="form-input {{ $formClasses }}" checked>
<label for="health" class="">
Now
</label>
</div>
<div class="basis-full">
<div class="basis-full mb-4">
<input type="radio" value="later" id="health" name="health"
class="form-input {{ $formClasses }}">
<label for="health" class="">
Later
</label>
</div>
<label for="registration" class="basis-full">
Would you like to pay the registration fee or the full cost now or later? <span class='inline-block text-[#f39] text-sm align-sub'>* required</span>
<label for="registration" class="basis-full my-2">
Would you like to pay the registration fee or the full cost now or later?
</label>
<div class="basis-full">
<div class="basis-full mt-4">
<input type="radio" value="now" id="registration" name="registration"
class="form-input {{ $formClasses }}" checked>
<label for="registration" class="">
@ -201,12 +209,12 @@
</div>
<div class="basis-full">
<input type="radio" value="full" id="registration" name="registration"
class="form-input {{ $formClasses }}" checked>
class="form-input {{ $formClasses }}">
<label for="registration" class="">
Full Cost - $165
</label>
</div>
<div class="basis-full">
<div class="basis-full mb-4">
<input type="radio" value="later" id="registration" name="registration"
class="form-input {{ $formClasses }}">
<label for="registration" class="">