Skip to content

Aaron/robots page #54

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 4 commits into from
Sep 22, 2024
Merged

Aaron/robots page #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
d1bb0bd
Created Robots page and added lazy-loading to images to improve perfo…
Sep 20, 2024
36120b7
Including default.css into commit
Sep 20, 2024
074b471
Added aspect ratios to images to hopefully help them load better. Als…
Sep 22, 2024
89cfda2
Merge branch '2024WebsiteOverhaul' into aaron/Robots-page
Quashnock Sep 22, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 25 additions & 17 deletions JoinUs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -76,20 +76,24 @@ <h2>Want to Join Us?</h2>
<source
type="image/webp"
srcset="
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-320w.webp 320w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-768w.webp 768w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1920w.webp 1920w
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-320w.webp?width=320 320w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-520w.webp?width=520 520w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-768w.webp?width=768 768w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1200w.webp?width=1200 1200w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1920w.webp?width=1920 1920w
"
/>
<img
src="assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1920w.jpg"
src="assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-320w.jpg"
srcset="
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-320w.jpg 320w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-768w.jpg 768w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1920w.jpg 1920w
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-320w.jpg?width=320 320w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-520w.jpg?width=520 520w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-768w.jpg?width=768 768w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1200w.jpg?width=1200 1200w,
assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1920w.jpg?width=1920 1920w
"
sizes="(max-width: 768px) 90vw, 30vw"
alt="Photo of 2024 team members in front of the Bothell W"
sizes="(max-width: 768px) 88vw, 25vw"
alt="Photo of electrical engineering team member working with screws"
/>
</picture>
</section>
Expand Down Expand Up @@ -122,19 +126,23 @@ <h2>Mentoring Opportunities</h2>
<source
type="image/webp"
srcset="
assets/images/photos/MentoringImage/MentoringImage-320w.webp 320w,
assets/images/photos/MentoringImage/MentoringImage-768w.webp 768w,
assets/images/photos/MentoringImage/MentoringImage-1920w.webp 1920w
assets/images/photos/MentoringImage/MentoringImage-320w.webp?width=320 320w,
assets/images/photos/MentoringImage/MentoringImage-520w.webp?width=520 520w,
assets/images/photos/MentoringImage/MentoringImage-1200w.webp?width=1200 1200w,
assets/images/photos/MentoringImage/MentoringImage-1920w.webp?width=1920 1920w
"
sizes="(max-width: 768px) 88vw, 25vw"
/>
<img
src="assets/images/photos/MentoringImage/MentoringImage-1920w.jpg"
src="assets/images/photos/MentoringImage/MentoringImage-320w.jpg"
srcset="
assets/images/photos/MentoringImage/MentoringImage-320w.jpg 320w,
assets/images/photos/MentoringImage/MentoringImage-768w.jpg 768w,
assets/images/photos/MentoringImage/MentoringImage-1920w.jpg 1920w
assets/images/photos/MentoringImage/MentoringImage-320w.jpg?width=320 320w,
assets/images/photos/MentoringImage/MentoringImage-520w.jpg?width=520 520w,
assets/images/photos/MentoringImage/MentoringImage-768w.jpg?width=768 768w,
assets/images/photos/MentoringImage/MentoringImage-1200w.jpg?width=1200 1200w,
assets/images/photos/MentoringImage/MentoringImage-1920w.jpg?width=1920 1920w
"
sizes="(max-width: 768px) 90vw, 30vw"
sizes="(max-width: 768px) 88vw, 30vw"
alt="Photo of a student mentor working with the engineering team"
loading="lazy"
encoding="async"
Expand Down
1 change: 1 addition & 0 deletions OurStory.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -49,6 +49,7 @@
assets/images/photos/MoonBackground/MoonBackground-768w.webp 768w,
assets/images/photos/MoonBackground/MoonBackground-1920w.webp 1920w
"
sizes="100vw"
/>
<img
src="assets/images/photos/starRainBackground.jpg"
Expand Down
1 change: 1 addition & 0 deletions Sponsor.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -192,6 +192,7 @@ <h3>How to Support Us: Step-by-Step Guide</h3>
assets/images/photos/ViatorStreetPhoto/ViatorStreetPhoto-768w.webp 768w,
assets/images/photos/ViatorStreetPhoto/ViatorStreetPhoto-1920w.webp 1920w
"
sizes="(max-width: 768px) 90vw, 35vw"
/>
<img
src="assets/images/photos/starRainBackground.jpg"
Expand Down
Binary file added assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1200w.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-1200w.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-520w.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/photos/EngineeringTeamMember/EngineeringTeamMember-520w.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/MentoringImage/MentoringImage-1200w.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/photos/MentoringImage/MentoringImage-1200w.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/MentoringImage/MentoringImage-520w.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/photos/MentoringImage/MentoringImage-520w.webp
View file
Open in desktop
Binary file not shown.
Binary file removed assets/images/photos/MentoringImage/MentoringImage-768w.webp
View file
Open in desktop
Binary file not shown.
24 changes: 12 additions & 12 deletions assets/scss/Events.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -82,7 +82,7 @@ main .time {
align-items: center;
gap: 5%;
font-size: 0.8rem;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
letter-spacing: -1px;
}
main .clock {
Expand All @@ -97,7 +97,7 @@ main .date {
}
main .title {
padding: 0.4rem 0.3rem 0.3rem 0.8rem;
font-family: "Overpass Mono", "Courier New", monospace;
font-family: "Overpass Mono", monospace;
background-color: rgb(116, 186, 143);
}
main .title h2 {
Expand All @@ -118,7 +118,7 @@ main .waypoint {
}
main .location h3 {
font-size: 1.2rem;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
font-weight: lighter;
color: #fff;
margin: 0%;
Expand Down Expand Up @@ -228,7 +228,7 @@ main .popup-date,
main .popup-time,
main .popup-location {
font-size: 20px;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .popup-time {
margin-left: 5px;
Expand All @@ -243,12 +243,12 @@ main .popup-title {
font-size: 24px;
font-weight: bold;
color: black;
font-family: "Overpass Mono", "Courier New", monospace;
font-family: "Overpass Mono", monospace;
}
main .popup-description {
font-size: 16px;
margin-top: 5%;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .share {
position: absolute;
Expand All @@ -258,7 +258,7 @@ main .share {
margin-top: 25%;
display: flex;
align-items: center;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .share .link {
width: 100px;
Expand Down Expand Up @@ -314,7 +314,7 @@ main .events-navigation {
border-radius: 5px;
background-color: #3b3b3b;
color: #fff;
font-family: "Overpass Mono", "Courier New", monospace;
font-family: "Overpass Mono", monospace;
}
main .upcoming-header.active {
background-color: rgb(69, 139, 96);
Expand Down Expand Up @@ -427,7 +427,7 @@ main .events-navigation {
main .popup-time,
main .popup-location {
font-size: 18px;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .popup-time {
margin-left: 5px;
Expand All @@ -447,12 +447,12 @@ main .events-navigation {
font-size: 24px;
font-weight: bold;
color: black;
font-family: "Overpass Mono", "Courier New", monospace;
font-family: "Overpass Mono", monospace;
}
main .popup-description {
font-size: 16px;
margin-top: 5%;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .share {
position: absolute;
Expand All @@ -462,7 +462,7 @@ main .events-navigation {
margin-top: 25%;
display: flex;
align-items: center;
font-family: "Outfit", Arial, sans-serif;
font-family: "Outfit", sans-serif;
}
main .share .link {
width: 100%;
Expand Down
2 changes: 1 addition & 1 deletion assets/scss/Events.css.map
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

1 change: 1 addition & 0 deletions assets/scss/HomePage.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -71,6 +71,7 @@ main div#starBackgroundSection section div.imageContainer div#galleryImagesConta
main div#starBackgroundSection section picture.imageContainer div#galleryImagesContainer picture img {
display: none;
width: 100%;
aspect-ratio: 16/9;
height: auto;
-o-object-fit: cover;
object-fit: cover;
Expand Down
Loading