wellfedbison/gilroyhacks.com
wellfedbison/gilroyhacks.com
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added prizes

Browse Source
This commit is contained in:
James Dinh 2023-02-26 23:37:31 -08:00
parent 4c170d0b37
commit 300ab64308
5 changed files with 22 additions and 53 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
css/general.css
View File

@ -2145,6 +2145,12 @@ li .splide__pagination__page.is-active {
font-size: 25px;
}
.workshop-subtitle {
margin-top: 3px;
font-size: 15px;
color: rgb(168, 168, 168);
}
.workshop-topics {
float: right;
display: flex;
@ -2467,14 +2473,7 @@ li .splide__pagination__page.is-active {
.prize-title {
color: rgb(167, 146, 234);
font-size: 25px;
}
.prize-content {
color:rgb(129, 218, 126);
font-size: 20px;
transform: rotate3d(0, 1, 0, 360deg);
transition: ease 0.5s;
font-size: 30px;
}
.prize-subtitle {
@ -2542,18 +2541,6 @@ li .splide__pagination__page.is-active {
height: 85px;
}
#drone-img {
width: 139px;
}
#sling-img {
width: 147px;
}
#speaker-img {
width: 111px;
}
#prize-box {
border-radius: 10px;
border: 1px solid white;

BIN
img/customkeyboard.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 228 KiB

BIN
img/g502hero.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 123 KiB

BIN
img/radclodrone.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 62 KiB

48
index.html
View File

