From 2ed5adb45414b624a5d9d43a865af1ba03e8bff1 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Fri, 10 Nov 2023 08:46:39 -0700
Subject: [PATCH] Create basic layout

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
---
 src/pages/home.vue | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/pages/home.vue b/src/pages/home.vue
index c30cfa9..f2391b3 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -14,16 +14,17 @@
       <f7-link>Right Link</f7-link>
     </f7-toolbar>
     <!-- Page content-->
-    <f7-block-title>Anatomy Lab Visual Identification Neural Network</f7-block-title>
-    <f7-block>
-      <p>Veterinary Anatomy Edition</p>
+    <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;">
+      <h2>Anatomy Lab Visual Identification Neural Network</h2>
+      <h4>Veterinary Anatomy Edition</h4>
+      <p>Select a region to begin</p>
       <f7-row style="display: flex;">
         <f7-button text="thorax"></f7-button>
         <f7-button text="abdomen"></f7-button>
         <f7-button text="limbs"></f7-button>
         <f7-button text="head and neck"></f7-button>
       </f7-row>
-    </f7-block>
+    </div>
     <f7-block-title>Navigation</f7-block-title>
     <f7-list strong inset dividersIos>
       <f7-list-item link="/about/" title="About"></f7-list-item>