Home screen skeleton

2022-07-22 16:40:52 -04:00
parent 3dcde6b772
commit 20a92b96a8
3 changed files with 12 additions and 5 deletions
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,14 +1,18 @@
 <script setup lang="ts"></script>

 <template>
-  <main>
-    <h1>Hello!</h1>
-    <HomeStatBox> Box 1 </HomeStatBox>
+  <main class="flex flex-col items-center justify-evenly">
+    <h1>Welcome!</h1>
+    <div class="flex justify-around items-center w-full flex-wrap gap-y-10">
+      <HomeStatBox> Latest blog post </HomeStatBox>
+      <HomeStatBox>Latest story</HomeStatBox>
+      <HomeStatBox>Latest commit w/details</HomeStatBox>
+    </div>
  </main>
 </template>

 <style scoped>
-main {
-  display: flex;
+h1 {
+  font-size: 3rem;
 }
 </style>
--- a/pages/stories.vue
+++ b/pages/stories.vue
@@ -0,0 +1 @@
+<template></template>