fix: nonce

theobori-cafe · Oct 22, 2023 · b70e57f · b70e57f
1 parent 2341a9c
commit b70e57f
Show file tree

Hide file tree

Showing 4 changed files with 33 additions and 11 deletions.
diff --git a/_includes/blogpost.liquid b/_includes/blogpost.liquid
@@ -1,5 +1,11 @@
 <!DOCTYPE html>
 <html lang="en">
+  <style nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  .title {
+    margin-bottom: 22px;
+  }
+  </style>
+
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
@@ -11,7 +17,7 @@
   </head>
   <body>
     <div class="container post-container">
-      <h1 style="margin-bottom: 22px;" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">{{ title }}</h1>
+      <h1 class="title">{{ title }}</h1>
       <div class="content">{{ content }}</div>
       <div class="back-link">
         <a href="/">← Back</a>

diff --git a/index.md b/index.md
@@ -17,14 +17,12 @@ I also have a [CTFtime](https://ctftime.org/user/67138) and a [LinkedIn](https:/
 &nbsp;
 Currently I'm maintaining [teedata.net](https://teedata.net) ([skins.tw](https://skins.tw) until 2024).
 
-<h2 class="category" style="margin-top: 40px;" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">Contact</h2>
+<h2 class="category category-home ">Contact</h2>
 
 I can be reached via Discord (`b0th`) or via email at one of the following addresses, <a href="mailto:[email protected]">[email protected]</a>, <a href="mailto:[email protected]">[email protected]</a>, <a href="mailto:[email protected]">[email protected]</a>, <a href="mailto:[email protected]">[email protected]</a>.
 &nbsp;
 [PGP](/pgp.asc) - `EEFBCC3AC529CFD1943DA75CBDD57BE99D555965`
 
-<h2 class="category" style="margin-top: 40px;" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">Other protocols</h2>
+<h2 class="category category-home ">Other protocols</h2>
 
 This website also offers a version for the [Gemini](gemini://tilde.pink/~nagi) and [Gopher](gopher://tilde.pink:70/1/~nagi) minimal web protocols.
-
-
diff --git a/posts/teeworlds-utilities.md b/posts/teeworlds-utilities.md
@@ -3,6 +3,20 @@ title: Teeworlds utilities
 date: "2023-07-26"
 ---
 
+<style nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  .mr-40 {
+    margin-right: 40px;
+  }
+  .ml-40 {
+    margin-left: 40px;
+  }
+  .mr-20 {
+    margin-right: 20px;
+  }
+  .ml-20 {
+    margin-left: 20px;
+  }
+</style>
 
 This idea came to me when I was looking for a Teeworlds skin renderer.
 &nbsp;
@@ -58,8 +72,8 @@ try {
 ### Result (4K)
 
 <p align="center" width="100%">
-  <img src="/render_color.png" width="30%" style="margin-right: 40px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
-  <img src="/render_default.png" width="30%" style="margin-left: 40px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  <img src="/render_color.png" width="30%" class="mr-40" >
+  <img src="/render_default.png" width="30%" class="ml-40" >
 </p>
 
 &nbsp;
@@ -99,8 +113,8 @@ Here we are going to merge specific parts from a skin (right) to another (left).
 Any Teeworlds asset should works.
 
 <p align="center" width="100%">
-  <img src="/teedata_skin.png" style="margin-right: 20px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
-  <img src="/alien_skin.png" style="margin-left: 20px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  <img src="/teedata_skin.png" class="mr-20" >
+  <img src="/alien_skin.png" class="ml-20" >
 </p>
 
 
@@ -147,8 +161,8 @@ try {
 ### Result
 
 <p align="center" width="100%">
-  <img src="/render_new_skin.png" style="margin-right: 40px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
-  <img src="/new_skin.png" style="margin-left: 40px" nonce="Fg4i6piWbxQWdgGv66UX1V1B5zwNWL4Om8vSTS4QG4I">
+  <img src="/render_new_skin.png" class="mr-40" >
+  <img src="/new_skin.png" class="ml-40" >
 </p>
 
 ### Other result

diff --git a/styles/homepage.scss b/styles/homepage.scss
@@ -8,6 +8,10 @@
   margin-bottom: 10px;
 }
 
+.category-home {
+  margin-top: 40px;
+}
+
 .posts {
   list-style: none;
   .post {