From 4b312c8708d18f1dd2570c6f48c44abb7e6e2f5f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Frederik=20Palm=C3=B8?= <frederik@palmoe.dk>
Date: Tue, 12 Apr 2022 13:55:44 +0200
Subject: [PATCH] changed look to make links look like links

---
 src/armor.html     |  4 ++--
 src/class.html     |  4 ++--
 src/index.html     | 24 ++++++++++++---------
 src/planner.html   |  4 ++--
 src/style/main.css |  5 ++++-
 src/weapon.html    | 52 ++++++++++++++++++++++------------------------
 6 files changed, 49 insertions(+), 44 deletions(-)

diff --git a/src/armor.html b/src/armor.html
index c8c73d8..54de1a3 100644
--- a/src/armor.html
+++ b/src/armor.html
@@ -217,11 +217,11 @@
         </div>
     </main>
     <footer>
-        <h4>
+        <h5>
             Erdtree Planner (<a
                 href="https://git.palmoe.dk/vodofrede/erdtree">available under
                 BSD-3-Clause license</a>)
-        </h4>
+        </h5>
         <h5>Copyright 2022 vodofrede</h5>
     </footer>
 </body>
diff --git a/src/class.html b/src/class.html
index fe9d504..32fe995 100644
--- a/src/class.html
+++ b/src/class.html
@@ -294,11 +294,11 @@
         </div>
     </main>
     <footer>
-        <h4>
+        <h5>
             Erdtree Planner (<a
                 href="https://git.palmoe.dk/vodofrede/erdtree">available under
                 BSD-3-Clause license</a>)
-        </h4>
+        </h5>
         <h5>Copyright 2022 vodofrede</h5>
     </footer>
 </body>
diff --git a/src/index.html b/src/index.html
index 981f73f..0ffdb4a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -34,29 +34,33 @@
             <a href="/class.html">
                 <article>
                     <h2>Class Optimizer</h2>
-                    <br />
-                    <p>Find the optimal starting class for your build.</p>
+                    <span>
+                        <p>Find the optimal starting class for your build.</p>
+                    </span>
                 </article>
             </a>
             <a href="/armor.html">
                 <article>
                     <h2>Armor Optimizer</h2>
-                    <br />
-                    <p>Maximize defensive stats.</p>
+                    <span>
+                        <p>Maximize defensive stats.</p>
+                    </span>
                 </article>
             </a>
             <a href="/weapon.html">
                 <article>
                     <h2>Weapon Finder</h2>
-                    <br />
-                    <p>Get suggestions for usable weapons.</p>
+                    <span>
+                        <p>Get suggestions for usable weapons.</p>
+                    </span>
                 </article>
             </a>
             <a href="/planner.html">
                 <article>
                     <h2>Build Planner (in progress)</h2>
-                    <br />
-                    <p>Create a new build.</p>
+                    <span>
+                        <p>Create a new build.</p>
+                    </span>
                 </article>
             </a>
         </div>
@@ -67,11 +71,11 @@
         </p>
     </main>
     <footer>
-        <h4>
+        <h5>
             Erdtree Planner (<a
                 href="https://git.palmoe.dk/vodofrede/erdtree">available under
                 BSD-3-Clause license</a>)
-        </h4>
+        </h5>
         <h5>Copyright 2022 vodofrede</h5>
     </footer>
 </body>
diff --git a/src/planner.html b/src/planner.html
index 45ba7b9..6d93042 100644
--- a/src/planner.html
+++ b/src/planner.html
@@ -271,11 +271,11 @@
         </div>
     </main>
     <footer>
-        <h4>
+        <h5>
             Erdtree Planner (<a
                 href="https://git.palmoe.dk/vodofrede/erdtree">available under
                 BSD-3-Clause license</a>)
-        </h4>
+        </h5>
         <h5>Copyright 2022 vodofrede</h5>
     </footer>
 </body>
