diff --git a/contact.html b/contact.html index 898a3ae..049bee7 100644 --- a/contact.html +++ b/contact.html @@ -79,10 +79,11 @@
SIGN UP
 diff --git a/css/contact.css b/css/contact.css index 4cc2c33..6b0296f 100644 --- a/css/contact.css +++ b/css/contact.css @@ -236,24 +236,29 @@ nav ul li { } /* Responsive Functions */ -@media (max-width: 1400px) { +@media (max-width: 1600px) { #banner { width: 50%; } } -@media (max-width: 1150px) { +@media (max-width: 1330px) { + #banner { + width: 30%; + } +} +@media (max-width: 1200px) { #banner { display: none; } } -@media (max-width: 800px) { +@media (max-width: 900px) { .checkbtn { display: inline-block; } nav ul { position: fixed; width: 100%; - height: 250px; + height: 300px; margin-top: 58px; margin-right: 0; background: rgb(24, 24, 24); diff --git a/css/general.css b/css/general.css index d7db172..757729a 100644 --- a/css/general.css +++ b/css/general.css @@ -235,24 +235,29 @@ nav ul li { } /* Responsive Functions */ -@media (max-width: 1400px) { +@media (max-width: 1600px) { #banner { width: 50%; } } -@media (max-width: 1150px) { +@media (max-width: 1330px) { + #banner { + width: 30%; + } +} +@media (max-width: 1200px) { #banner { display: none; } } -@media (max-width: 800px) { +@media (max-width: 900px) { .checkbtn { display: inline-block; } nav ul { position: fixed; width: 100%; - height: 250px; + height: 300px; margin-top: 58px; margin-right: 0; background: rgb(24, 24, 24); @@ -1069,6 +1074,27 @@ section { right: -20px; } +#git-tooltip::after { + content: 'Git'; + color:#a6e2fa; + right: -3px; + top: 33px; +} + +#html-tooltip::after { + content: 'HTML'; + color:#a6e2fa; + right: -10px; + top: 33px; +} + +#python-tooltip::after { + content: 'Python'; + color:#a6e2fa; + right: -15px; + top: 33px; +} + /* Signup Container */ #signup-container { margin: 20px auto; @@ -1572,26 +1598,104 @@ section { flex-flow: row wrap; margin-top: 20px; justify-content: center; + align-items: flex-start; } .workshop-entry { margin: 20px; - min-width: 500px; - background-color: rgb(19, 29, 41); + min-width: 350px; + max-width: 500px; border-radius: 10px; box-shadow: 5px 5px 10px rgb(0 0 0 / 20%); text-align: left; overflow: hidden; } +.workshop-entry:hover { + transform: translateY(-4px); + transition: 0.5s; +} + +#webdev-workshop { + background-image: + linear-gradient( rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5) ), + url(/img/webdev.jpg); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-color: rgb(102, 85, 61); + background-blend-mode: multiply; + /* Photo by Tranmautritam: https://www.pexels.com/photo/information-sign-on-shelf-251225/ */ +} + +#python-workshop { + background-image: + linear-gradient( rgba(255, 255, 255, 0.5), rgba(0, 0, 0, 0.5) ), + url(/img/python_code.jpg); + background-position: center; + background-size: cover; + background-repeat: no-repeat; + background-color: rgb(53, 79, 110); + background-blend-mode: multiply; + /* Photo SRC: https://unsplash.com/photos/g5_rxRjvKmg?utm_source=unsplash&utm_medium=referral&utm_content=creditShareLink */ +} + .workshop-header { - padding: 10px 30px; + padding: 10px 30px 15px; + display: grid; + grid-template-columns: auto auto; + background-color: rgb(19, 29, 41); +} + +.workshop-title { + display: flex; + flex-flow: column nowrap; +} + +.title-font-weight { + font-size: 25px; +} + +.workshop-topics { + float: right; + display: flex; + flex-flow: row-reverse; +} + +.workshop-img { + height: 30px; + width: 30px; + margin-left: 10px; } .workshop-desc { - margin-top: 10px; + padding: 10px 35px; + background-color: #1b1c20; +} + +.workshop-date { + padding: 7px 20px; + text-align: center; + background-color: #3a3344; + display: flex; + flex-flow: row wrap; + justify-content: space-between; + font-size: 20px; +} + +.workshop-date div { + margin: 0 10px; +} + +.workshop-icon { + float: left; + margin-right: 5px; +} + +.workshop-footer { padding: 10px 30px; - background-color: #222429; + text-align: center; + background-color: #151618; } /* Rules */ @@ -1844,7 +1948,7 @@ section { } .prize-img { - height: 100px; + height: 85px; } #prize-box { @@ -2058,6 +2162,26 @@ section { margin-right: 5px; } +@media (max-width: 869px) { + #footer-desc { + margin-bottom: 20px; + } +} + +@media (max-width: 565px) { + footer * { + text-align: center; + justify-content: center; + } + .footer-title { + margin-bottom: 0 !important; + } + #footer-desc, #footer-links, #footer-location { + margin-right: 0 !important; + margin-bottom: 20px; + } +} + footer { width: auto; height: auto; @@ -2119,6 +2243,10 @@ footer { text-align: left; } +.footer-title { + margin-bottom: 19px; +} + #footer-location { width: 220px; margin-top: 7px; diff --git a/css/licenses.css b/css/licenses.css index 202a4be..3ff41e4 100644 --- a/css/licenses.css +++ b/css/licenses.css @@ -236,24 +236,29 @@ nav ul li { } /* Responsive Functions */ -@media (max-width: 1400px) { +@media (max-width: 1600px) { #banner { width: 50%; } } -@media (max-width: 1150px) { +@media (max-width: 1330px) { + #banner { + width: 30%; + } +} +@media (max-width: 1200px) { #banner { display: none; } } -@media (max-width: 800px) { +@media (max-width: 900px) { .checkbtn { display: inline-block; } nav ul { position: fixed; width: 100%; - height: 250px; + height: 300px; margin-top: 58px; margin-right: 0; background: rgb(24, 24, 24); diff --git a/img/css.png b/img/css.png new file mode 100644 index 0000000..943c7e2 Binary files /dev/null and b/img/css.png differ diff --git a/img/git.png b/img/git.png new file mode 100644 index 0000000..2f82b89 Binary files /dev/null and b/img/git.png differ diff --git a/img/html.png b/img/html.png new file mode 100644 index 0000000..3ce021c Binary files /dev/null and b/img/html.png differ diff --git a/img/python-logo.webp b/img/python-logo.webp new file mode 100644 index 0000000..c183b51 Binary files /dev/null and b/img/python-logo.webp differ diff --git a/img/python_code.jpg b/img/python_code.jpg new file mode 100644 index 0000000..3b3d49c Binary files /dev/null and b/img/python_code.jpg differ diff --git a/img/webdev.jpg b/img/webdev.jpg new file mode 100644 index 0000000..faa9f8d Binary files /dev/null and b/img/webdev.jpg differ diff --git a/index.html b/index.html index 3bde872..8d708c3 100644 --- a/index.html +++ b/index.html @@ -84,6 +84,7 @@
SIGN UP
 +
+ https://gilroyhacks.com/img/python_code.png + +
+
+ https://gilroyhacks.com/img/webdev.jpg + +
+
+ https://gilroyhacks.com/img/python-logo.webp + +
+
+ https://gilroyhacks.com/img/html.png + +
+
+ https://gilroyhacks.com/img/git.png + +
Bootstrap Icons