From 0cc9889f42e40c287c8277c31b5d0199dc6f88b2 Mon Sep 17 00:00:00 2001 From: vodofrede Date: Sat, 19 Mar 2022 20:05:50 +0100 Subject: [PATCH] refactored optimizer to use article --- src/index.html | 12 +- src/optimizer.html | 576 ++++++++++++++++++++++++--------------------- src/style/main.css | 12 +- 3 files changed, 318 insertions(+), 282 deletions(-) diff --git a/src/index.html b/src/index.html index 5d29077..7861932 100644 --- a/src/index.html +++ b/src/index.html @@ -27,7 +27,7 @@
-
+ -
+ -
+ -
+ -
+ -
+

Weapon Finder


diff --git a/src/optimizer.html b/src/optimizer.html index 8ac1211..8aa08d9 100644 --- a/src/optimizer.html +++ b/src/optimizer.html @@ -29,285 +29,315 @@
-
    + +
    +
      +
    • + + +
      • + +
      + +
    • Options
      • + +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    • +
      +
      +
      • +
    +
    + + +
    +
      +
    • + +
      + + + +
      +
      • + +
      + +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      + + + +
      +
      • +
    • + +
      • +
    +
    + + +
    +
      +
    • + Talismans +
      • + +
      + +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    • +
      + + +
      +
      • +
    +
    + + +
  • - - + Equipment
    • -
  • Options
    • +
    + Helms +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
  • +
    + + +
    +
    • +
    -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
  • -
    -
    -
    • -
+
+ Chest Armor +
-
    -
  • - -
    - - - -
    -
    • +
    + Gauntlets +
    -
    - -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    - - - -
    -
    • -
  • - -
    • -
- -
    -
  • - Talismans -
    • - -
    - -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
- -
    -
  • - Helms -
    • - -
    - -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
  • -
    - - -
    -
    • -
+
+ Leg Armor +
+

Softcaps

@@ -404,7 +434,9 @@
diff --git a/src/style/main.css b/src/style/main.css index 29fad32..8c70147 100644 --- a/src/style/main.css +++ b/src/style/main.css @@ -173,7 +173,7 @@ tbody:first-child { gap: 10px; } -.card { +.cards article { /* flex-grow: 0.45; */ /* flex-basis: 0px; */ text-align: center; @@ -188,7 +188,7 @@ tbody:first-child { background-color: #f8f8ff; } -.card * { +.card article * { display: inline-block; text-align: center; } @@ -207,7 +207,7 @@ tbody:first-child { background-color: #f8f8ff; } -.app ul { +.app article { border: 1px solid grey; border-radius: 5px; margin: 10px; @@ -221,6 +221,10 @@ tbody:first-child { align-items: stretch; } +.app ul { + padding: 0; +} + .app li { display: flex; justify-content: space-between; @@ -230,7 +234,7 @@ tbody:first-child { list-style: none; } -.app ul .stat { +.app .stat { margin-left: 10px; max-width: 40px; align-self: flex-end;