]> jxnshi.xyz Git - jxnshi.xyz.git/commitdiff
Redesign
authorjxnshi <jxnshi@cock.li>
Mon, 6 Jan 2025 12:07:43 +0000 (13:07 +0100)
committerjxnshi <jxnshi@cock.li>
Mon, 6 Jan 2025 12:07:43 +0000 (13:07 +0100)
public/background.png [new file with mode: 0644]
public/background.webp [deleted file]
public/index.html
public/lain.png [new file with mode: 0644]
public/layout.html
public/style.css
src/main.zig

diff --git a/public/background.png b/public/background.png
new file mode 100644 (file)
index 0000000..00fe18a
Binary files /dev/null and b/public/background.png differ
diff --git a/public/background.webp b/public/background.webp
deleted file mode 100644 (file)
index 73bc0c7..0000000
Binary files a/public/background.webp and /dev/null differ
index ea1d75bb1e8be3c4544aa47f66ca42dd02121234..8df775ccff1f748f97dde4987f60a1b552aad9c7 100644 (file)
@@ -1,5 +1,36 @@
-<p>
-    Welcome to my website ! Here I post my projects, you can access them in the
-    *projects* tab. If you like what I do, you can support me with a Monero
-    donation.
-</p>
+<div>
+    <p>
+        Welcome to my website ! Here I post my projects, you can access them in the
+        *projects* tab. If you like what I do, you can support me with a Monero
+        donation.
+    </p>
+</div>
+<div>
+    <div id="donation-div">
+        <div>
+            <a href="https://www.getmonero.org/">
+                <img src="/monero-logo.webp" alt="[monero-logo.webp]">
+            </a>
+        </div>
+        <h2 id="donation-title">Monero donation</h2>
+        <img src="/xmr-qr-code.webp" alt="[xmr-qr-code.webp]">
+        <p class="break-word">8AHjMsMYAdJX8NFjxDecYT6g5w2rNGUkpVtJ367MPpPuFK4c1v1Bqwm2r6wVxkRYrjiUaa53kMyEuZPBPEXGYqbUPipW5PB</p>
+    </div>
+</div>
+<div>
+    <p class="center break-word">
+        -----BEGIN PGP PUBLIC KEY BLOCK-----<br>
+        <br>
+        mDMEZzy33BYJKwYBBAHaRw8BAQdAqiVwQsuChro7Xi0hf9TBgjPX7fb/rIqej1+v<br>
+        KLGMzF+0Bmp4bnNoaYiTBBMWCgA7FiEE5ZFtAKicTqmN2ibwCI6UnD1b2FsFAmc8<br>
+        t9wCGwMFCwkIBwICIgIGFQoJCAsCBBYCAwECHgcCF4AACgkQCI6UnD1b2FsqZgD/<br>
+        RjrmTqRRBUjDyZ+Of+kSpeOBtpqyIvVwD7vl2M8/7rYA/1xib2aWV/l5xgbh2hAP<br>
+        XFXMkaT+U3mQGcYUPBiD2lEFuDgEZzy33BIKKwYBBAGXVQEFAQEHQIlkb35USt8C<br>
+        fKhr0dhiLdnzFnnQCfpwijhxzTJ8K+wuAwEIB4h4BBgWCgAgFiEE5ZFtAKicTqmN<br>
+        2ibwCI6UnD1b2FsFAmc8t9wCGwwACgkQCI6UnD1b2FtYbgD9Gz2ySaDvhtF3yngw<br>
+        uR4s1wh2fWxXepMcb5S4OBRFkEQBAJ9ZXjrgfEJ/H1rUeRMCbCsGz/MlofS/2qdh<br>
+        ZSLiyWEN<br>
+        =1cWT<br>
+        -----END PGP PUBLIC KEY BLOCK-----<br>
+    </p>
+</div>
diff --git a/public/lain.png b/public/lain.png
new file mode 100644 (file)
index 0000000..4f44dbd
Binary files /dev/null and b/public/lain.png differ
index 95601788123a94cceac3c68a12993c4a5535b057..86c5f2ab979cbac0f3f993ccf7d015bc9292608b 100644 (file)
@@ -8,47 +8,26 @@
     </head>
     <body>
         <div id="main-div">
