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.

93 lines
3.6 KiB
HTML

<!--
Copyright 2020 Netsyms Technologies.
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 tabbed" data-name="discover">
<div class="navbar no-tablet">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<!-- <div class="left">
<a class="link" onclick="router.back({force: true, ignoreCache: true})">
<i class="icon icon-back"></i>
<span class="if-not-md">Back</span>
</a>
</div> -->
<div class="title">Lecte</div>
</div>
</div>
<div class="toolbar tabbar toolbar-top">
<div class="toolbar-inner">
<a href="#ranking-tab" class="tab-link tab-link-active">Top</a>
<a href="#map-tab" id="map-tab-link" class="tab-link">Map</a>
</div>
</div>
<div class="toolbar toolbar-bottom">
<div class="toolbar-inner">
<a href="#tab-1" class="tab-link tab-link-active">
<!-- Different icons for iOS and MD themes -->
<i class="icon f7-icons if-not-md">list_number</i>
<i class="icon material-icons md-only">poll</i>
<!-- Label text -->
<span class="tabbar-label">Rankings</span>
</a>
<a href="#tab-2" class="tab-link">
<i class="icon f7-icons if-not-md">today_fill<span class="badge color-red">5</span></i>
<i class="icon material-icons md-only">today<span class="badge color-red">5</span></i>
<span class="tabbar-label">Calendar</span>
</a>
<a href="#tab-3" class="tab-link">
<i class="icon f7-icons if-not-md">cloud_fill</i>
<i class="icon material-icons md-only">file_upload</i>
<span class="tabbar-label">Upload</span>
</a>
</div>
</div>
{{#if nottablet}}
<div class="tabs-swipeable-wrap">
{{/if}}
<div class="tabs">
<div id="ranking-tab" class="tab tab-active tab-33">
<div class="navbar only-tablet">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="left">
<a class="link" onclick="router.back({force: true, ignoreCache: true})">
<i class="icon icon-back"></i>
<span class="if-not-md">Back</span>
</a>
</div>
<div class="title">Ranking</div>
</div>
</div>
<div class="page-content row justify-content-center margin-top-tablet padding-bottom-tablet">
<div class="list no-margin-top col-100 medium-80 large-50 elevation-tablet">
<ul>
</ul>
</div>
</div>
</div>
<div id="map-tab" class="page-content tab tab-67">
<div class="navbar only-tablet">
<div class="navbar-bg"></div>
<div class="navbar-inner">
<div class="title">Nearby</div>
</div>
</div>
<div id="mapbox"></div>
</div>
</div>
{{#if nottablet}}
</div>
{{/if}}
<script src="assets/js/discover.js"></script>
</div>