Add images and site link

Crossed-Fates/CrossedFates.css

@@ -373,7 +373,7 @@
 
 .charsheet .rivals-header {
   display: inline-grid;
-  grid-template-columns: auto 100px auto;
+  grid-template-columns: calc((100% - 100px)/2) 100px calc((100% - 100px)/2);
   background-color: #f3f4f5;
   width: -moz-available;
   width: -webkit-fill-available;
@@ -390,8 +390,10 @@
 }
 
 .charsheet .rivals-header .logo {
-  background-image: url();
+  background-image: url(https://raw.githubusercontent.com/morgdalaine/morgdalaine-roll20/main/Crossed-Fates/assets/square.png);
+  background-position: center;
   background-repeat: no-repeat;
+  background-size: 100px 100px;
 }
 
 .charsheet .rivals-header .header-left .rival-stat, .charsheet .rivals-header .header-right .rival-stat {
@@ -433,6 +435,41 @@
   font-family: "PT Sans Narrow", "PT Sans", sans-serif;
 }
 
+.charsheet .footer {
+  display: inline-flex;
+  float: right;
+}
+
+.charsheet .footer .catscratcher {
+  align-self: center;
+}
+
+.charsheet .footer .catscratcher a {
+  font-size: 0.8em;
+  font-family: "Share Tech Mono", "PT Sans", sans-serif;
+  text-transform: uppercase;
+}
+
+.charsheet .footer .catscratcher a:link {
+  color: #d80f17;
+  text-decoration: none;
+}
+
+.charsheet .footer .catscratcher a:visited {
+  color: #d80f17;
+  text-decoration: none;
+}
+
+.charsheet .footer .catscratcher a:hover {
+  color: #d80f17;
+  text-decoration: none;
+}
+
+.charsheet .footer .catscratcher a:active {
+  color: #d80f17;
+  text-decoration: none;
+}
+
 .charsheet .dotted-line {
   border-bottom: 2px dotted #040404 !important;
 }

Crossed-Fates/CrossedFates.html

@@ -1,6 +1,6 @@
 
-<h2 data-i18n="crossed_fates">CROSSED / FATES</h2>
 <div class="crossed-fates">
+  <h2 data-i18n="crossed_fates">CROSSED / FATES</h2>
   <div class="header">
     <div class="rivals-header">
       <div class="rival header-left">
@@ -552,6 +552,12 @@
     </div>
   </div>
 </div>
+<footer class="footer">
+  <div class="catscratcher">
+    <label><a href="https://catscratcher.itch.io/" target="_blank" data-i18n="catscratcher">Catscratcher Studio</a></label>
+  </div>
+  <div class="catscratcher-logo"><img src="https://raw.githubusercontent.com/morgdalaine/morgdalaine-roll20/main/Crossed-Fates/assets/cat.png" height="50" width="50" data-i18n-title="crossed_fates" data-i18n-alt="crossed_fates"/></div>
+</footer>
 <rolltemplate class="sheet-rolltemplate-sheetname">
   {{#rollName}}
   {{/rollName}}

Crossed-Fates/source/app/components/header/header.scss

@@ -1,7 +1,7 @@
 
 .rivals-header {
   display: inline-grid;
-  grid-template-columns: auto 100px auto;
+  grid-template-columns: calc((100% - 100px)/2) 100px calc((100% - 100px)/2);
   background-color: $light-gray;
   @include fill-available();
   height: 100px;
@@ -15,9 +15,10 @@
   }
 
   .logo {
-    background-image: url();
+    background-image: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/main/Crossed-Fates/assets/square.png);
+    background-position: center;
     background-repeat: no-repeat;
-    // background-position: bottom center;
+    background-size: 100px 100px;
   }
 
   .header-left, .header-right {
@@ -59,3 +60,42 @@
     @include std-font($narrow-font);
   }
 }
+
+.footer {
+  display: inline-flex;
+  float: right;
+
+  .catscratcher {
+    align-self: center;
+
+    a {
+      font-size: 0.8em;
+      @include std-font($mono-font);
+      text-transform: uppercase;
+
+      // unvisited link
+      &:link {
+        color: $red;
+        text-decoration: none;
+      }
+
+      // visited link
+      &:visited {
+        color: $red;
+        text-decoration: none;
+      }
+
+      // mouse over link
+      &:hover {
+        color: $red;
+        text-decoration: none;
+      }
+
+      // selected link
+      &:active {
+        color: $red;
+        text-decoration: none;
+      }
+    }
+  }
+}

Crossed-Fates/source/app/pages/index.pug

@@ -5,8 +5,15 @@ include ../components/header/header
 include ./acts/acts
 include ./encounter_report/encounter_report
 
-h2(data-i18n='crossed_fates')=locals['crossed_fates']
 div.crossed-fates
+  h2(data-i18n='crossed_fates')=locals['crossed_fates']
+    //- img(
+    //-   src='https://raw.githubusercontent.com/morgdalaine/morgdalaine-roll20/main/Crossed-Fates/assets/logo.png'
+    //-   height=100
+    //-   width=100
+    //-   data-i18n-title='crossed_fates'
+    //-   data-i18n-alt='crossed_fates')
+
   div.header
     +header
 
@@ -15,3 +22,18 @@ div.crossed-fates
 
 +acts_page
 +encounter_report_page
+
+footer.footer
+  div.catscratcher
+    label
+      a(
+        href='https://catscratcher.itch.io/'
+        target='_blank'
+        data-i18n='catscratcher')=locals['catscratcher']
+  div.catscratcher-logo
+    img(
+      src='https://raw.githubusercontent.com/morgdalaine/morgdalaine-roll20/main/Crossed-Fates/assets/cat.png'
+      height=50
+      width=50
+      data-i18n-title='crossed_fates'
+      data-i18n-alt='crossed_fates')

Crossed-Fates/source/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "CrossedFates",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

Crossed-Fates/source/package.json

@@ -1,6 +1,6 @@
 {
   "name": "CrossedFates",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Roll20 character sheet for CrossedFates",
   "main": "CrossedFates.html",
   "scripts": {

Crossed-Fates/translation.json

@@ -27,6 +27,7 @@
   "background_placeholder": "You may take this time to create a background for your character. Think about their most important relationships, their personality, looks, beliefs and defining traits.",
   "background_subtitle": "Does that duty empower you, or do you crumble under the pressure?",
   "before_you_were_born": "Before you were born.",
+  "catscratcher": "Catscratcher Studio",
   "chosen_by_fate": "Why were you chosen by fate?",
   "circumstances": "Describe the circumstances surrounding your meeting.",
   "circumstances_subtitle": "Did you cross blades, did you fight near each other but never crossed paths, did you acknowledge each other from afar, or did you hear about your Rival’s deeds from somebody else? What were your emotions towards that battle? What were the main events of the battle?",