Add YOLO to Skills

Author: lynkos

assets/stylesheets/sass/components/browser.sass

@@ -516,4 +516,7 @@ $header-color: rgb(56, 58, 55)
         color: #0B5CFF
 
       #nuxt
-        color: #00DC82
+        color: #00DC82
+
+      #yolo
+        color: #111F68

index.html

@@ -4547,6 +4547,33 @@ <h3 class="heading">Nuxt.js</h3>
                   <p>Used for my <a href="https://github.com/hllywluis/bim-assistant" target="_blank" title="Link to Capstone I project">Capstone I project</a>.</p>
                 </div>
               </div>
+
+              <div class="skill-entry">
+                <div role="button" aria-pressed="false" tabindex="0" aria-expanded="false" id="yolo" class="row" onclick="toggleContent('#yolo')">
+                  <div class="beginning">
+                    <img aria-hidden="true" loading="lazy" fetchpriority="low" alt="YOLO logo" src="https://cdn.simpleicons.org/yolo">
+                    <h3 class="heading">YOLO</h3>
+                  </div>
+                  <div class="stars">
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Filled star icon" class="fas fa-star"></i>
+                    <i aria-hidden="true" alt="Empty star icon" class="far fa-star"></i>
+                    <i aria-hidden="true" alt="Empty star icon" class="far fa-star"></i>
+                    <i aria-hidden="true" alt="Empty star icon" class="far fa-star"></i>
+                  </div>
+                  <div id="yolo-trigger" class="arrow">
+                    <i aria-hidden="true" alt="Arrow icon" class="fas fa-chevron-right rotate0"></i>
+                  </div>
+                </div>
+                <div id="yolo-content" class="hidden-content item-content">
+                  <p>Used for my <a href="https://github.com/lynkos/algae-detection" target="_blank" title="Link to Capstone II project">Capstone II project</a>.</p>
+                </div>
+              </div>
             </section>
 
             <h2>Operating Systems</h2>