From fc6dcf2e68754bd10b9701a19be73e03abeb8451 Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Fri, 10 Nov 2023 08:38:34 -0700
Subject: [PATCH 1/3] Add region buttons to home

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

diff --git a/src/pages/home.vue b/src/pages/home.vue
index 1bd0fa3..c30cfa9 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -14,8 +14,15 @@
       <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>Anatomy Lab Visual Identification Neural Network</p>
+      <p>Veterinary Anatomy Edition</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>
     <f7-block-title>Navigation</f7-block-title>
     <f7-list strong inset dividersIos>
-- 
2.49.1


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 2/3] 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>
-- 
2.49.1


From 7e502fe1ab968cabe78c2496bb04f5daf426f17f Mon Sep 17 00:00:00 2001
From: Justin Georgi <justin.georgi@gmail.com>
Date: Fri, 10 Nov 2023 21:19:45 -0700
Subject: [PATCH 3/3] Add basic hame page styling

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>
---
 src/components/app.vue |  5 +++++
 src/pages/404.vue      |  2 +-
 src/pages/home.vue     | 25 ++++++++++++++++---------
 3 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/app.vue b/src/components/app.vue
index ae2067b..1da5ca6 100644
--- a/src/components/app.vue
+++ b/src/components/app.vue
@@ -72,6 +72,11 @@
           iosOverlaysWebView: true,
           androidOverlaysWebView: false,
         },
+        // Navbar settings
+        navbar: {
+          mdCenterTitle: true,
+          iosCenterTitle: true,
+        }
       };
       onMounted(() => {
         f7ready(() => {
diff --git a/src/pages/404.vue b/src/pages/404.vue
index ca5ac5b..e527a0b 100644
--- a/src/pages/404.vue
+++ b/src/pages/404.vue
@@ -3,7 +3,7 @@
     <f7-navbar title="Not found" back-link="Back"></f7-navbar>
     <f7-block strong inset>
       <p>Sorry</p>
-      <p>Requested content not found.</p>
+      <p>A.L.V.I.N.N. can find many things, but not the page you've requested.</p>
     </f7-block>
   </f7-page>
 </template>
diff --git a/src/pages/home.vue b/src/pages/home.vue
index f2391b3..738820b 100644
--- a/src/pages/home.vue
+++ b/src/pages/home.vue
@@ -1,12 +1,11 @@
 <template>
   <f7-page name="home">
     <!-- Top Navbar -->
-    <f7-navbar large :sliding="false">
+    <f7-navbar>
       <f7-nav-left>
         <f7-link icon-ios="f7:menu" icon-md="material:menu" panel-open="left"></f7-link>
       </f7-nav-left>
-      <f7-nav-title sliding>ALVINN</f7-nav-title>
-      <f7-nav-title-large>A.L.V.I.N.N.</f7-nav-title-large>
+      <f7-nav-title sliding>A.L.V.I.N.N.</f7-nav-title>
     </f7-navbar>
     <!-- Toolbar-->
     <f7-toolbar bottom>
@@ -18,12 +17,20 @@
       <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-segmented raised style="flex-wrap: wrap;">
+        <f7-button style="height: auto; width: auto;">
+          <img src="../assets/regions/thorax.svg" />
+        </f7-button>
+        <f7-button style="height: auto; width: auto;">
+          <img src="../assets/regions/abdpel.svg" />
+        </f7-button>
+        <f7-button style="height: auto; width: auto;">
+          <img src="../assets/regions/limb.svg" />
+        </f7-button>
+        <f7-button style="height: auto; width: auto;">
+          <img src="../assets/regions/headneck.svg" />
+        </f7-button>
+      </f7-segmented>
     </div>
     <f7-block-title>Navigation</f7-block-title>
     <f7-list strong inset dividersIos>
-- 
2.49.1