deploy: 3a2f257

GammaSpace · Nov 14, 2023 · 427a651 · 427a651
1 parent 0567b10
commit 427a651
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 29 deletions.
diff --git a/css/main.css b/css/main.css
@@ -1,5 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&display=swap");
-
+@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&family=Courier+Prime&display=swap");
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
@@ -156,7 +155,8 @@ tw-story {
   line-height: normal;
 }
 
-div[data-next] {
+div[data-next],
+.passage-choices span > * {
   @apply underline font-bold cursor-pointer hover:text-neutral-950 text-neutral-800;
 }
 
@@ -267,7 +267,7 @@ div[data-next] {
 }
 
 button {
-  @apply cursor-pointer rounded-full bg-indigo-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600;
+  @apply cursor-pointer rounded-full bg-neutral-600 px-4 py-2.5 text-sm font-semibold text-white shadow-sm hover:bg-neutral-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-neutral-600;
 }
 
 .tooltip-container:hover .tooltip-text {
@@ -283,11 +283,11 @@ button {
 }
 
 .customization-text-input {
-  @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6;
+  @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-neutral-600 sm:text-sm sm:leading-6;
 }
 
 .customization-textarea {
-  @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600 sm:text-sm sm:leading-6;
+  @apply block w-full rounded-md border-0 py-1.5 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-neutral-600 sm:text-sm sm:leading-6;
 }
 
 #weekPreamble {

diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
 	</head>
 	<body>
 		<tw-story tags></tw-story>
-		<!-- UUID://26C4E0D5-E346-4B7E-93DA-9172B2497F38// --><tw-storydata name="Jammy Jam" startnode="1" creator="Tweego" creator-version="2.1.1" ifid="26C4E0D5-E346-4B7E-93DA-9172B2497F38" zoom="1" format="Snowman" format-version="2.0.2" options="" hidden><style role="stylesheet" id="twine-user-stylesheet" type="text/twine-css">@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&display=swap");
+		<!-- UUID://26C4E0D5-E346-4B7E-93DA-9172B2497F38// --><tw-storydata name="Jammy Jam" startnode="1" creator="Tweego" creator-version="2.1.1" ifid="26C4E0D5-E346-4B7E-93DA-9172B2497F38" zoom="1" format="Snowman" format-version="2.0.2" options="" hidden><style role="stylesheet" id="twine-user-stylesheet" type="text/twine-css">@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&family=Courier+Prime&display=swap");
 
 /*
 ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
@@ -143,7 +143,7 @@
 kbd,
 samp,
 pre {
-  font-family: Courier New;
+  font-family: Courier Prime;
   /* 1 */
   font-size: 1em;
   /* 2 */
@@ -2789,7 +2789,7 @@
 }
 
 #hud.player-screen #passageContainer #passage pre{
-  font-family: Courier New;
+  font-family: Courier Prime;
   font-size: 1rem;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
@@ -2835,15 +2835,17 @@
   line-height: normal;
 }
 
-div[data-next]{
+div[data-next],
+.passage-choices span > *{
   cursor: pointer;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity));
   text-decoration-line: underline;
 }
 
-div[data-next]:hover{
+div[data-next]:hover,
+.passage-choices span > *:hover{
   --tw-text-opacity: 1;
   color: rgb(10 10 10 / var(--tw-text-opacity));
 }
@@ -2986,7 +2988,7 @@
   padding-right: 0.5rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  font-family: Courier New;
+  font-family: Courier Prime;
   font-size: 1.125rem;
   line-height: 1.75rem;
   --tw-text-opacity: 1;
@@ -3012,7 +3014,7 @@
   cursor: pointer;
   border-radius: 9999px;
   --tw-bg-opacity: 1;
-  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.625rem;
@@ -3029,14 +3031,14 @@
 
 button:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
 }
 
 button:focus-visible{
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
-  outline-color: #4f46e5;
+  outline-color: #525252;
 }
 
 .tooltip-container:hover .tooltip-text {
@@ -3088,7 +3090,7 @@
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-inset: inset;
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px){
@@ -3134,7 +3136,7 @@
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-inset: inset;
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px){

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -7,7 +7,7 @@ module.exports = {
         body: "Helvetica",
         display: "Handjet",
         sans: "Helvetica",
-        mono: "Courier New",
+        mono: "Courier Prime",
       },
     },
   },

diff --git a/twine_src/css/output.css b/twine_src/css/output.css
@@ -1,4 +1,4 @@
-@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Handjet:wght@700&family=Courier+Prime&display=swap");
 
 /*
 ! tailwindcss v3.3.5 | MIT License | https://tailwindcss.com
@@ -131,7 +131,7 @@ code,
 kbd,
 samp,
 pre {
-  font-family: Courier New;
+  font-family: Courier Prime;
   /* 1 */
   font-size: 1em;
   /* 2 */
@@ -2777,7 +2777,7 @@ body.crisis #weekPreamble{
 }
 
 #hud.player-screen #passageContainer #passage pre{
-  font-family: Courier New;
+  font-family: Courier Prime;
   font-size: 1rem;
   line-height: 1.5rem;
   --tw-text-opacity: 1;
@@ -2823,15 +2823,17 @@ tw-story {
   line-height: normal;
 }
 
-div[data-next]{
+div[data-next],
+.passage-choices span > *{
   cursor: pointer;
   font-weight: 700;
   --tw-text-opacity: 1;
   color: rgb(38 38 38 / var(--tw-text-opacity));
   text-decoration-line: underline;
 }
 
-div[data-next]:hover{
+div[data-next]:hover,
+.passage-choices span > *:hover{
   --tw-text-opacity: 1;
   color: rgb(10 10 10 / var(--tw-text-opacity));
 }
@@ -2974,7 +2976,7 @@ div[data-next]:hover{
   padding-right: 0.5rem;
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
-  font-family: Courier New;
+  font-family: Courier Prime;
   font-size: 1.125rem;
   line-height: 1.75rem;
   --tw-text-opacity: 1;
@@ -3000,7 +3002,7 @@ button{
   cursor: pointer;
   border-radius: 9999px;
   --tw-bg-opacity: 1;
-  background-color: rgb(79 70 229 / var(--tw-bg-opacity));
+  background-color: rgb(82 82 82 / var(--tw-bg-opacity));
   padding-left: 1rem;
   padding-right: 1rem;
   padding-top: 0.625rem;
@@ -3017,14 +3019,14 @@ button{
 
 button:hover{
   --tw-bg-opacity: 1;
-  background-color: rgb(99 102 241 / var(--tw-bg-opacity));
+  background-color: rgb(115 115 115 / var(--tw-bg-opacity));
 }
 
 button:focus-visible{
   outline-style: solid;
   outline-width: 2px;
   outline-offset: 2px;
-  outline-color: #4f46e5;
+  outline-color: #525252;
 }
 
 .tooltip-container:hover .tooltip-text {
@@ -3076,7 +3078,7 @@ button:focus-visible{
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-inset: inset;
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px){
@@ -3122,7 +3124,7 @@ button:focus-visible{
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
   --tw-ring-inset: inset;
   --tw-ring-opacity: 1;
-  --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity));
+  --tw-ring-color: rgb(82 82 82 / var(--tw-ring-opacity));
 }
 
 @media (min-width: 640px){