Skip to content

Commit 8b6325f

Browse files
author
Quashnock
committed
Created Sponsor page, Instagram error state, and small bug fixes.
1 parent 1657117 commit 8b6325f

36 files changed

+690
-100
lines changed

‎OurStory.html

Lines changed: 7 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -31,8 +31,8 @@
3131
></script>
3232

3333
<!-- Loads module Html -->
34-
<script src="./components/Header.js" defer></script>
35-
<script src="./components/Footer.js" defer></script>
34+
<script src="./components/Header.js"></script>
35+
<script src="./components/Footer.js"></script>
3636

3737
<!-- Gets instagram posts -->
3838
<script src="./assets/javascript/getInstagramPosts.js" defer></script>
@@ -110,14 +110,14 @@ <h3 id="leaderTitle">Team Leaders</h3>
110110
src="assets\images\photos\ProfilePlaceholder.webp"
111111
alt="Placeholder profile"
112112
/>
113-
<h3>Name</h3>
113+
<h3>Jason</h3>
114114
</div>
115115
<div class="quote" role="presentation">
116-
<h3>“Quote, or motto”</h3>
116+
<h3>“Knocked down 6, get up 7”</h3>
117117
<p>
118-
Job responsibilitiesJob responsibilitiesJob responsibilitiesJob
119-
responsibilities Job responsibilitiesJob responsibilitiesJob
120-
responsibilities
118+
As the Electrical Co-Lead for the Trickfire Robotics team, I'm
119+
driven to inspire, grow, and lead by example. There's always a lot
120+
to do, and I'm in love with every second of it.
121121
</p>
122122
</div>
123123
</article>
@@ -177,14 +177,6 @@ <h3>“Quote, or motto”</h3>
177177
<h3>Our Story on Instagram</h3>
178178
<div id="photoContainer" role="presentation"></div>
179179
</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>
188180
</main>
189181
<!-- Footer will be loaded here -->
190182
</body>

‎Sponsor.html

