diff --git a/index.html b/index.html
index c2b787a..6a677e3 100644
--- a/index.html
+++ b/index.html
@@ -3,18 +3,20 @@
 <html>
   <head>
     <meta charset="utf-8">
+    <meta name="viewport" content= "width=device-width, initial-scale=1.0">
 
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.css">
 
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-    <link href="https://fonts.googleapis.com/css2?family=Poiret+One&display=swap" rel="stylesheet">
+    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@200&display=block" rel="stylesheet">
 
     <title>Nf7</title>
 
     <style>
 :root {
   font-size: 16pt;
+  font-family: 'Raleway', sans-serif;
 }
 body {
   background-color: black;
@@ -28,32 +30,94 @@ body {
   position: fixed;
   top: 0;
   left: 0;
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 #fg {
-  margin: calc(50vh - 8rem) auto;
   width: 16rem;
-  height: 16rem;
 }
-#fg p {
-  font-family: 'Poiret One', cursive;
+#fg .logo {
+  height: 8rem;
+  text-align: center;
+}
+#fg .logo svg {
+  color: white;
+  width: 8rem;
+  height: 100%;
+}
+#fg h1 {
   color: white;
   font-size: 2rem;
   text-align: center;
 }
-#fg .logo {
-  height: 12rem;
+#fg p {
   text-align: center;
 }
-#fg .logo img {
-  width: 12rem;
-  height: 100%;
+#fg p.subtitle {
+  color: white;
+  margin-bottom: 0.5rem;
+}
+#fg p.small {
+  font-size: 0.8rem;
+  line-height: 1em;
+  color: lightgray;
+}
+#fg ul.icons {
+  margin: 1rem 0;
+  display: flex;
+  justify-content: space-around;
+}
+#fg ul.icons li {
+  width: 2rem;
+  height: 2rem;
+  padding: 0.2rem;
+  background-color: white;
+  border-radius: 1.6rem;
+}
+#fg ul.icons svg {
+  color: #323232;
 }
     </style>
   </head>
   <body>
     <div id="fg">
