52 lines
1.7 KiB
HTML
52 lines
1.7 KiB
HTML
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script src="input.js" defer></script>
|
|
<title>lyGEN</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<header>
|
|
<h1 class="movingGradient">lyGEN</h1>
|
|
<div id="headerOptions">
|
|
<p class="movingGradient">
|
|
<a id="new">New</a> -
|
|
<a id="export">Export</a> -
|
|
<a id="import">Import</a> -
|
|
<a id="copy">Copy result</a> -
|
|
<a id="optinsbtn" onclick="togglePopup('#options')">Options</a> -
|
|
<a id="optinsbtn" onclick="togglePopup('#preview')">Preview</a>
|
|
</p>
|
|
<p id="project"></p>
|
|
</div>
|
|
</header>
|
|
<div id="inputBox"></div>
|
|
</main>
|
|
<aside class="closed" id="options">
|
|
<h2>Options</h2>
|
|
<div id="settingsOptions">
|
|
<div id="newVariation">
|
|
<h3>New variation</h3>
|
|
<p>Name</p>
|
|
<input type="text" id="newVname">
|
|
<p>Content</p>
|
|
<textarea style="resize: vertical; height: 20em;" type="text" name="" id="newVtext"></textarea>
|
|
<p>Color</p>
|
|
<input type="color" name="" id="newVcolor">
|
|
<p>Text color</p>
|
|
<input type="color" name="" id="newVtcolor">
|
|
<button id="newVadd">Add</button>
|
|
</div>
|
|
|
|
<div id="variations"></div>
|
|
</div>
|
|
</aside>
|
|
|
|
<aside class="closed" id="Preview">
|
|
<h2>Preview</h2>
|
|
<div id="previewTextBox"></div>
|
|
</aside>
|
|
</body>
|
|
</html>
|