From 1e58ee07a41fa1dd7a1eb6afdcd9925a0595426d Mon Sep 17 00:00:00 2001
From: Marcus Mietz <marcus.mietz@arsmedium.com>
Date: Wed, 26 Aug 2020 21:45:57 +0200
Subject: [PATCH] fix: :bug: resolve multiple issues

fix missing ids for navbar, update muscle refs, set nsfw to false by default
---
 src/App.vue | 74 ++++++++++++++++++++++++++---------------------------
 1 file changed, 36 insertions(+), 38 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e9553e1..8f82218 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -56,7 +56,7 @@
           </p>
         </div>
 
-        <h3>Wings</h3>
+        <h3 id="wings">Wings</h3>
         <div class="prose">
           <div class="tldr">
             <ul>
@@ -77,7 +77,7 @@
           </p>
         </div>
 
-        <h3>Head</h3>
+        <h3 id="head">Head</h3>
         <ref-figure>
           <template v-slot:img>
             <div>
@@ -143,7 +143,7 @@
           </p>
         </div>
 
-        <h3>Upper Body</h3>
+        <h3 id="upperbody">Upper Body</h3>
         <div class="prose">
           <div class="tldr">
             <ul>
@@ -193,64 +193,61 @@
           </p>
         </div>
 
-        <h3>Additional References</h3>
-        <gallery>
+        <h3>Additional Muscle References</h3>
+        <div class="prose" v-show="!nsfw">
+          <p class="nsfw-bar">
+            Some of these additional references are NSFW. Click
+            <a href="#" @click.prevent="nsfw = !nsfw">here</a> to see them.
+          </p>
+        </div>
+        <gallery v-show="nsfw">
           <ul>
             <li>
-              <img src="@img/muscle-ref/muscle-ref01.JPG" alt="Muscle Ref 01" />
+              <img src="@img/muscle-ref/muscle-ref1.png" alt="By Grisser" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref02.JPG" alt="Muscle Ref 02" />
+              <img
+                src="@img/muscle-ref/muscle-ref2.png"
+                alt="By valentinapaz"
+              />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref03.JPG" alt="Muscle Ref 03" />
+              <img
+                src="@img/muscle-ref/muscle-ref3.png"
+                alt="By Marsel-Defender"
+              />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref04.JPG" alt="Muscle Ref 04" />
+              <img src="@img/muscle-ref/muscle-ref4.png" alt="By SirBoburto" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref05.JPG" alt="Muscle Ref 05" />
+              <img src="@img/muscle-ref/muscle-ref5.jpeg" alt="By SexMuffin" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref06.JPG" alt="Muscle Ref 06" />
+              <img src="@img/muscle-ref/muscle-ref6.png" alt="By Knuxlight" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref07.JPG" alt="Muscle Ref 07" />
+              <img src="@img/muscle-ref/muscle-ref7.png" alt="By ShoNuff44" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref08.JPG" alt="Muscle Ref 08" />
+              <img src="@img/muscle-ref/muscle-ref8.jpeg" alt="By j-cock" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref09.JPG" alt="Muscle Ref 09" />
+              <img src="@img/muscle-ref/muscle-ref9.jpeg" alt="By j-cock" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref10.JPG" alt="Muscle Ref 10" />
+              <img src="@img/muscle-ref/muscle-ref10.png" alt="By j-cock" />
             </li>
             <li>
-              <img src="@img/muscle-ref/muscle-ref11.JPG" alt="Muscle Ref 11" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref12.JPG" alt="Muscle Ref 12" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref13.JPG" alt="Muscle Ref 13" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref14.JPG" alt="Muscle Ref 14" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref15.JPG" alt="Muscle Ref 15" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref16.JPG" alt="Muscle Ref 16" />
-            </li>
-            <li>
-              <img src="@img/muscle-ref/muscle-ref17.JPG" alt="Muscle Ref 17" />
+              <img
+                src="@img/muscle-ref/muscle-ref11.jpeg"
+                alt="By Marsel-Defender"
+              />
             </li>
           </ul>
         </gallery>
 
-        <h3 v-show="nsfw">Penis</h3>
+        <h3 v-show="nsfw" id="penis">Penis</h3>
         <ref-figure v-show="nsfw">
           <template v-slot:img>
             <div>
@@ -305,7 +302,7 @@
           </p>
         </div>
 
-        <h3>Warm Weather</h3>
+        <h3>Casual Wear</h3>
         <gallery>
           <ul>
             <li>
@@ -401,7 +398,8 @@
 
         <div class="prose">
           <ul>
-            <li>Sleeveless Hoodie (hood goes on) OR Tank Top</li>
+            <li><strong>Either</strong> Sleeveless Hoodie (open, hood on)</li>
+            <li><strong>Or</strong> Tank Top</li>
             <li>Fingerless Gloves</li>
             <li>Apple Watch (fitness tracking)</li>
             <li>Short Shorts</li>
@@ -611,7 +609,7 @@ export default {
   },
   data() {
     return {
-      nsfw: true
+      nsfw: false
     };
   },
   mixins: [Sebin, Helper]