deploy: 54993aa

ninjamar · Nov 18, 2024 · 76aab48 · 76aab48
1 parent 0514c37
commit 76aab48
Show file tree

Hide file tree

Showing 15 changed files with 119 additions and 1,622 deletions.
diff --git a/404.html b/404.html
@@ -8,119 +8,7 @@
         <link rel="icon" type="image/x-icon" href="/favicon.ico">
         <script src="https://cdn.jsdelivr.net/gh/ninjamar/analytics@latest/analytics.min.js"></script>
         <script src="/static/js/base.js"></script>
-
-        <style>
-            /* Colors */
-            :root {
-                --light-text-color: #333333;
-                --light-background-color: #f2f2f2;
-                --light-secondary-color: #C9C9C9;
-            }
-
-            /* Core styling */
-            html, body {
-                height: 100%;
-            }
-            * {
-                font-family: 'Courier New', Courier, monospace;
-            }
-
-            /* Default colors*/
-            body {
-                margin: auto;
-                width: 75%;
-                background: var(--light-background-color);
-            }
-            .inverse {
-                color: var(--light-background-color);
-            }
-            .inverse-bg {
-                background: var(--light-text-color);
-            }
-            /* Change text color - not sure which elements have default text color */
-            *:not(a) {
-                color: var(--light-text-color);
-            }
-
-            /* Default header styling*/
-            h1, h2, h3, h4, h5, h6 {
-                text-align: center;
-                font-weight: normal;
-            }
-            .title {
-                font-size: 1.5em;
-            }
-            /* Upper and bottom part of documents have different alignments */
-            .center {
-                text-align: center;
-            }
-            .left {
-                text-align: left;
-            }
-
-            /* Navigation */
-            .navbar {
-                margin-top: 20px;
-                margin-bottom: 20px;
-                font-size: 1.5em;
-            }
-            .navbar * {
-                text-decoration: none;
-                color: black;
-            }
-
-            /* Content */
-            .content p {
-                text-indent: 4ch;
-            }
-            .content p * {
-                display: inline;
-            }
-
-            /* Row of buttons */
-            .button-collection {
-                display: flex;
-                justify-content: space-evenly;
-                flex-wrap: wrap;
-            }
-            .button {
-                border-radius: 5px;
-                padding: 3px 10px 3px 10px;
-                margin: 5px;
-            }
-            .button * {
-                text-decoration: none; /* Text color is set by default, otherwise use inverse*/
-            }
-
-            /* Footer */
-            .footer {
-                margin: 1em 0px;
-                display: flex;
-                justify-content: space-between;
-                width: 75%;
-            }
-
-            .block {
-                display: block;
-            }
-
-            /* 
-                Mobile 
-                https://stackoverflow.com/a/7354648/21322342
-            */
-            @media (min-width: 450px) and (max-width: 730px ){ /* Phones */
-                .navbar * {
-                    font-size: 3em;
-                }
-                h1, h2, h3, h4, h5, h6 {
-                    font-size: 3em;
-                }
-                .content {
-                    font-size: 2em;
-                }
-            }
-
-        </style>
+        <link rel="stylesheet" href="/static/css/root.css/">
 
     </head>
     <body>

diff --git a/base.html b/base.html
@@ -8,119 +8,7 @@
         <link rel="icon" type="image/x-icon" href="/favicon.ico">
         <script src="https://cdn.jsdelivr.net/gh/ninjamar/analytics@latest/analytics.min.js"></script>
         <script src="/static/js/base.js"></script>
