adjust for mobile

public/index.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="styles.css" />
 </head>
 

public/styles.css

@@ -35,3 +35,15 @@ blockquote {
     font-style: italic;
     color: #555;
 }
+@media (max-width: 700px) {
+    body {
+        width: auto;
+        min-width: 0;
+        margin: 0 16px;
+    }
+
+    img {
+        max-width: 100%;
+        height: auto;
+    }
+}

public/writings/10-million-sats-into-mining.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
     <style>
         table.ledger {

public/writings/a-degraded-pool-with-a-healthy-disk.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/a-note-for-the-future-the-tax-bleeding-in-2025.html

@@ -3,7 +3,7 @@
   <head>
     <title>Pablo here</title>
     <meta charset="utf-8" />
-    <meta viewport="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
     <link rel="stylesheet" href="../styles.css" />
   </head>
 

public/writings/a-simple-solution-to-spam.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/bitcoin-mining-is-like-adding-the-final-piece-to-a-puzzle.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/busy-mans-guide-to-optimizing-dbt-models-performance.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/conways-law-cuts-both-ways.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 

public/writings/credit-cards-affairs-and-chatgpt.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/dont-hide-it-make-it-beautiful.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/fixing-a-degraded-zfs-mirror.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/gresham-law-has-nothing-to-do-with-bitcoin.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 

public/writings/how-i-write-some-articles-im-lazy-about.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/i-want-code-defined-dashboards-so-badly.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/if-i-started-a-data-team-again.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/is-your-drug-dealer-a-homophobic-socialist.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 

public/writings/my-first-petahash.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/my-fitness-journey.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/my-tips-and-tricks-when-using-postgres-as-a-dwh.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/notes-and-lessons-from-my-departure-from-superhog.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/one-efective-but-risky-way-to-find-the-top-budget-for-the-vacancy.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/one-property-where-gold-beats-bitcoin.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 

public/writings/replacing-a-failed-disk-in-a-zfs-mirror.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/tech-fascination-as-a-function-of-your-age.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/the-roi-of-toilets.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/thoughts-after-departing-galoy.html

@@ -4,7 +4,7 @@
 <head>
   <title>Pablo here</title>
   <meta charset="utf-8" />
-  <meta viewport="width=device-width, initial-scale=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
   <link rel="stylesheet" href="../styles.css" />
 </head>
 

public/writings/when-new-is-not-better.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/why-i-put-my-vms-on-a-zfs-mirror.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>
 

public/writings/your-customers-dont-care-that-your-bathroom-is-dirty.html

@@ -4,7 +4,7 @@
 <head>
     <title>Pablo here</title>
     <meta charset="utf-8">
-    <meta viewport="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <link rel="stylesheet" href="../styles.css">
 </head>