Skip to content

Commit efa04d7

Browse files
author
Quashnock
committed
Created Our Story and Home pages
1 parent 36bb272 commit efa04d7

21 files changed

+2425
-137
lines changed

‎JoinUs.html

Lines changed: 13 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -38,17 +38,10 @@
3838
<body>
3939
<!-- Header will be loaded here -->
4040
<main>
41-
<section id="volunteer">
42-
<h2 class="mobile">Want to join us?</h2>
43-
<div class="imageContainer" role="presentation">
44-
<img
45-
src="./assets/images/photos/outreach_trickfire_robotics_compressed.jpg"
46-
alt="TrickFire student members giving robot presentation"
47-
/>
48-
</div>
41+
<section class="reversed">
4942
<article>
5043
<div class="articleHeader" role="presentation">
51-
<h2 class="desktop">Want to join us?</h2>
44+
<h2>Want to Join Us?</h2>
5245
<p>
5346
TrickFire’s mission is to give students the hands-on, applicable
5447
experience crucial to entering the working world. Here, students
@@ -70,26 +63,25 @@ <h2 class="desktop">Want to join us?</h2>
7063
src="assets/images/icons/arrowIcon.svg"
7164
alt="Arrow icon"
7265
/>
73-
<div>Apply Now</div>
66+
<div role="presentation">Apply Now</div>
7467
<img
7568
class="rightPointArrow"
7669
src="assets/images/icons/arrowIcon.svg"
7770
alt="Arrow icon"
7871
/>
7972
</a>
8073
</article>
81-
</section>
82-
<section id="mentor">
83-
<h2 class="mobile">Mentoring Opportunities</h2>
84-
<div class="imageContainer mobile" role="presentation">
74+
<div class="imageContainer" role="presentation">
8575
<img
8676
src="./assets/images/photos/teaching_new_member.jpg"
8777
alt="Student member giving presentation"
8878
/>
8979
</div>
80+
</section>
81+
<section>
9082
<article>
9183
<div class="articleHeader" role="presentation">
92-
<h2 class="desktop">Mentoring Opportunities</h2>
84+
<h2>Mentoring Opportunities</h2>
9385
<p>
9486
Are you interested in being a mentor? Are you not a student but
9587
want to help the club? Email us at
@@ -98,6 +90,11 @@ <h2 class="desktop">Mentoring Opportunities</h2>
9890
</p>
9991
</div>
10092
<a class="leaveSiteLink" href="mailto:tfrbtcs@uw.edu" target="_blank">
93+
<img
94+
class="leftPointArrow"
95+
src="assets/images/icons/arrowIcon.svg"
96+
alt="Arrow icon"
97+
/>
10198
<div role="presentation">Email Us</div>
10299
<img
103100
class="rightPointArrow"
@@ -106,7 +103,7 @@ <h2 class="desktop">Mentoring Opportunities</h2>
106103
/>
107104
</a>
108105
</article>
109-
<div class="imageContainer desktop" role="presentation">
106+
<div class="imageContainer" role="presentation">
110107
<img
111108
src="./assets/images/photos/teaching_new_member.jpg"
112109
alt="Student member giving presentation"

‎OurStory.html

Lines changed: 147 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -33,12 +33,158 @@
3333
<!-- Loads module Html -->
3434
<script src="./components/Header.js" defer></script>
3535
<script src="./components/Footer.js" defer></script>
36+
37+
<!-- Gets instagram posts -->
38+
<script src="./assets/javascript/getInstagramPosts.js" defer></script>
3639
</head>
3740

