Styling updates, some translation fixes

Styling updates, logo, squiggle added.
Translation strings for GM sheet added.

Dramasystem/dramasystem.css

@@ -75,12 +75,15 @@ display: inline-block;
     display:inline-block;
     padding:0px;
 }
+.sheet-heading {
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
 
-h1 {
     text-align:center;
     font-family:HoeflerText, Garamond, serif;
     font-size:14pt;
-    font-weight:light;
+    font-weight:500;
     font-variant:small-caps;
     border-width: 0 0 0 2px;
     padding-top:10px;
@@ -88,11 +91,29 @@ h1 {
     color:#663300;
 }
 
-h2 {
- font-size:14px;   
+.sheet-heading:before,
+.sheet-heading:after {
+  content:" ";
+  background-image:url(squiggle.png);
+  background-repeat:repeat-x;
+  flex-grow: 1;
+  position: relative;
+  top: 0.5em;
 }
 
-input[type=text], select, {
+.sheet-heading:before {
+  margin-right:10px;
+}
+
+.sheet-heading:after {
+  margin-left:10px;
+}
+
+.sheet-logo {
+    
+}
+
+input[type=text], select {
     border-bottom: 1px solid #D3D3D3;
     border-top: 0px;
     border-left: 0px;
@@ -157,11 +178,11 @@ width:100px
 }
 
 .sheet-relationshiprelat {
-width:90px
+width:130px
 }
 
 .sheet-relationshipwant {
-width:210px
+width:200px
 }
 
 .sheet-relationshipno {
@@ -169,7 +190,7 @@ width:180px
 }
 
 .sheet-relationshippoles {
-width:200px
+width:180px
 }
 
 .sheet-relationshipname, .sheet-relationshiprelat, .sheet-relationshipwant, .sheet-relationshipno, .sheet-relationshippoles, .sheet-actions {

Dramasystem/dramasystem.html

@@ -1,8 +1,9 @@
 <input class="gm_toggle" name="attr_gmtracking" type="hidden" value="0" />
 <input type="hidden" class="customhide" name="attr_str1" value="enduring" />
+<div class="logo"><img src="dramasystem_logo.png"></div>
 
 <div class="container pc">
-    <h1 data-i18n="characterheader">Character</h1>
+    <div class="headingback"><span class="heading" data-i18n="characterheader">Character</span></div>
     <div><span data-i18n="name">I am:</span> <input type="text" name="attr_character_name"><br />
     <span data-i18n="desire">Desire:</span></span> <input type="text" name="attr_desire"><br />
     <span data-i18n="role">Role:</span> <input type="text" name="attr_role"></div>
@@ -13,11 +14,11 @@
         <span data-i18n="story2">who</span> <input type="text" spellcheck="false" name="attr_story" placeholder="(desires something)" data-i18n-placeholder="pc-repeating-story2-place" class="story" />.
     </div>
     <div class="poles">
-        <h1 data-i18n="dramatic_poles">Dramatic Poles</h1>
-        <input class="poleinput" type="text" spellcheck="false" name="attr_pole1" /> <span data-i18n="or">OR</span>  <input class="poleinput" type="text" spellcheck="false" name="attr_pole2" />
+    <div class="headingback"><span class="heading" data-i18n="dramatic_poles">Dramatic Poles</span></div>
+        <input class="poleinput" type="text" spellcheck="false" name="attr_pole1" /> <span class="mypoles" data-i18n="or">or</span>  <input class="poleinput" type="text" spellcheck="false" name="attr_pole2" />
     </div>
 
-    <h1 data-i18n="people">The People in My Life</h1>
+    <div class="headingback"><span class="heading" data-i18n="people">The People in My Life</span></div>
     <div class="relationship_table">
         <div class="relationshiphr relationshipname" data-i18n="relationshipname">Character</div>
         <div class="relationshiphr relationshiprelat" data-i18n="relationship">Relationship</div>
@@ -31,7 +32,7 @@
                     <input class="relationshipname" type="text" spellcheck="false" name="attr_relatename" />
                 </span>
                 <span class="relationshiprelat">
-                    <input class="relationshiprelat" type="text" spellcheck="false" name="attr_relationship" />
+                    <textarea spellcheck="false" name="attr_relationship"></textarea>
                 </span>
                 <span class="relationshipwant">
                     <textarea spellcheck="false" name="attr_iwant"></textarea>
@@ -46,13 +47,13 @@
         </fieldset>
     </div>
 
-<h1 data-i18n="actions">What I Can Do</h1>
+    <div class="headingback"><span class="heading" data-i18n="actions">What I Can Do</span></div>
 
-<div class="actionhr actionrank"><span data-i18n="rankheader">Rank</span></div>
-<div class="actionhr actionname"><span data-i18n="actionheader">Action</span></div>
-<div class="customhide actionhr actioncustom"><span data-i18n="customheader">Custom Action</span></div>
-<div class="actionhr actionhow"><span data-i18n="actionhow">How I Do It</span></div>
-<br /><br />
+        <div class="actionhr actionrank"><span data-i18n="rankheader">Rank</span></div>
+        <div class="actionhr actionname"><span data-i18n="actionheader">Action</span></div>
+        <div class="customhide actionhr actioncustom"><span data-i18n="customheader">Custom Action</span></div>
+        <div class="actionhr actionhow"><span data-i18n="actionhow">How I Do It</span></div>
+        <br /><br />
 
 <div class="actions actionrank" data-i18n="rankstrong">Strong</div>
 <div class="actions actionname"><select class="actionname" name="attr_str1">
@@ -163,7 +164,7 @@
 
 	<div data-i18n="actioninstructions">* Assign each action to one and only one rank.</div>
 
-    <h1 class="consequences" data-i18n="consequences">Consequences</h1>
+    <div class="headingback"><span class="heading consequences" data-i18n="consequences">Consequences</span></div>
     <div class="consequences">
         <fieldset class="repeating_consequences">
             <div class="consequences">
@@ -177,7 +178,7 @@
 
 <div class="container gm">
 
-<h1>Main Cast Tracker</h1>
+    <div class="headingback"><span class="heading" data-i18n="maincasttracker">Main Cast Tracker</span></div>
 <div class="trackertable">
         <div class="trackerhr trackerplayer" data-i18n="trackerplayer">Player</div>
         <div class="trackerhr trackerchar" data-i18n="trackerchar">Character</div>
@@ -196,12 +197,12 @@
         </fieldset>
 </div>
 
-<h1>Recurring Character Tracker</h1>
+    <div class="headingback"><span class="heading" data-i18n="recurringtracker">Recurring Character Tracker</span></div>
 <div class="trackertablerecurring">
-        <div class="trackerhr" style="width:100px" data-i18n="trackerrecurring">Character</div>
-        <div class="trackerhr" style="width:200px" data-i18n="trackernpcrole">Role</div>
-        <div class="trackerhr" style="width:200px" data-i18n="trackernpcwant">What I Want</div>
-        <div class="trackerhr" style="width:200px" data-i18n="trackernpcdeny">Why I Can't Get It</div>
+        <div class="trackerhr trackerrecurring" data-i18n="trackerrecurring">Character</div>
+        <div class="trackerhr trackernpcrole" data-i18n="trackernpcrole">Role</div>
+        <div class="trackerhr trackernpcwant" data-i18n="trackernpcwant">What I Want</div>
+        <div class="trackerhr trackernpcdeny" data-i18n="trackernpcdeny">Why I Can't Get It</div>
 
         <fieldset class="repeating_tracker">
             <div class="trackerrow">
@@ -214,7 +215,7 @@
 
 </div>
 
-<h1>Relationship Map</h1>
+    <div class="headingback"><span class="heading" data-i18n="relationshipmap">Relationship Map</span></div>
 <div class="relatmap">
         <div class="maphr mapchar1" style="width:250px" data-i18n="relatmapchar1">(Character) is</div>
         <div class="maphr mapchar2" style="width:250px" data-i18n="relatmapchar2">(Other Character)'s</div>

Dramasystem/translation.json

@@ -46,5 +46,8 @@
 	"relatmapchar2": "(Other Character)'s",
 	"relatmaprelationship": "(Relationship)",
 	"title": "Dramasystem SRD Character Sheet. DramaSystem © 2013 Robin D. Laws and Pelgrane Press.",
-	"gmtracking": "GM Tracker"
+	"gmtracking": "GM Tracker",
+	"maincasttracker":"Main Cast Tracker",
+	"recurringtracker":"Recurring Character Tracker",
+	"relationshipmap":"Relationship Map"
 }