-      <div class="logo"><img src="logo.png"></div>
-      <p>coming soon...</p>
+      <div class="logo">
+        <svg viewBox="0 0 210 210" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+          <path style="stroke-width:.224506" d="m66.94 78.581-5.292 10.584h89.958l5.292-10.584zM57.68 111.654l-5.293 10.583h89.959l5.291-10.583z"/>
+          <path style="stroke-width:.264583" d="M93.398 19.05 71.57 159.94l11.245 46.964L98.69 55.43zM125.81 2.514l-13.891 138.244 3.307 41.672 22.49-138.906z"/>
+        </svg>
+      </div>
+      <h1>Nf7</h1>
+      <p class="subtitle">- visual programming platform -</p>
+      <p class="small">latest version: v0.4.0</p>
+
+      <ul class="icons">
+        <a href="https://github.com/falsycat/nf7" target="_blank" title="GitHub repo (mirror)">
+          <li>
+            <svg style="width: 100%; height: 100%" viewBox="-5 0 165 160" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+              <path style="fill-rule:evenodd;stroke:none;stroke-width:.13333" d="M80.515 0C36.054 0 0 36.046 0 80.514c0 35.574 23.07 65.754 55.061 76.401 4.024.745 5.501-1.747 5.501-3.873 0-1.92-.074-8.263-.109-14.99-22.4 4.87-27.126-9.5-27.126-9.5-3.662-9.307-8.94-11.782-8.94-11.782-7.305-4.997.551-4.894.551-4.894 8.085.567 12.342 8.297 12.342 8.297 7.182 12.309 18.836 8.75 23.43 6.693.723-5.202 2.81-8.757 5.112-10.766-17.883-2.036-36.683-8.94-36.683-39.791 0-8.79 3.146-15.973 8.296-21.612-.836-2.029-3.592-10.217.78-21.307 0 0 6.761-2.164 22.147 8.253 6.423-1.784 13.31-2.679 20.153-2.71 6.843.031 13.736.926 20.17 2.71 15.368-10.417 22.12-8.253 22.12-8.253 4.382 11.09 1.625 19.278.79 21.307 5.162 5.639 8.286 12.821 8.286 21.612 0 30.924-18.836 37.733-36.765 39.727 2.888 2.498 5.461 7.398 5.461 14.91 0 10.772-.093 19.442-.093 22.095 0 2.143 1.45 4.654 5.53 3.863 31.975-10.658 55.015-40.828 55.015-76.39C161.03 36.046 124.981 0 80.515 0"/>
+              <path style="fill-rule:nonzero;stroke:none;stroke-width:.13333" d="M30.495 115.601c-.177.401-.806.52-1.38.245-.584-.262-.912-.808-.722-1.209.173-.412.804-.525 1.386-.252.586.264.919.815.716 1.216m3.261 3.637c-.384.356-1.134.191-1.643-.372-.527-.561-.626-1.312-.236-1.673.396-.356 1.124-.19 1.651.372.527.568.63 1.313.228 1.673m3.175 4.638c-.493.342-1.3.02-1.799-.695-.493-.716-.493-1.575.011-1.919.5-.344 1.295-.034 1.8.676.492.727.492 1.587-.012 1.938m4.35 4.48c-.442.486-1.382.355-2.07-.309-.704-.649-.9-1.57-.457-2.057.446-.488 1.392-.35 2.085.308.699.648.912 1.576.441 2.057m6 2.602c-.194.63-1.1.917-2.012.649-.91-.276-1.506-1.015-1.322-1.652.189-.635 1.098-.933 2.017-.647.91.275 1.507 1.008 1.317 1.65m6.59.482c.022.664-.751 1.215-1.709 1.226-.962.022-1.74-.515-1.752-1.168 0-.67.756-1.216 1.72-1.232.956-.019 1.74.514 1.74 1.174m6.132-1.044c.115.648-.55 1.314-1.501 1.49-.935.172-1.8-.228-1.919-.87-.116-.665.562-1.33 1.495-1.502.952-.166 1.804.224 1.925.882"/>
+            </svg>
+          </li>
+        </a>
+        <a href="javascript:alert('in preparation...')" title="download">
+          <li>
+            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="w-6 h-6">
+              <path fill-rule="evenodd" d="M19.5 21a3 3 0 003-3V9a3 3 0 00-3-3h-5.379a.75.75 0 01-.53-.22L11.47 3.66A2.25 2.25 0 009.879 3H4.5a3 3 0 00-3 3v12a3 3 0 003 3h15zm-6.75-10.5a.75.75 0 00-1.5 0v4.19l-1.72-1.72a.75.75 0 00-1.06 1.06l3 3a.75.75 0 001.06 0l3-3a.75.75 0 10-1.06-1.06l-1.72 1.72V10.5z" clip-rule="evenodd" />
+            </svg>
+          </li>
+        </a>
+        <a href="https://twitter.com/CAFEditor" target="_blank" title="twitter">
+          <li>
+            <svg style="width: 90%; height: 90%; margin: 5%;" viewBox="0 -10 248 214" xmlns="http://www.w3.org/2000/svg" fill="currentColor">
+              <path d="M221.95 51.29c.15 2.17.15 4.34.15 6.53 0 66.73-50.8 143.69-143.69 143.69v-.04c-27.44.04-54.31-7.82-77.41-22.64 3.99.48 8 .72 12.02.73 22.74.02 44.83-7.61 62.72-21.66-21.61-.41-40.56-14.5-47.18-35.07a50.338 50.338 0 0 0 22.8-.87C27.8 117.2 10.85 96.5 10.85 72.46v-.64a50.18 50.18 0 0 0 22.92 6.32C11.58 63.31 4.74 33.79 18.14 10.71a143.333 143.333 0 0 0 104.08 52.76 50.532 50.532 0 0 1 14.61-48.25c20.34-19.12 52.33-18.14 71.45 2.19 11.31-2.23 22.15-6.38 32.07-12.26a50.69 50.69 0 0 1-22.2 27.93c10.01-1.18 19.79-3.86 29-7.95a102.594 102.594 0 0 1-25.2 26.16z"/>
+            </svg>
+          </li>
+        </a>
+      </ul>
+      <p class="small">under development<br>unavailable for production use</p>
     </div>
   </body>
 </html>
diff --git a/logo.png b/logo.png
deleted file mode 100644
index 168fa93..0000000
Binary files a/logo.png and /dev/null differ
