Root page: show content in the center on wide screens

bashor · bashor · commit 458ca5c94364 · 2025-05-10T00:59:34.000+02:00
diff --git a/index.html b/index.html
@@ -2,14 +2,25 @@
 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   <head>
     <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
+<!--    <meta name="viewport" content="width=device-width, initial-scale=1.0">-->
     <meta name="twitter:card" content="summary">
     <meta name="twitter:site" content="@bashorov">
     <meta name="twitter:title" content="Zalim's home page">
     <meta name="twitter:description" content="">
 
     <title>Hoi! o/</title>
+
+    <style type="text/css">
+      .container {
+        max-width: 920px;
+        margin: 0 auto;
+        padding: 5px;
+        /*border-left: 1px dotted #ccc;*/
+        /*border-right: 1px dotted #ccc;*/
+      }
+    </style>
   </head>
-  <body>
+  <body class="container">
 <!--  Generated from index.md using https://marked.js.org/demo/ -->
   <h3 id="hi">Hi!</h3>
 
