From d940577ad4414b915185e551a57efba1866f106a Mon Sep 17 00:00:00 2001
From: Frans Allen <fransallen@users.noreply.github.com>
Date: Mon, 21 Jun 2021 08:32:38 +0700
Subject: [PATCH] update homepage

---
 index.html | 86 ++++++++++++++++++++++++++++++------------------------
 1 file changed, 48 insertions(+), 38 deletions(-)

diff --git a/index.html b/index.html
index 9a4513f..3ee25ed 100644
--- a/index.html
+++ b/index.html
@@ -1,49 +1,59 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta>
-        <meta property="og:site_name" content="thedev.id"> 
-        <meta name="theme-color" content="#9c1099"> 
-        <meta property="og:title" content="thdev.id" />
-        <meta property="og:description" content="Free developer based subdomain service!" /> 
-        <meta property="og:url" content="https://thedev.id" />
-        <meta charset="UTF-8">
-        <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    </meta>
-    <title>thedev.id - A free identity for developers on the web</title>
-    <link rel="stylesheet" href="https://cdn.statically.io/libs/tailwindcss/1.4.6/tailwind.min.css">
-    <script async defer data-website-id="b5e7ccf9-0e3a-4e63-809f-e20a382d4c86" src="https://anila.statically.io/script.js"></script>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>thedev.id - A free identity for developers on the web</title>
+  <meta name="description" content="A free thedev.id subdomain for developers on the web.">
+  <meta name="twitter:card" content="summary_large_image">
+  <meta name="twitter:site" content="@fransallen">
+  <meta name="twitter:title" content="thedev.id">
+  <meta name="twitter:description" content="A free thedev.id subdomain for developers on the web.">
+  <meta property="og:url" content="https://thedev.id/">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="thedev.id">
+  <meta property="og:description" content="A free thedev.id subdomain for developers on the web.">
+  <meta property="og:image" content="https://cdn.statically.io/og/theme=dark/%7Bname%7D.thedev.id.jpg">
+  <meta name="twitter:image" content="https://cdn.statically.io/og/theme=dark/%7Bname%7D.thedev.id.jpg">
+  <link rel="icon" href="https://cdn.statically.io/icon/g/t.png" type="image/png">
+  <link rel="stylesheet" href="https://cdn.statically.io/libs/tailwindcss/1.4.6/tailwind.min.css">
+  <script async defer data-website-id="a398ec42-5c1b-45de-8e78-edf92ca8f06e" src="https://anila.statically.io/script.js"></script>
 </head>
 <body class="p-8 max-w-xl m-auto">
-    <header class="text-center mt-10">
-        <a href="/">
-            <h1 class="text-4xl font-bold">thedev.id</h1>
-        </a>
-        <h2 class="font-semibold">A free identity for developers on the web</h2>
-        <div class="mt-10">
-            <h3 class="inline font-bold">
-                https://<span class="typed"></span>.thedev.id
-            </h3>
-        </div>
-    </header>
+  <header class="text-center mt-10">
+    <a href="/">
+      <h1 class="text-4xl font-bold">thedev.id</h1>
+    </a>
+    <h2 class="font-semibold">A free identity for developers on the web</h2>
+    <div class="mt-10">
+      <h3 class="inline font-bold">
+        <span class="typed"></span>.thedev.id
+      </h3>
+    </div>
+  </header>
 
-    <main class="mt-10">
-        <p>Welcome! Are you developer exploring for a smooth name for your personal website and projects? You came to the right place!</p>
+  <main class="mt-10">
+    <p>Are you developer exploring for an awesome name for your personal website and projects? You came to the right place!</p>
 
-        <p class="mt-3"><strong>thedev.id</strong> is a free identity for developers on the web. This service offers a handy subdomain service for you to have a subdomain like <code class="bg-black py-1 px-2 text-white rounded text-sm">foo.thedev.id</code> or <code class="bg-black py-1 px-2 text-white rounded text-sm">bar.thedev.id</code> for use on your static sites via CNAME. Fork, add subdomain, and send a <a class="border-b border-black" href="https://github.com/fransallen/thedev.id">Pull Request</a>. We will make it work.</p>
-    </main>
+    <p class="mt-3"><strong>thedev.id</strong> is a free identity for developers on the web. This service offers a handy subdomain service for you to have a subdomain like <code class="bg-black py-1 px-2 text-white rounded text-sm">foo.thedev.id</code> or <code class="bg-black py-1 px-2 text-white rounded text-sm">bar.thedev.id</code> for use on your static sites via CNAME DNS record. Fork, add subdomain, and send a <a class="border-b border-black" href="https://github.com/fransallen/thedev.id">Pull Request</a>. We will make it work!</p>
+  </main>
 
-    <footer class="mt-10 mb-20">
-        <p>A project by <a class="border-b border-black" href="https://upset.dev" target="_blank">upset.dev</a> and <a class="border-b border-black" href="https://codeize.dev" target="_blank">codeize.dev</a> &bull; <a class="border-b border-black" href="https://twitter.com/fransallen">Twitter</a> &bull; <a class="border-b border-black" href="https://github.com/fransallen/thedev.id">GitHub</a></p>
-    </footer>
+  <footer class="mt-10 mb-20 text-sm">
+    <p>
+      A project by <a class="border-b border-black" href="https://upset.dev/" target="_blank">upset.dev</a> and <a class="border-b border-black" href="https://github.com/fransallen/thedev.id/graphs/contributors">contributors</a>
+      &bull; <a class="border-b border-black" href="https://statically.io/">Statically</a>
+      &bull; <a class="border-b border-black" href="https://twitter.com/fransallen">Twitter</a>
+      &bull; <a class="border-b border-black" href="https://github.com/fransallen/thedev.id">GitHub</a>
+    </p>
+  </footer>
 
-    <script src="https://cdn.statically.io/libs/typed.js/2.0.11/typed.min.js"></script>
-    <script>
-        var typed = new Typed('.typed', {
-            strings: ["frans", "kevin", "you"],
-            typeSpeed: 240,
-            showCursor: false
-        });
-    </script>
+  <script src="https://cdn.statically.io/libs/typed.js/2.0.11/typed.min.js"></script>
+  <script>
+    var typed = new Typed('.typed', {
+      strings: ["frans", "kevin", "name"],
+      typeSpeed: 240,
+      showCursor: false
+    });
+  </script>
 </body>
 </html>