formated all files

crobi · mfriik · Jan 22, 2024 · Jan 22, 2024 · Jan 23, 2024 · Jan 23, 2024
commit 5c8f0a98b00f1d802deeddc9b3051e9f6629e11b
diff --git a/css/quickref.css b/css/quickref.css
@@ -524,7 +524,8 @@ input:checked+.slider:before {
     background-color: #333;
     color: #fff;
 }
-.dark-mode-active .section-row, 
+
+.dark-mode-active .section-row,
 .dark-mode-active .section-subtitle,
 .dark-mode-active #modal-reference {
     color: #fff;
@@ -559,21 +560,27 @@ input:checked+.slider:before {
 .dark-mode-active #section-movement .text {
     color: #fff;
 }
+
 .dark-mode-active #section-action .text {
     color: #fff;
 }
+
 .dark-mode-active #section-bonus-action .text {
     color: #fff;
 }
+
 .dark-mode-active #section-reaction .text {
     color: #fff;
 }
+
 .dark-mode-active #section-environment .text {
     color: #fff;
 }
+
 .dark-mode-active #section-condition .text {
     color: #fff;
 }
+
 .dark-mode-active #section-settings .text {
     color: #fff;
 }
diff --git a/index.html b/index.html
@@ -18,159 +18,159 @@
 
 <body class="page-background">
     <div class="dark-mode">
-    <div class="page fontsize" data-size="fullscreen">
+        <div class="page fontsize" data-size="fullscreen">
 
-        <!-- Movement section -->
-        <div id="section-movement" class="section-container">
-            <div class="section-title">
-                Movement
-                <span class="float-right">limited by movement speed</span>
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    You can move at any time during your turn (before, after, or during actions).
+            <!-- Movement section -->
+            <div id="section-movement" class="section-container">
+                <div class="section-title">
+                    Movement
+                    <span class="float-right">limited by movement speed</span>
                 </div>
-                <div class="section-row" id="basic-movement">
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        You can move at any time during your turn (before, after, or during actions).
+                    </div>
+                    <div class="section-row" id="basic-movement">
+                    </div>
                 </div>
             </div>
-        </div>
 
-        <!-- Action section -->
-        <div id="section-action" class="section-container">
-            <div class="section-title">
-                Action
-                <span class="float-right">1/turn</span>
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    You can also interact with one object or feature of the
-                    environment for free.
+            <!-- Action section -->
+            <div id="section-action" class="section-container">
+                <div class="section-title">
+                    Action
+                    <span class="float-right">1/turn</span>
                 </div>
-                <div class="section-row" id="basic-actions"></div>
-            </div>
-        </div>
-
-        <!-- Bonus action section -->
-        <div id="section-bonus-action" class="section-container">
-            <div class="section-title">
-                Bonus action
-                <span class="float-right">max. 1/turn</span>
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    You can take a bonus action only when a special ability, spell, or feature
-                    states that you can do something as a bonus action.
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        You can also interact with one object or feature of the
+                        environment for free.
+                    </div>
+                    <div class="section-row" id="basic-actions"></div>
                 </div>
-                <div class="section-row" id="basic-bonus-actions"></div>
             </div>
-        </div>
 
-        <!-- Reaction section -->
-        <div id="section-reaction" class="section-container">
-            <div class="section-title">
-                Reaction
-                <span class="float-right">max. 1/round</span>
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    A reaction is an instant response to a trigger of some kind, which
-                    can occur on your turn or on someone else's.
+            <!-- Bonus action section -->
+            <div id="section-bonus-action" class="section-container">
+                <div class="section-title">
+                    Bonus action
+                    <span class="float-right">max. 1/turn</span>
                 </div>
-                <div class="section-row" id="basic-reactions"></div>
-            </div>
-        </div>
-
-        <!-- Condition section -->
-        <div id="section-condition" class="section-container">
-            <div class="section-title">
-                Condition
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    Conditions alter your capabilities in a variety of ways, and can arise as a result of a spell, a
-                    class feature, a monster's attack, or other effect.
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        You can take a bonus action only when a special ability, spell, or feature
+                        states that you can do something as a bonus action.
+                    </div>
+                    <div class="section-row" id="basic-bonus-actions"></div>
                 </div>
-                <div class="section-row" id="basic-conditions"></div>
             </div>