3841
<body>
3942
<!-- Header will be loaded here -->
4043
<main>
41-
<h1>Our Story</h1>
44+
<div id="backgroundContainer" role="presentation">
45+
<img
46+
id="moonBackground"
47+
srcset="
48+
/assets/images/photos/mobileMoonBackground.webp 768w,
49+
/assets/images/photos/desktopMoonBackground.webp 1200w
50+
"
51+
src="/assets/images/photos/mobileMoonBackground.jpg"
52+
alt="Background of the moon"
53+
/>
54+
</div>
55+
<section id="teamTextSection">
56+
<h2>
57+
We believe that good design is powerful, hard work is essential, and
58+
exploring the unknown is important.
59+
</h2>
60+
<hr role="presentation" />
61+
<div role="presentation">
62+
<article>
63+
<h3>Mission</h3>
64+
<p>
65+
Here need a sentence about our mission, think about why we do this
66+
project, or something inspired you.
67+
</p>
68+
</article>
69+
<hr role="presentation" />
70+
<article>
71+
<h3>Value</h3>
72+
<p>
73+
Here need a sentence about our value, think about why we do this
74+
project, or why you are here.
75+
</p>
76+
</article>
77+
</div>
78+
<hr />
79+
<article>
80+
<h3>About Us</h3>
81+
<p>
82+
TrickFire’s mission is to give students the hands-on, applicable
83+
experience crucial to entering the working world. Here, students can
84+
gain skills in software, mechanical and electrical engineering, and
85+
business skills such as budget management and communications. All of
86+
these skills will prepare students for their resumes, and they will
87+
be able to talk about their work in TrickFire, while having fun
88+
along the way!
89+
</p>
90+
</article>
91+
<hr role="presentation" />
92+
<article>
93+
<h3>About Team</h3>
94+
<p>
95+
TrickFire is made up of smaller teams that all contribute their own
96+
disciplines to the final rover and provide members with different
97+
opportunities to flex their skills. Members can join multiple teams
98+
and each team works on several different projects in their own
99+
subteams, so there is always something new and interesting to be
100+
worked on.
101+
</p>
102+
</article>
103+
<hr />
104+
</section>
105+
<section id="teamLeadersSection">
106+
<h3 id="leaderTitle">Team Leaders</h3>
107+
<article>
108+
<div class="profile" role="presentation">
109+
<img
110+
src="assets\images\photos\ProfilePlaceholder.webp"
111+
alt="Placeholder profile"
112+
/>
113+
<h3>Name</h3>
114+
</div>
115+
<div class="quote" role="presentation">
116+
<h3>“Quote, or motto”</h3>
117+
<p>
118+
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
119+
responsibilities Job responsibilitiesJob responsibilitiesJob
120+
responsibilities
121+
</p>
122+
</div>
123+
</article>
124+
<article class="reversed">
125+
<div class="profile" role="presentation">
126+
<img
127+
src="assets\images\photos\ProfilePlaceholder.webp"
128+
alt="Placeholder profile"
129+
/>
130+
<h3>Name</h3>
131+
</div>
132+
<div class="quote" role="presentation">
133+
<h3>“Quote, or motto”</h3>
134+
<p>
135+
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
136+
responsibilities Job responsibilitiesJob responsibilitiesJob
137+
responsibilities
138+
</p>
139+
</div>
140+
</article>
141+
<article>
142+
<div class="profile" role="presentation">
143+
<img
144+
src="assets\images\photos\ProfilePlaceholder.webp"
145+
alt="Placeholder profile"
146+
/>
147+
<h3>Name</h3>
148+
</div>
149+
<div class="quote" role="presentation">
150+
<h3>“Quote, or motto”</h3>
151+
<p>
152+
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
153+
responsibilities Job responsibilitiesJob responsibilitiesJob
154+
responsibilities
155+
</p>
156+
</div>
157+
</article>
158+
<article class="reversed">
159+
<div class="profile" role="presentation">
160+
<img
161+
src="assets\images\photos\ProfilePlaceholder.webp"
162+
alt="Placeholder Profile"
163+
/>
164+
<h3>Name</h3>
165+
</div>
166+
<div class="quote" role="presentation">
167+
<h3>“Quote, or motto”</h3>
168+
<p>
169+
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
170+
responsibilities Job responsibilitiesJob responsibilitiesJob
171+
responsibilities
172+
</p>
173+
</div>
174+
</article>
175+
</section>
176+
<section id="teamInstagramSection">
177+
<h3>Our Story on Instagram</h3>
178+
<div id="photoContainer" role="presentation"></div>
179+
</section>
180+
<section id="teamCompetitionSection">
181+
<h3>Awards</h3>
182+
<div id="awardLogoContainer" role="presentation">
183+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
184+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
185+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
186+
</div>
187+
</section>
42188
</main>
43189
<!-- Footer will be loaded here -->
44190
</body>

‎assets/images/icons/imageCarouselArrow.svg

Lines changed: 3 additions & 0 deletions
Loading

‎assets/images/icons/placeHolderIcon.svg

Lines changed: 4 additions & 0 deletions
Loading

‎assets/images/photos/ProfilePlaceholder.webp

63.2 KB
Binary file not shown.

‎assets/images/photos/asteroidSurface.webp

840 KB
Binary file not shown.

‎assets/images/photos/desktopAsteroidSurface.webp

630 KB
Binary file not shown.

‎assets/images/photos/desktopMoonBackground.webp

39.4 KB
Binary file not shown.

‎assets/images/photos/mobileAsteroidSurface.jpg

95.1 KB
Loading

‎assets/images/photos/mobileAsteroidSurface.webp

55.9 KB
Binary file not shown.

‎assets/images/photos/mobileMoonBackground.jpg

13.1 KB
Loading

‎assets/images/photos/mobileMoonBackground.webp

4.29 KB
Binary file not shown.

‎assets/images/photos/starBackground.webp

285 KB
Binary file not shown.

0 commit comments

Comments
 (0)