remove comment and icons, add new text + img to about me, edit 404

Signed-off-by: Muhammad Aviv Burhanudin <[email protected]>
aerphanas · Jun 21, 2023 · 9b82a21 · 9b82a21
1 parent a7f0eed
commit 9b82a21
Show file tree

Hide file tree

Showing 11 changed files with 104 additions and 199 deletions.
diff --git a/404.html b/404.html
@@ -1,87 +1,32 @@
 <!DOCTYPE html>
-<html lang="en">
-    <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <!-- Favicon -->
-    <link rel="apple-touch-icon" sizes="180x180" href="/images/apple-touch-icon.png">
-    <link rel="icon" type="image/png" sizes="32x32" href="/images/favicon-32x32.png">
-    <link rel="icon" type="image/png" sizes="194x194" href="/images/favicon-194x194.png">
-    <link rel="icon" type="image/png" sizes="192x192" href="/images/android-chrome-192x192.png">
-    <link rel="icon" type="image/png" sizes="16x16" href="/images/favicon-16x16.png">
-    <link rel="manifest" href="/images/site.webmanifest">
-    <link rel="mask-icon" href="/images/safari-pinned-tab.svg" color="#5bbad5">
-    <meta name="msapplication-TileColor" content="#74dfcd">
-    <meta name="msapplication-TileImage" content="/images/mstile-144x144.png">
-    <meta name="theme-color" content="#ffffff">
-
-    <title>404 Not found</title>
-    <style>
-    * {
-    	border: 0;
-    	box-sizing: border-box;
-    	margin: 0;
-    	padding: 0;
-    }
-    body {
-    	background: currentColor;
-    	display: flex;
-    	height: 100vh;
-    }
-    /* I. Containers */
-    figure {
-    	font-size: 6px;
-    	margin: auto;
-    	padding: 4em 0;
-    	width: 64em;
-    }
-    figcaption {
-    	color: #fff;
-    	display: flex;
-    	align-content: space-between;
-    	flex-wrap: wrap;
-    	height: 17em;
-    }
-    figcaption span:before, .sad-mac:before {
-    	content: "";
-    	display: block;
-    	width: 1em;
-    	height: 1em;
-    	transform: translate(-1em,-1em);
-    } 
-    figcaption span {
-    	display: inline-block;
-    	margin: 0 2em;
-    	width: 4em;
-    	height: 6em;
-    }
-    .sr-text {
-    	overflow: hidden;
-    	position: absolute;
-    	width: 0;
-    	height: 0;
-    }
-    /* II. Sprites */
-    /* 1. Sad Mac */
-    .sad-mac {
-    	background: #fff;
-    	margin: 0 auto 7em auto;
-    	width: 23em;
-    	height: 30em;
-    }
-    .sad-mac:before {
-    	box-shadow: 1em 1em, 23em 1em, 4em 3em, 5em 3em, 6em 3em, 7em 3em, 8em 3em, 9em 3em, 10em 3em, 11em 3em, 12em 3em, 13em 3em, 14em 3em, 15em 3em, 16em 3em, 17em 3em, 18em 3em, 19em 3em, 20em 3em, 3em 4em, 21em 4em, 3em 5em, 21em 5em, 3em 6em, 7em 6em, 9em 6em, 15em 6em, 17em 6em, 21em 6em, 3em 7em, 8em 7em, 16em 7em, 21em 7em, 3em 8em, 7em 8em, 9em 8em, 15em 8em, 17em 8em, 21em 8em, 3em 9em, 21em 9em, 3em 10em, 10em 10em, 13em 10em, 21em 10em, 3em 11em, 11em 11em, 12em 11em, 21em 11em, 3em 12em, 21em 12em, 3em 13em, 10em 13em, 11em 13em, 12em 13em, 13em 13em, 14em 13em, 21em 13em, 3em 14em, 9em 14em, 15em 14em, 16em 14em, 21em 14em, 3em 15em, 17em 15em, 21em 15em, 3em 16em, 21em 16em, 4em 17em, 5em 17em, 6em 17em, 7em 17em, 8em 17em, 9em 17em, 10em 17em, 11em 17em, 12em 17em, 13em 17em, 14em 17em, 15em 17em, 16em 17em, 17em 17em, 18em 17em, 19em 17em, 20em 17em, 3em 22em, 4em 22em, 5em 22em, 14em 22em, 15em 22em, 16em 22em, 17em 22em, 18em 22em, 19em 22em, 20em 22em, 1em 27em, 2em 27em, 3em 27em, 4em 27em, 5em 27em, 6em 27em, 7em 27em, 8em 27em, 9em 27em, 10em 27em, 11em 27em, 12em 27em, 13em 27em, 14em 27em, 15em 27em, 16em 27em, 17em 27em, 18em 27em, 19em 27em, 20em 27em, 21em 27em, 22em 27em, 23em 27em, 1em 28em, 23em 28em, 1em 29em, 23em 29em, 1em 30em, 23em 30em;
-    }
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>404 Not Found</title>
+    <style type="text/css">
+      body {
+	    background-color: white;
+	    color: black;
+	    font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
+      }
+      hr {
+	  border: 0;
+	  border-bottom: 1px dashed;
+      }
+      @media (prefers-color-scheme: dark) {
+	  body {
+	        background-color: #1E1F21;
+	        color: #EEEFF1;
+	  }
+	  a {
+	     color: #BAD7FF;
+	  }
+      }
     </style>
