mirror of
https://github.com/michivonah/click-guide.git
synced 2025-12-22 14:06:29 +01:00
61 lines
No EOL
2.9 KiB
HTML
61 lines
No EOL
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<title>Cl1ck Gu1de Editor</title>
|
|
<meta name="mobile-web-app-title" content="Cl1ck Gu1de Editor">
|
|
<meta name="apple-mobile-web-app-title" content="Cl1ck Gu1de Editor">
|
|
<meta charset="UTF-8">
|
|
<meta name="description" content="Cl1ck Gu1de Editor">
|
|
<meta name="author" content="Michi von Ah">
|
|
<meta name="robots" content="noindex">
|
|
<meta http-equiv="expires" content="43200">
|
|
|
|
<link id="favicon" rel="icon" type="image/png" href="../logo/logo-invert-quadratisch.png">
|
|
<link rel="shortcut icon" type="image/png" href="../logo/logo-invert-quadratisch.png">
|
|
<link rel="apple-touch-icon" href="../logo/logo-invert-quadratisch.png">
|
|
<link rel="apple-touch-icon" sizes="152x152" href="../logo/logo-invert-quadratisch.png">
|
|
<link rel="apple-touch-icon" sizes="180x180" href="../logo/logo-invert-quadratisch.png">
|
|
<link rel="apple-touch-icon" sizes="167x167" href="../logo/logo-invert-quadratisch.png">
|
|
|
|
<link rel="stylesheet" type="text/css" href="editor.css"/>
|
|
<script src="editor.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="content">
|
|
<div class="nav">
|
|
<img id="logo" class="logo" src="../logo/logo-invert.png" alt="Logo">
|
|
</div>
|
|
<div class="toolList editor">
|
|
<button id="importBtn" class="toolBtn">
|
|
<span class="material-symbols-outlined">upload_file</span>
|
|
<input id="file-import-input" type="file" accept=".json">
|
|
<p>Import</p>
|
|
</button>
|
|
<button id="exportBtn" class="toolBtn">
|
|
<span class="material-symbols-outlined">download</span>
|
|
<p>Export</p>
|
|
</button>
|
|
<button id="printBtn" class="toolBtn">
|
|
<span class="material-symbols-outlined">print</span>
|
|
<p>Print</p>
|
|
</button>
|
|
<button id="shareBtn" class="toolBtn">
|
|
<span class="material-symbols-outlined">share</span>
|
|
<p>Share link</p>
|
|
</button>
|
|
</div>
|
|
<div id="stepsContainer" class="stepsContainer">
|
|
<div class="guideSettings">
|
|
<div>
|
|
<h1 id="guideTitle" contenteditable="plaintext-only">Guide Title</h1>
|
|
<p id="guideDescription" contenteditable="plaintext-only">Description</p>
|
|
<p id="guideAuthor" contenteditable="plaintext-only">Author</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="guideTools editor">
|
|
<button id="addStepBtn"><span class="material-symbols-outlined">add</span>Add step</button>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |