141 lines
5 KiB
HTML
141 lines
5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Tunic Manual Translation</title>
|
|
<link rel="stylesheet" href="res/styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="page">
|
|
<img alt="No page loaded" />
|
|
<div class="word">
|
|
<span class="word-meaning"></span>
|
|
<button class="remove">x</button>
|
|
</div>
|
|
<div class="symbol">
|
|
<button class="remove">x</button>
|
|
</div>
|
|
<div class="link">
|
|
<button class="remove">x</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="nav" class="ui">
|
|
<div class="section">
|
|
<button id="prev_page" class="button" title="Shortcut: LEFT"><</button>
|
|
<select id="page_select" class="button">
|
|
<option>TEMPLATE</option>
|
|
</select>
|
|
<button id="next_page" class="button" title="Shortcut: RIGHT">></button>
|
|
<button id="go_to_toc" class="button" title="Shortcut: I">Go to ToC</button>
|
|
</div>
|
|
<hr/>
|
|
<div class="section">
|
|
<button id="mode_view" class="button" title="Shortcut: V">View</button>
|
|
<button id="mode_word" class="button" title="Shortcut: W">Words</button>
|
|
<button id="mode_symbol" class="button" title="Shortcut: S">Symbols</button>
|
|
<button id="mode_link" class="button" title="Shortcut: L">Links</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="props_word" class="ui hidden">
|
|
<div class="section">
|
|
<span class="center">Word</span>
|
|
</div>
|
|
<hr/>
|
|
<div class="section">
|
|
<div class="word-symbols">
|
|
<svg viewBox="0 0 24 42" data-symbol="">
|
|
<g fill="none" stroke="#0000" stroke-linecap="round">
|
|
<path class="word_outer_top_left" d="M 3,9 12,3" />
|
|
<path class="word_outer_top_right" d="m 12,3 9,6" />
|
|
<path class="word_outer_left" d="m 3,21 v 6 M 3,9 v 9" />
|
|
<path class="word_outer_bottom_left" d="m 3,27 9,6" />
|
|
<path class="word_outer_bottom_right" d="m 12,33 9,-6" />
|
|
<path class="word_inner_top_left" d="m 3,9 9,6" />
|
|
<path class="word_inner_top_middle" d="M 12,3 V 18" />
|
|
<path class="word_inner_top_right" d="M 12,15 21,9" />
|
|
<path class="word_inner_bottom_left" d="m 3,27 9,-6" />
|
|
<path class="word_inner_bottom_middle" d="m 12,15 v 3 m 0,3 v 12" />
|
|
<path class="word_inner_bottom_right" d="m 12,21 9,6" />
|
|
<circle class="word_circle" cx="12" cy="36.2" r="2.8" />
|
|
<path class="word_middle_line" d="M 3,18 H 21" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
</div>
|
|
<label class="spacing section">
|
|
Meaning:
|
|
<input id="word_meaning" class="button"/>
|
|
</label>
|
|
<label class="spacing section">
|
|
Suffix:
|
|
<input id="word_suffix_meaning" class="button" />
|
|
<input id="word_suffix_length" type="number" class="button" value="0" min="0" max="99" />
|
|
</label>
|
|
<textarea id="word_notes" class="button spacing section" placeholder="Notes"></textarea>
|
|
</div>
|
|
|
|
<div id="props_symbol" class="ui hidden">
|
|
<div class="section">
|
|
<span class="center">Symbol</span>
|
|
</div>
|
|
<hr/>
|
|
<div class="section">
|
|
<svg class="symbol-editor" viewBox="0 0 24 42">
|
|
<g fill="none" stroke="#282828" stroke-width="2" stroke-linecap="round">
|
|
<path d="M 3,9 12,3" />
|
|
<path d="m 12,3 9,6" />
|
|
<path d="m 3,21 v 6 M 3,9 v 9" />
|
|
<path d="m 3,27 9,6" />
|
|
<path d="m 12,33 9,-6" />
|
|
<path d="m 3,9 9,6" />
|
|
<path d="M 12,3 V 18" />
|
|
<path d="M 12,15 21,9" />
|
|
<path d="m 3,27 9,-6" />
|
|
<path d="m 12,15 v 3 m 0,3 v 12" />
|
|
<path d="m 12,21 9,6" />
|
|
<circle cx="12" cy="36.2" r="2.8" />
|
|
</g>
|
|
<g fill="none" stroke="#0000" stroke-width="2" stroke-linecap="round">
|
|
<path id="outer_top_left" d="M 3,9 12,3" />
|
|
<path id="outer_top_right" d="m 12,3 9,6" />
|
|
<path id="outer_left" d="m 3,21 v 6 M 3,9 v 9" />
|
|
<path id="outer_bottom_left" d="m 3,27 9,6" />
|
|
<path id="outer_bottom_right" d="m 12,33 9,-6" />
|
|
<path id="inner_top_left" d="m 3,9 9,6" />
|
|
<path id="inner_top_middle" d="M 12,3 V 18" />
|
|
<path id="inner_top_right" d="M 12,15 21,9" />
|
|
<path id="inner_bottom_left" d="m 3,27 9,-6" />
|
|
<path id="inner_bottom_middle" d="m 12,15 v 3 m 0,3 v 12" />
|
|
<path id="inner_bottom_right" d="m 12,21 9,6" />
|
|
<circle id="circle" cx="12" cy="36.2" r="2.8" />
|
|
<path d="M 3,18 H 21" class="active" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<hr/>
|
|
<div class="section">
|
|
<div id="symbol_preview"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="props_link" class="ui hidden">
|
|
<div class="section">
|
|
<span class="center">Link</span>
|
|
</div>
|
|
<hr/>
|
|
<div class="section">
|
|
<label class="section">
|
|
Ref:
|
|
<select id="link_ref_select" class="button">
|
|
<option>TEMPLATE</option>
|
|
</select>
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="res/script.js"></script>
|
|
</body>
|
|
</html>
|