diff --git a/src/style/main.css b/src/style/main.css
index 62ab028..7a9043b 100644
--- a/src/style/main.css
+++ b/src/style/main.css
@@ -158,7 +158,7 @@ p {
 
 /* links */
 a {
-    text-decoration: none;
+    /* text-decoration: none; */
     color: var(--link-color);
 }
 a:hover {
@@ -262,6 +262,9 @@ select option {
 }
 
 .cards article {
+    display: flex;
+    flex-flow: column nowrap;
+
     text-align: center;
 
     flex-basis: 40%;
diff --git a/src/weapon.html b/src/weapon.html
index cbd442d..1a14e11 100644
--- a/src/weapon.html
+++ b/src/weapon.html
@@ -9,10 +9,10 @@
     <link rel="stylesheet" href="style/main.css" />
     <!-- title and description -->
     <title>Weapon Finder - Erdtree</title>
-    <link rel="icon" type="image/x-icon " href="/resource/favicon.ico">
+    <link rel="icon" type="image/x-icon " href="/resource/favicon.ico" />
     <meta name="description"
         content="Weapon Finder/Optimizer for Elden Ring - Search by weapon category, infusion and current stats" />
-    <meta name="author" content="vodofrede">
+    <meta name="author" content="vodofrede" />
     <meta property="og:title" content="Weapon Finder - Erdtree" />
     <meta property="og:description"
         content="Weapon Finder/Optimizer for Elden Ring - Search by weapon category, infusion and current stats" />
@@ -37,9 +37,8 @@
             <article style="flex-basis: 15%">
                 <div>
                     <b>Parameters</b>
-                    <button onclick="resetAll()" style="margin-bottom: 0px">
-                        Reset All
-                    </button>
+                    <button onclick="resetAll()"
+                        style="margin-bottom: 0px">Reset All</button>
                 </div>
                 <hr />
                 <div>
@@ -97,12 +96,12 @@
                         <label for="buffable">Buffable Only</label>
                     </span>
                 </div>
-                <hr>
+                <hr />
                 <b>Handedness</b>
                 <div>
                     <span>
                         <input type="radio" id="2h-never" name="handedness"
-                            onchange="update()" checked>
+                            onchange="update()" checked />
                         <label for="2h-never">One-handing</label>
                     </span>
                 </div>
@@ -110,8 +109,7 @@
                     <span>
                         <input type="radio" id="2h-sometimes" name="handedness"
                             onchange="update()" />
-                        <label for="2h-sometimes">Usable
-                            One-handed</label>
+                        <label for="2h-sometimes">Usable One-handed</label>
                     </span>
                 </div>
                 <div>
@@ -679,42 +677,42 @@
         <div>
             <h2 style="text-align: center">Notes</h2>
             <p>Click the headers in the table to sort the table based that
-                column.
-            </p>
-            <p>
-                You can choose between three modes of handedness:
+                column.</p>
+            <p>You can choose between three modes of handedness:</p>
             <ol>
                 <li>One-handed: Calculates damage and requirements based on
                     one-handed use</li>
                 <li>
                     Usable one-handed: Calculates damage based on two-handed
-                    use, but accounts for weapon being usable one-handed as
-                    well
+                    use, but accounts for weapon being
+                    usable one-handed as well
                 </li>
                 <li>Two-handed: Self-explanatory</li>
             </ol>
+            <p>
+                This calculator currently doesn't take auxiliary damage procs
+                (cold, bleed, scarlet rot and poison)
+                into account. Therefore, it won't be very useful for finding
+                weapons to use in a bleed build.
             </p>
-            <p>This calculator currently doesn't take auxiliary damage procs
-                (cold,
-                bleed, scarlet rot and poison) into account. Therefore, it won't
-                be very useful for finding weapons to use in a bleed build.
+            <p>
+                Catalysts (sacred seals and glintstone staffs) will show their
+                <em>attack rating</em>, not their
+                <em>spell scaling</em>.
             </p>
-            <p>Catalysts (sacred seals and glintstone staffs) will show their
-                <em>attack rating</em>, not their <em>spell scaling</em>.
-            </p>
-            <p>The same holds true for shields, which are also sorted based on
-                <em>attack
-                    rating</em>
+            <p>
+                The same holds true for shields, which are also sorted based on
+                <em>attack rating</em>
             </p>
         </div>
     </main>
     <footer>
-        <h4>
+        <h5>
             Erdtree Planner (
             <a href="https://git.palmoe.dk/vodofrede/erdtree">available under
                 BSD-3-Clause license</a>
             )
-        </h4>
+        </h5>
         <h5>Copyright 2022 vodofrede</h5>
     </footer>
 </body>