stuff
parent
1d3570ffd3
commit
113f2d4d08
@ -0,0 +1,27 @@
|
||||
/*
|
||||
* 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/.
|
||||
*/
|
||||
|
||||
function setTabSwipable() {
|
||||
var page = $(".page[data-name=discover]");
|
||||
|
||||
// If the page has grown larger, refresh to disable swiping tabs
|
||||
if (page.width() >= 768 && $(".tabs-swipeable-wrap")[0]) {
|
||||
router.refreshPage();
|
||||
} else if (page.width() < 768 && !$(".tabs-swipeable-wrap")[0]) {
|
||||
router.refreshPage();
|
||||
}
|
||||
}
|
||||
|
||||
$(window).on('resize', setTabSwipable);
|
||||
|
||||
setTabSwipable();
|
||||
|
||||
// Adjust the map when opening its tab
|
||||
$(".view-main").on("click", ".tab-link#map-tab-link", function () {
|
||||
var center = map.getCenter();
|
||||
map.resize();
|
||||
map.setCenter(center);
|
||||
});
|
@ -0,0 +1,47 @@
|
||||
<!-- 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="main">
|
||||
|
||||
<div class="navbar">
|
||||
<div class="navbar-bg"></div>
|
||||
<div class="navbar-inner">
|
||||
<div class="title">Lecte</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="toolbar tabbar tabbar-labels toolbar-bottom">
|
||||
<div class="toolbar-inner">
|
||||
<a href="/" data-route-tab-id="ranking-tab" class="tab-link">
|
||||
<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">Ranking</span>
|
||||
</a>
|
||||
<a href="/map" data-route-tab-id="map-tab" class="tab-link">
|
||||
<i class="icon f7-icons if-not-md">location</i>
|
||||
<i class="icon material-icons md-only">near_me</i>
|
||||
<span class="tabbar-label">Map</span>
|
||||
</a>
|
||||
<a href="/myprofile" data-route-tab-id="myprofile-tab" class="tab-link">
|
||||
<i class="icon f7-icons if-not-md">person_circle</i>
|
||||
<i class="icon material-icons md-only">account_circle</i>
|
||||
<span class="tabbar-label">Profile</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="tabs tabs-routable">
|
||||
<div class="tab page-content" id="ranking-tab"></div>
|
||||
<div class="tab page-content" id="map-tab"></div>
|
||||
<div class="tab page-content" id="myprofile-tab"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
$("#map-tab").on("tab:mounted", function () {
|
||||
reloadMap();
|
||||
});
|
||||
</script>
|
||||
|
||||
</div>
|
@ -0,0 +1,3 @@
|
||||
<div class="card">
|
||||
<div class="card-content card-content-padding"></div>
|
||||
</div>
|
@ -0,0 +1,4 @@
|
||||
<div id="mapbox"></div>
|
||||
<script>
|
||||
reloadMap();
|
||||
</script>
|
@ -0,0 +1,131 @@
|
||||
<div class="row">
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-100 medium-50 large-33">
|
||||
<div class="card">
|
||||
<div class="card-content row no-gap align-items-stretch">
|
||||
<div class="col-15 small-10 display-flex justify-content-center align-items-center">
|
||||
<div style="font-size: 140%; color: rgba(0,0,0,0.5);">+1</div>
|
||||
</div>
|
||||
<div class="col-85 small-90 padding" style="border-left: 1px solid rgba(0,0,0,0.1);">
|
||||
wre ghre iog
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
@ -0,0 +1,9 @@
|
||||
<!-- 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="list no-margin-top col-100 medium-80 large-50 elevation-tablet">
|
||||
<ul>
|
||||
<li>grfklg renkgjedn gkerth</li>
|
||||
</ul>
|
||||
</div>
|
Loading…
Reference in New Issue