zine_studio/index.html at main · hunterirving/zine_studio · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, viewport-fit=cover">
	<title>zine studio</title>
	<link rel="stylesheet" href="resources/editor.css">
	<script type="module">
		import {EditorView, keymap, placeholder, lineNumbers, Decoration, EditorState, Compartment, defaultKeymap, indentWithTab, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, autocompletion, acceptCompletion, completionKeymap, completionStatus, currentCompletions, selectedCompletionIndex, startCompletion, closeCompletion, moveCompletionSelection, setSelectedCompletion, html, githubDark, indentUnit, search, searchKeymap, closeSearchPanel, openSearchPanel} from "./resources/codemirror-bundle.js"
		window.CodeMirror = {EditorView, EditorState, Compartment, keymap, defaultKeymap, indentWithTab, html, githubDark, indentUnit, placeholder, undo, redo, undoDepth, redoDepth, history, historyKeymap, closeBrackets, closeBracketsKeymap, autocompletion, acceptCompletion, completionKeymap, completionStatus, currentCompletions, selectedCompletionIndex, startCompletion, closeCompletion, moveCompletionSelection, setSelectedCompletion, search, searchKeymap, closeSearchPanel, openSearchPanel, lineNumbers, Decoration};
	</script>
</head>
<body>
	<div class="editor-pane">
		<div id="editor"></div>
	</div>
	<div class="preview-pane">
		<iframe id="preview"></iframe>
		<div class="spread-nav">
			<button id="prevSpread" title="Previous spread" disabled>&larr;</button>
			<span id="spreadIndicator">Cover</span>
			<button id="nextSpread" title="Next spread">&rarr;</button>
		</div>
	</div>
	<script type="module" src="resources/editor.js"></script>
</body>
</html>