ALVINN/ALVINN_f7
1
0
Fork 0
Code Issues 8 Pull Requests Actions Packages Projects Releases 7 Wiki Activity

Create Home page (#6)

Browse Source 
Closes #4.

Signed-off-by: Justin Georgi <justin.georgi@gmail.com>

Reviewed-on: Georgi_Lab/ALVINN_f7#6
This commit is contained in:
Justin Georgi
2023-11-10 21:20:20 -07:00
parent 6b7744bc9a
commit 9eed19776f
3 changed files with 27 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/app.vue
View File

@@ -72,6 +72,11 @@
iosOverlaysWebView: true, iosOverlaysWebView: true,
androidOverlaysWebView: false, androidOverlaysWebView: false,
}, },
// Navbar settings
navbar: {
mdCenterTitle: true,
iosCenterTitle: true,
}
}; };
onMounted(() => { onMounted(() => {
f7ready(() => { f7ready(() => {

2
src/pages/404.vue
View File

@@ -3,7 +3,7 @@
<f7-navbar title="Not found" back-link="Back"></f7-navbar> <f7-navbar title="Not found" back-link="Back"></f7-navbar>
<f7-block strong inset> <f7-block strong inset>
<p>Sorry</p> <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-block>
</f7-page> </f7-page>
</template> </template>

27
src/pages/home.vue
View File

@@ -1,12 +1,11 @@
<template> <template>
<f7-page name="home"> <f7-page name="home">
<!-- Top Navbar --> <!-- Top Navbar -->
<f7-navbar large :sliding="false"> <f7-navbar>
<f7-nav-left> <f7-nav-left>
<f7-link icon-ios="f7:menu" icon-md="material:menu" panel-open="left"></f7-link> <f7-link icon-ios="f7:menu" icon-md="material:menu" panel-open="left"></f7-link>
</f7-nav-left> </f7-nav-left>
<f7-nav-title sliding>ALVINN</f7-nav-title> <f7-nav-title sliding>A.L.V.I.N.N.</f7-nav-title>
<f7-nav-title-large>A.L.V.I.N.N.</f7-nav-title-large>
</f7-navbar> </f7-navbar>
<!-- Toolbar--> <!-- Toolbar-->
<f7-toolbar bottom> <f7-toolbar bottom>
@@ -14,9 +13,25 @@
<f7-link>Right Link</f7-link> <f7-link>Right Link</f7-link>
</f7-toolbar> </f7-toolbar>
<!-- Page content--> <!-- Page content-->
<f7-block> <div style="display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%;">
<p>Anatomy Lab Visual Identification Neural Network</p> <h2>Anatomy Lab Visual Identification Neural Network</h2>
</f7-block> <h4>Veterinary Anatomy Edition</h4>
<p>Select a region to begin</p>
<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-block-title>Navigation</f7-block-title>
<f7-list strong inset dividersIos> <f7-list strong inset dividersIos>
<f7-list-item link="/about/" title="About"></f7-list-item> <f7-list-item link="/about/" title="About"></f7-list-item>