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.
96 lines
7.6 KiB
HTML
96 lines
7.6 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="fa-regular fa-portal-exit"></i>
|
|
<span>Back to Website</span>
|
|
</a>
|
|
{{/if}}
|
|
<a href="/settings" class="link icon-only hapticbtn">
|
|
<i class="fa-regular fa-cog"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="fab fab-center-bottom" id="scan-barcode-fab">
|
|
<a href="#" onclick="openGenericBarcodeScanner()">
|
|
<svg version="1.1" viewBox="0 0 135.47 135.47" xmlns="http://www.w3.org/2000/svg"><path d="m7.7889 1.5896c-3.4235 0-6.2013 2.7778-6.2013 6.2013v28.939c0 3.4365 2.7778 6.2008 6.2013 6.2008 3.4235 0 6.2008-2.7643 6.2008-6.2008v-22.738h22.738c3.4365 0 6.2008-2.7773 6.2008-6.2008 0-3.4235-2.7643-6.2013-6.2008-6.2013zm90.954 0c-3.4365 0-6.2008 2.7778-6.2008 6.2013 0 3.4235 2.7643 6.2008 6.2008 6.2008h22.738v22.738c0 3.4365 2.7643 6.2008 6.2008 6.2008s6.2013-2.7643 6.2013-6.2008v-28.939c0-3.4235-2.7648-6.2013-6.2013-6.2013zm-63.538 24.747c-4.8995-1e-6 -8.871 4.1383-8.871 8.8715v17.742c0 5.0641 3.9715 8.8715 8.871 8.8715h17.743c4.8977 0 8.871-3.8075 8.871-8.8715v-17.742c0-4.7332-3.9733-8.8715-8.871-8.8715zm47.314 0c-4.8977-1e-6 -8.871 4.1383-8.871 8.8715v17.742c0 5.0641 3.9733 8.8715 8.871 8.8715h17.743c4.8978 0 8.871-3.8075 8.871-8.8715v-17.742c0-4.7332-3.9734-8.8715-8.871-8.8715zm-47.314 8.8715h17.743v17.742h-17.743zm47.314 0h17.743v17.742h-17.743zm-39.922 4.4355c-1.6338 0-2.9568 1.4968-2.9568 2.9568v2.9573c0 1.7927 1.323 2.9568 2.9568 2.9568h2.9573c1.6265 0 2.9568-1.1641 2.9568-2.9568v-2.9573c0-1.4601-1.3305-2.9568-2.9568-2.9568zm47.314 0c-1.6265 0-2.9573 1.4968-2.9573 2.9568v2.9568c0 1.7927 1.331 2.9573 2.9573 2.9573h2.9568c1.6264 0 2.9568-1.1646 2.9568-2.9573v-2.9568c0-1.4601-1.3305-2.9568-2.9568-2.9568zm-16.264 34.005v35.486h11.828v-17.742h5.9142v5.9142h17.742v-23.658h-5.9142v5.9142h-11.828v-5.9142zm-38.442 0.0011c-4.8995 0-8.8715 4.1402-8.8715 8.8715v17.742c0 5.0641 3.972 8.8715 8.8715 8.8715h17.742c4.8977 0 8.8715-3.8074 8.8715-8.8715v-17.742c0-4.7313-3.9739-8.8715-8.8715-8.8715zm0 8.8715h17.742v17.742h-17.742zm7.3923 4.4355c-1.6338 0-2.9568 1.4968-2.9568 2.9568v2.9573c0 1.7927 1.323 2.9568 2.9568 2.9568h2.9573c1.6265 0 2.9568-1.1641 2.9568-2.9568v-2.9573c0-1.46-1.3305-2.9568-2.9568-2.9568zm-34.809 5.583c-3.4235 0-6.2013 2.7648-6.2013 6.2013v28.939c0 3.4365 2.7778 6.2008 6.2013 6.2008h28.939c3.4365-1e-5 6.2008-2.7643 6.2008-6.2008 0-3.4365-2.7643-6.2013-6.2008-6.2013h-22.738v-22.737c0-3.4365-2.7773-6.2013-6.2008-6.2013zm119.89 0c-3.4365 0-6.2013 2.7648-6.2013 6.2013v22.737h-22.737c-3.4365 0-6.2013 2.7648-6.2013 6.2013 0 3.4365 2.7648 6.2008 6.2013 6.2008h28.939c3.4365-1e-5 6.2008-2.7643 6.2008-6.2008v-28.939c0-3.4365-2.7643-6.2013-6.2008-6.2013zm-36.288 10.681v5.9142h5.9142v-5.9142zm11.828 0v5.9142h5.9142v-5.9142z" stroke-width=".26458"/></svg>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="toolbar toolbar-bottom" id="home-page-tabbar">
|
|
<div class="toolbar-inner">
|
|
<a class="link margin-right-half" href="tel:14063898988"><i class="fa-duotone fa-phone-arrow-up-right fa-swap-opacity fa-lg"></i></a>
|
|
<a class="link margin-left-half" href="sms:14063898988"><i class="fa-duotone fa-messages fa-swap-opacity fa-lg"></i></a>
|
|
<img id="home-page-tabbar-logo" src="assets/images/companylogo.svg" alt="" class="padding-half drop-shadow" />
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content noselect">
|
|
<div class="row justify-content-center margin-top margin-bottom">
|
|
<div class="col-100 medium-90 xlarge-75">
|
|
<div class="row justify-content-center align-items-stretch">
|
|
{{#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="fa-duotone 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 align-items-stretch">
|
|
<div class="col-50 small-100">
|
|
<div class="card hapticbtn pointercursor margin-h-half homepage-card display-flex justify-content-center align-items-center" onclick="router.navigate('/track');">
|
|
<div class="card-content padding-half display-flex justify-content-center align-items-center">
|
|
<h2 class="no-margin"><i class="fa-duotone fa-search"></i></h2>
|
|
<span style="font-weight: 700; margin-left: 1em;">Track a Package</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-50 small-100">
|
|
<div class="card hapticbtn pointercursor margin-h-half homepage-card display-flex justify-content-center align-items-center" onclick="router.navigate('/rates');">
|
|
<div class="card-content padding-half display-flex justify-content-center align-items-center">
|
|
<h2 class="no-margin"><i class="fa-duotone fa-calculator"></i></h2>
|
|
<span style="font-weight: 700; margin-left: 1em;">Get 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 homepage-card" 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> |