Skip to content

Commit 6f4ab37

Browse files
QuashnockQuashnockShiverhexBeastss10
authored
2024 website overhaul (#60)
* Initial Overhaul Boilerplate * -Created the Header and Footer components. -Removed uneeded images and reorganized into photos and icons folders -Slightly altered html pages in order to accomodate change in component creation method and to improve accessibility and SEO. * Aaron/2024 join us (#43) * -Created the Header and Footer components -Removed uneeded images and reorganized into photos and icons folders -Slightly altered html pages in order to accomodate change in component creation method and to improve accessibility and SEO. * - Created initial Join Us page, content and animations still need to be updated in the future - Added logos folder in assets and moved all logos over from icons into logos. Existing references to logos in html code have been edited accordingly -Removed reference to Font Awesome in all HTML pages as those will likely be unused and will increase load times. -Added main overflow-x: hidden and max-width: 100% styles to keep content from overflowing to the sides of the screen --------- Co-authored-by: Quashnock <awq@uw.edu> * Aaron/2024 join us (#44) * -Created the Header and Footer components -Removed uneeded images and reorganized into photos and icons folders -Slightly altered html pages in order to accomodate change in component creation method and to improve accessibility and SEO. * - Created initial Join Us page, content and animations still need to be updated in the future - Added logos folder in assets and moved all logos over from icons into logos. Existing references to logos in html code have been edited accordingly -Removed reference to Font Awesome in all HTML pages as those will likely be unused and will increase load times. -Added main overflow-x: hidden and max-width: 100% styles to keep content from overflowing to the sides of the screen * Fixed Arrow Button * Removed Font Awesome Links --------- Co-authored-by: Quashnock <awq@uw.edu> * Created Our Story and Home pages (#45) Co-authored-by: Quashnock <awq@uw.edu> * Add base CSS files (#46) * Created Our Story and Home pages * Add CSS files to commit --------- Co-authored-by: Quashnock <awq@uw.edu> * Miro/2024 Events Page (#47) * Added Event Content and CSS * Added Slider, Array, and WIP Popup --------- Co-authored-by: Miro <miroslav.hr.slavchev@gmail.com> * Created Sponsor page, Instagram error state, and small bug fixes. (#48) Co-authored-by: Quashnock <awq@uw.edu> * Miro Events Page 9/13 update. (#49) * Added Event Content and CSS * Added Slider, Array, and WIP Popup * Completed Popup --------- Co-authored-by: Miro <miroslav.hr.slavchev@gmail.com> * Aaron/2024 sponsor page (#50) * Created Sponsor page, Instagram error state, and small bug fixes. * -Made Navbar fixed to follow user down the page when they scroll -Added content currently specified in the Figma -Attempted to fix undefined bug with mobile navbar --------- Co-authored-by: Quashnock <awq@uw.edu> * Update Footer.js * Robot page layout * Website Layout * Update Robots.html * Aaron/general cleanup (#51) * -Added final images and text * Fixed issues with homepage performance --------- Co-authored-by: Quashnock <awq@uw.edu> * Miro/2024 events page (#52) * Added Event Content and CSS * Added Slider, Array, and WIP Popup * Completed Popup * Completed Mobile Page * Fixing Bugs * Added Mobile Popup * -Fixed graphical bug with text going off the mobile pop-up at around 768px -Extrapolated creating elements to a function to make the syntax more compact and easier to read -Added alt tags and changed some colors to make the page more accessible --------- Co-authored-by: Miro <miroslav.hr.slavchev@gmail.com> Co-authored-by: Quashnock <awq@uw.edu> * Aaron/robots page (#53) * Created Robots page and added lazy-loading to images to improve performance * Including default.css into commit --------- Co-authored-by: Quashnock <awq@uw.edu> * Aaron/robots page (#54) * Created Robots page and added lazy-loading to images to improve performance * Including default.css into commit * Added aspect ratios to images to hopefully help them load better. Also added more resolutions to choose from in Join Us, I want to experiment with how this runs. --------- Co-authored-by: Quashnock <awq@uw.edu> * Aaron/robots page (#55) * Created Robots page and added lazy-loading to images to improve performance * Including default.css into commit * Added aspect ratios to images to hopefully help them load better. Also added more resolutions to choose from in Join Us, I want to experiment with how this runs. * Added more images for srcset to choose from to fuerther optimize performance. --------- Co-authored-by: Quashnock <awq@uw.edu> * Made bug fixes and removed unused images (#56) Co-authored-by: Quashnock <awq@uw.edu> * Aaron/final cleanup (#57) * Made bug fixes and removed unused images * Added width constraint for large screen sizes, updated text and content. * Made image sizing fix --------- Co-authored-by: Quashnock <awq@uw.edu> * Aaron/final cleanup (#58) * Made bug fixes and removed unused images * Added width constraint for large screen sizes, updated text and content. * Made image sizing fix * Fixed some sizing errors and replaced photo gallery text to be more fitting. --------- Co-authored-by: Quashnock <awq@uw.edu> * Aaron/final cleanup (#59) * Made bug fixes and removed unused images * Added width constraint for large screen sizes, updated text and content. * Made image sizing fix * Fixed some sizing errors and replaced photo gallery text to be more fitting. * Updated html file names, --------- Co-authored-by: Quashnock <awq@uw.edu> --------- Co-authored-by: Quashnock <awq@uw.edu> Co-authored-by: Miro <miroslav.hr.slavchev@gmail.com> Co-authored-by: Beastss10 <saharsh.inamdar@gmail.com>
1 parent bcdbe10 commit 6f4ab37

File tree

419 files changed

+6975
-5171
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

419 files changed

+6975
-5171
lines changed

‎.DS_Store

8 KB
Binary file not shown.

‎Events.html

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,121 @@
1+
<!DOCTYPE html>
2+
3+
<html lang="en">
4+
<head>
5+
<title>Events</title>
6+
7+
<!-- General Meta Tags -->
8+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
9+
<meta
10+
name="description"
11+
content="Join us for some of our upcoming events"
12+
/>
13+
14+
<!-- Link Google Fonts -->
15+
<link rel="preconnect" href="https://fonts.googleapis.com" />
16+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
17+
<link
18+
href="https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Overpass+Mono:wght@300..700&display=swap"
19+
rel="stylesheet"
20+
/>
21+
22+
<!-- Link CSS -->
23+
<link rel="stylesheet" type="text/css" href="assets/scss/Events.css" />
24+
<link rel="stylesheet" type="text/css" href="assets/scss/default.css" />
25+
26+
<!-- jquery -->
27+
<script
28+
src="https://code.jquery.com/jquery-3.6.0.min.js"
29+
integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
30+
crossorigin="anonymous"
31+
></script>
32+
33+
<!-- Loads module Html -->
34+
<script src="./components/Header.js"></script>
35+
<script src="./components/Footer.js"></script>
36+
</head>
37+
38+
<body>
39+
<!-- Header will be loaded here -->
40+
<main>
41+
<!-- Mobile Page Navigation-->
42+
<div class="page-setup">
43+
<div class="events-navigation">
44+
<div class="upcoming-header active" id="upcoming-header">
45+
Upcoming Events
46+
</div>
47+
<div class="previous-header" id="previous-header">
48+
Previous Events
49+
</div>
50+
</div>
51+
<div class="upcoming-events-wrapper">
52+
<h1 class="upcoming-title">Upcoming Events</h1>
53+
54+
<!-- Event container with fixed buttons to scroll through events-->
55+
<div class="upcoming-card-wrapper">
56+
<button class="back-button">
57+
<img
58+
src="assets/images/icons/backward.png"
59+
alt="Back"
60+
class="button-img"
61+
/>
62+
</button>
63+
64+
<div class="upcoming-events">
65+
<!-- Event cards will be added here with Javascript-->
66+
</div>
67+
68+
<button class="next-button">
69+
<img
70+
src="assets/images/icons/forward.png"
71+
alt="Next"
72+
class="button-img"
73+
/>
74+
</button>
75+
</div>
76+
<!-- Previous Events cards which their time is before the current date are put here-->
77+
</div>
78+
<h1 class="previous-title">Previous Events</h1>
79+
<div class="previous-events-wrapper">
80+
<div class="previous-events">
81+
<!-- Event cards will be added here with Javascript-->
82+
</div>
83+
</div>
84+
</div>
85+
<!-- Popup HTML -->
86+
<div class="popup" id="popup">
87+
<div class="popup-content">
88+
<div class="first-column">
89+
<img src="" alt="Event Image" class="popup-img" id="popup-img" />
90+
<div class="time-hold">
91+
<img
92+
src="assets/images/icons/clock_black.png"
93+
alt="Clock icon"
94+
class="popup-clock"
95+
/>
96+
<p class="popup-date" id="popup-date">Oct 10th, 24</p>
97+
<p class="popup-time" id="popup-time">8 pm - 11 pm</p>
98+
</div>
99+
<div class="location-hold">
100+
<img
101+
src="assets/images/icons/waypoint_black.png"
102+
alt="Waypoint icon"
103+
class="popup-waypoint"
104+
/>
105+
<p class="popup-location" id="popup-location">UWB INV-011</p>
106+
</div>
107+
</div>
108+
<div class="second-column">
109+
<h2 class="popup-title" id="popup-title">Event Title</h2>
110+
<p class="popup-description" id="popup-description">Description:</p>
111+
<div class="share">
112+
<span class="link">Share</span>
113+
</div>
114+
</div>
115+
</div>
116+
</div>
117+
<script src="assets/javascript/Event.js"></script>
118+
</main>
119+
<!-- Footer will be loaded here -->
120+
</body>
121+
</html>

0 commit comments

Comments
 (0)