From fbd0ff7dfd141bbc1ad6952183c92ac8df6f3d08 Mon Sep 17 00:00:00 2001
From: Thomas <github@sproed.de>
Date: Mon, 4 Dec 2023 19:41:53 +0100
Subject: [PATCH] Improved Styling of Fonts

---
 Talus/talus.css  | 114 ++++++++++++++++++++++++++++++++++++++++++++---
 Talus/talus.html |  38 ++++++----------
 2 files changed, 122 insertions(+), 30 deletions(-)

diff --git a/Talus/talus.css b/Talus/talus.css
index 36e47898ca..46367e6662 100644
--- a/Talus/talus.css
+++ b/Talus/talus.css
@@ -14,19 +14,123 @@ span.bold{
   font-size: medium;
 }
 
-.ui-dialog .charsheet label {
+/* latin-ext */
+@font-face {
+  font-family: 'Metamorphous';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/metamorphous/v20/Wnz8HA03aAXcC39ZEX5y133ENSqstTs.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Metamorphous';
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/metamorphous/v20/Wnz8HA03aAXcC39ZEX5y133EOyqs.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+/* cyrillic-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4taVIGxA.woff2) format('woff2');
+  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
+}
+/* cyrillic */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4kaVIGxA.woff2) format('woff2');
+  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
+}
+/* greek-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4saVIGxA.woff2) format('woff2');
+  unicode-range: U+1F00-1FFF;
+}
+/* greek */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4jaVIGxA.woff2) format('woff2');
+  unicode-range: U+0370-03FF;
+}
+/* hebrew */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4iaVIGxA.woff2) format('woff2');
+  unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
+}
+/* vietnamese */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4vaVIGxA.woff2) format('woff2');
+  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
+}
+/* latin-ext */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4uaVIGxA.woff2) format('woff2');
+  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  font-stretch: 100%;
+  font-display: swap;
+  src: url(https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsiH0B4gaVI.woff2) format('woff2');
+  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@import url('https://fonts.googleapis.com/css?family=Metamorphous|Open+Sans:300;400;500;600;700;800&display=swap');
+
+.ui-dialog .characterviewer label {
   margin: 5px 0px 5px 0px;
   font-size: 1.1em;
   font-family: 'Metamorphous', cursive;
 }
 
-.ui-dialog .charsheet h1,h2,h3,h4 {
+.ui-dialog .characterviewer h1,
+.ui-dialog .characterviewer h2,
+.ui-dialog .characterviewer h3,
+.ui-dialog .characterviewer h4 {
   font-family: 'Metamorphous', cursive;
 }
 
-.ui-dialog .charsheet input,
-.ui-dialog .charsheet textarea,
-.ui-dialog .charsheet select
+.ui-dialog .characterviewer input,
+.ui-dialog textarea,
+.ui-dialog select
  {
   font-family: 'Open Sans';
 }
diff --git a/Talus/talus.html b/Talus/talus.html
index 64786fe970..d47bf3513f 100644
--- a/Talus/talus.html
+++ b/Talus/talus.html
@@ -12,7 +12,7 @@
     <div class="left-info-block">
       <div class="name section">
         <label>Name: </label>
-        <input name="attr_character_name" type="text">
+        <input name="attr_character_name" type="text" spellcheck="false" />
       </div>
 
       <div class="circle section">
@@ -32,7 +32,7 @@
 
       <div class="experience section">
         <label>Erfahrungspunkte: </label>
-        <input name="attr_experience" type="text">
+        <input name="attr_experience" type="text" spellcheck="false" />
       </div>
     </div>
 
@@ -131,22 +131,22 @@
   <div class="consequences section">
     <label>Konsequenzen</label><div/><!-- little cheat div to move the rest of the grid to the next line -->
       <div>
-        <span>I.</span><input name="attr_consequences_1" type="text">
+        <span>I.</span><input name="attr_consequences_1" type="text" spellcheck="false" />
       </div>
       <div>
-        <span>II.</span><input name="attr_consequences_2" type="text">
+        <span>II.</span><input name="attr_consequences_2" type="text" spellcheck="false" />
       </div>
       <div>
-        <span>III.</span><input name="attr_consequences_3" type="text">
+        <span>III.</span><input name="attr_consequences_3" type="text" spellcheck="false" />
       </div>
       <div>
-        <span>IV.</span><input name="attr_consequences_4" type="text">
+        <span>IV.</span><input name="attr_consequences_4" type="text" spellcheck="false" />
       </div>
       <div>
-        <span>V.</span><input name="attr_consequences_5" type="text">
+        <span>V.</span><input name="attr_consequences_5" type="text" spellcheck="false" />
       </div>
       <div>
-        <span>VI.</span><input name="attr_consequences_6" type="text">
+        <span>VI.</span><input name="attr_consequences_6" type="text" spellcheck="false" />
       </div>
   </div>
 
@@ -157,22 +157,22 @@
     <!-- Persons SECTION -->
     <div class="persons section">
       <label>Wichtige Personen</label>
-      <textarea name="attr_persons" placeholder="Wichtige Personen"></textarea>
+      <textarea name="attr_persons" placeholder="Wichtige Personen" spellcheck="false"></textarea>
     </div>
 
-    <div class="dagger items-persons-dagger section">  </div>
+    <div class="dagger items-persons-dagger section" spellcheck="false">  </div>
 
     <!-- Items SECTION -->
     <div class="items section">
       <label>Wichtige Gegenstände</label>
-      <textarea name="attr_items" placeholder="Wichtige Gegenstände"></textarea>
+      <textarea name="attr_items" placeholder="Wichtige Gegenstände" spellcheck="false"></textarea>
     </div>
   </div>
 
   <!-- Notes SECTION -->
   <div class="notes section">
     <label>Notizen</label>
-    <textarea name="attr_notes" placeholder="Notizen"></textarea>
+    <textarea name="attr_notes" placeholder="Notizen" spellcheck="false"></textarea>
   </div>
 
   <div class="footer section">  </div>
@@ -206,17 +206,5 @@
 <!-- ---------------------------SHEET WORKERS----------------- -->
 
 <script type="text/worker">
-    on('clicked:talusroll', (info) => {
-        startRoll("&{template:test} {{name=Test}} {{roll1=[[1d20]]}}", (results) => {
-            const total = results.results.roll1.result
-            const computed = total % 4;
-
-            finishRoll(
-                results.rollId,
-                {
-                    roll1: computed,
-                }
-            );
-        });
-    });
+   
 </script>
\ No newline at end of file