zce
diff --git a/‎docs/assets/theme.css
Lines changed: 3 additions & 8 deletions b/‎docs/assets/theme.css
Lines changed: 3 additions & 8 deletions
diff --git a/‎docs/config.md b/‎docs/config.md
diff --git a/‎docs/guide.md b/‎docs/guide.md
diff --git a/‎docs/index.html
Lines changed: 29 additions & 2 deletions b/‎docs/index.html
Lines changed: 29 additions & 2 deletions
diff --git a/‎docs/reference.md b/‎docs/reference.md
@@ -18,14 +18,9 @@ body:not(.ready) > nav,
 body:not(.ready) [data-cloak] {
   display: none;
 }
-div#app {
-  font-size: 30px;
-  font-weight: lighter;
-  margin: 40vh auto;
-  text-align: center;
-}
-div#app:empty:before {
-  content: 'Loading...';
+div#app > svg {
+  width: 100vw;
+  height: 100vh;
 }
 img.emoji {
   height: 1.2em;
 
@@ -3,14 +3,41 @@
   <head>
     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
     <meta name="viewport" content="width=device-width,initial-scale=1" />
-    <meta name="description" content="A tools like Contentlayer, turns Markdown, YAML, JSON, or other files into an app's data layer based on a schema." />
+    <meta name="description" content="A tools like Contentlayer, Turns Markdown, YAML, JSON, or other files into app's data layer with typesafe schema." />
     <meta name="keywords" content="velite, contentlayer, markdown, yaml, json, data layer, schema" />
     <meta charset="UTF-8" />
     <title>Velite | Documentation</title>
     <link rel="stylesheet" href="assets/theme.css" />
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app">
+      <svg viewBox="0 0 90 60" fill="#789a">
+        <style>
+          @keyframes a1 {
+            0%,
+            57%,
+            to {
+              transform: translate(0);
+            }
+            28% {
+              transform: translateY(-2px);
+            }
+          }
+          .c {
+            animation: a1 1s infinite ease-in;
+          }
+          .c2 {
+            animation-delay: 0.1s;
+          }
+          .c3 {
+            animation-delay: 0.2s;
+          }
+        </style>
+        <circle class="c c1" cx="42" cy="30" r="1" />
+        <circle class="c c2" cx="45" cy="30" r="1" />
+        <circle class="c c3" cx="48" cy="30" r="1" />
+      </svg>
+    </div>
     <script>
       window.$docsify = { repo: 'zce/velite', homepage: 'readme.md' }
     </script>