Lines changed: 140 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,146 @@
3838
<body>
3939
<!-- Header will be loaded here -->
4040
<main>
41-
<h1>Sponsor</h1>
41+
<picture id="starBackgroundContainer">
42+
<source
43+
media="(min-width: 768px)"
44+
srcset="assets/images/photos/desktopStarRainBackground.webp"
45+
/>
46+
<source
47+
media="(max-width: 768px)"
48+
srcset="assets/images/photos/mobileStarRainBackground.webp"
49+
/>
50+
<img
51+
src="assets/images/photos/starRainBackground.jpg"
52+
alt="Background image of falling stars"
53+
/>
54+
</picture>
55+
<section id="introductionSection">
56+
<h2>Support the Future of Robotics with TrickFire</h2>
57+
<div class="mainContentContainer" role="presentation">
58+
<article>
59+
<h3>Why Sponsor Us?</h3>
60+
<ul>
61+
<li>
62+
TrickFire Robotics is made possible by the generous support of
63+
our sponsors and donors, who play a vital role in fostering the
64+
innovative work of the next generation of engineers.
65+
</li>
66+
<li>
67+
Sponsoring TrickFire Robotics not only empowers students to
68+
develop cutting-edge robots but also prepares them to apply
69+
their skills in real-world applications, from space exploration
70+
to solving everyday challenges.
71+
</li>
72+
<li>
73+
Your sponsorship turns these possibilities into reality while
74+
elevating your brand's visibility as a leader in supporting
75+
future technology pioneers.
76+
</li>
77+
</ul>
78+
</article>
79+
<picture>
80+
<source srcset="assets/images/photos/2024RoverRevealGroup.webp" />
81+
<img
82+
src="assets/images/photos/2024RoverRevealGroup.jpg"
83+
alt="Team photo with the 2024 Viator rover"
84+
loading="lazy"
85+
decoding="async"
86+
/>
87+
</picture>
88+
</div>
89+
</section>
90+
<section id="sponsorshipFundsSection">
91+
<h3>Where Your Sponsorship Funds Go</h3>
92+
<div id="fundLocationContainer" role="presentation">
93+
<article class="fundLocation">
94+
<img
95+
src="assets/images/icons/teacherIcon.svg"
96+
alt="Teacher figure"
97+
/>
98+
<h4>Workshops and Training</h4>
99+
<p>
100+
Skill-building workshops, expert-led training, and hands-on
101+
learning opportunities.
102+
</p>
103+
</article>
104+
<article class="fundLocation">
105+
<img
106+
src="assets/images/icons/placeHolderIcon.svg"
107+
alt="Lightbulb figure"
108+
/>
109+
<h4>Technology and Innovation</h4>
110+
<p>
111+
Investing in the latest hardware, software, and cutting-edge
112+
robotics technology.
113+
</p>
114+
</article>
115+
<article class="fundLocation">
116+
<img
117+
src="assets/images/icons/developmentIcon.svg"
118+
alt="Building blocks figure"
119+
/>
120+
<h4>Project Development</h4>
121+
<p>
122+
Enabling the design, prototyping, and construction of unique
123+
robots.
124+
</p>
125+
</article>
126+
<article class="fundLocation">
127+
<img src="assets/images/icons/gearIcon.svg" alt="Gear figure" />
128+
<h4>Equipment and Tools</h4>
129+
<p>
130+
Providing essential equipment, tools, materials to build and
131+
perfect robotic creations.
132+
</p>
133+
</article>
134+
</div>
135+
</section>
136+
<section id="howToSection">
137+
<h3>How to Support Us: Step-by-Step Guide</h3>
138+
<div class="mainContentContainer" role="presentation">
139+
<article>
140+
<ol>
141+
<li>
142+
Open the provided
143+
<a
144+
href="https://www.washington.edu/giving/make-a-gift/"
145+
target="_blank"
146+
>link</a
147+
>
148+
</li>
149+
<li>
150+
In the search field, type "UW Bothell Robotics Program Support
151+
Fund."
152+
</li>
153+
<li>Click the "Add" button.</li>
154+
<li>Select your desired support option!</li>
155+
</ol>
156+
<p>
157+
If you have any questions about sponsoring or supporting us,
158+
please feel free to contact us at
159+
<a href="mailto:tfrbtcs@uw.edu" target="_blank">tfrbtcs@uw.edu</a>
160+
</p>
161+
</article>
162+
<picture>
163+
<source srcset="assets/images/photos/ViatorStreetPhoto.webp" />
164+
<img
165+
src="assets/images/photos/ViatorStreetPhoto.jpg"
166+
alt="Street photo of the 2024 Viator rover"
167+
loading="lazy"
168+
decoding="async"
169+
/>
170+
</picture>
171+
</div>
172+
</section>
173+
<section id="sponsorsSection">
174+
<h3>Sponsors / Partners</h3>
175+
<div id="sponsorLogoContainer" role="presentation">
176+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
177+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
178+
<img src="assets/images/sponsors/nvidia.png" alt="Logo placeholder" />
179+
</div>
180+
</section>
42181
</main>
43182
<!-- Footer will be loaded here -->
44183
</body>

‎assets/images/icons/communityIcon.svg

Lines changed: 3 additions & 0 deletions
Loading

‎assets/images/icons/developmentIcon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/icons/gearIcon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/icons/lightbulbIcon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/icons/spiralGearIcon.svg

Lines changed: 4 additions & 0 deletions
Loading

‎assets/images/icons/suitIcon.svg

Lines changed: 3 additions & 0 deletions
Loading

‎assets/images/icons/teacherIcon.svg

Lines changed: 1 addition & 0 deletions
Loading

‎assets/images/photos/2024RoverRevealGroup.jpg

95.8 KB
Loading

‎assets/images/photos/2024RoverRevealGroup.webp

