mirror of
https://github.com/zoldar/jenot.git
synced 2026-01-05 07:02:55 +00:00
78 lines
2.3 KiB
HTML
78 lines
2.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Jenot</title>
|
|
<link rel="stylesheet" href="/style.css" />
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="/img/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="/img/favicon-32x32.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="/img/favicon-16x16.png"
|
|
/>
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
<script type="module" src="/js/jenot.js" defer></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="content">
|
|
<h1>Jenot</h1>
|
|
|
|
<note-form id="new-note">
|
|
<div class="note">
|
|
<p class="content">
|
|
</p>
|
|
<div class="toolbar">
|
|
<button class="tasklist-mode">☑️</button>
|
|
<button class="note-mode">📑</button>
|
|
<button class="remove">🗑️</button>
|
|
</div>
|
|
</div>
|
|
</note-form>
|
|
|
|
<div class="note">
|
|
<editable-area>example note</editable-area>
|
|
</div>
|
|
|
|
<div class="note">
|
|
<task-list>
|
|
<ul>
|
|
<li draggable="true">
|
|
<task-list-item checked>one</task-list-item>
|
|
</li>
|
|
<li draggable="true"><task-list-item>two</task-list-item></li>
|
|
<li draggable="true"><task-list-item>three</task-list-item></li>
|
|
<li draggable="true"><task-list-item>four</task-list-item></li>
|
|
<li draggable="true"><task-list-item>five</task-list-item></li>
|
|
<li draggable="true"><task-list-item>six</task-list-item></li>
|
|
<li draggable="true"><task-list-item>seven</task-list-item></li>
|
|
<li draggable="true"><task-list-item>eight</task-list-item></li>
|
|
<li draggable="true"><task-list-item>nine</task-list-item></li>
|
|
<li draggable="true"><task-list-item>ten</task-list-item></li>
|
|
</ul>
|
|
</task-list>
|
|
</div>
|
|
|
|
<div id="notes"></div>
|
|
</div>
|
|
|
|
<template id="task-list-item">
|
|
<div class="handle"><button>||</button></div>
|
|
<div class="checkbox"><input type="checkbox" /></div>
|
|
<editable-area></editable-area>
|
|
<div class="remove"><button>X</button></div>
|
|
</template>
|
|
</body>
|
|
</html>
|