MIME approach

snarlferb · Jul 9, 2024 · ad2d25b · ad2d25b
1 parent 6fc478f
commit ad2d25b
Show file tree

Hide file tree

Showing 28 changed files with 95 additions and 89 deletions.
diff --git a/147mat.html b/147mat.html
@@ -4,7 +4,7 @@
 <meta charset="utf-8">
 <title>1 4 7</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
                                    1 4 7 M R A I T X
                                                     M R

diff --git a/404.html b/404.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>404 redirect</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 &emsp; "You've been redirected"

diff --git a/arr.html b/arr.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>fly^p4rray</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 <div id="arr-anch">--- fly^p4rray ---</div>

diff --git a/asm.html b/asm.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>ASM</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 &emsp;  Please note, i plan to do a more thorough explanation of assembly/disassembly in the context of compilation, so you may see ive either changed or removed this page in the future.

diff --git a/byte.html b/byte.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>byte</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 You can represent 256 things w/ a byte (8 bits = 1 byte)
 The bits in a byte have numbers.

diff --git a/compiler.html b/compiler.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>compilation steps</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 Introduction

diff --git a/cpu.html b/cpu.html
@@ -5,6 +5,7 @@
 <meta charset="utf-8">
 <title>cpu</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
+<script src="style.js" defer></script>
 </head><body>
 
 <em>The following is a very rough, compact description of how i view the internals

diff --git a/dram.html b/dram.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>dram</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp; Dynamic Random Access Memory

diff --git a/f64.html b/f64.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>f64</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
    1.024e3 <em>scientific notation example</em>
 including the sign(+,-), these are the parts that

diff --git a/fdelete b/fdelete
@@ -1,4 +1,12 @@
 note on things to remove:
 
-undefined.html
-devin-chavez-font.woff
+<div style="text-align: center">
+<img src="https://i.imgur.com/oGwWPiU.gif" title="img1"></img>
+<img src="https://i.imgur.com/zElrcLV.gif" title="img2"></img>
+<img src="https://i.imgur.com/MQH7xJs.gif" title="img3"></img>
+<img src="https://i.imgur.com/HSvI6CV.gif" title="img4"></img>
+  <img src="https://i.imgur.com/ECQklOs.gif" title="img5" usemap="#map" alt="test">
+<map name="map">
+  <area shape="circle" coords="213,359,24" alt="test1" href="/">
+</map>
+  </div>
diff --git a/func.html b/func.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>func</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 <div id="data-anch">statements are the instructions executed by the program</div>

diff --git a/headers.html b/headers.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>C standard library</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body><h1 id=about-me>C standard library is defined by the following</h3>
   '<b>assert.h</b>' condition that compares arguments to zero
 

diff --git a/html.html b/html.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>html</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 What a URL is composed of:

diff --git a/index.html b/index.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>select</title>
 <meta content="width=1000,initial-scale=1,minimum-scale=0.1" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>                 jump to level
 
 <a class="hl-hover" href="qfmtsp.html#ctrl-anch">  151l      &#9656;control flow      ▂▄__                    start here</a>

diff --git a/install.html b/install.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>install instructions</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 &emsp;&emsp; <em>There are many many distributions of linux.
 &emsp;&emsp; Once you know which you'd like to install you should

diff --git a/macro.html b/macro.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>macro preprocessor</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 <div id="macro-anch">--- macro ---</div>

diff --git a/malloc.html b/malloc.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>malloc</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 malloc

diff --git a/memcpy.html b/memcpy.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>memcpy</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 memcpy

diff --git a/page10.html b/page10.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>attributes</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 <h3>___ attributes ___</h3>
 first lets look at the standard attributes within C

diff --git a/py.html b/py.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>Would you eat them in a box?</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body><h3><u>Warning</u>! Learn C before you learn python</h3><b>This is the green eggs &amp; ham that make up pythons indigestible layer.
 <em>illustrate the loopiness caused by the equality of identifiers</em></b>
      <a href="https://imgur.com/EMJctVN"><img src="https://i.imgur.com/EMJctVN.jpg" title="source: imgur.com" /></a>

diff --git a/qfmtsp.html b/qfmtsp.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>type</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 <div id="ctrl-anch">operators</div>
 <span class="alt-text">                &amp;&amp;    ||    !</span>    logical \

diff --git a/sh.html b/sh.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>sh</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 <em>shell</em>
 <em>~</em>  home (user) directory    <em>/</em>  root (filesystem) directory

diff --git a/struct.html b/struct.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>struct</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 <div id="struct-anch">struct</div>

diff --git a/style.css b/style.css
diff --git a/style.js b/style.js
@@ -0,0 +1,61 @@
+/* style.type = 'text/css'; // MIME type */
+/* @syntax: asterisk (*) is for wildcard selectors */
+/* @remove: .no-wrap { white-space: nowrap;  } */
+/* @remove: .no-wrap*{ white-space: inherit; } */
+/* @fix: user-select and text-decoration if broken */
+/* reset initial values=not working, in every day css fashion*/
+/* so im using javascript instead */
+// Creating a <style> element
+const style = document.createElement('style');
+style.type = 'text/css'; // Setting MIME type
+
+// Adding @font-face and other CSS rules
+style.textContent = `
+    @font-face {
+        font-family: 'Fixedsys Excelsior 3.01';
+        font-style: normal;
+        font-weight: 400;
+        src: local('Fixedsys Excelsior 3.01'), url('Fixedsys Excelsior 3.01.woff') format('woff');
+    }
+
+    body {
+        background-color: #222222;
+        white-space: pre-wrap;
+        color: #FAFFAF;
+        font-family: 'Fixedsys Excelsior 3.01';
+        font-style: normal;
+        font-size: 22px;
+    }
+
+    a {
+        text-decoration: none;
+        color: #FAFFAF;
+    }
+
+    .hl-hover:hover {
+        background-color: yellow;
+        color: black;
+        cursor: pointer;
+    }
+
+    .alt-text {
+        color: white;
+    }
+
+    .reserve {
+        color: blue;
+    }
+
+    footer {
+        background-color: #222222;
+        color: #FAFFAF;
+        padding: 10px;
+        position: fixed;
+        bottom: 0;
+        width: 100%;
+    }
+`;
+
+// Appending <style> element to <head>
+document.head.appendChild(style);
+
diff --git a/troubleshoot.html b/troubleshoot.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>chroot</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 <em>Make sure you are getting the latest iso from your distro's
 webpage and write down the version# for any time you have to

diff --git a/uefi.html b/uefi.html
@@ -5,7 +5,7 @@
 <meta charset="utf-8">
 <title>efi</title>
 <meta content="width=device-width,initial-scale=1,user-scalable=no" name=viewport>
-<link rel="stylesheet" href="style.css">
+<script src="style.js" defer></script>
 </head><body>
 
 You can try these steps to create a custom GRUB EFI image that can reside on non-FAT filesystems

diff --git a/undefined.html b/undefined.html