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.
NotePostApp/www/pages/home.html

57 lines
1.9 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-inner">
<div class="title">NotePost</div>
<div class="right">
{{#if showrefreshbtn}}
<a href="#" class="link icon-only" onclick="app.ptr.refresh()">
<i class="material-icons">refresh</i>
</a>
{{/if}}
<a href="/settings" class="link icon-only">
<i class="material-icons">settings</i>
</a>
</div>
</div>
</div>
<div class="page-content ptr-content">
<div class="ptr-preloader">
<div class="preloader"></div>
<div class="ptr-arrow"></div>
</div>
<div class="row notecards-row" id="notecards-bin">
{{#each notecards}}
<div class="col-100 tablet-50 desktop-33 notecard-col">
<div class="card notecard" id="notecard-{{id}}" data-id="{{id}}" data-bg="{{color}}" data-fg="{{textcolor}}" style="background-color: #{{color}}; color: #{{textcolor}};">
<div class="menubtn">
<i class="material-icons">more_vert</i>
</div>
<div class="card-content card-content-padding">{{html}}</div>
</div>
</div>
{{/each}}
</div>
</div>
<div class="fab fab-right-bottom">
<a href="/editnote">
<i class="material-icons">add</i>
</a>
</div>
<script>
window.shuffleInstance = new window.Shuffle(document.getElementById('notecards-bin'), {
itemSelector: '.notecard-col'
});
</script>
</div>