Compressed Images
@ -650,6 +650,26 @@ option {
|
||||
background-size: 0 0.1em, 100% 0.1em;
|
||||
}
|
||||
|
||||
@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;
|
||||
@ -695,12 +715,6 @@ footer {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.new-tab-icon {
|
||||
fill: white;
|
||||
height: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
color: rgb(129, 129, 129);
|
||||
}
|
||||
@ -717,6 +731,10 @@ footer {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
#footer-location {
|
||||
width: 220px;
|
||||
margin-top: 7px;
|
||||
|
@ -1692,10 +1692,29 @@ section {
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.workshop-instructor {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
margin: 0 5px 0 10px;
|
||||
}
|
||||
|
||||
.instructor-img {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.default-pfp {
|
||||
border-radius: 50%;
|
||||
border: 1px solid rgb(161, 161, 161);
|
||||
}
|
||||
|
||||
.workshop-footer {
|
||||
padding: 10px 30px;
|
||||
text-align: center;
|
||||
background-color: #151618;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
/* Rules */
|
||||
|
@ -566,6 +566,26 @@ section {
|
||||
background-size: 0 0.1em, 100% 0.1em;
|
||||
}
|
||||
|
||||
@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;
|
||||
@ -611,12 +631,6 @@ footer {
|
||||
margin: 0 10px;
|
||||
}
|
||||
|
||||
.new-tab-icon {
|
||||
fill: white;
|
||||
height: 10px;
|
||||
margin-left: 5px;
|
||||
}
|
||||
|
||||
#footer-copyright {
|
||||
color: rgb(129, 129, 129);
|
||||
}
|
||||
@ -633,6 +647,10 @@ footer {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
margin-bottom: 19px;
|
||||
}
|
||||
|
||||
#footer-location {
|
||||
width: 220px;
|
||||
margin-top: 7px;
|
||||
|
Before Width: | Height: | Size: 9.5 KiB After Width: | Height: | Size: 3.0 KiB |
Before Width: | Height: | Size: 12 KiB After Width: | Height: | Size: 2.7 KiB |
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 6.6 KiB |
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 5.5 KiB |
Before Width: | Height: | Size: 123 KiB After Width: | Height: | Size: 28 KiB |
Before Width: | Height: | Size: 97 KiB After Width: | Height: | Size: 23 KiB |
BIN
img/bars.png
Before Width: | Height: | Size: 5.0 KiB After Width: | Height: | Size: 421 B |
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 17 KiB |
BIN
img/css.png
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 4.4 KiB |
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 4.2 KiB |
Before Width: | Height: | Size: 64 KiB After Width: | Height: | Size: 9.0 KiB |
BIN
img/git.png
Before Width: | Height: | Size: 3.4 KiB After Width: | Height: | Size: 1.5 KiB |
Before Width: | Height: | Size: 67 KiB After Width: | Height: | Size: 18 KiB |
BIN
img/html.png
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 3.5 KiB |
BIN
img/jd.png
Before Width: | Height: | Size: 30 KiB After Width: | Height: | Size: 9.8 KiB |
BIN
img/mountains-1.jpeg
Normal file
After Width: | Height: | Size: 67 KiB |
Before Width: | Height: | Size: 367 KiB After Width: | Height: | Size: 72 KiB |
BIN
img/python_code.jpeg
Normal file
After Width: | Height: | Size: 981 KiB |
17
index.html
@ -64,6 +64,7 @@
|
||||
}
|
||||
</style>
|
||||
<!--For icons, go here: https://iconsvg.xyz/ or https://icomoon.io/app/#/select-->
|
||||
<!-- Compress Images: https://imageresizer.com/image-compressor -->
|
||||
</head>
|
||||
<body>
|
||||
<!--Nav-->
|
||||
@ -191,7 +192,7 @@
|
||||
<li>After this event, participants will <u>head back home</u> to start coding</li>
|
||||
</ul>
|
||||
<div class="timeline-links">
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" src="img/zoom.png"></div></a>
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
@ -246,7 +247,7 @@
|
||||
<li>Your team will be graded on both the product and presentation as per the rubric</li>
|
||||
</ul>
|
||||
<div class="timeline-links">
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" src="img/zoom.png"></div></a>
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
|
||||
<a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
|
||||
</div>
|
||||
</p>
|
||||
@ -264,7 +265,7 @@
|
||||
<li>For Questions, ask in the Discord server (#ask-questions), or contact tech support at <a class="link tooltip email-link email-replace-tech" target="_blank" href="mailto:tech@gilroyhacks.com">tech@gilroyhacks.com</a></li>
|
||||
</ul>
|
||||
<div class="timeline-links">
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" src="img/zoom.png"></div></a>
|
||||
<a class="tooltip" id="zoom-tooltip"><div class="timeline-button" id="zoom-link"><img class="timeline-icon" loading="lazy" src="img/zoom.png" alt="Zoom"></div></a>
|
||||
</div>
|
||||
</p>
|
||||
</div>
|
||||
@ -496,8 +497,8 @@
|
||||
<h4>Study Room</h4>
|
||||
</div>
|
||||
<div class="workshop-topics">
|
||||
<span class="tooltip" id="git-tooltip"><img class="workshop-img" src="img/git.png"></span>
|
||||
<span class="tooltip" id="html-tooltip"><img class="workshop-img" src="img/html.png"></span>
|
||||
<span class="tooltip" id="git-tooltip"><img class="workshop-img" loading="lazy" src="img/git.png" alt="Git"></span>
|
||||
<span class="tooltip" id="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="workshop-date">
|
||||
@ -521,7 +522,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="workshop-footer">
|
||||
Instructed By <span class="emphasis-text">James Dinh</span>
|
||||
Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/jd.png" loading="lazy" alt="profile picture"></div><span class="emphasis-text">James Dinh</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="workshop-entry">
|
||||
@ -531,7 +532,7 @@
|
||||
<h4>Study Room</h4>
|
||||
</div>
|
||||
<div class="workshop-topics">
|
||||
<span class="tooltip" id="python-tooltip"><img class="workshop-img" src="img/python-logo.webp"></span>
|
||||
<span class="tooltip" id="python-tooltip"><img class="workshop-img" loading="lazy" src="img/python-logo.webp" alt="Python"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="workshop-date">
|
||||
@ -555,7 +556,7 @@
|
||||
</ul>
|
||||
</div>
|
||||
<div class="workshop-footer">
|
||||
Instructed By <span class="emphasis-text">Clement Boiteux</span>
|
||||
Instructed By: <div class="workshop-instructor"><img class="instructor-img default-pfp" src="img/Gilroy Hacks Logo [icon-tp-podium].png" loading="lazy" alt="profile picture"></div><span class="emphasis-text">Clement Boiteux</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|