From eba57c225c18d995bcafa4ebe05a6baa60fa2203 Mon Sep 17 00:00:00 2001
From: Alex Rinehart <alexandersrinehart@gmail.com>
Date: Thu, 16 Feb 2023 16:50:44 -0800
Subject: [PATCH] Add conditions

---
 Cyberrats/Cyberrats.css  | 33 ++++++++++++++-
 Cyberrats/Cyberrats.html | 90 ++++++++++++++++++++++++++++++++++++----
 2 files changed, 114 insertions(+), 9 deletions(-)

diff --git a/Cyberrats/Cyberrats.css b/Cyberrats/Cyberrats.css
index 2e085bc6e5..e0ebb35383 100644
--- a/Cyberrats/Cyberrats.css
+++ b/Cyberrats/Cyberrats.css
@@ -10,10 +10,11 @@ main {
   height: 1460px;
   grid-gap: 4px;
   grid-template-columns: 240px 10px 240px 260px;
-  grid-template-rows:  40px 230px 300px 1fr 1fr 1fr 1fr;
+  grid-template-rows:  40px 230px 220px 300px 1fr 1fr 1fr 1fr;
   grid-template-areas:
                       "settings settings settings settings"
                       "header header  header  header"
+                      "conditions conditions  conditions  conditions"
                       ".  .  .  portrait"
                       "powers  powers  powers  background"
                       "gear  .  items     background"
@@ -132,6 +133,34 @@ section.empty {
   grid-area: loadout;
 }
 
+.conditions {
+  grid-area: conditions;
+}
+
+.conditions h2 {
+  display: flex;
+  justify-content: center;
+}
+
+.allConditions {
+  display: flex;
+  flex-direction: column;
+  flex-wrap: wrap;
+  height: 200px;
+}
+
+.conds {
+  display: flex;
+}
+
+.cond input[type=text], .cond input[type=number] {
+  border: 1px solid black;
+}
+
+input.sheet-briny:not(:checked) + section.conditions div .brinycond {
+  display: none;
+}
+
 .settings {
   grid-area: settings;
   display: flex;
@@ -2331,7 +2360,7 @@ body.sheet-darkmode .threatlabel.threat4 {
   --blueDark: #458588;
   --lightOffset: #d5c4a1;
   --darkText: #3c3836;
-  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg""https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg");
+  background-image: url("https://raw.githubusercontent.com/roll20/roll20-character-sheets/master/Cyberrats/paper-bg-dark.jpg");
 }
 
 
diff --git a/Cyberrats/Cyberrats.html b/Cyberrats/Cyberrats.html
index f20f8c8133..64dc0893e4 100644
--- a/Cyberrats/Cyberrats.html
+++ b/Cyberrats/Cyberrats.html
@@ -35,13 +35,7 @@
         <label>Tattoo/Brand</label>
       </div>
   </div>  
-  
-  <div class="stack header-left empty">
-        <label for="attr_injured">Injured?
-        <input name="attr_injured" type="checkbox"></label>
-  </div>
-  
-  
+    
   <div class="stack header-left">
     <div class="autoExpand long">
      <input spellcheck="false" class="header-input" name="attr_character_name" type="text">
@@ -85,6 +79,88 @@
   </div>
   </section>
 
+  <input class="hidden sheet-briny" name="attr_briny" type="checkbox">
+  <section class="conditions">
+    <div class="title">
+      <h2>Conditions</h2>
+    </div>
+      
+    <div class="allConditions">
+      
+        <div class="conds">
+            <div class="cond">
+               <label for="attr_injured">Injured?
+               <input name="attr_injured" type="checkbox"></label>
+            </div>
+        </div>
+        
+        <div class="conds">
+            <div class="cond">
+               <label for="attr_taunted">Taunted?
+                 <input name="attr_taunted" type="checkbox">
+                 By <input name="attr_taunted_by" type="text">
+               </label>
+            </div>
+        </div>
+      
+        <div class="conds">
+            <div class="cond">
+               <label for="attr_painted">Painted?
+                 <input name="attr_painted" type="number" min="0" value="0">
+               </label>
+            </div>
+        </div>
+        
+        <div class="conds">
+            <div class="cond">
+               <label for="attr_bleed">Bleed?
+                 <input name="attr_bleed" type="number" min="0" value="0">
+               </label>
+            </div>
+        </div>
+         
+        <div class="conds">
+            <div class="cond">
+               <label for="attr_screwed">Screwed?
+               <input name="attr_screwed" type="checkbox"></label>
+            </div>
+        </div>
+        
+        <div class="conds brinycond">
+            <div class="cond">
+               <label for="attr_burn">Burning?
+                 <input name="attr_burn" type="number" min="0" value="0">
+               </label>
+            </div>
+        </div>
+        
+        <div class="conds brinycond">
+            <div class="cond">
+               <label for="attr_immobilized">Immobilized?
+               <input name="attr_immobilized" type="checkbox"></label>
+            </div>
+        </div>
+         
+        <div class="conds">
+            <div class="cond">
+               <input name="attr_blank1" type="text">
+            </div>
+        </div>
+        
+        <div class="conds">
+            <div class="cond">
+               <input name="attr_blank2" type="text">
+            </div>
+        </div> 
+        
+        <div class="conds">
+            <div class="cond">
+               <input name="attr_blank3" type="text">
+            </div>
+        </div> 
+      </div>
+  </section>
+
   <section class="powers">
     <span class="spacer">
       <h2 class="narrow">All Known Powers</h2>