@ -568,7 +568,7 @@
<div class="workshop-header" id="webdev-workshop">
<div class="workshop-title">
<h3 class="title-font-weight">Web Dev Workshop</h3>
<h4>Computer Lab</h4>
<h4 class="workshop-subtitle">Git + Website Building</h4>
</div>
<div class="workshop-topics">
<span class="tooltip" id="git-tooltip"><img class="workshop-img" loading="lazy" src="img/git.png" alt="Git"></span>
@ -576,11 +576,11 @@
</div>
</div>
<div class="workshop-date">
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T180000Z%2F20220813T190000Z&details=A%20chance%20for%20you%20to%20learn%20the%20world%27s%20most%20common%20version%20control%20system%3A%20Git%20--%20and%20how%20to%20create%20your%20own%20website%21&location=Gilroy%20Library&text=Web%20Dev%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T180000Z%2F20230415T190000Z&details=A%20chance%20for%20you%20to%20learn%20the%20world%27s%20most%20common%20version%20control%20system%3A%20Git%20--%20and%20how%20to%20create%20your%20own%20website%21&location=Gilroy%20Library&text=Web%20Dev%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15</div></a>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>11am - 12pm</div>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>Gilroy Library</div>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>LI 128</div>
</div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to public</p></div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
<div class="workshop-desc">
<h4>Description</h4>
<p>A chance for you to learn the world's most common version control system: Git -- and how to create your own website!</p><br>
@ -609,7 +609,6 @@
<li>Computers are provided (personal laptops recommended)</li>
</ul>
</div>
<div class="workshop-status">Ended</div>
<div class="workshop-footer">
Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/jamesdinh.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">James Dinh</span>
</div>
@ -618,18 +617,18 @@
<div class="workshop-header" id="python-workshop">
<div class="workshop-title">
<h3 class="title-font-weight">Python Workshop</h3>
<h4>Computer Lab</h4>
<h4 class="workshop-subtitle">Data structures + programming logic</h4>
</div>
<div class="workshop-topics">
<span class="tooltip" id="python-tooltip"><img class="workshop-img" loading="lazy" src="img/python-logo.webp" alt="Python"></span>
</div>
</div>
<div class="workshop-date">
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20220813T200000Z%2F20220813T210000Z&details=Join%20us%20for%20a%20lecture%20on%20Python%20Programming%20basics.%20You%27ll%20learn%20basic%20data%20structures%20and%20be%20able%20to%20code%20your%20own%20programs%21&location=Gilroy%20Library&text=Python%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Aug 13</div></a>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>1 - 2pm</div>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>Gilroy Library</div>
<a class="link tooltip cal-tooltip workshop-link" target="_blank" href="https://calendar.google.com/calendar/render?action=TEMPLATE&dates=20230415T210000Z%2F20230415T220000Z&details=Join%20us%20for%20a%20lecture%20on%20Python%20Programming%20basics.%20You%27ll%20learn%20basic%20data%20structures%20and%20be%20able%20to%20code%20your%20own%20programs%21&location=Gilroy%20Library&text=Python%20Workshop"><div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"></rect><line x1="16" y1="2" x2="16" y2="6"></line><line x1="8" y1="2" x2="8" y2="6"></line><line x1="3" y1="10" x2="21" y2="10"></line></svg>Apr 15</div></a>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"></circle><polyline points="12 6 12 12 16 14"></polyline></svg>2 - 3pm</div>
<div><svg class="workshop-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="#ffffff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="10" r="3"/><path d="M12 21.7C17.3 17 20 13 20 10a8 8 0 1 0-16 0c0 3 2.7 6.9 8 11.7z"/></svg>LI 128</div>
</div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to public</p></div>
<div class="workshop-difficulty"><p>Beginner-Friendly</p><p>Open to all</p></div>
<div class="workshop-desc">
<h4>Description</h4>
<p>Join us for a lecture on Python Programming basics. You'll learn basic data structures and be able to code your own programs!</p><br>
@ -658,7 +657,6 @@
<li>Computers are provided (personal laptops recommended)</li>
</ul>
</div>
<div class="workshop-status">Ended</div>
<div class="workshop-footer">
Instructed By: <div class="workshop-instructor"><img class="instructor-img" src="img/clementboiteux.jpg" loading="lazy" alt="profile picture"></div><span class="emphasis-text">Clement Boiteux</span>
</div>
@ -674,11 +672,10 @@
<div class="prize-desc" id="second-place">
<div class="prize-text">
<span class="prize-title">2nd</span>
<div class="prize-content">TBA</div>
</div>
<img class="prize-laurel" src="img/silver-laurel.png" loading="lazy" alt="silver laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</div>
<img class="prize-img" src="/img/radclodrone.png" loading="lazy">
<div class="prize-subtitle">RADCLO Mini Drone with Camera</div>
</div>
<div class="podium-edge"></div>
<div id="second-podium"></div>
@ -689,11 +686,10 @@
<div class="prize-desc" id="first-place">
<div class="prize-text">
<span class="prize-title">1st</span><br>
<span class="prize-content">TBA</span>
</div>
<img class="prize-laurel" src="img/gold-laurel.png" loading="lazy" alt="gold laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</div>
<img class="prize-img" src="img/customkeyboard.png" loading="lazy">
<div class="prize-subtitle">Custom Linear/Tactile Keyboard<br>(per request, &#60;$80)</div>
</div>
<div class="podium-edge"></div>
<div id="first-podium">
@ -708,30 +704,16 @@
<div class="prize-desc" id="third-place">
<div class="prize-text">
<span class="prize-title">3rd</span><br>
<span class="prize-content">TBA</span>
</div>
<img class="prize-laurel" src="img/bronze-laurel.png" loading="lazy" alt="bronze laurel">
<img class="prize-img" id="drone-img" loading="lazy">
<div class="prize-subtitle">TBA</div>
<img class="prize-img" src="img/g502hero.png" id="drone-img" loading="lazy">
<div class="prize-subtitle">Logitech G502 HERO Wired Gaming Mouse</div>
</div>
<div class="podium-edge"></div>
<div id="third-podium"></div>
</div>
</div>
</div>
<!-- <div id="prize-box">
Prizes will be in the form of these (very snazzy) items (amounts above are the estimated total value):<br>
<ul id="prize-list">
<li><span class="emphasis-text">1st Place</span>: TBA</li>
<li><span class="emphasis-text">2nd Place</span>: TBA</li>
<li><span class="emphasis-text">3rd Place</span>: TBA</li>
</ul><br><br>
<h4><u>Terms & Conditions</u></h4>
- We will deliver prizes at the end of the event (we may need to deliver some prizes after the event).<br>
- Your team is responsible for equally distributing prizes to team members as per our Code of Conduct.<br>
- Prizes are non-refundable; if you refuse to accept the prize, we will offer it to another team member.<br>
- Gilroy Hacks will not be liable for the prize once it reaches its recipient.
</div> -->
<!-- <div id="chart"></div> -->
</section>
<section id="team">