Updated colors and settings for h1, h2, h3

CSAFE-ISU · Aug 14, 2024 · 5b5984f · 5b5984f
1 parent 33a14ba
commit 5b5984f
Show file tree

Hide file tree

Showing 20 changed files with 171 additions and 129 deletions.
diff --git a/README.md b/README.md
@@ -10,13 +10,13 @@ handwriter provides an automated way to evaluate handwriting samples.
 
 # Quick Start
 
-## VIEW A DEMO
+## View a Demo
 
 View a demo of handwriter on handwritten documents from the CSAFE
 Handwriting Database. Go to
 [demo](https://csafe.shinyapps.io/handwriterAppDemo/).
 
-## SIMULATE CASEWORK WITH EXAMPLE DOCUMENTS
+## Simulate Casework with Example Documents
 
 ### INSTALLATION
 

diff --git a/README.qmd b/README.qmd
@@ -3,17 +3,18 @@ title: "handwriter"
 format: 
   html:
     theme: csafe.scss
+    toc: true
 ---
 
 Handwriter is designed to assist forensic examiners by analyzing handwritten documents against a *closed set* of potential writers. It determines the probability that each writer wrote the document. Whether you are a forensic document examiner, legal professional, academic, or simply curious about how statistics are applied to handwriting, handwriter provides an automated way to evaluate handwriting samples.
 
 # Quick Start
 
-## VIEW A DEMO
+## View a Demo
 
 View a demo of handwriter on handwritten documents from the CSAFE Handwriting Database. Go to [demo](https://csafe.shinyapps.io/handwriterAppDemo/).
 
-## SIMULATE CASEWORK WITH EXAMPLE DOCUMENTS
+## Simulate Casework with Example Documents
 
 ### INSTALLATION
 

diff --git a/_quarto/_quarto.yml b/_quarto/_quarto.yml
@@ -1,7 +1,7 @@
 project:
   type: website
 website:
-  title: handwriterApp
+  title: handwriter
   navbar:
     search: true
     right:

diff --git a/_quarto/csafe.scss b/_quarto/csafe.scss
@@ -1,33 +1,24 @@
 /*-- scss:defaults --*/
 
-$theme: "cosmo" !default;
+$theme: "csafe" !default;
 
 //
 // Color system
 //
 
 $white:    #fff !default;
 $gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #373a3c !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$blue:    #2780e3 !default;
-$indigo:  #6610f2 !default;
-$purple:  #613d7c !default;
-$pink:    #e83e8c !default;
-$red:     #ff0039 !default;
-$orange:  #f0ad4e !default;
-$yellow:  #ff7518 !default;
-$green:   #3fb618 !default;
-$teal:    #20c997 !default;
-$cyan:    #9954bb !default;
+$gray-800: #888B8D !default;
+$black:    #545859 !default;
+
+$blue:    #003A70 !default;
+$purple:  #981E97 !default;
+$pink:    #DA1984 !default;
+$red:     #A6192E !default;
+$orange:  #F68D2E !default;
+$yellow:  #E3E935 !default;
+$green:   #00843D !default;
+$cyan:    #6BA4B8 !default;
 
 $primary:       $blue !default;
 $secondary:     $gray-800 !default;
@@ -51,8 +42,18 @@ $body-color:    $gray-800 !default;
 // Fonts
 
 // stylelint-disable-next-line value-keyword-case
-$font-family-sans-serif:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$headings-font-weight:      400 !default;
+
+$font-family-sans-serif: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+
+$font-weight-lighter:         lighter !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-medium:          500 !default;
+$font-weight-semibold:        600 !default;
+$font-weight-bold:            700 !default;
+$font-weight-bolder:          bolder !default;
+
 
 // Navbar
 
@@ -67,8 +68,6 @@ $alert-border-width:            0 !default;
 
 $progress-height:               .5rem !default;
 
-
-
 /*-- scss:rules --*/
 
 
@@ -104,11 +103,20 @@ body {
   }
 }
 
-/*-- scss:defaults --*/
-$h2-font-size:          1.6rem !default;
-$headings-font-weight:  500 !default;
+h1 {
+  font-weight: $font-weight-bold;
+  font-size: $font-size-base * 2.5;
+  color: $purple;
+}
 
-/*-- scss:rules --*/
-h1, h2, h3, h4, h5, h6 {
-  text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
+h2 {
+  font-weight: $font-weight-light;
+  font-size: $font-size-base * 2;
+  color: $purple;
+}
+
+h3 {
+  font-weight: $font-weight-medium;
+  font-size: $font-size-base * 1.25;
+  color: $purple;
 }
diff --git a/_quarto/freeze.rds b/_quarto/freeze.rds
diff --git a/_quarto/index.qmd b/_quarto/index.qmd
@@ -3,17 +3,18 @@ title: "handwriter"
 format: 
   html:
     theme: csafe.scss
+    toc: true
 ---
 
 Handwriter is designed to assist forensic examiners by analyzing handwritten documents against a *closed set* of potential writers. It determines the probability that each writer wrote the document. Whether you are a forensic document examiner, legal professional, academic, or simply curious about how statistics are applied to handwriting, handwriter provides an automated way to evaluate handwriting samples.
 
 # Quick Start
 
-## VIEW A DEMO
+## View a Demo
 
 View a demo of handwriter on handwritten documents from the CSAFE Handwriting Database. Go to [demo](https://csafe.shinyapps.io/handwriterAppDemo/).
 
-## SIMULATE CASEWORK WITH EXAMPLE DOCUMENTS
+## Simulate Casework with Example Documents
 
 ### INSTALLATION
 

diff --git a/_quarto/quarto_website.yml b/_quarto/quarto_website.yml
@@ -2,7 +2,7 @@ project:
   type: website
 
 website:
-  title: "$ALTDOC_PACKAGE_NAME"
+  title: "handwriter"
   navbar:
     search: true
     right:

diff --git a/altdoc/csafe.scss b/altdoc/csafe.scss
@@ -1,33 +1,24 @@
 /*-- scss:defaults --*/
 
-$theme: "cosmo" !default;
+$theme: "csafe" !default;
 
 //
 // Color system
 //
 
 $white:    #fff !default;
 $gray-100: #f8f9fa !default;
-$gray-200: #e9ecef !default;
-$gray-300: #dee2e6 !default;
-$gray-400: #ced4da !default;
-$gray-500: #adb5bd !default;
-$gray-600: #868e96 !default;
-$gray-700: #495057 !default;
-$gray-800: #373a3c !default;
-$gray-900: #212529 !default;
-$black:    #000 !default;
-
-$blue:    #2780e3 !default;
-$indigo:  #6610f2 !default;
-$purple:  #613d7c !default;
-$pink:    #e83e8c !default;
-$red:     #ff0039 !default;
-$orange:  #f0ad4e !default;
-$yellow:  #ff7518 !default;
-$green:   #3fb618 !default;
-$teal:    #20c997 !default;
-$cyan:    #9954bb !default;
+$gray-800: #888B8D !default;
+$black:    #545859 !default;
+
+$blue:    #003A70 !default;
+$purple:  #981E97 !default;
+$pink:    #DA1984 !default;
+$red:     #A6192E !default;
+$orange:  #F68D2E !default;
+$yellow:  #E3E935 !default;
+$green:   #00843D !default;
+$cyan:    #6BA4B8 !default;
 
 $primary:       $blue !default;
 $secondary:     $gray-800 !default;
@@ -51,8 +42,18 @@ $body-color:    $gray-800 !default;
 // Fonts
 
 // stylelint-disable-next-line value-keyword-case
-$font-family-sans-serif:    "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
-$headings-font-weight:      400 !default;
+
+$font-family-sans-serif: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
+
+$font-weight-lighter:         lighter !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-medium:          500 !default;
+$font-weight-semibold:        600 !default;
+$font-weight-bold:            700 !default;
+$font-weight-bolder:          bolder !default;
+
 
 // Navbar
 
@@ -67,8 +68,6 @@ $alert-border-width:            0 !default;
 
 $progress-height:               .5rem !default;
 
-
-
 /*-- scss:rules --*/
 
 
@@ -104,11 +103,20 @@ body {
   }
 }
 
-/*-- scss:defaults --*/
-$h2-font-size:          1.6rem !default;
-$headings-font-weight:  500 !default;
+h1 {
+  font-weight: $font-weight-bold;
+  font-size: $font-size-base * 2.5;
+  color: $purple;
+}
 
-/*-- scss:rules --*/
-h1, h2, h3, h4, h5, h6 {
-  text-shadow: -1px -1px 0 rgba(0, 0, 0, .3);
+h2 {
+  font-weight: $font-weight-light;
+  font-size: $font-size-base * 2;
+  color: $purple;
+}
+
+h3 {
+  font-weight: $font-weight-medium;
+  font-size: $font-size-base * 1.25;
+  color: $purple;
 }
diff --git a/altdoc/quarto_website.yml b/altdoc/quarto_website.yml
@@ -2,7 +2,7 @@ project:
   type: website
 
 website:
-  title: "$ALTDOC_PACKAGE_NAME"
+  title: "handwriter"
   navbar:
     search: true
     right:

diff --git a/docs/CITATION.html b/docs/CITATION.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>handwriterApp</title>
+<title>handwriter</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -78,7 +78,7 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">handwriterApp</span>
+    <span class="navbar-title">handwriter</span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/LICENSE.html b/docs/LICENSE.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>handwriterApp</title>
+<title>handwriter</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -78,7 +78,7 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">handwriterApp</span>
+    <span class="navbar-title">handwriter</span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>

diff --git a/docs/NEWS.html b/docs/NEWS.html
@@ -7,7 +7,7 @@
 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
 
 
-<title>handwriterApp</title>
+<title>handwriter</title>
 <style>
 code{white-space: pre-wrap;}
 span.smallcaps{font-variant: small-caps;}
@@ -78,7 +78,7 @@
       <div class="navbar-container container-fluid">
       <div class="navbar-brand-container mx-auto">
     <a class="navbar-brand" href="./index.html">
-    <span class="navbar-title">handwriterApp</span>
+    <span class="navbar-title">handwriter</span>
     </a>
   </div>
             <div id="quarto-search" class="" title="Search"></div>