-        </div>
 
-        <!-- Environmental section -->
-        <div id="section-environment" class="section-container">
-            <div class="section-title">
-                Environmental Effects
-            </div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    Effects that obscure vision can prove a significant hindrance to most adventuring tasks.
+            <!-- Reaction section -->
+            <div id="section-reaction" class="section-container">
+                <div class="section-title">
+                    Reaction
+                    <span class="float-right">max. 1/round</span>
                 </div>
-                <div class="section-row" id="environment-obscurance"></div>
-                <div class="section-row section-subtitle text fontsize">
-                    The presence or absence of light in an environment creates three categories of illumination.
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        A reaction is an instant response to a trigger of some kind, which
+                        can occur on your turn or on someone else's.
+                    </div>
+                    <div class="section-row" id="basic-reactions"></div>
                 </div>
-                <div class="section-row" id="environment-light"></div>
-                <div class="section-row section-subtitle text fontsize">
-                    Some creatures have extraordinary senses that allow them to perceive their environment.
+            </div>
+
+            <!-- Condition section -->
+            <div id="section-condition" class="section-container">
+                <div class="section-title">
+                    Condition
                 </div>
-                <div class="section-row" id="environment-vision"></div>
-                <div class="section-row section-subtitle text fontsize">
-                    Obstacles can provide cover during combat, making a target more difficult to harm.
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        Conditions alter your capabilities in a variety of ways, and can arise as a result of a spell, a
+                        class feature, a monster's attack, or other effect.
+                    </div>
+                    <div class="section-row" id="basic-conditions"></div>
                 </div>
-                <div class="section-row" id="environment-cover"></div>
             </div>
-        </div>
-        <!-- Settings section -->
-        <div id="section-settings" class="section-container">
-            <div class="section-title">Settings</div>
-            <div class="section-content">
-                <div class="section-row section-subtitle text fontsize">
-                    You can change below toggle for settings on this page.
+
+            <!-- Environmental section -->
+            <div id="section-environment" class="section-container">
+                <div class="section-title">
+                    Environmental Effects
                 </div>
-                <div class="item itemsize" title="Include Optional Rules">
-                    <div class="item-icon"><label class="switch">
-                            <input type="checkbox" id="optional-switch">
-                            <span class="slider round"></span>
-                        </label></div>
-                    <div class="item-text-container text">
-                        <div class="item-title">Include Optional Rules</div>
-                        <div class="item-desc">Show/hide optional rules from DMG.</div>
+                <div class="section-content">
+                    <div class="section-row section-subtitle text fontsize">
+                        Effects that obscure vision can prove a significant hindrance to most adventuring tasks.
                     </div>
-                </div>
-                <div class="item itemsize" title="Darkmode" hidden>
-                    <div class="item-icon"><label class="switch">
-                            <input type="checkbox" id="darkmode-switch">
-                            <span class="slider round"></span>
-                        </label></div>
-                    <div class="item-text-container text">
-                        <div class="item-title">Darkmode</div>
-                        <div class="item-desc">Enable Darkmode</div>
+                    <div class="section-row" id="environment-obscurance"></div>
+                    <div class="section-row section-subtitle text fontsize">
+                        The presence or absence of light in an environment creates three categories of illumination.
                     </div>
+                    <div class="section-row" id="environment-light"></div>
+                    <div class="section-row section-subtitle text fontsize">
+                        Some creatures have extraordinary senses that allow them to perceive their environment.
+                    </div>
+                    <div class="section-row" id="environment-vision"></div>
+                    <div class="section-row section-subtitle text fontsize">
+                        Obstacles can provide cover during combat, making a target more difficult to harm.
+                    </div>
+                    <div class="section-row" id="environment-cover"></div>
                 </div>
             </div>
-        </div>
-    </div>
-    <!-- Modal -->
-    <div class="modal" id="modal" tabindex="-1">
-        <div class="modal-backdrop" id="modal-backdrop"></div>
-        <div class="modal-dialog modalsize">
-            <div class="section-container modal-container" id="modal-container">
-                <div class="section-title" id="modal-title">
-                    Modal title<span class="float-right">Action</span>
-                </div>
+            <!-- Settings section -->
+            <div id="section-settings" class="section-container">
+                <div class="section-title">Settings</div>
                 <div class="section-content">