-
-        <style>
-            /* Colors */
-            :root {
-                --light-text-color: #333333;
-                --light-background-color: #f2f2f2;
-                --light-secondary-color: #C9C9C9;
-            }
-
-            /* Core styling */
-            html, body {
-                height: 100%;
-            }
-            * {
-                font-family: 'Courier New', Courier, monospace;
-            }
-
-            /* Default colors*/
-            body {
-                margin: auto;
-                width: 75%;
-                background: var(--light-background-color);
-            }
-            .inverse {
-                color: var(--light-background-color);
-            }
-            .inverse-bg {
-                background: var(--light-text-color);
-            }
-            /* Change text color - not sure which elements have default text color */
-            *:not(a) {
-                color: var(--light-text-color);
-            }
-
-            /* Default header styling*/
-            h1, h2, h3, h4, h5, h6 {
-                text-align: center;
-                font-weight: normal;
-            }
-            .title {
-                font-size: 1.5em;
-            }
-            /* Upper and bottom part of documents have different alignments */
-            .center {
-                text-align: center;
-            }
-            .left {
-                text-align: left;
-            }
-
-            /* Navigation */
-            .navbar {
-                margin-top: 20px;
-                margin-bottom: 20px;
-                font-size: 1.5em;
-            }
-            .navbar * {
-                text-decoration: none;
-                color: black;
-            }
-
-            /* Content */
-            .content p {
-                text-indent: 4ch;
-            }
-            .content p * {
-                display: inline;
-            }
-
-            /* Row of buttons */
-            .button-collection {
-                display: flex;
-                justify-content: space-evenly;
-                flex-wrap: wrap;
-            }
-            .button {
-                border-radius: 5px;
-                padding: 3px 10px 3px 10px;
-                margin: 5px;
-            }
-            .button * {
-                text-decoration: none; /* Text color is set by default, otherwise use inverse*/
-            }
-
-            /* Footer */
-            .footer {
-                margin: 1em 0px;
-                display: flex;
-                justify-content: space-between;
-                width: 75%;
-            }
-
-            .block {
-                display: block;
-            }
-
-            /* 
-                Mobile 
-                https://stackoverflow.com/a/7354648/21322342
-            */
-            @media (min-width: 450px) and (max-width: 730px ){ /* Phones */
-                .navbar * {
-                    font-size: 3em;
-                }
-                h1, h2, h3, h4, h5, h6 {
-                    font-size: 3em;
-                }
-                .content {
-                    font-size: 2em;
-                }
-            }
-
-        </style>
+        <link rel="stylesheet" href="/static/css/root.css/">
 
     </head>
     <body>

diff --git a/blog/hsm.html b/blog/hsm.html
@@ -8,119 +8,7 @@
         <link rel="icon" type="image/x-icon" href="/favicon.ico">
         <script src="https://cdn.jsdelivr.net/gh/ninjamar/analytics@latest/analytics.min.js"></script>
         <script src="/static/js/base.js"></script>
-
-        <style>
-            /* Colors */
-            :root {
-                --light-text-color: #333333;
-                --light-background-color: #f2f2f2;
-                --light-secondary-color: #C9C9C9;
-            }
-
-            /* Core styling */
-            html, body {
-                height: 100%;
-            }
-            * {
-                font-family: 'Courier New', Courier, monospace;
-            }
-
-            /* Default colors*/
-            body {
-                margin: auto;
-                width: 75%;
-                background: var(--light-background-color);
-            }
-            .inverse {
-                color: var(--light-background-color);
-            }
-            .inverse-bg {
-                background: var(--light-text-color);
-            }
-            /* Change text color - not sure which elements have default text color */
-            *:not(a) {
-                color: var(--light-text-color);
-            }
-
-            /* Default header styling*/
-            h1, h2, h3, h4, h5, h6 {
-                text-align: center;
-                font-weight: normal;
-            }
-            .title {
-                font-size: 1.5em;
-            }
-            /* Upper and bottom part of documents have different alignments */
-            .center {
-                text-align: center;
-            }
-            .left {
-                text-align: left;
-            }
-
-            /* Navigation */
-            .navbar {
-                margin-top: 20px;
-                margin-bottom: 20px;
-                font-size: 1.5em;
-            }
-            .navbar * {
-                text-decoration: none;
-                color: black;
-            }
-
-            /* Content */
-            .content p {
-                text-indent: 4ch;
-            }
-            .content p * {
-                display: inline;
-            }
-
-            /* Row of buttons */
-            .button-collection {
-                display: flex;
-                justify-content: space-evenly;
-                flex-wrap: wrap;
-            }
-            .button {
-                border-radius: 5px;
-                padding: 3px 10px 3px 10px;
-                margin: 5px;
-            }
-            .button * {
-                text-decoration: none; /* Text color is set by default, otherwise use inverse*/
-            }
-
-            /* Footer */
-            .footer {
-                margin: 1em 0px;
-                display: flex;
-                justify-content: space-between;
-                width: 75%;
-            }
-
-            .block {
-                display: block;
-            }
-
-            /* 
-                Mobile 
-                https://stackoverflow.com/a/7354648/21322342
-            */
-            @media (min-width: 450px) and (max-width: 730px ){ /* Phones */
-                .navbar * {
-                    font-size: 3em;
-                }
-                h1, h2, h3, h4, h5, h6 {
-                    font-size: 3em;
-                }
-                .content {
-                    font-size: 2em;
-                }
-            }
-
-        </style>
+        <link rel="stylesheet" href="/static/css/root.css/">
 
     <script type="module">
         import Component from "/static/projects/note/js/hsm.js";