Merge pull request #15 from alifeee/css-naked-day-2024

Css naked day 2024!
alifeee · Apr 8, 2024 · d0dd3c0 · d0dd3c0
2 parents ec05033 + 59b6ac1
commit d0dd3c0
Show file tree

Hide file tree

Showing 39 changed files with 137 additions and 1,471 deletions.
diff --git a/bookmarks/index.html b/bookmarks/index.html
@@ -6,11 +6,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <link rel="icon" href="/favicon.ico" />
-    <link rel="stylesheet" href="/stylesheet.css" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Josefin+Sans|Roboto"
-    />
+
+
 
     <!-- anchorjs - https://www.bryanbraun.com/anchorjs/ -->
     <script src="https://cdn.jsdelivr.net/npm/anchor-js/anchor.min.js"></script>
@@ -1682,13 +1679,13 @@ <h2 id="mobile games">mobile games</h2>
           </ul>
         </div>
       <hr />
-      <span style="display: flex; justify-content: center">
+      <span >
         Updated (when I remember it) by&nbsp;
         <a href="https://github.com/alifeee/firefox-bookmarks">
           <code>firefox-bookmarks</code>
         </a>
       </span>
-      <span style="display: flex; justify-content: center">
+      <span >
         Last updated:&nbsp;
         <time datetime="2024-03-25T00:44:15.551843Z" "timeSince(Date.parse(2024-03-25T00:44:15.551843Z)) + ' ago'">
           <span id="relative-time"></span><span id="absolute-time">(2024-03-25T00:44:15.551843Z)</span>
@@ -1700,17 +1697,5 @@ <h2 id="mobile games">mobile games</h2>
       <a class="backlink" href="/">Back to main page</a>
     </footer>
   </body>
-  <style>
-    #bookmarks {
-      margin-bottom: 2rem;
-    }
-    #bookmarks > h2 {
-      position: sticky;
-      top: 0;
-      background-color: var(--background);
-      padding: 0.5rem;
-      text-align: center;
-      border-bottom: 1px solid var(--text);
-    }
-  </style>
+
 </html>
diff --git a/cryptography/copy.svg b/cryptography/copy.svg
diff --git a/cryptography/index.html b/cryptography/index.html
@@ -7,11 +7,8 @@
 
     <link rel="icon" href="/favicon.ico" />
 
-    <link rel="stylesheet" href="/stylesheet.css" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Josefin+Sans|Roboto"
-    />
+
+
   </head>
 
   <body>
@@ -147,131 +144,5 @@ <h3>Caesar Cipher</h3>
     </footer>
   </body>
 
-  <style>
-    * {
-      box-sizing: border-box;
-    }
-
-    .caesar.app {
-      display: flex;
-      flex-wrap: wrap;
-      align-items: start;
-    }
-
-    .caesar.app > * {
-      min-width: 15rem;
-      flex: 1;
-      padding: 0.5rem;
-    }
-
-    /* input area */
-
-    .caesar.input > textarea {
-      width: 100%;
-      resize: vertical;
-    }
-
-    .shift.control {
-      display: flex;
-    }
-
-    .shift.control > input {
-      flex: 1;
-    }
-
-    .shift.control > span {
-      min-width: 4rem;
-    }
-
-    /* output area */
-
-    .caesar.output {
-      display: flex;
-      flex-direction: column;
-    }
-
-    .caesar.output > p {
-      width: 100%;
-      margin: 0;
-      margin-bottom: 1rem;
-    }
-
-    .caesar.output > p:last-child {
-      margin-bottom: 0;
-    }
-
-    .caesar.output > p * {
-      margin-bottom: 0.25rem;
-      display: inline-block;
-    }
-
-    .label {
-      font-weight: bold;
-    }
-
-    .caesar.output .message {
-      background-color: #fff;
-      color: #000;
-      width: 100%;
-      min-height: 2.188rem;
-      border-radius: 0.25rem;
-      padding: 0.25rem;
-      white-space: pre-wrap;
-      word-break: break-all;
-    }
-
-    .caesar.output .message:hover {
-      cursor: pointer;
-      background-color: #999;
-    }
-
-    .caesar.output .encode .shift {
-      color: #f77;
-    }
-
-    .caesar.output .decode .shift {
-      color: #4af;
-    }
-
-    .caesar.output .auto .shift {
-      color: #aaf;
-    }
-
-    /* copy dialog */
-
-    .copyable {
-      position: relative;
-      width: 100%;
-    }
-
-    .copyable .copy.icon {
-      position: absolute;
-      inset: 0 0 0 auto;
-      height: 1rem;
-      pointer-events: none;
-    }
-
-    .copy.dialog {
-      visibility: hidden;
-      opacity: 0;
-      position: absolute;
-      top: 1rem;
-      left: 0;
-      background-color: #000;
-      color: #fff;
-      padding: 0.5rem;
-      border-radius: 0.5rem;
-      z-index: 1;
-      transition: visibility 0.2s, opacity 0.2s ease-in-out;
-    }
-
-    .copy.dialog.active {
-      visibility: visible;
-      opacity: 1;
-    }
-
-    table {
-      border-collapse: collapse;
-    }
-  </style>
+
 </html>
