From f019cbf141ea3ee2784f5beea0a540eeb523451f Mon Sep 17 00:00:00 2001
From: Stexinator <hurricane90@gmx.de>
Date: Sun, 2 Jan 2022 18:29:47 +0100
Subject: [PATCH] [Shadowrun5thA] split of contacts and SINs, add fellow
 runners

---
 Shadowrun5th/Shadowrun5th.css  |  16 ++-
 Shadowrun5th/Shadowrun5th.html | 223 +++++++++++++++++++--------------
 2 files changed, 141 insertions(+), 98 deletions(-)

diff --git a/Shadowrun5th/Shadowrun5th.css b/Shadowrun5th/Shadowrun5th.css
index 2006a2be0b..47cf399ebb 100644
--- a/Shadowrun5th/Shadowrun5th.css
+++ b/Shadowrun5th/Shadowrun5th.css
@@ -38,7 +38,7 @@ input[type=radio].tabs{
 
 .tablabel{
     margin-left:-11%;
-    width:11%;
+    width:10%;
     text-align:center;
     vertical-align:top;
     color:#eeeeee;
@@ -97,7 +97,13 @@ input[type=radio].tabs{
 
 .tab8:checked + div.tablabel,
 .tab8:checked ~ div.gmroll,
-.content8{
+.contentSocial{
+    color:#aaaaee;
+}
+
+.tab9:checked + div.tablabel,
+.tab9:checked ~ div.gmroll,
+.contentCharacter{
     color:#aaaaee;
 }
 
@@ -108,7 +114,8 @@ input[type=radio].tabs{
 .content5,
 .contentVehiclesDrones,
 .content7,
-.content8{
+.contentSocial,
+.contentCharacter{
     display:none;
 }
 
@@ -119,7 +126,8 @@ input[type=radio].tab4:checked ~ div.content4,
 input[type=radio].tab5:checked ~ div.content5,
 input[type=radio].tab6:checked ~ div.contentVehiclesDrones,
 input[type=radio].tab7:checked ~ div.content7,
-input[type=radio].tab8:checked ~ div.content8
+input[type=radio].tab8:checked ~ div.contentSocial,
+input[type=radio].tab9:checked ~ div.contentCharacter
 {
     display:block;
     width:100%;
diff --git a/Shadowrun5th/Shadowrun5th.html b/Shadowrun5th/Shadowrun5th.html
index 0993c6ae66..a3164566fc 100644
--- a/Shadowrun5th/Shadowrun5th.html
+++ b/Shadowrun5th/Shadowrun5th.html
@@ -26,6 +26,9 @@
     <div class="tablabel">Equipment</div>
 
     <input type="radio" class="tabs tab8" name="attr_tabnumber" value="8">
+    <div class="tablabel">Social</div>
+
+    <input type="radio" class="tabs tab9" name="attr_tabnumber" value="9">
     <div class="tablabel">Character</div>
 
     <div class="gmroll">
@@ -10537,7 +10540,132 @@ Click again to switch to Manual and Remote">
             </fieldset>
         </div>
     </div>
-    <div class="content8">
+    <div class="contentSocial">
+        <div class="contacts">
+            <h2>Contacts</h2>
+            <div class="contactsrow">
+                <div class="contactnamewrapper">
+                    <label class="warelabel">Name</label>
+                </div>
+                <div class="contacttypewrapper">
+                    <label class="warelabel">Type</label>
+                </div>
+                <div class="contactconnectionwrapper">
+                    <label class="warelabel">Connection</label>
+                </div>
+                <div class="contactloyaltywrapper">
+                    <label class="warelabel">Loyality</label>
+                </div>
+                <div class="contactnoteswrapper">
+                    <label class="warelabel">Notes</label>
+                </div>
+            </div>
+            <fieldset class="repeating_contacts">
+                <div class="contactsrow">
+                    <div class="contactnamewrapper">
+                        <input type="text" name="attr_contactname" title="Name of the Contact">
+                    </div>
+                    <div class="contacttypewrapper">
+                        <input type="text" name="attr_contactdescription" title="Type of the Contact">
+                    </div>
+                    <div class="contactconnectionwrapper">
+                        <input type="text" name="attr_contactconnection" title="Connection of the Contact">
+                    </div>
+                    <div class="contactloyaltywrapper">
+                        <input type="text" name="attr_contactloyalty" title="Loyalty of the Contact">
+                    </div>
+                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showcontactnotes" title="Need more Space?">
+                    <div class="checkboxticker contactsunticked"></div>
+                    <div class="checkboxticker contactsticked">X</div>
+                    <div class="contactsnoteswrapper">
+                        <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+        <div class="contacts">
+            <h2>SINs + Lifestyle</h2>
+            <div class="contactsrow">
+                <div class="contactnamewrapper">
+                    <label class="warelabel">SIN Name</label>
+                </div>
+                <div class="contactconnectionwrapper">
+                    <label class="warelabel">Rating</label>
+                </div>
+                <div class="contacttypewrapper">
+                    <label class="warelabel">Lifestyle</label>
+                </div>
+                <div class="contactloyaltywrapper">
+                    <label class="warelabel">Cost</label>
+                </div>
+                <div class="contactnoteswrapper">
+                    <label class="warelabel">Notes</label>
+                </div>
+            </div>
+            <fieldset class="repeating_sins">
+                <div class="contactsrow">
+                    <div class="contactnamewrapper">
+                        <input type="text" name="attr_sinname" title="Name of the fake SIN">
+                    </div>
+                    <div class="contactconnectionwrapper">
+                        <input type="text" name="attr_sinrating" title="Rating of the fake SIN">
+                    </div>
+                    <div class="contacttypewrapper">
+                        <select name="attr_lifestyle" title="Lifestyle linked to the fake SIN">
+                            <option>None</option>
+                            <option>Street</option>
+                            <option>Squatter</option>
+                            <option>Low</option>
+                            <option>Medium</option>
+                            <option>High</option>
+                            <option>Luxury</option>
+                            <option>Other</option>
+                        </select>
+                    </div>
+                    <div class="contactloyaltywrapper">
+                        <input type="text" name="attr_lifestylecost" value="0" title="Cost of the Lifestyle">
+                    </div>
+                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showsinnotes" title="Need more Space?">
+                    <div class="checkboxticker contactsunticked"></div>
+                    <div class="checkboxticker contactsticked">X</div>
+                    <div class="contactsnoteswrapper">
+                        <textarea name="attr_sinnotes" title="Have more Space!"></textarea>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+        <div class="contacts">
+            <h2>Fellow runners</h2>
+            <div class="contactsrow">
+                <div class="contactnamewrapper">
+                    <label class="warelabel">Name</label>
+                </div>
+                <div class="contacttypewrapper">
+                    <label class="warelabel">Role</label>
+                </div>
+                <div class="contactnoteswrapper">
+                    <label class="warelabel">Notes</label>
+                </div>
+            </div>
+            <fieldset class="repeating_runners">
+                <div class="contactsrow">
+                    <div class="contactnamewrapper">
+                        <input type="text" name="attr_contactname" title="Name of the Contact">
+                    </div>
+                    <div class="contacttypewrapper">
+                        <input type="text" name="attr_contactdescription" title="Type of the Contact">
+                    </div>
+                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showcontactnotes" title="Need more Space?">
+                    <div class="checkboxticker contactsunticked"></div>
+                    <div class="checkboxticker contactsticked">X</div>
+                    <div class="contactsnoteswrapper">
+                        <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
+                    </div>
+                </div>
+            </fieldset>
+        </div>
+    </div>
+    <div class="contentCharacter">
         <div class="charinfo">
             <h2>Character Information</h2>
             <div class="charinforow">
@@ -10651,99 +10779,6 @@ Click again to switch to Manual and Remote">
                 </div>
             </div>
         </div>
-        <div class="contacts">
-            <h2>Contacts</h2>
-            <div class="contactsrow">
-                <div class="contactnamewrapper">
-                    <label class="warelabel">Name</label>
-                </div>
-                <div class="contacttypewrapper">
-                    <label class="warelabel">Type</label>
-                </div>
-                <div class="contactconnectionwrapper">
-                    <label class="warelabel">Connection</label>
-                </div>
-                <div class="contactloyaltywrapper">
-                    <label class="warelabel">Loyality</label>
-                </div>
-                <div class="contactnoteswrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
-            </div>
-            <fieldset class="repeating_contacts">
-                <div class="contactsrow">
-                    <div class="contactnamewrapper">
-                        <input type="text" name="attr_contactname" title="Name of the Contact">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <input type="text" name="attr_contactdescription" title="Type of the Contact">
-                    </div>
-                    <div class="contactconnectionwrapper">
-                        <input type="text" name="attr_contactconnection" title="Connection of the Contact">
-                    </div>
-                    <div class="contactloyaltywrapper">
-                        <input type="text" name="attr_contactloyalty" title="Loyalty of the Contact">
-                    </div>
-                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showcontactnotes" title="Need more Space?">
-                    <div class="checkboxticker contactsunticked"></div>
-                    <div class="checkboxticker contactsticked">X</div>
-                    <div class="contactsnoteswrapper">
-                        <textarea name="attr_contactnotes" title="Have more Space!"></textarea>
-                    </div>
-                </div>
-            </fieldset>
-        </div>
-        <div class="contacts">
-            <h2>SINs + Lifestyle</h2>
-            <div class="contactsrow">
-                <div class="contactnamewrapper">
-                    <label class="warelabel">SIN Name</label>
-                </div>
-                <div class="contactconnectionwrapper">
-                    <label class="warelabel">Rating</label>
-                </div>
-                <div class="contacttypewrapper">
-                    <label class="warelabel">Lifestyle</label>
-                </div>
-                <div class="contactloyaltywrapper">
-                    <label class="warelabel">Cost</label>
-                </div>
-                <div class="contactnoteswrapper">
-                    <label class="warelabel">Notes</label>
-                </div>
-            </div>
-            <fieldset class="repeating_sins">
-                <div class="contactsrow">
-                    <div class="contactnamewrapper">
-                        <input type="text" name="attr_sinname" title="Name of the fake SIN">
-                    </div>
-                    <div class="contactconnectionwrapper">
-                        <input type="text" name="attr_sinrating" title="Rating of the fake SIN">
-                    </div>
-                    <div class="contacttypewrapper">
-                        <select name="attr_lifestyle" title="Lifestyle linked to the fake SIN">
-                            <option>None</option>
-                            <option>Street</option>
-                            <option>Squatter</option>
-                            <option>Low</option>
-                            <option>Medium</option>
-                            <option>High</option>
-                            <option>Luxury</option>
-                            <option>Other</option>
-                        </select>
-                    </div>
-                    <div class="contactloyaltywrapper">
-                        <input type="text" name="attr_lifestylecost" value="0" title="Cost of the Lifestyle">
-                    </div>
-                    <input class="contactscheckbox hiddencheckbox" type="checkbox" name="attr_showsinnotes" title="Need more Space?">
-                    <div class="checkboxticker contactsunticked"></div>
-                    <div class="checkboxticker contactsticked">X</div>
-                    <div class="contactsnoteswrapper">
-                        <textarea name="attr_sinnotes" title="Have more Space!"></textarea>
-                    </div>
-                </div>
-            </fieldset>
-        </div>
         <div class="woundsmod">
             <h2>Wound Calculation Modifier</h2>
             <div class="woundsmodrow">