SebinNyshkim/sebin-reference
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: 💄 harmonize figcaption markup

Browse source
This commit is contained in:
Sebin Nyshkim 2021-03-25 00:20:48 +01:00
parent 3eb0a11cd9
commit ee7930a8d5
1 changed files with 37 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

53
src/App.vue
View file

@ -363,21 +363,27 @@
<ref-gallery> <ref-gallery>
<figure> <figure>
<img src="@img/clothes-ref/warm/tank-top.jpg" alt="Tank Top" /> <img src="@img/clothes-ref/warm/tank-top.jpg" alt="Tank Top" />
<figcaption>Loose Tank Top</figcaption> <figcaption>
<p>Loose Tank Top</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/warm/shorts.jpg" alt="Shorts" /> <img src="@img/clothes-ref/warm/shorts.jpg" alt="Shorts" />
<figcaption> <figcaption>
Short shorts with dangling bands <p>Short shorts with dangling bands</p>
</figcaption> </figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/warm/hoodie.jpg" alt="Hoodie" /> <img src="@img/clothes-ref/warm/hoodie.jpg" alt="Hoodie" />
<figcaption>Tong sleeve top tied around waist</figcaption> <figcaption>
<p>Long sleeve top tied around waist</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/warm/sneakers.jpg" alt="Sneakers" /> <img src="@img/clothes-ref/warm/sneakers.jpg" alt="Sneakers" />
<figcaption>Sneakers (Air Jordan style)</figcaption> <figcaption>
<p>Sneakers (Air Jordan style)</p>
</figcaption>
</figure> </figure>
</ref-gallery> </ref-gallery>
@ -385,23 +391,33 @@
<ref-gallery> <ref-gallery>
<figure> <figure>
<img src="@img/clothes-ref/cold/coat.jpg" alt="Coat" /> <img src="@img/clothes-ref/cold/coat.jpg" alt="Coat" />
<figcaption>Coat</figcaption> <figcaption>
<p>Coat</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/cold/scarf.jpg" alt="Scarf" /> <img src="@img/clothes-ref/cold/scarf.jpg" alt="Scarf" />
<figcaption>Checkered scarf with short cords</figcaption> <figcaption>
<p>Checkered scarf with short cords</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/cold/hoodie.jpg" alt="Hoodie" /> <img src="@img/clothes-ref/cold/hoodie.jpg" alt="Hoodie" />
<figcaption>Hoodie</figcaption> <figcaption>
<p>Hoodie</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/cold/jeans.jpg" alt="Jeans" /> <img src="@img/clothes-ref/cold/jeans.jpg" alt="Jeans" />
<figcaption>Loose fit Jeans</figcaption> <figcaption>
<p>Loose fit Jeans</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/cold/boots.jpg" alt="Boots" /> <img src="@img/clothes-ref/cold/boots.jpg" alt="Boots" />
<figcaption>Boots</figcaption> <figcaption>
<p>Boots</p>
</figcaption>
</figure> </figure>
</ref-gallery> </ref-gallery>
@ -410,18 +426,19 @@
<figure> <figure>
<img src="@img/clothes-ref/workout/fullbody.png" alt="Full Body" /> <img src="@img/clothes-ref/workout/fullbody.png" alt="Full Body" />
<figcaption> <figcaption>
<p>Full Body</p> <p>
<p>Snapback hat, tank top, fingerless gloves, shorts, sneakers</p> <strong>Full body:</strong> Snapback hat, tank top, fingerless
gloves, shorts, sneakers
</p>
<p>By <a href="https://twitter.com/turquoize_art">Atlas</a></p> <p>By <a href="https://twitter.com/turquoize_art">Atlas</a></p>
</figcaption> </figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/workout/closeup.png" alt="Close-up" /> <img src="@img/clothes-ref/workout/closeup.png" alt="Close-up" />
<figcaption> <figcaption>
<p>Close-up</p>
<p> <p>
Snapback hat, headphones, tank top, fingerless gloves, shorts, <strong>Close-up:</strong> Snapback hat, headphones, tank top,
smartwatch fingerless gloves, shorts, smartwatch
</p> </p>
<p>By <a href="https://twitter.com/purpledragonrei">Rei</a></p> <p>By <a href="https://twitter.com/purpledragonrei">Rei</a></p>
</figcaption> </figcaption>
@ -432,11 +449,15 @@
<ref-gallery> <ref-gallery>
<figure> <figure>
<img src="@img/clothes-ref/lazy/pants.jpg" alt="Tank Top" /> <img src="@img/clothes-ref/lazy/pants.jpg" alt="Tank Top" />
<figcaption>Tracksuit pants (optional)</figcaption> <figcaption>
<p>Tracksuit pants (optional)</p>
</figcaption>
</figure> </figure>
<figure> <figure>
<img src="@img/clothes-ref/lazy/undies.jpg" alt="Shorts" /> <img src="@img/clothes-ref/lazy/undies.jpg" alt="Shorts" />
<figcaption>Topless w/ jockstrap/boxer briefs</figcaption> <figcaption>
<p>Topless w/ jockstrap/boxer briefs</p>
</figcaption>
</figure> </figure>
</ref-gallery> </ref-gallery>
</section> </section>