From 7d08f5b77924d0b2dfc9b58bc0197d65b3db580d Mon Sep 17 00:00:00 2001
From: Sebin Nyshkim <sebin.nyshkim@icloud.com>
Date: Tue, 11 Jan 2022 14:37:59 +0100
Subject: [PATCH] refactor: restructure page contents

split longer quick facts into multiple shorter ones
make use of variables and methods in Sebin data object
---
 src/views/Anatomy.vue | 58 ++++++++++++++++++++++++-------------------
 1 file changed, 33 insertions(+), 25 deletions(-)

diff --git a/src/views/Anatomy.vue b/src/views/Anatomy.vue
index b865587..d31ebf0 100644
--- a/src/views/Anatomy.vue
+++ b/src/views/Anatomy.vue
@@ -49,14 +49,15 @@
     <quick-facts>
       <ul>
         <li>Bipedal plantigrade</li>
-        <li>
-          Red scales, yellow chest-plates running from underneath chin, over
-          torso, between legs, underside of tail
-        </li>
+        <li>Red and yellow scales</li>
+        <li>Yellow scales under chin, torso, underside of tail</li>
         <li>Athletic to body builder physique</li>
         <li>Sharp, black claws on fingers and toes</li>
-        <li>Brown spikes running over back and top-side of tail</li>
-        <li>Tail about 1 meter in length</li>
+        <li>Brown blunt spikes running over back and top-side of tail</li>
+        <li>
+          Tail about {{ tailLength / 100 }} meter ({{ toImperial(tailLength) }})
+          in length
+        </li>
       </ul>
     </quick-facts>
 
@@ -70,14 +71,17 @@
       tends to keep in shape. Finger and toe tips are armed with sharp, black
       claws, which serve him equally as tools and weapons. Brown spines run from
       head to spine to tip of tail, though they are too blunt to pose a risk of
-      injury. His tail is about one meter in length.
+      injury. His tail is about
+      {{ tailLength / 100 }} meters ({{ toImperial(tailLength) }}) in length.
     </p>
 
     <h3>Wings</h3>
 
     <quick-facts>
       <ul>
-        <li>Wingspan 3-4 meters (9 ft 10 in - 13 ft 1 in)</li>
+        <li>
+          Wingspan {{ wingspan / 100 }} meters ({{ toImperial(this.wingspan) }})
+        </li>
         <li>Closed when on the ground</li>
         <li>Function like a second pair of arms</li>
         <li>Pointy talon on end of "hand"</li>
@@ -85,17 +89,18 @@
     </quick-facts>
 
     <p>
-      Sebin's wings have a span of about 3-4 meters (9 ft 10 in - 13 ft 1 in).
-      They function very much like a second pair of arms: two interconnected
-      limbs that form a bendable <em>arm</em>, at the end of which sits a
-      <em>hand-like</em> structure, adorned with a talon in exchange for a
-      <em>thumb</em>, with a sturdy membrane stretched between its long
-      <em>fingers</em>. On solid ground, he keeps his wings closed so as not to
-      accidentally bump into anything with them. Sebin also pays a lot of
-      attention to his wings when working out, so that they can keep carrying
-      him reliably through the air. Though, he only travels short to medium
-      distances through the air before he has to take a rest - as long as the
-      airspace in the area has been declared open for wing bearers.
+      Sebin's wings have a span of about {{ wingspan / 100 }} meters ({{
+        toImperial(this.wingspan)
+      }}). They function very much like a second pair of arms: two
+      interconnected limbs that form a bendable arm, at the end of which sits a
+      hand-like structure, adorned with a talon in exchange for a thumb, with a
+      sturdy membrane stretched between its long fingers. On solid ground, he
+      keeps his wings closed so as not to accidentally bump into anything with
+      them. Sebin also pays a lot of attention to his wings when working out, so
+      that they can keep carrying him reliably through the air. Though, he only
+      travels short to medium distances through the air before he has to take a
+      rest - as long as the airspace in the area has been declared open for wing
+      bearers.
     </p>
 
     <h3>Head</h3>
@@ -116,10 +121,9 @@
 
     <quick-facts>
       <ul>
-        <li>
-          Round pupils, green iris. Yellow spikes on cheeks, as well as for
-          eyebrows
-        </li>
+        <li>Round pupils, green iris</li>
+        <li>Yellow spikes for eyebrows</li>
+        <li>Yellow spikes on cheeks</li>
         <li>Black horns with slight curve downwards</li>
         <li>Blue, medium long hair</li>
         <li>Long, pointy, movable ears</li>
@@ -141,13 +145,17 @@
       razor-sharp teeth that effortlessly sink into anything he manages to bite,
       be it nourishment or adversaries. Embedded between them lies his tongue,
       which is typically pointed for reptilians. Glands in his throat produce a
-      mixture which he uses to spit fire, which can reach up to around 100 °C.
+      mixture which he uses to spit fire, which can reach up to around 100 °C
+      ({{ toFahrenheit(100) }} °F).
     </p>
 
     <h3>Upper Body</h3>
     <quick-facts>
       <ul>
-        <li>Strong upper body, lush pecs, defined abs, black nipples</li>
+        <li>Strong upper body</li>
+        <li>Big pecs</li>
+        <li>Defined abs</li>
+        <li>Black nipples</li>
         <li>
           Any muscle mass from athletic to body builder is fine, with a
           preference towards body builder