Merge pull request #10 from rmccrear/fix-sass-comments

Fix sass comments
rmccrear · Mar 5, 2024 · 190bb8f · 190bb8f
2 parents 09c93de + 0c94010
commit 190bb8f
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 19 deletions.
diff --git a/app/css/partials/instructions.css b/app/css/partials/instructions.css
@@ -5,14 +5,12 @@
   border: thin solid black;
 }
 .greeting {
-  /* font-family: "Lucida Console", Monaco, monospace; */
+  text-align: justify;
+  font-family: "Lucida Console", Monaco, monospace;
   /*cyan*/
   color: #40ffff;
   background-color: black;
-  /* width: 400px; */
-  /* padding: 4px 2px 4px 2px; */
   padding: 1em;
-  font-family: monaco, Consolas, "Lucida Console", monospace;
   font-size: 14px;
   font-style: normal;
   font-variant: normal;

diff --git a/app/css/partials/message.css b/app/css/partials/message.css
@@ -1,4 +1,7 @@
 /* writer css */
+.game-container {
+  font-family: "Lucida Console", Monaco, monospace;
+}
 
 .message-header {
   font-family: "Lucida Console", Monaco, monospace;
@@ -134,29 +137,25 @@ input[type=text] {
 /*   -webkit-animation: blink-animation 1s steps(5, start) infinite; */
 /* } */
 
-@-webkit-keyframes blink-animation {
+@keyframes blink-animation {
   to {
     visibility: hidden;
   }
 }
 
 .encoded-bit {
   display: inline-block;
-  /* font-family: "Lucida Console", Monaco, monospace; */
-  font-family: monaco, Consolas, "Lucida Console", monospace;
+  font-family: "Lucida Console", Monaco, monospace;
   font-size: large;
   color: yellow;
-  /* color: white; */
 }
 
 .current-bit {
-  /* color: red; */
   color: yellow;
   font-size: xx-large;
 }
 
 .current-letter-bit-already-done {
-  /* color: blue; */
   color: #cf4648; /*rust color*/
 }
 

diff --git a/app/css/partials/pipes.css b/app/css/partials/pipes.css
@@ -7,7 +7,7 @@
   position: absolute;
 }
 .pipe-tile {
-  // background: url(icons/plums.png) no-repeat;
+  /* // background: url(icons/plums.png) no-repeat; */
   height: 32px;
   width: 32px;
   /* background-color: black; */
@@ -19,15 +19,15 @@
 }
 
 .pipe-A {
-  // background: url(icons/plum-leaf-alpha.png) no-repeat;
-  /* background-color: black; */
+  /* // background: url(icons/plum-leaf-alpha.png) no-repeat;
+  background-color: black; */
   height: 32px;
   width: 32px;
   border: 0 0 0 0;
 }
-// .pipe-red.pipe-A {
+/* // .pipe-red.pipe-A {
 //   background: url(icons/plum-leaf-alpha-red.png) no-repeat;
-// }
+// } */
 [draggable].pipe-A {
   cursor: move; /* fallback if grab cursor is unsupported */
   cursor: grab;
@@ -76,7 +76,7 @@
   transition-timing-function: ease-in;
 }
 
-// .pipe-tile:after {
+/* // .pipe-tile:after {
 // 	content: "";
 // 	position: absolute;
 // 	top: 0; left: 0; bottom: 0; right: 0;
@@ -98,7 +98,7 @@
 // }
 // .pipe-tile.pipe-red.pipe-E:after{
 // 	opacity: 0;
-// }
+// } */
 
 /* instructions  */
 .hint {
@@ -110,6 +110,7 @@
 }
 
 .hint-glyph {
+  font-family: Hiragino Mincho ProN;
   font-size: 50px;
 }
 

diff --git a/decode.html b/decode.html
@@ -20,9 +20,9 @@
         <div class="greeting">
           This is an encoded message. Luckily, you can decode it. Start at the top. 
            "<span id="left-digit-in-instructions">L</span>"
-          means go Left. 
+          means go <strong>left</strong>. 
           "<class id="right-digit-in-instructions">R</class>"
-          means go right. When you reach a letter,
+          means go <strong>right</strong>. When you reach a letter,
           stop. After reaching each of the letters, you can read your message.
           Begin!
         </div>