purr

commit 8465395e65901b99ea79cbc5459f9e1f1bbc13a9
parent 3d09446bedc0ece9c4fb42d1c043ce8329e4e4b9
Author: James Eversole <james@eversole.co>
Date:   Wed, 18 Sep 2024 11:53:58 -0500

Use the Atkinson Hyperlegible font for accessibility

Diffstat:
A
data/assets/public/Atkinson-Hyperlegible-Regular-102a.woff2
 | 
0

M
views/cassius/style.cassius
 | 
21
+++++++++------------

2 files changed, 9 insertions(+), 12 deletions(-)
diff --git a/data/assets/public/Atkinson-Hyperlegible-Regular-102a.woff2 b/data/assets/public/Atkinson-Hyperlegible-Regular-102a.woff2
Binary files differ.
diff --git a/views/cassius/style.cassius b/views/cassius/style.cassius
@@ -3,15 +3,18 @@
 @colorThree: #6D92AD
 @colorFour:  #435F5D
 
+@font-face
+  font-family: 'Atkinson'
+  src: url('Atkinson-Hyperlegible-Regular-102a.woff2')
+
 html
-  font-family: 			Monospace
+  font-family: 'Atkinson'
   background-color: #{colorTwo}
   color: 						#{colorOne}
 
 body
   margin:      1% auto 
-  font-size:   20px
-  font-weight: 150
+  font-size:   16px
   text-align:  left
 
 header
@@ -22,7 +25,6 @@ a
   text-decoration: none
 
 h2
-  font-family:    monaco, Consolas, monospace
   text-transform: uppercase
 
 h3
@@ -47,14 +49,12 @@ input[type=number]
 
 .title
   text-align: center
-  font-size:  2em
   margin:     0 auto 0 auto
   color:      #{colorThree}
 
 .titleLink
-  font-size:       unset
+  font-size:       2em
   cursor:          pointer
-  font-weight:     100
 
 .title h1
   margin: 0.1em 0 0.1em 0
@@ -80,7 +80,6 @@ input[type=number]
 
 .logo
   margin:      4% 3% 0 0
-  font-size:   1.2vw
   color:       #{colorFour}
   text-align:  center
 
@@ -105,9 +104,8 @@ input[type=number]
   text-decoration:  none
 
 .mainInput
-  font-weight:				400
-  font-size: 					1em
   max-width:          50%
+  font-size:          1.1em
   outline: 						none
   color: 							#{colorOne}
   background: 				#{colorTwo}
@@ -132,8 +130,6 @@ input[type=number]
 
 .numberInput
   text-align:         center
-  font-weight:				400
-  font-size: 					1em
   width:              10%
   outline: 						none
   color: 							#{colorOne}
@@ -161,6 +157,7 @@ input[type=number]
   margin: 0 0 0.5em 0
 
 .genResult
+  font-size: 1.1em
   color: #{colorFour}
 
 .requestedPw