You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
HelenaExpressApp/www/pages/home.html

82 lines
4.3 KiB
HTML

<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<div class="page" data-name="home">
<div class="navbar">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="title">{{js "SETTINGS.branding.apptitle"}}</div>
<div class="right">
{{#if escapehatch}}
<a href="https://helena.express" class="link external">
<i class="fal fa-portal-exit"></i>
<span>Back to Website</span>
</a>
{{/if}}
<a href="/settings" class="link icon-only hapticbtn">
<i class="fal fa-cog"></i>
</a>
</div>
</div>
</div>
<div class="page-content noselect">
<div class="row justify-content-center margin-top">
<div class="col-100 medium-90 xlarge-75">
<div class="row justify-content-center">
{{#if accountsetup}}{{else}}
<div class="col-100 small-33 large-25 no-margin" id="finishaccountsetupnag">
<div class="card hapticbtn pointercursor" onclick="router.navigate('/account');">
<div class="card-content text-align-center padding-half">
<h1 class="no-margin"><i class="fad fa-user-check"></i></h1>
<br />
<span style="font-weight: 700;">Finish Account Setup</span>
<br />
<span>You need to set up an account to use some services
and earn rewards points. It only takes a minute,
<span class="clicktext">click</span><span class="taptext">tap</span>
here to get started!</span>
</div>
</div>
</div>
{{/if}}
<div class="col-100 small-33 large-25 no-margin">
<div class="row justify-content-center">
<div class="col-50 small-100">
<div class="card hapticbtn pointercursor margin-h-half" onclick="router.navigate('/track');">
<div class="card-content padding-half display-flex justify-content-center align-items-center">
<h2 class="no-margin"><i class="fad fa-search"></i></h2>
<span style="font-weight: 700; margin-left: 1em;">Track Package</span>
</div>
</div>
</div>
<div class="col-50 small-100">
<div class="card hapticbtn pointercursor margin-h-half" onclick="router.navigate('/rates');">
<div class="card-content padding-half display-flex justify-content-center align-items-center">
<h2 class="no-margin"><i class="fad fa-calculator"></i></h2>
<span style="font-weight: 700; margin-left: 1em;">Shipping Rates</span>
</div>
</div>
</div>
</div>
</div>
{{#each pages}}
<div class="col-50 small-33 large-25 no-margin">
<div class="card hapticbtn pointercursor" onclick="router.navigate('{{href}}');">
<div class="card-content text-align-center padding-half">
<h1 class="no-margin"><i class="{{icon}}"></i></h1>
<br />
<span style="font-weight: 700;">{{title}}</span>
<br />
<span>{{text}}</span>
</div>
</div>
</div>
{{/each}}
</div>
</div>
</div>
</div>
</div>