Add files via upload

pdwilso · Jun 18, 2023 · abf663f · abf663f
1 parent 35f4405
commit abf663f
Show file tree

Hide file tree

Showing 5 changed files with 883 additions and 0 deletions.
diff --git a/lib/goog-fonts.css b/lib/goog-fonts.css
@@ -0,0 +1,52 @@
+/*
+    File:   goog-fonts.html
+    Desc:   google fonts Muli and Space Mono.
+            The code to load and assign the fonts is from the example at 
+            https://w3schoos.com
+    Date:   2023-06-06
+    Usage:  Include this file in the head element of an HTML document using 
+    	    the <link/> element.
+	    text-shadow from this file to the HTML head element verbatim.
+
+    <!-- This link attaches the Google font API as a stylesheet -->
+    <link 
+    	  rel="stylesheet" 
+	  href="https://fonts.googleapis.com/css?family=Space+Mono%7CMuli"
+    />
+*/
+/* <style> */
+/* 
+   these are the font assignments for the Google Fonts linked above 
+*/
+body {
+    font-family: Muli, sans-serif;
+    font-size:calc(10px + 0.75vw);
+}
+h1,h2,h3,h4,h5,h6 {
+    font-family: "Space Mono", monospace;
+    border-radius:0.25em;
+}
+
+.bg-blk { background-color:black; }
+.fg-grn { color: rgb(0,255,0); }
+
+.shadow-text { text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF; }
+
+
+
+h1 {
+
+    font-size:5vw;
+    margin:0;
+    padding:0.25em;
+
+}
+h2 {
+
+    font-size:3vw;
+    margin:0;
+    padding:2.5vw;
+
+}
+/* </style> */
+
diff --git a/lib/goog-fonts.tmpl.html b/lib/goog-fonts.tmpl.html
@@ -0,0 +1,41 @@
+<!--
+    File:   goog-fonts.tmpl.html
+    Desc:   HTML fragment to be inserted in the head element of documents
+            to use the google fonts Muli and Space Mono.
+            The code to load and assign the fonts is from the example at 
+            https://w3schoos.com
+    Date:   2023-03-16
+    Usage:  Include this file in the head element of an HTML document using 
+            the PHP include statement, or other mechanism that adds the text-shadow
+            from this file to the HTML head element verbatim.
+-->
+    <!-- This link attaches the Google font API as a stylesheet -->
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Space+Mono%7CMuli">
+    <style>
+      /* these are the font assignments for the Google Fonts linked above */
+      body {
+        font-family: Muli, sans-serif;
+        font-size:calc(10px + 0.75vw);
+      }
+      h1,h2,h3,h4,h5,h6 {
+        font-family: "Space Mono", monospace;
+        border-radius:00.25em;
+      }
+      h1 {
+        padding:0.25em;
+        text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
+        font-size:5vw;
+        background-color:black;
+        color:rgb(0,255,0);
+        margin:0;
+      }
+      h2 {
+        padding:2.5vw;
+        background-color:black;
+        color:rgb(0,255,0);
+        margin:0;
+        font-size:3vw;
+        text-shadow: 0 0 3px #FF0000, 0 0 5px #0000FF;
+      }
+    </style>
+
diff --git a/lib/landscape-media-q.css b/lib/landscape-media-q.css
@@ -0,0 +1,90 @@
+/* First let's define some common styles */
+
+html,
+body {
+  width: 100%;
+  height: 100%;
+}
+
+body {
+  border: 1px solid black;
+
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+p {
+  font: 1em sans-serif;
+  margin: 0;
+  padding: 0.5em;
+}
+
+ul {
+  list-style: none;
+
+  font: 1em monospace;
+  margin: 0;
+  padding: 0.5em;
+
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+
+  background: black;
+}
+
+li {
+  display: inline-block;/* For portrait, we want the toolbar on top */
+
+@media screen and (orientation: portrait) {
+  #toolbar {
+    width: 100%;
+  }
+}
+
+/* For landscape, we want the toolbar stick on the left */
+
+@media screen and (orientation: landscape) {
+  #toolbar {
+    position: fixed;
+    width: 2.65em;
+    height: 100%;
+  }
+
+  p {
+    margin-left: 2em;
+  }
+
+  li + li {
+    margin-top: 0.5em;
+  }
+}
+
+  margin: 0;
+  padding: 0.5em;
+  background: white;
+}
+/* For portrait, we want the toolbar on top */
+
+@media screen and (orientation: portrait) {
+  #toolbar {
+    width: 100%;
+  }
+}
+
+/* For landscape, we want the toolbar stick on the left */
+
+@media screen and (orientation: landscape) {
+  #toolbar {
+    position: fixed;
+    width: 2.65em;
+    height: 100%;
+  }
+
+  p {
+    margin-left: 2em;
+  }
+
+  li + li {
+    margin-top: 0.5em;
+  }
+}
diff --git a/lib/sumcolors.css b/lib/sumcolors.css
@@ -0,0 +1,26 @@
+.clr-200  { background-color:rgba(0,200,200,0.50);    }
+.clr-300  { background-color:rgba(128,192,128, 0.50); }
+.clr-400  { background-color:rgba(0,128,0,0.50);      }
+.clr-500  { background-color:rgba(128,0,128,0.40);    }
+.clr-600  { background-color:rgba(192,0,0,0.50);      }
+.clr-700  { }
+.clr-800  { }
+.clr-900  { background-color:rgba(128,0,128,0.40);    }
+#clr-nul  { }
+#clr-rad  { background-color:rgba(192,0,0,0.50);      }
+#clr-ble  { background-color:rgba(0,200,200,0.50);    }
+.clr-pen  { background-color:rgba(0,128,0,0.50);      }
+#oct  { background-color:rgba(0,200,200,0.50);    }
+#paw  { background-color:rgba(128,192,128, 0.50); }
+#tho  { background-color:rgba(0,128,0,0.50);      }
+#whe  { background-color:rgba(128,0,128,0.40);    }
+#ana  { background-color:rgba(192,0,0,0.50);      }
+#ctj  { }
+#dig  { }
+#clo  { background-color:rgba(128,0,128,0.40);   }
+#dir  { }
+#rad  { background-color:rgba(192,0,0,0.50);      }
+#emp  {  background-color:rgba(0,200,200,0.50);   }
+#bar  { text-align:center; }
+#pen  { background-color:rgba(0,128,0,0.50);      margin:auto; }
+