-</head>
-<body>
-    <figure>
-        <div class="sad-mac"></div>
-        <figcaption>
-            <span class="sr-text">Error 404: Not Found</span>
-        </figcaption>
-    </figure>
-</body>
-</html>
+  </head>
+  <body>
+    <h1>404 Not Found</h1>
+    <hr>
+    <address>UNIX httpd</address>
+  </body>
+</html>
diff --git a/Docker/Containerfile b/Docker/Containerfile
diff --git a/LICENSE b/LICENSE
@@ -13,7 +13,7 @@ modification, are permitted provided that the following conditions are met:
       disclaimer in the documentation and/or other materials provided
       with the distribution.
 
-    * Neither the name of DevCapacitor nor the names of other
+    * Neither the name of aerphanas nor the names of other
       contributors may be used to endorse or promote products derived
       from this software without specific prior written permission.
 

diff --git a/MoBSD-l.gif b/MoBSD-l.gif
diff --git a/README.md → README.org b/README.md → README.org
@@ -8,7 +8,6 @@ Static Site Powered by Hakyll
 ## Table of contents
 - [Description](#description)
 - [How to Generate site](#how-to-generate-site)
-- [Contribution](#contribution)
 
 ## Description
 
@@ -30,12 +29,5 @@ git clone https://github.com/aerphanas/aerphanas.github.io.git
 then after that go to the directory ```aerphanas.github.io``` and do :
 
 ```sh
-cabal run -- kompor watch
-```
-
-## Contribution
-
-1. Fork my github project to your github account
-2. Make a new branch on forked repo with an informative name
-3. Write something
-4. Make a pull request
+make watch
+```
diff --git a/default.nix b/default.nix
diff --git a/etc/about.org b/etc/about.org
@@ -1,17 +1,23 @@
 ---
 title: Tentang Saya
-desc: siapa itu aerphanas, tujuan kenapa blog ini dibuat, cara mengkontak pembuat web.
+desc: siapa itu aerphanas, siapa itu Muhammad Aviv Burhanudin, tujuan kenapa blog ini dibuat, cara mengkontak pembuat web.
 sitedate: 2022-08-21
 ---
 
+#+author: Muhammad Aviv Burhanudin
+#+caption: foto saya menggunakan In-Ear Monitor
+[[../images/me.jpg]]
+
+
 Hai, nama saya Muhammad Aviv Burhanudin, saya mendukung gerakan kode
-terbuka atau opens source, sebenarnya saya sudah menggunakan static site
+terbuka atau open source, sebenarnya saya sudah menggunakan static site
 sejak dulu dan dulu saya menggunakan static site generator yang bernama
 jekyll, karna saya tidak lagi meggunakan ruby dan saat ini saya sedang
 tertarik dengan bahasa program haskell maka dari itu saya migrasi dari
 jekyll ke hakyll, di dunia open source ini saya mimiliki beberapa proyek
 yaitu mulai dari alat untuk terminal sampai graphical user interface,
-dan saya juga sudah lama menggunakan sistem operasi GNU/Linux.
+dan saya juga sudah lama menggunakan sistem operasi UNIX-Like seperti
+GNU/Linux atau BSD.
 
 di dalam blog ini saya akan membagikan beberapa tips dan cara
 menyelesaikan berbagai masalah di open source dan saya juga ingin
@@ -24,19 +30,39 @@ desain web ini juga dibuat dengan desain minimalis agar tidak menggangu
 pembaca dan dapat memudahkan untuk di load di beberapa browser yang
 sudah lama.
 
-website ini bersifat publik jadi jika kamu ingin memposting atau
-memperbaiki sesuatu kamu hanya perlu pergi ke github dan berkontribusi
-pada proyek ini atau anda bisa menkontak saya ke
-[[mailto:[email protected]][email]] dan jika memerlukan
-[[https://keys.openpgp.org/vks/v1/by-fingerprint/AA79C548ED0C96A51E632B0CFCE880D64949859D][GPG
-Key]], dan jika ingin melihat beberapa proyek saya bisa pergi ke
-repositories saya di [[https://github.com/aerphanas][Github]],
-[[https://gitlab.com/aerphanas][Gitlab]] and
-[[https://codeberg.org/aerphanas][Codeberg]]
-
-kontak tambahan
-
-1. [[https://libretooth.gr/@aerphanas][Mastodon]]
-2. [[https://matrix.to/#/@aerphanas:mozilla.org][Matrix]]
-3. [[https://twitter.com/aerphanas][Twitter]]
-4. [email protected] (xmpp)
+text editor yang sangat bagus menurut saya adalah Emacs, di Emacs kita
+bisa mengubah apa saja karna Emacs sangat mudah dikostumisasi menggunakan
+bahasa ELisp, Elisp adalah sebuah dialek dari bahasa Lisp.
+
+saat ini bahasa javascript sangatlah populer, namun saya rasa dari semua
+bahasa program yang populer memiliki kesamaan yaitu cara menyelesaikan masalah
+masi/hampir sama dengan bahasa ALGOL, saya tertarik bahasa program yang
+cara menyelesaikan masalah berbeda dengan yang lain, berikut adalah
+bahasa program yang saat ini saya sukai :
+
+- C
+- Nim
+- Rust
+- Forth
+- Haskell
+- SmallTalk
+- Common Lisp
+
+saya kurang menyukai windows dan macos dikarenakan sistem tertutup
+saya tidak bisa melakukan perubahan dan ketika saya menggunakan
+kedua os tersebut saya rasa sangatlah tidak fleksibel, berbeda dengan
+sistem operasi yang lain, beberapa sistem operasi favorit saya:
+
+- FreeBSD
+- OpenBSD
+- Arch Linux
+
+Temukan saya di
+
+- [[mailto:[email protected]][Email]]
+- [[https://matrix.to/#/@aerphanas:mozilla.org][Matrix]]
+- [[https://github.com/aerphanas][Github]]
+- [[https://twitter.com/aerphanas][Twitter]]
+- [[https://codeberg.org/aerphanas][Codeberg]]
+- [[https://libretooth.gr/@aerphanas][Mastodon]]
+- [email protected] (xmpp)
diff --git a/images/me.jpg b/images/me.jpg
diff --git a/script/new-post.ros b/script/new-post.ros
@@ -14,9 +14,7 @@ exec ros +Q -- $0 "$@"
 ;; (list day month year)
 (declaim (type list *today*))
 (defvar *today*
-  (let ((times
-	  (multiple-value-list
-	     (decode-universal-time (get-universal-time)))))
+  (let ((times (multiple-value-list (get-decoded-time))))
     (list (fourth times)
 	  (fifth times)
 	  (sixth times))))

diff --git a/templates/default.html b/templates/default.html
@@ -30,7 +30,7 @@
         <meta property="og:locale" content="id_ID" />
         <meta property="og:site_name" content="Λerphanas" />
         <meta property="og:type" content="website" />
-        <meta property="fb:app_id" content="617448126761023"/>
+        <!-- <meta property="fb:app_id" content="617448126761023"/> -->
 
         <!-- Twitter -->
         <meta name="twitter:title" content="Λerphanas Blog - $title$" />
@@ -43,7 +43,6 @@
 
         <link rel="stylesheet" href="$root$/css/default.css" />
         <link rel="stylesheet" href="$root$/css/syntax.css" />
-        <script src="https://kit.fontawesome.com/f96722f9f5.js" crossorigin="anonymous"></script>
         <title>λerphanas :: $title$</title>
         <meta name="title" content="Λerphanas Blog - $title$" />
         <meta name="description" content="$desc$" />
@@ -53,7 +52,7 @@
 
         <header>
             <div class="logo">
-                <a href="$root$">λerphanas ∷ $title$</a>
+                <a href="$root$">λerphanas :: $title$</a>
             </div>
             <nav>
 	        <a href="$root$/etc/about.html">[ Tentang</a>
@@ -69,27 +68,24 @@
 
         <footer>
             <a rel="license" href="http://creativecommons.org/licenses/by-sa/4.0/" class="license" target="_blank">
-                <img alt="Creative Commons License" style="border-width:0" src="https://licensebuttons.net/l/by-sa/4.0/80x15.png" />
+                <img alt="CC BY-SA" style="border-width:0" src="https://licensebuttons.net/l/by-sa/4.0/80x15.png" />
             </a>
 	    $if(land)$
 	    <a href="$root$/atom.xml">
-	      <i class="fa-solid fa-square-rss fa-xl" style="color: #3d3846;"></i>
-	    </a> |
+	      RSS
+	    </a>
+	    |
 	    $endif$
-            <a href="https://id.linkedin.com/in/aerphanas?trk=profile-badge" target="_blank">
-                <i class="fa-brands fa-linkedin-in fa-xl" style="color: #3d3846;"></i>
-            </a> |
-            <a href="https://gitlab.com/batuesh" target="_blank">
-                <i class="fa-brands fa-gitlab fa-xl" style="color: #3d3846;"></i>
-            </a> |
-            <a href="https://github.com/aerphanas" target="_blank">
-                <i class="fa-brands fa-github fa-xl" style="color: #3d3846;"></i>
-            </a> |
             <a rel="me" href="https://libretooth.gr/@aerphanas" target="_blank">
-                <i class="fa-brands fa-mastodon fa-xl" style="color: #3d3846;"></i>
-            </a> |
-            <a href="http://jaspervdj.be/hakyll" class="make" target="_blank">
-                <i class="fa-solid fa-gears fa-xl" style="color: #3d3846;"></i>
+	      Mastodon
+            </a>
+	    |
+	    <a href="https://github.com/aerphanas" target="_blank">
+	      Github
+            </a>
+	    |
+	    <a href="https://codeberg.org/aerphanas" target="_blank">
+	      Codeberg
             </a>
         </footer>