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.
109 lines
4.1 KiB
HTML
109 lines
4.1 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">NotePost</div>
|
|
|
|
<div class="right">
|
|
<a class="link icon-only searchbar-enable" data-searchbar="#searchbar">
|
|
<i class="icon f7-icons ios-only">search_strong</i>
|
|
<i class="icon material-icons md-only">search</i>
|
|
</a>
|
|
<a href="#" class="link icon-only" onclick="app.ptr.refresh()">
|
|
<i class="material-icons">refresh</i>
|
|
</a>
|
|
<a href="/settings" class="link icon-only">
|
|
<i class="material-icons">settings</i>
|
|
</a>
|
|
</div>
|
|
|
|
<form class="searchbar searchbar-expandable searchbar-init" id="searchbar">
|
|
<div class="searchbar-inner">
|
|
<div class="searchbar-input-wrap">
|
|
<input type="search" placeholder="Search" id="searchbar-input"/>
|
|
<i class="searchbar-icon"></i>
|
|
<span class="input-clear-button"></span>
|
|
</div>
|
|
<span class="searchbar-disable-button">Cancel</span>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="page-content ptr-content">
|
|
|
|
<div class="ptr-preloader">
|
|
<div class="preloader"></div>
|
|
<div class="ptr-arrow"></div>
|
|
</div>
|
|
|
|
<div id="home-loading-progressbar" class="block justify-content-center align-content-center align-items-center" style="height: calc(70vh - var(--f7-navbar-height)); display: flex;">
|
|
<p class="text-align-center">
|
|
<span class="progressbar-infinite" style="width: 30vw; max-width: 20em;"></span>
|
|
<br />
|
|
Loading...
|
|
</p>
|
|
</div>
|
|
|
|
<div class="row notecards-row" id="notecards-bin">
|
|
<div class="col-100 medium-50 large-33" style="visibility: hidden;" id="notecard-col-sizer">
|
|
</div>
|
|
<div class="col-100 medium-50 large-33 grid-item" style="display: none;" id="offline-indicator">
|
|
<div class="card">
|
|
<div class="card-content card-content-padding text-align-center text-color-gray">
|
|
<div><i class="material-icons" style="font-size: 40pt;">cloud_off</i></div>
|
|
Offline
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Make sure the bottom note won't be blocked by the floating button -->
|
|
<div id="bottomspacer" style="height: 80px;"></div>
|
|
|
|
</div>
|
|
|
|
<div class="fab fab-right-bottom">
|
|
<a href="/editor">
|
|
<i class="material-icons">add</i>
|
|
</a>
|
|
</div>
|
|
|
|
<div class="popup" id="colorpicker">
|
|
<div class="navbar">
|
|
<div class="navbar-inner">
|
|
<div class="title">Set Color</div>
|
|
|
|
<div class="right">
|
|
<a href="#" class="link icon-only popup-close">
|
|
<i class="material-icons">close</i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="block">
|
|
<div style="display: flex; justify-content: center; flex-wrap: wrap;">
|
|
{{#each colors}}
|
|
<div class="card colorpicker-color" style="background-color: #{{this}}; height: 3em; width: 3em; cursor: pointer;" data-color="{{this}}">
|
|
|
|
</div>
|
|
{{/each}}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
window.shuffleInstance = new window.Shuffle(document.getElementById('notecards-bin'), {
|
|
itemSelector: '.grid-item',
|
|
sizer: '#notecard-col-sizer'
|
|
});
|
|
|
|
loadCards();
|
|
</script>
|
|
|
|
</div> |