Updated workshop desc
This commit is contained in:
parent
64cbee59c8
commit
6d65891fd1
@ -1695,67 +1695,6 @@ section {
|
|||||||
flex-flow: row-reverse;
|
flex-flow: row-reverse;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* .ribbon {
|
|
||||||
position: absolute;
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: 500;
|
|
||||||
letter-spacing: 0.15em;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 1em;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.ribbon:after, .ribbon:before {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
bottom: -.5em;
|
|
||||||
width: 1em;
|
|
||||||
height: 100%;
|
|
||||||
background-color: #69c48d;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.ribbon:after {
|
|
||||||
right: -.57em;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
h3:before {
|
|
||||||
bottom: auto;
|
|
||||||
top: -.5em;
|
|
||||||
left: -.57em;
|
|
||||||
z-index: -1;
|
|
||||||
}
|
|
||||||
.ribbon span {
|
|
||||||
display: inline-block;
|
|
||||||
position: relative;
|
|
||||||
padding: .15em .75em;
|
|
||||||
text-decoration: none;
|
|
||||||
color: #192238;
|
|
||||||
background-color: #8ed2a9;
|
|
||||||
}
|
|
||||||
.ribbon span:after, h1 span:before {
|
|
||||||
content: " ";
|
|
||||||
display: block;
|
|
||||||
position: absolute;
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
bottom: -.5em;
|
|
||||||
left: -.05em;
|
|
||||||
pointer-events: none;
|
|
||||||
}
|
|
||||||
.ribbon span:before {
|
|
||||||
bottom: auto;
|
|
||||||
top: -.5em;
|
|
||||||
border-bottom: 0.5em solid #398e5b;
|
|
||||||
border-left: .5em solid transparent;
|
|
||||||
}
|
|
||||||
.ribbon span:after {
|
|
||||||
left: auto;
|
|
||||||
right: -.05em;
|
|
||||||
border-top: 0.5em solid #398e5b;
|
|
||||||
border-right: .5em solid transparent;
|
|
||||||
} */
|
|
||||||
|
|
||||||
.workshop-img {
|
.workshop-img {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
width: 30px;
|
width: 30px;
|
||||||
|
BIN
img/.DS_Store
vendored
Normal file
BIN
img/.DS_Store
vendored
Normal file
Binary file not shown.
17
index.html
17
index.html
@ -494,11 +494,8 @@
|
|||||||
<div class="workshop-header" id="webdev-workshop">
|
<div class="workshop-header" id="webdev-workshop">
|
||||||
<div class="workshop-title">
|
<div class="workshop-title">
|
||||||
<h3 class="title-font-weight">Web Dev Workshop</h3>
|
<h3 class="title-font-weight">Web Dev Workshop</h3>
|
||||||
<h4>Study Room</h4>
|
<h4>Computer Lab</h4>
|
||||||
</div>
|
</div>
|
||||||
<!-- <div class="ribbon">
|
|
||||||
<span>Beginner-Friendly</span>
|
|
||||||
</div> -->
|
|
||||||
<div class="workshop-topics">
|
<div class="workshop-topics">
|
||||||
<span class="tooltip" id="git-tooltip"><img class="workshop-img" loading="lazy" src="img/git.png" alt="Git"></span>
|
<span class="tooltip" id="git-tooltip"><img class="workshop-img" loading="lazy" src="img/git.png" alt="Git"></span>
|
||||||
<span class="tooltip" id="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
|
<span class="tooltip" id="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
|
||||||
@ -521,9 +518,10 @@
|
|||||||
<li>CSS</li>
|
<li>CSS</li>
|
||||||
<li>JavaScript</li>
|
<li>JavaScript</li>
|
||||||
</ul><br>
|
</ul><br>
|
||||||
<h4>Please Bring</h4>
|
<h4>Notes</h4>
|
||||||
<ul style="margin-left: 20px">
|
<ul style="margin-left: 20px">
|
||||||
<li>A Laptop (Windows, MacBook, Linux, etc.)</li>
|
<li>Max capacity is around 20 people (first come, first serve)</li>
|
||||||
|
<li>Computers are provided (personal laptops recommended)</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="workshop-footer">
|
<div class="workshop-footer">
|
||||||
@ -534,7 +532,7 @@
|
|||||||
<div class="workshop-header" id="python-workshop">
|
<div class="workshop-header" id="python-workshop">
|
||||||
<div class="workshop-title">
|
<div class="workshop-title">
|
||||||
<h3 class="title-font-weight">Python Workshop</h3>
|
<h3 class="title-font-weight">Python Workshop</h3>
|
||||||
<h4>Study Room</h4>
|
<h4>Computer Lab</h4>
|
||||||
</div>
|
</div>
|
||||||
<div class="workshop-topics">
|
<div class="workshop-topics">
|
||||||
<span class="tooltip" id="python-tooltip"><img class="workshop-img" loading="lazy" src="img/python-logo.webp" alt="Python"></span>
|
<span class="tooltip" id="python-tooltip"><img class="workshop-img" loading="lazy" src="img/python-logo.webp" alt="Python"></span>
|
||||||
@ -557,9 +555,10 @@
|
|||||||
<li>Functions</li>
|
<li>Functions</li>
|
||||||
<li>Classes & Objects</li>
|
<li>Classes & Objects</li>
|
||||||
</ul><br>
|
</ul><br>
|
||||||
<h4>Please Bring</h4>
|
<h4>Notes</h4>
|
||||||
<ul style="margin-left: 20px">
|
<ul style="margin-left: 20px">
|
||||||
<li>A Laptop (Windows, MacBook, Linux, etc.)</li>
|
<li>Max capacity is around 20 people (first come, first serve)</li>
|
||||||
|
<li>Computers are provided (personal laptops recommended)</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="workshop-footer">
|
<div class="workshop-footer">
|
||||||
|
Loading…
Reference in New Issue
Block a user