-                    <div class="section-row section-subtitle text" id="modal-subtitle">
-                        Subtitle
+                    <div class="section-row section-subtitle text fontsize">
+                        You can change below toggle for settings on this page.
+                    </div>
+                    <div class="item itemsize" title="Include Optional Rules">
+                        <div class="item-icon"><label class="switch">
+                                <input type="checkbox" id="optional-switch">
+                                <span class="slider round"></span>
+                            </label></div>
+                        <div class="item-text-container text">
+                            <div class="item-title">Include Optional Rules</div>
+                            <div class="item-desc">Show/hide optional rules from DMG.</div>
+                        </div>
                     </div>
-                    <div class="section-row text">
-                        <div id="modal-bullets">
+                    <div class="item itemsize" title="Darkmode" hidden>
+                        <div class="item-icon"><label class="switch">
+                                <input type="checkbox" id="darkmode-switch">
+                                <span class="slider round"></span>
+                            </label></div>
+                        <div class="item-text-container text">
+                            <div class="item-title">Darkmode</div>
+                            <div class="item-desc">Enable Darkmode</div>
                         </div>
                     </div>
-                    <div class="section-row text" id="modal-reference">
+                </div>
+            </div>
+        </div>
+        <!-- Modal -->
+        <div class="modal" id="modal" tabindex="-1">
+            <div class="modal-backdrop" id="modal-backdrop"></div>
+            <div class="modal-dialog modalsize">
+                <div class="section-container modal-container" id="modal-container">
+                    <div class="section-title" id="modal-title">
+                        Modal title<span class="float-right">Action</span>
+                    </div>
+                    <div class="section-content">
+                        <div class="section-row section-subtitle text" id="modal-subtitle">
+                            Subtitle
+                        </div>
+                        <div class="section-row text">
+                            <div id="modal-bullets">
+                            </div>
+                        </div>
+                        <div class="section-row text" id="modal-reference">
+                        </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
     <!-- Data -->
     <script type="text/javascript" src="js/data_movement.js" charset="utf-8"></script>
     <script type="text/javascript" src="js/data_action.js" charset="utf-8"></script>

diff --git a/js/data_action.js b/js/data_action.js
@@ -226,7 +226,7 @@ data_action = [
         bullets: [
             "When you describe an action not detailed elsewhere in the rules, the DM tells you whether that action is possible and what kind of roll you need to make, if any, to determine success or failure."
         ]
-    },     
+    },
     {
         title: "Disarm*",
         optional: "Optional rule",
@@ -238,7 +238,7 @@ data_action = [
             "(Optional Rule):",
             "The attacker makes an attack roll contested by the target's Strength (Athletics) check or Dexterity (Acrobatics) check.",
             "If the attacker wins the contest, the attack causes no damage or other ill effect, but the defender drops the item.",
-            "The attacker has disadvantage on its attack roll if the target is holding the item with two or more hands.", 
+            "The attacker has disadvantage on its attack roll if the target is holding the item with two or more hands.",
             "The target has advantage on its ability check if it is larger than the attacking creature, or disadvantage if it is smaller."
 
         ]
@@ -256,7 +256,7 @@ data_action = [
             "The creature attempting the overrun has advantage on this check if it is larger than the hostile creature, or disadvantage if it is smaller.",
             "If the mover wins the contest, it can move through the hostile creature's space once this turn."
         ]
-    }, 
+    },
     {
         title: "Tumble*",
         optional: "Optional rule",
@@ -299,5 +299,5 @@ data_action = [
             "If it wins the contest, the smaller creature successfully moves into the target creature's space.",
             "The smaller creature moves with the target and has advantage on attack rolls against it.",
         ]
-    }                     
+    }
 ]
diff --git a/js/data_bonusaction.js b/js/data_bonusaction.js
@@ -70,9 +70,9 @@ data_bonusaction = [
         subtitle: "Roll for the effect",
         description: "Roll the dice as per the description of the potion",
         bullets: [
-        "(Optional Rule):",
-        "Normally Drinking potion counts as an <i>Action</i>.",
-        "Roll the dice as per the description of the potion."
+            "(Optional Rule):",
+            "Normally Drinking potion counts as an <i>Action</i>.",
+            "Roll the dice as per the description of the potion."
         ],
-      },         
+    },
 ]