Updated workshop desc

css/general.css

@@ -1695,67 +1695,6 @@ section {
   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 {
   height: 30px;
   width: 30px;

index.html

@@ -494,11 +494,8 @@
                     <div class="workshop-header" id="webdev-workshop">
                         <div class="workshop-title">
                             <h3 class="title-font-weight">Web Dev Workshop</h3>
-                            <h4>Study Room</h4>
+                            <h4>Computer Lab</h4>
                         </div>
-                        <!-- <div class="ribbon">
-                            <span>Beginner-Friendly</span>
-                        </div> -->
                         <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="html-tooltip"><img class="workshop-img" loading="lazy" src="img/html.png" alt="HTML"></span>
@@ -521,9 +518,10 @@
                             <li>CSS</li>
                             <li>JavaScript</li>
                         </ul><br>
-                        <h4>Please Bring</h4>
+                        <h4>Notes</h4>
                         <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>
                     </div>
                     <div class="workshop-footer">
@@ -534,7 +532,7 @@
                     <div class="workshop-header" id="python-workshop">
                         <div class="workshop-title">
                             <h3 class="title-font-weight">Python Workshop</h3>
-                            <h4>Study Room</h4>
+                            <h4>Computer Lab</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>
@@ -557,9 +555,10 @@
                             <li>Functions</li>
                             <li>Classes & Objects</li>
                         </ul><br>
-                        <h4>Please Bring</h4>
+                        <h4>Notes</h4>
                         <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>
                     </div>
                     <div class="workshop-footer">