diff --git a/diplomacy/diplo_scripts.js b/diplomacy/diplo_scripts.js
@@ -137,7 +137,7 @@ function table_data(games, players) {
     var game_link = "https://"+site+"diplomacy.com/board.php?gameID="
         +game["id"];
     var img_link = "https://alifeee.github.io/diplomacy/vdip.png";
-    text += "<td style='text-align:center'><a href="+
+    text += "<td><a href="+
         game_link +"'><img src='"+img_link+"'></img></a></td>";
     var color = "";
     for (player in players) {
@@ -153,7 +153,7 @@ function table_data(games, players) {
         case "draw":    color="#c6e0b4"; break;
         default: console.log("Problem in table_data");
       }
-      text += "<td style='background-color:"+color+";color:black'>"
+      text += "<td>"
           +game['results'][player]+"</td>";
     }
     text += "</tr>";

diff --git a/diplomacy/index.html b/diplomacy/index.html
@@ -7,11 +7,8 @@
 
     <link rel="icon" href="/favicon.ico" />
 
-    <link rel="stylesheet" href="/stylesheet.css" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Josefin+Sans|Roboto"
-    />
+
+
   </head>
 
   <body>
@@ -59,23 +56,23 @@ <h3>What is Diplomacy?</h3>
       <h3>The Results</h3>
     </main>
     <div class="results-table">
-      <table id="results" style="margin-left: auto; margin-right: auto"></table>
+      <table id="results" ></table>
     </div>
 
     <main>
       <h2>Charts</h2>
 
       <div class="results-graphs">
-        <div style="width: 100%">
+        <div >
           <canvas id="performance_chart" height="190"></canvas>
         </div>
-        <div style="width: 100%">
+        <div >
           <canvas id="alex_performance_chart" height="190"></canvas>
         </div>
-        <div style="width: 100%">
+        <div >
           <canvas id="total_games_chart" height="190"></canvas>
         </div>
-        <div style="width: 100%">
+        <div >
           <canvas id="wins_draws_chart" height="150"></canvas>
         </div>
       </div>
@@ -171,32 +168,5 @@ <h2>Charts</h2>
       });
     </script>
   </body>
-  <style>
-    table,
-    th,
-    td {
-      border: 1px solid black;
-      border-collapse: collapse;
-    }
-    th,
-    td {
-      padding: 5px;
-      text-align: left;
-      white-space: nowrap;
-    }
-    .results-table {
-      width: 100vw;
-      display: block;
-      overflow-x: auto;
-      padding: 0 1rem 0.5rem;
-    }
-    .results-graphs {
-      display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-      grid-gap: 1rem;
-    }
-    #results a {
-      text-decoration: none;
-    }
-  </style>
+
 </html>
diff --git a/diplomacy/performance_explained.html b/diplomacy/performance_explained.html
@@ -7,11 +7,8 @@
 
     <link rel="icon" href="/favicon.ico" />
 
-    <link rel="stylesheet" href="/stylesheet.css" />
-    <link
-      rel="stylesheet"
-      href="https://fonts.googleapis.com/css?family=Josefin+Sans|Roboto"
-    />
+
+
   </head>
 
   <body>
@@ -44,12 +41,5 @@ <h3>Alex's Performance</h3>
       <a class="backlink" href="./">Back to Diplomacy Results</a>
     </footer>
   </body>
-  <style>
-    h3 {
-      text-align: center;
-    }
-    p {
-      text-align: justify;
-    }
-  </style>
+
 </html>