Added prizes
This commit is contained in:
parent
4c170d0b37
commit
300ab64308
@ -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
BIN
img/customkeyboard.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 228 KiB |
BIN
img/g502hero.png
Normal file
BIN
img/g502hero.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 123 KiB |
BIN
img/radclodrone.png
Normal file
BIN
img/radclodrone.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 62 KiB |
48
index.html
48
index.html
@ -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, <$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">
|
||||
|
Loading…
Reference in New Issue
Block a user