Skip to content

Add base CSS files #46

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 2 commits into from
Sep 10, 2024
Merged

Add base CSS files #46

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
efa04d7
Created Our Story and Home pages
Sep 9, 2024
2b9d82a
Add CSS files to commit
Sep 10, 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
29 changes: 13 additions & 16 deletions JoinUs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,17 +38,10 @@
<body>
<!-- Header will be loaded here -->
<main>
<section id="volunteer">
<h2 class="mobile">Want to join us?</h2>
<div class="imageContainer" role="presentation">
<img
src="./assets/images/photos/outreach_trickfire_robotics_compressed.jpg"
alt="TrickFire student members giving robot presentation"
/>
</div>
<section class="reversed">
<article>
<div class="articleHeader" role="presentation">
<h2 class="desktop">Want to join us?</h2>
<h2>Want to Join Us?</h2>
<p>
TrickFire’s mission is to give students the hands-on, applicable
experience crucial to entering the working world. Here, students
Expand All @@ -70,26 +63,25 @@ <h2 class="desktop">Want to join us?</h2>
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
<div>Apply Now</div>
<div role="presentation">Apply Now</div>
<img
class="rightPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
</a>
</article>
</section>
<section id="mentor">
<h2 class="mobile">Mentoring Opportunities</h2>
<div class="imageContainer mobile" role="presentation">
<div class="imageContainer" role="presentation">
<img
src="./assets/images/photos/teaching_new_member.jpg"
alt="Student member giving presentation"
/>
</div>
</section>
<section>
<article>
<div class="articleHeader" role="presentation">
<h2 class="desktop">Mentoring Opportunities</h2>
<h2>Mentoring Opportunities</h2>
<p>
Are you interested in being a mentor? Are you not a student but
want to help the club? Email us at
Expand All @@ -98,6 +90,11 @@ <h2 class="desktop">Mentoring Opportunities</h2>
</p>
</div>
<a class="leaveSiteLink" href="mailto:tfrbtcs@uw.edu" target="_blank">
<img
class="leftPointArrow"
src="assets/images/icons/arrowIcon.svg"
alt="Arrow icon"
/>
<div role="presentation">Email Us</div>
<img
class="rightPointArrow"
Expand All @@ -106,7 +103,7 @@ <h2 class="desktop">Mentoring Opportunities</h2>
/>
</a>
</article>
<div class="imageContainer desktop" role="presentation">
<div class="imageContainer" role="presentation">
<img
src="./assets/images/photos/teaching_new_member.jpg"
alt="Student member giving presentation"
Expand Down
148 changes: 147 additions & 1 deletion OurStory.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -33,12 +33,158 @@
<!-- Loads module Html -->
<script src="./components/Header.js" defer></script>
<script src="./components/Footer.js" defer></script>

<!-- Gets instagram posts -->
<script src="./assets/javascript/getInstagramPosts.js" defer></script>
</head>

<body>
<!-- Header will be loaded here -->
<main>
<h1>Our Story</h1>
<div id="backgroundContainer" role="presentation">
<img
id="moonBackground"
srcset="
/assets/images/photos/mobileMoonBackground.webp 768w,
/assets/images/photos/desktopMoonBackground.webp 1200w
"
src="/assets/images/photos/mobileMoonBackground.jpg"
alt="Background of the moon"
/>
</div>
<section id="teamTextSection">
<h2>
We believe that good design is powerful, hard work is essential, and
exploring the unknown is important.
</h2>
<hr role="presentation" />
<div role="presentation">
<article>
<h3>Mission</h3>
<p>
Here need a sentence about our mission, think about why we do this
project, or something inspired you.
</p>
</article>
<hr role="presentation" />
<article>
<h3>Value</h3>
<p>
Here need a sentence about our value, think about why we do this
project, or why you are here.
</p>
</article>
</div>
<hr />
<article>
<h3>About Us</h3>
<p>
TrickFire’s mission is to give students the hands-on, applicable
experience crucial to entering the working world. Here, students can
gain skills in software, mechanical and electrical engineering, and
business skills such as budget management and communications. All of
these skills will prepare students for their resumes, and they will
be able to talk about their work in TrickFire, while having fun
along the way!
</p>
</article>
<hr role="presentation" />
<article>
<h3>About Team</h3>
<p>
TrickFire is made up of smaller teams that all contribute their own
disciplines to the final rover and provide members with different
opportunities to flex their skills. Members can join multiple teams
and each team works on several different projects in their own
subteams, so there is always something new and interesting to be
worked on.
</p>
</article>
<hr />
</section>
<section id="teamLeadersSection">
<h3 id="leaderTitle">Team Leaders</h3>
<article>
<div class="profile" role="presentation">
<img
src="assets\images\photos\ProfilePlaceholder.webp"
alt="Placeholder profile"
/>
<h3>Name</h3>
</div>
<div class="quote" role="presentation">
<h3>“Quote, or motto”</h3>
<p>
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
responsibilities Job responsibilitiesJob responsibilitiesJob
responsibilities
</p>
</div>
</article>
<article class="reversed">
<div class="profile" role="presentation">
<img
src="assets\images\photos\ProfilePlaceholder.webp"
alt="Placeholder profile"
/>
<h3>Name</h3>
</div>
<div class="quote" role="presentation">
<h3>“Quote, or motto”</h3>
<p>
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
responsibilities Job responsibilitiesJob responsibilitiesJob
responsibilities
</p>
</div>
</article>
<article>
<div class="profile" role="presentation">
<img
src="assets\images\photos\ProfilePlaceholder.webp"
alt="Placeholder profile"
/>
<h3>Name</h3>
</div>
<div class="quote" role="presentation">
<h3>“Quote, or motto”</h3>
<p>
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
responsibilities Job responsibilitiesJob responsibilitiesJob
responsibilities
</p>
</div>
</article>
<article class="reversed">
<div class="profile" role="presentation">
<img
src="assets\images\photos\ProfilePlaceholder.webp"
alt="Placeholder Profile"
/>
<h3>Name</h3>
</div>
<div class="quote" role="presentation">
<h3>“Quote, or motto”</h3>
<p>
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
responsibilities Job responsibilitiesJob responsibilitiesJob
responsibilities
</p>
</div>
</article>
</section>
<section id="teamInstagramSection">
<h3>Our Story on Instagram</h3>
<div id="photoContainer" role="presentation"></div>
</section>
<section id="teamCompetitionSection">
<h3>Awards</h3>
<div id="awardLogoContainer" role="presentation">
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
</div>
</section>
</main>
<!-- Footer will be loaded here -->
</body>
Expand Down
3 changes: 3 additions & 0 deletions assets/images/icons/imageCarouselArrow.svg
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.
4 changes: 4 additions & 0 deletions assets/images/icons/placeHolderIcon.svg
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/ProfilePlaceholder.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/asteroidSurface.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/desktopAsteroidSurface.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/desktopMoonBackground.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/mobileAsteroidSurface.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/mobileAsteroidSurface.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/mobileMoonBackground.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/mobileMoonBackground.webp
View file
Open in desktop
Binary file not shown.
Binary file added assets/images/photos/starBackground.webp
View file
Open in desktop
Binary file not shown.
Loading