-            <h1><a href="/">jxnshi.xyz</a></h1>
-            <div class="isle">
-                <div>
-                    <h2 id="projects-title">Projects</h2>
-                    <ul>
-                        <li><a href="/books">books</a></li>
-                        <li><a href="/repos">repos</a></li>
-                    </ul>
-                </div>
-            </div>
-            <div class=isle>
-                {s}
-            </div>
-            <div class="isle">
-                <div id="donation-div">
-                    <div>
-                        <a href="https://www.getmonero.org/">
-                            <img src="/monero-logo.webp" alt="[monero-logo.webp]">
-                        </a>
+            <header>
+                <div></div>
+                <div id="header-middle">
+                    <h1><a href="/">jxnshi.xyz</a></h1>
+                    <div class="isle">
+                        <div>
+                            <h2 id="projects-title">Projects</h2>
+                            <ul>
+                                <li><a href="/books">books</a></li>
+                                <li><a href="/repos">repos</a></li>
+                            </ul>
+                        </div>
                     </div>
-                    <h2 id="donation-title">Monero donation</h2>
-                    <img src="/xmr-qr-code.webp" alt="[xmr-qr-code.webp]">
-                    <p class="break-word">8AHjMsMYAdJX8NFjxDecYT6g5w2rNGUkpVtJ367MPpPuFK4c1v1Bqwm2r6wVxkRYrjiUaa53kMyEuZPBPEXGYqbUPipW5PB</p>
                 </div>
-            </div>
-            <div class="isle">
-                <p class="center break-word">
-                    -----BEGIN PGP PUBLIC KEY BLOCK-----<br>
-                    <br>
-                    mDMEZzy33BYJKwYBBAHaRw8BAQdAqiVwQsuChro7Xi0hf9TBgjPX7fb/rIqej1+v<br>
-                    KLGMzF+0Bmp4bnNoaYiTBBMWCgA7FiEE5ZFtAKicTqmN2ibwCI6UnD1b2FsFAmc8<br>
-                    t9wCGwMFCwkIBwICIgIGFQoJCAsCBBYCAwECHgcCF4AACgkQCI6UnD1b2FsqZgD/<br>
-                    RjrmTqRRBUjDyZ+Of+kSpeOBtpqyIvVwD7vl2M8/7rYA/1xib2aWV/l5xgbh2hAP<br>
-                    XFXMkaT+U3mQGcYUPBiD2lEFuDgEZzy33BIKKwYBBAGXVQEFAQEHQIlkb35USt8C<br>
-                    fKhr0dhiLdnzFnnQCfpwijhxzTJ8K+wuAwEIB4h4BBgWCgAgFiEE5ZFtAKicTqmN<br>
-                    2ibwCI6UnD1b2FsFAmc8t9wCGwwACgkQCI6UnD1b2FtYbgD9Gz2ySaDvhtF3yngw<br>
-                    uR4s1wh2fWxXepMcb5S4OBRFkEQBAJ9ZXjrgfEJ/H1rUeRMCbCsGz/MlofS/2qdh<br>
-                    ZSLiyWEN<br>
-                    =1cWT<br>
-                    -----END PGP PUBLIC KEY BLOCK-----<br>
-                </p>
+                <img id="lain-pic" src="/lain.png" alt="Lain" width="150" height="150">
+            </header>
+            <div id="content-div">
+                <div>
+                    {s}
+                </div>
             </div>
         </div>
     </body>
index 10f57d08badaf4de92bedd5266bc0745cfd9e815..4e4dfa6dfb4d5e2a040cfa613aeb61ebf4db790d 100644 (file)
@@ -15,7 +15,15 @@ body {
     display: flex;
     justify-content: center;
     background-color: black;
-    padding: 30px;
+    background-image: url("/background.png");
+    background-size: 100% 1000px;
+    padding-bottom: 20px;
+    padding-top: 20px;
+}
+
+header {
+    display: grid;
+    grid-template-columns: 1fr 500px 1fr; 
 }
 
 ul, ol {
@@ -60,8 +68,27 @@ a:hover {
 #main-div {
     display: flex;
     flex-direction: column;
+    align-items: center;
+    gap: 20px;
+    width: 100%;
+}
+
+#content-div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: black;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    width: 100%;
+}
+
+#content-div > div {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    width: 1000px;
     gap: 20px;
-    max-width: 800px;
 }
 
 #donation-div {
index 5e32cd059ad5563b953751d8861c8fd2f82f2c22..aed04cd6cddab2bc7a3a56784513865de64e0b40 100644 (file)
@@ -14,7 +14,7 @@ fn parentDirPath(path: []const u8) ?[]const u8 {
 }
 
 fn handleClient(parent_allocator: std.mem.Allocator, connection: std.net.Server.Connection) !void {
-    const alloc_buffer = try parent_allocator.alloc(u8, 65_536);
+    const alloc_buffer = try parent_allocator.alloc(u8, 10_000_000);
     defer parent_allocator.free(alloc_buffer);
 
     var fixed_allocator = std.heap.FixedBufferAllocator.init(alloc_buffer);