diff --git a/contact.html b/contact.html index fc103ad..757f631 100644 --- a/contact.html +++ b/contact.html @@ -15,7 +15,7 @@ Gilroy Hacks · Contact - + @@ -62,41 +62,42 @@
-
+
- @@ -153,16 +154,16 @@
diff --git a/css/general.css b/css/general.css index e7f9dc8..c0e022e 100644 --- a/css/general.css +++ b/css/general.css @@ -435,7 +435,7 @@ nav * { #podium-label-2 { margin-left: 1px !important; } - #header-background { + .header-background { background-position: unset !important; background-size: unset !important; } @@ -508,10 +508,10 @@ nav * { #logo { transform: scale(0.8); } - #header-subtitle-date { + .header-subtitle-date { transform: translateY(-30px); } - #spots-container { + .spots-container { transform: translateY(-30px); } #line-header { @@ -522,7 +522,7 @@ nav * { } } @media (max-height: 400px) { - #header { + .header { transform: scale(0.7); } } @@ -582,7 +582,7 @@ nav * { } /* Header */ -#header-background { +.header-background { background-image: url(/img/background.jpg); background-position: center; background-size: cover; @@ -591,7 +591,11 @@ nav * { height: 100vh; } -#header { +.header-background.second { + height: 20%; +} + +.header { width: 100%; height: 100%; display: flex; @@ -602,6 +606,16 @@ nav * { position: relative; } +.header.second { + padding: 70px 0 50px; + flex-flow: row nowrap; +} + +#second-logo { + height: 100px; + width: 100px; +} + .header-container { width: 100%; height: 100%; @@ -714,6 +728,10 @@ nav * { text-decoration: none; } +.header-link.second { + animation: none; +} + #header-tooltip::after { content: 'Add to Calendar →'; top: 12px; @@ -763,7 +781,7 @@ nav * { margin-right: 6px; } -#spots-container { +.spots-container { display: flex; place-items: center; border-radius: 10px; @@ -772,7 +790,6 @@ nav * { width: fit-content; border: 1px solid rgb(73, 73, 73); background-color: rgb(22, 22, 22); - animation: slideinleft ease 1.5s; background: rgb(20,48,10); background: linear-gradient(90deg, rgba(20,48,10,1) 0%, rgba(43,52,44,1) 100%); } @@ -781,7 +798,7 @@ nav * { padding: 5px; } -#spots-container:hover, .header-subtitle:hover { +.spots-container:hover, .header-subtitle:hover { transform: translateY(-2px); transition: 0.5s; } @@ -2295,6 +2312,122 @@ li .splide__pagination__page.is-active { align-items: center; } +#license-list { + display: flex; + flex-flow: column wrap; + width: 100%; + height: auto; + margin: auto; + padding-left: 10px; +} + +#license-list ul { + margin-left: 20px; +} + +.license-entry { + width: 100%; + height: auto; + padding: 10px; + text-align: left; + overflow-wrap: break-word; +} + +/* Contact */ +.contact-form { + margin-top: 30px; + min-width: 300px; + width: 40vw; +} + +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +input:-webkit-autofill:active { + transition: background-color 5000s ease-in-out 0s; + -webkit-text-fill-color: #fff !important; + caret-color: #fff; +} + +.input-block { + background-color: #202329; + border-radius: 10px; + width: 100%; + height: 60px; + padding: 25px; + position: relative; + margin-bottom: 20px; + transition: all 0.3s ease-out; +} +.input-block.focus { + background-color: #282c33; + transition: 0.5s; +} +.input-block.textarea { + height: auto; + font-size: 18px; +} +.form-control { + height: auto; + width: 100%; + resize: vertical; + font-family: "Glacial Indifference"; +} +.input-block label { + position: absolute; + left: 25px; + top: 25px; + display: block; + margin: 0; + font-weight: 300; + z-index: 1; + color: rgb(199, 199, 199); + font-size: 18px; + line-height: 10px; +} +.input-block .form-control { + background-color: transparent; + padding: 5px; + border: none; + border-radius: 0; + box-shadow: none; + height: auto; + position: relative; + z-index: 2; + font-size: 18px; + color: #fff; +} +option { + background-color: #343942; +} +.input-block .form-control:focus label { + top: 0; +} +.square-button { + background-color: #383e49; + color: #f3bc6a; + font-size: 26px; + text-transform: uppercase; + font-weight: 700; + text-align: center; + border-radius: 6px; + transition: all 0.3s ease; + height: 60px; + border: none; + width: 30%; +} +.square-button:hover, .square-button:focus { + filter: brightness(0.8); + cursor: pointer; +} + +@media (min-width: 768px) { + .contact-wrap { + width: 60%; + margin: auto; + } +} + /* Rules */ #rules-description { margin: 10px 20px; @@ -2671,6 +2804,12 @@ li .splide__pagination__page.is-active { animation: grow-wide ease 2s; } +.vertical-line.second { + width: 2px; + margin: 0 10px; + background-color: rgb(255, 255, 255); +} + @keyframes grow-wide { 0% { transform: scale(0); diff --git a/css/second.css b/css/second.css index 08ecf31..e9b1963 100644 --- a/css/second.css +++ b/css/second.css @@ -285,7 +285,7 @@ nav ul li { .checkbtn { display: inline-block; } - #header-background { + .header-background { background-position: unset !important; background-size: unset !important; } @@ -352,7 +352,7 @@ nav ul li { } /* Header */ -#header-background { +.header-background { background-image: url(/img/background.jpg); background-position: center; background-size: cover; @@ -361,7 +361,7 @@ nav ul li { height: 20%; } -#header { +.header { width: 100%; height: 100%; padding: 70px 0 50px; @@ -385,7 +385,7 @@ nav ul li { margin-top: 10px; } -#header-subtitle-date { +.header-subtitle-date { font-size: 18px; padding: 5px 7px; width: fit-content; @@ -428,7 +428,7 @@ nav ul li { margin-right: 6px; } -#spots-container { +.spots-container { display: flex; border-radius: 10px; margin-top: 5px; @@ -443,7 +443,7 @@ nav ul li { padding: 5px; } -#spots-container:hover, #header-subtitle-date:hover { +.spots-container:hover, #header-subtitle-date:hover { transform: translateY(-2px); transition: 0.5s; } diff --git a/img/dojo.png b/img/dojo.png deleted file mode 100644 index 779ce57..0000000 Binary files a/img/dojo.png and /dev/null differ diff --git a/index.html b/index.html index 8982e33..eeb730f 100644 --- a/index.html +++ b/index.html @@ -100,9 +100,9 @@
-
+
-