98.2 KB
Binary file not shown.

‎assets/images/photos/Sponsor Tiers.jpg

1.1 MB
Loading

‎assets/images/photos/ViatorStreetPhoto.jpg

127 KB
Loading

‎assets/images/photos/ViatorStreetPhoto.webp

86 KB
Binary file not shown.

‎assets/images/photos/desktopStarRainBackground.webp

188 KB
Binary file not shown.

‎assets/images/photos/mobileStarRainBackground.webp

75.4 KB
Binary file not shown.

‎assets/images/photos/starRainBackground.jpg

797 KB
Loading

‎assets/javascript/getInstagramPosts.js

Lines changed: 29 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
/* Implementation currently uses Mock Data from API to avoid using up views */
22
async function getInstagramPosts() {
33
let data = localStorage.getItem("instagramResponse");
4-
if (!data) {
5-
try {
4+
const photoContainer = $("#photoContainer");
5+
photoContainer.empty();
6+
try {
7+
if (!data) {
68
//const response = await fetch('FETCH URL');
79
if (true /*response.ok*/) {
810
data = JSON.stringify({
@@ -1218,27 +1220,32 @@ async function getInstagramPosts() {
12181220
} else {
12191221
throw new Error("Error recieving behold fetch");
12201222
}
1221-
} catch (err) {
1222-
console.log(err);
12231223
}
1224-
}
1225-
JSON.parse(data).posts.forEach((post) => {
1226-
const link = $("<a></a>");
1227-
const icon = $(
1228-
`<img class = "postIconOverlay" src = "assets/images/icons/InstagramIcon.svg" alt = "Instagram icon"/>`
1229-
);
1230-
link.attr("href", post.permalink);
1231-
const picture = $(`<img />`);
1224+
JSON.parse(data).posts.forEach((post) => {
1225+
const link = $("<a></a>");
1226+
const icon = $(
1227+
`<img class = "postIconOverlay" src = "assets/images/icons/InstagramIcon.svg" alt = "Instagram icon"/>`
1228+
);
1229+
link.attr("href", post.permalink);
1230+
const picture = $(`<img />`);
12321231

1233-
picture.attr("src", post.sizes.small.mediaUrl);
1234-
picture.attr(
1235-
"srcset",
1236-
`${post.sizes.small.mediaUrl} 768w, ${post.sizes.medium.mediaUrl} 1200w`
1237-
);
1238-
picture.attr("alt", post.caption);
1239-
link.append(icon);
1240-
link.append(picture);
1241-
$("#photoContainer").append(link);
1242-
});
1232+
picture.attr("src", post.sizes.small.mediaUrl);
1233+
picture.attr(
1234+
"srcset",
1235+
`${post.sizes.small.mediaUrl} 768w, ${post.sizes.medium.mediaUrl} 1200w`
1236+
);
1237+
picture.attr("alt", post.caption);
1238+
link.append(icon);
1239+
link.append(picture);
1240+
photoContainer.append(link);
1241+
});
1242+
} catch (err) {
1243+
console.log(err);
1244+
const errorMessage = $("<h4>Error Loading Instagram Feed</h4>");
1245+
const refreshButton = $("<button>Refresh</button>");
1246+
refreshButton.click(getInstagramPosts);
1247+
photoContainer.append(errorMessage);
1248+
photoContainer.append(refreshButton);
1249+
}
12431250
}
12441251
getInstagramPosts();

‎assets/scss/Events.css

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
main {
2-
background-color: rgb(24, 24, 24);
2+
background-color: rgb(23, 23, 23);
33
}
44
main h1 {
55
color: #FFF;
@@ -203,4 +203,4 @@ main .back-button {
203203
right: 20px;
204204
font-size: 30px;
205205
cursor: pointer;
206-
}/*# sourceMappingURL=events.css.map */
206+
}/*# sourceMappingURL=Events.css.map */

0 commit comments

Comments
 (0)