Compressed Images

This commit is contained in:
James Dinh 2022-07-23 18:01:46 -07:00
parent 75905ecfcf
commit 7c98dd8c11
22 changed files with 76 additions and 20 deletions

View File

@ -650,6 +650,26 @@ option {
background-size: 0 0.1em, 100% 0.1em; 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 { footer {
width: auto; width: auto;
height: auto; height: auto;
@ -695,12 +715,6 @@ footer {
margin: 0 10px; margin: 0 10px;
} }
.new-tab-icon {
fill: white;
height: 10px;
margin-left: 5px;
}
#footer-copyright { #footer-copyright {
color: rgb(129, 129, 129); color: rgb(129, 129, 129);
} }
@ -717,6 +731,10 @@ footer {
text-align: left; text-align: left;
} }
.footer-title {
margin-bottom: 19px;
}
#footer-location { #footer-location {
width: 220px; width: 220px;
margin-top: 7px; margin-top: 7px;

View File

@ -1692,10 +1692,29 @@ section {
margin-right: 5px; 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 { .workshop-footer {
padding: 10px 30px; padding: 10px 30px;
text-align: center; text-align: center;
background-color: #151618; background-color: #151618;
display: flex;
justify-content: center;
align-items: center;
} }
/* Rules */ /* Rules */

View File

@ -566,6 +566,26 @@ section {
background-size: 0 0.1em, 100% 0.1em; 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 { footer {
width: auto; width: auto;
height: auto; height: auto;
@ -611,12 +631,6 @@ footer {
margin: 0 10px; margin: 0 10px;
} }
.new-tab-icon {
fill: white;
height: 10px;
margin-left: 5px;
}
#footer-copyright { #footer-copyright {
color: rgb(129, 129, 129); color: rgb(129, 129, 129);
} }
@ -633,6 +647,10 @@ footer {
text-align: left; text-align: left;
} }
.footer-title {
margin-bottom: 19px;
}
#footer-location { #footer-location {
width: 220px; width: 220px;
margin-top: 7px; margin-top: 7px;

Binary file not shown.

Before

Width:  |  Height:  |  Size: 9.5 KiB

After

Width:  |  Height:  |  Size: 3.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 20 KiB

After

Width:  |  Height:  |  Size: 6.6 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 5.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 28 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 97 KiB

After

Width:  |  Height:  |  Size: 23 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.0 KiB

After

Width:  |  Height:  |  Size: 421 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 4.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 4.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 64 KiB

After

Width:  |  Height:  |  Size: 9.0 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.4 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 67 KiB

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 3.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 9.8 KiB

BIN
img/mountains-1.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 67 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 367 KiB

After

Width:  |  Height:  |  Size: 72 KiB

BIN
img/python_code.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 981 KiB

View File

@ -64,6 +64,7 @@
} }
</style> </style>
<!--For icons, go here: https://iconsvg.xyz/ or https://icomoon.io/app/#/select--> <!--For icons, go here: https://iconsvg.xyz/ or https://icomoon.io/app/#/select-->
<!-- Compress Images: https://imageresizer.com/image-compressor -->
</head> </head>
<body> <body>
<!--Nav--> <!--Nav-->
@ -191,7 +192,7 @@
<li>After this event, participants will <u>head back home</u> to start coding</li> <li>After this event, participants will <u>head back home</u> to start coding</li>
</ul> </ul>
<div class="timeline-links"> <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> </div>
</p> </p>
</div> </div>
@ -246,7 +247,7 @@
<li>Your team will be graded on both the product and presentation as per the rubric</li> <li>Your team will be graded on both the product and presentation as per the rubric</li>
</ul> </ul>
<div class="timeline-links"> <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> <a target="_blank" href="https://docs.google.com/document/d/1g0NyLcNGcteaXelcNRLpGSzd0l6Mky78ohbBQgQTDQY/edit?usp=sharing"><div class="timeline-button">View the Rubric</div></a>
</div> </div>
</p> </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> <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> </ul>
<div class="timeline-links"> <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> </div>
</p> </p>
</div> </div>
@ -496,8 +497,8 @@
<h4>Study Room</h4> <h4>Study Room</h4>
</div> </div>
<div class="workshop-topics"> <div class="workshop-topics">
<span class="tooltip" id="git-tooltip"><img class="workshop-img" src="img/git.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" src="img/html.png"></span> <span class="tooltip" id="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
</div> </div>
</div> </div>
<div class="workshop-date"> <div class="workshop-date">
@ -521,7 +522,7 @@
</ul> </ul>
</div> </div>
<div class="workshop-footer"> <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> </div>
<div class="workshop-entry"> <div class="workshop-entry">
@ -531,7 +532,7 @@
<h4>Study Room</h4> <h4>Study Room</h4>
</div> </div>
<div class="workshop-topics"> <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> </div>
<div class="workshop-date"> <div class="workshop-date">
@ -555,7 +556,7 @@
</ul> </ul>
</div> </div>
<div class="workshop-footer"> <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> </div>
</div> </div>