Skip to content
Permalink
Branch: master
Find file Copy path
Find file Copy path
Fetching contributors…
Cannot retrieve contributors at this time
505 lines (503 sloc) 31 KB
<!DOCTYPE html>
<html lang="en">
<head>
<meta name="viewport" charset="UTF-8" content="width=device-width"/>
<title>New document</title>
<link rel="stylesheet" href="assets/css/animate.css">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/bootstrap-select.min.css">
<link rel="stylesheet" href="assets/css/codemirror.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/modal.css">
<link rel="stylesheet" href="assets/css/notification.css">
<link rel="stylesheet" href="assets/css/commandPalette.css">
<link id="profileTag" rel="stylesheet" href="assets/css/preview/default.css">
<link rel="stylesheet" href="assets/fonts/FontAwesome/fontawesome.min.css">
<link rel="stylesheet" href="assets/fonts/Metro-Icons/metro-icons.min.css">
<link rel="stylesheet" href="assets/fonts/Lora/lora.css">
<link rel="stylesheet" href="assets/fonts/Open-Sans/open-sans.css">
<link rel="stylesheet" href="assets/fonts/Source-Code-Pro/source-code-pro.css">
<link rel="stylesheet" href="assets/fonts/katex.min.css">
<link rel="stylesheet" href="assets/css/dialog.css">
<link rel="stylesheet" href="assets/css/scrollbar.css">
<link rel="stylesheet" href="assets/css/export-pdf.css">
<link rel="stylesheet" href="assets/fonts/window-buttons.css">
<script src="node_modules/codemirror/lib/codemirror.js"></script>
<script src="node_modules/codemirror/mode/markdown/markdown.js"></script>
<script src="node_modules/codemirror/mode/gfm/gfm.js"></script>
<script src="node_modules/codemirror/addon/mode/simple.js"></script>
<script src="node_modules/codemirror/mode/xml/xml.js"></script>
<script src="node_modules/codemirror/mode/css/css.js"></script>
<script src="node_modules/codemirror/mode/clike/clike.js"></script>
<script src="node_modules/codemirror/mode/haml/haml.js"></script>
<script src="node_modules/codemirror/mode/htmlmixed/htmlmixed.js"></script>
<script src="node_modules/codemirror/mode/yaml/yaml.js"></script>
<script src="node_modules/codemirror/mode/yaml-frontmatter/yaml-frontmatter.js"></script>
<script src="node_modules/codemirror/mode/javascript/javascript.js"></script>
<script src="node_modules/codemirror/mode/jsx/jsx.js"></script>
<script src="node_modules/codemirror/mode/stex/stex.js"></script>
<script src="node_modules/codemirror/mode/meta.js"></script>
<script src="node_modules/codemirror/addon/mode/overlay.js"></script>
<script src="node_modules/codemirror/addon/mode/multiplex.js"></script>
<script src="node_modules/codemirror/addon/dialog/dialog.js"></script>
<script src="node_modules/codemirror/addon/fold/xml-fold.js"></script>
<script src="node_modules/codemirror/addon/edit/closebrackets.js"></script>
<script src="node_modules/codemirror/addon/edit/closetag.js"></script>
<script src="node_modules/codemirror/addon/edit/matchbrackets.js"></script>
<script src="node_modules/codemirror/addon/edit/matchtags.js"></script>
<script src="node_modules/codemirror/addon/edit/continuelist.js"></script>
<script src="node_modules/codemirror/addon/edit/trailingspace.js"></script>
<script src="node_modules/codemirror/addon/fold/markdown-fold.js"></script>
<script src="node_modules/codemirror/addon/selection/active-line.js"></script>
<script src="node_modules/codemirror/addon/search/matchesonscrollbar.js"></script>
<script src="node_modules/codemirror/addon/search/match-highlighter.js"></script>
<script src="node_modules/codemirror/addon/scroll/simplescrollbars.js"></script>
<script src="node_modules/codemirror/addon/scroll/annotatescrollbar.js"></script>
</head>
<body id="body" class="container-fluid" style="resize: both">
<div id="draggable" style="-webkit-app-region:drag"></div>
<div id="menuToggle">
<button id="menuButton" onclick="toggleToolbar()"><span class="mif-menu"></span></button>
</div>
<div class="window-controls">
<ul class="window-buttons">
<li id="close" class="closer">
<i class="material-icons">close</i>
</li>
<li id="minimize" class="minimizer">
<i class="material-icons">remove</i>
</li>
<li id="maximize" class="maximizer">
<i class="material-icons">crop_square</i>
</li>
</ul>
</div>
<div id="metacity">
<button id="close" class="window-button" style="cursor: pointer;"><img class="active" src="assets/img/buttons/close_active.png" alt="Close"/><img class="hover" src="assets/img/buttons/close_hover.png" alt="Close"/><img class="inactive" src="assets/img/buttons/close.png" alt="Close"/></button>
<button id="maximize" class="window-button" style="cursor: pointer;"><img class="active" src="assets/img/buttons/max_active.png" alt="Maximize" onclick="toggleMaximize();"/><img class="hover" src="assets/img/buttons/max_hover.png" alt="Maximize"/><img class="inactive" src="assets/img/buttons/max.png" alt="Maximize" onclick="toggleMaximize();"/></button>
<button id="minimize" class="window-button" style="cursor: pointer;"><img class="active" src="assets/img/buttons/min_active.png" alt="Minimize"/><img class="hover" src="assets/img/buttons/min_hover.png" alt="Minimize"/><img class="inactive" src="assets/img/buttons/min.png" alt="Minimize"/></button>
</div>
<div id="appMenu" class="hidden slideDownIn animated">
<span id="menuTitle"></span>
<!-- File -->
<div class="btn-group">
<button id="fileMenu-button" class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">File</button>
<ul id="fileMenu" class="dropdown-menu">
<li tabindex="-1" href="#" onclick="main.createWindow();"><a class="dropdown-item">New</a><span>Ctrl + N</span></li>
<li tabindex="-1" href="#" onclick="openFile();"><a class="dropdown-item">Open</a><span>Ctrl + O</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="saveFile();"><a class="dropdown-item">Save</a><span>Ctrl + S</span></li>
<li tabindex="-1" href="#" onclick="saveFileAs();"><a class="dropdown-item">Save As</a><span>Ctrl + Shift + S</span></li>
<li tabindex="-1" href="#" onclick="exportToPDF();"><a class="dropdown-item">Export to PDF</a></li>
<li tabindex="-1" href="#" onclick="exportToHTML();"><a class="dropdown-item">Export to HTML</a></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="shell.showItemInFolder(currentFile);"><a class="dropdown-item">Show in File Explorer</a></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="toggleSettingsMenu();"><a class="dropdown-item">Settings</a><span>Ctrl + ,</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="closeWindow(this)"><a class="dropdown-item">Close</a><span>Ctrl + Q</span></li>
</ul>
</div>
<!-- Edit -->
<div class="btn-group">
<button id="editMenu-button" class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Edit</button>
<ul id="editMenu" class="dropdown-menu">
<li tabindex="-1" href="#" onclick="cm.execCommand('undo');"><a class="dropdown-item">Undo</a><span>Ctrl + Z</span></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('redo');"><a class="dropdown-item">Redo</a><span>Ctrl + Shift + Z</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('cut');"><a class="dropdown-item">Cut</a><span>Ctrl + X</span></li>
<li tabindex="-1" href="#" onclick="copySelected();"><a class="dropdown-item">Copy</a><span>Ctrl + C</span></li>
<li tabindex="-1" href="#" onclick="pasteSelected();"><a class="dropdown-item">Paste</a><span>Ctrl + V</span></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('selectAll');"><a class="dropdown-item">Select All</a><span>Ctrl + A</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="toggleSearch('find');"><a class="dropdown-item">Find</a><span>Ctrl + F</span></li>
<li tabindex="-1" href="#" onclick="toggleSearch('replace');"><a class="dropdown-item">Replace</a><span>Ctrl + Shift + F</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('indentAuto');"><a class="dropdown-item">Auto-Indent</a><span>Ctrl + Shift + A</span></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('indentLess');"><a class="dropdown-item">Indent Left</a><span>Ctrl + Left</span></li>
<li tabindex="-1" href="#" onclick="cm.execCommand('indentMore');"><a class="dropdown-item">Indent Right</a><span>Ctrl + Right</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="toggleComment();"><a class="dropdown-item">Toggle Comment</a><span>Ctrl + /</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="insertFrontMatter();"><a class="dropdown-item">Insert YAML-frontmatter</a></li>
</ul>
</div>
<!-- View -->
<div class="btn-group">
<button id="viewMenu-button" class="btn dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">View</button>
<ul id="viewMenu" class="dropdown-menu">
<li tabindex="-1" href="#" onclick="reloadWin()"><a class="dropdown-item">Reload</a><span>Ctrl + R</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="toggleMenu();"><a class="dropdown-item">Toggle Menu</a><span>Ctrl + M</span></li>
<li tabindex="-1" href="#" onclick="toggleToolbar();"><a class="dropdown-item">Toggle Toolbar</a><span>Ctrl + .</span></li>
<li tabindex="-1" href="#" onclick="togglePreview();"><a class="dropdown-item">Toggle Preview</a><span>Ctrl + P</span></li>
<li tabindex="-1" href="#" onclick="toggleMaximize();"><a class="dropdown-item">Toggle Full Screen</a><span>F11</span></li>
<li class="dropdown-divider"></li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" data-toggle="dropdown" class="dropdown-item">Themes <span class="caret"></span></a>
<ul id="themes-menu" class="dropdown-menu sub">
<li href="#" onclick="setEditorTheme('base16-dark');"><a class="dropdown-item">Base16 Dark</a></li>
<li href="#" onclick="setEditorTheme('base16-light');"><a class="dropdown-item">Base16 Light</a></li>
<li href="#" onclick="setEditorTheme('dracula');"><a class="dropdown-item">Dracula</a></li>
<li href="#" onclick="setEditorTheme('duotone-dark');"><a class="dropdown-item">Duotone Dark</a></li>
<li href="#" onclick="setEditorTheme('eclipse');"><a class="dropdown-item">Eclipse</a></li>
<li href="#" onclick="setEditorTheme('hopscotch');"><a class="dropdown-item">Hopscotch</a></li>
<li href="#" onclick="setEditorTheme('itg-flat');"><a class="dropdown-item">Itg Flat</a></li>
<li href="#" onclick="setEditorTheme('material');"><a class="dropdown-item">Material</a></li>
<li href="#" onclick="setEditorTheme('monokai');"><a class="dropdown-item">Monokai</a></li>
<li href="#" onclick="setEditorTheme('neo');"><a class="dropdown-item">Neo</a></li>
<li href="#" onclick="setEditorTheme('oceanic');"><a class="dropdown-item">Oceanic</a></li>
<li href="#" onclick="setEditorTheme('one-dark');"><a class="dropdown-item">One Dark</a></li>
<li href="#" onclick="setEditorTheme('panda');"><a class="dropdown-item">Panda</a></li>
<li href="#" onclick="setEditorTheme('railscasts');"><a class="dropdown-item">Railscasts</a></li>
<li href="#" onclick="setEditorTheme('seti');"><a class="dropdown-item">Seti</a></li>
<li href="#" onclick="setEditorTheme('solarized-dark');"><a class="dropdown-item">Solarized Dark</a></li>
<li href="#"onclick="setEditorTheme('solarized-light');"><a class="dropdown-item">Solarized Light</a></li>
<li href="#" onclick="setEditorTheme('tomorrow-night');"><a class="dropdown-item">Tomorrow Night</a></li>
<li href="#" onclick="setEditorTheme('yeti');"><a class="dropdown-item">Yeti</a></li>
<li href="#" onclick="setEditorTheme('zenburn');"><a class="dropdown-item">Zenburn</a></li>
</ul>
</li>
<li class="dropdown-divider"></li>
<li class="dropdown-submenu">
<a class="test" tabindex="-1" href="#" data-toggle="dropdown" class="dropdown-item">Preview Mode <span class="caret"></span></a>
<ul class="dropdown-menu sub">
<li href="#" value="markdown" onclick="setPreviewMode('markdown');"><a class="dropdown-item">Markdown</a></li>
<li href="#" value="html" onclick="setPreviewMode('html');"><a class="dropdown-item">HTML</a></li>
</ul>
</li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="sendIPC('toggle-palette')"><a class="dropdown-item">Command Palette</a><span>Ctrl + Shift + P</span></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" onclick="toggleDevTools();"><a class="dropdown-item">Open Dev Tools</a><span>Ctrl + Shift + I</span></li>
</ul>
</div>
<!-- Help -->
<div class="btn-group">
<button class="btn dropdown-toggle" type="button" id="help-menu-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Help</button>
<ul id="help-menu" class="dropdown-menu">
<li tabindex="-1" href="#"><a class="dropdown-item" class="link" onclick="openInBrowser('https://JonSn0w.github.io/Hyde/docs')">Documentation</a></li>
<li tabindex="-1" href="#" onclick="sendIPC('keybinding-modal')"><a class="dropdown-item">Keybindings</a></li>
<li tabindex="-1"><a class="dropdown-item" class="link" onclick="openInBrowser('https://github.com/JonSn0w/Hyde/issues/new')">Report an Issue</a></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" data-toggle="modal" data-target="#markdown-modal"><a class="dropdown-item">Markdown Help</a></li>
<li class="dropdown-divider"></li>
<li tabindex="-1" href="#" data-toggle="modal" data-target="#about-modal"><a class="dropdown-item">About Hyde</a></li>
</ul>
</div>
</div>
<div id="toolbar">
<div class="toolbar-buttons">
<a onclick="toggleHeading();" style="padding-left:4x;" data-tooltip="Header (Ctrl+H)" class="fa fa-header editor-toolbar"></a>
<a onclick="toggleFormat('strong');" data-tooltip="Bold (Ctrl+B)" class="fa fa-bold editor-toolbar"></a>
<a onclick="toggleFormat('em');" data-tooltip="Italic (Ctrl+I)" class="mif-italic editor-toolbar"></a>
<a onclick="toggleFormat('strikethrough');" title="Strikethrough (Ctrl+-)" class="mif-strikethrough editor-toolbar"></a>
<i class="separator">|</i>
<a onclick="toggleBlockquote();" data-tooltip="Quote (Ctrl+')" class="fa fa-quote-left editor-toolbar"></a>
<a onclick="toggleFormat('code');" data-tooltip="Code Block (Ctrl+;)" class="fa fa-code editor-toolbar"></a>
<a onclick="toggleUnorderedList();" data-tooltip="Unordered List" class="mif-list2 editor-toolbar"></a>
<a onclick="toggleOrderedList();" data-tooltip="Ordered List" class="mif-list-numbered editor-toolbar"></a>
<i class="separator">|</i>
<a onclick="insert('link');" data-tooltip="Create Link (Ctrl+L)" class="mif-link editor-toolbar"></a>
<a onclick="insert('image');" data-tooltip="Insert Image (Ctrl+K)" class="fa fa-picture-o editor-toolbar"></a>
<a data-toggle="modal" data-target="#table-modal" data-tooltip="Insert Table (Ctrl+T)" class="mif-table editor-toolbar"></a>
<a onclick="insert('hr');" data-tooltip="Insert Horizontal Rule (Ctrl+Shift+_)" class="fa fa-minus editor-toolbar"></a>
<a data-toggle="modal" data-target="#emoji-modal" data-tooltip="Insert Emoji (Ctrl+E)" class="fa fa-smile-o editor-toolbar"></a>
<i class="separator">|</i>
<a data-toggle="modal" data-target="#markdown-modal" data-tooltip="Markdown Help" class="fa fa-question-circle editor-toolbar"></a>
</div>
</div>
<!-- Editor Area -->
<section id="editArea" class="row">
<div class="trigger left" id="left-trigger">
<div id="sideButton" class="trigger-button" onclick="toggleSettingsMenu()" style="visibility:hidden;">
<i id="side-icon" class="fa fa-chevron-right"></i>
</div>
</div>
<!-- Settings Menu -->
<section id="settingsMenu">
<div id="settings-title" class="title">
<img id="cog" alt="settings" src="assets/img/cog.png"/><h2>Settings</h2>
</div>
<div id="editorSettings" class="settings-section">
<h3>Editor</h3>
<ul id="options">
<li id="editorFontSze" class="input"><span>Font size: </span>
<div class="input-group spinner">
<input id="editorFontSize-input" type="text" class="form-control" value="">
<div class="input-group-btn-vertical">
<button id="editorFontSize-up" class="spinner-btn btn" type="button"><i class="fa fa-caret-up"></i></button>
<button id="editorFontSize-down" class="spinner-btn btn" type="button"><i class="fa fa-caret-down"></i></button>
</div>
</div>
</li>
<li id="themeSelect" class="menu select" style="margin-bottom: 8px;"><span>Theme: </span>
<select id="editorTheme" class="selectpicker" title="One Dark" data-width="fit">
<option>Base16 Dark</option><option>Base16 light</option>
<option>Dracula</option><option>Duotone Dark</option>
<option>Eclipse</option><option>Hopscotch</option>
<option>Itg Flat</option><option>Material</option>
<option>Monokai</option><option>Neo</option>
<option>Oceanic</option><option>One Dark</option>
<option>Panda</option><option>Railscasts</option>
<option>Seti</option><option>Solarized Dark</option>
<option>Solarized Light</option><option>Tomorrow Night</option><option>Yeti</option><option>Zenburn</option>
</select>
</li>
<li id="dynamicEditor" class="toggle" data-tooltip="Add syntax-driven text formatting to editor">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" value="" setting="dynamicEditor">
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Dynamic Editor</span>
</li>
<li id="enableSpellCheck" class="toggle">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" value="" setting="enableSpellCheck">
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Enable spell checking</span>
</li>
<li id="matchBrackets" class="toggle" data-tooltip="Auto-completes (), {}, [], '', &ldquo;&rdquo;, and HTML tags">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input" setting="matchBrackets" checked>
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Match brackets</span>
</li>
<li id="showTrailingSpace" class="toggle" data-tooltip="Adds a faint underline to improve line break visibility">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input" setting="showTrailingSpace">
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Show trailing whitespace</span>
</li>
</ul>
<hr>
</div>
<div id="previewSettings" class="settings-section">
<h3>Preview</h3>
<ul id="options">
<li class="menu select"><span>Mode: </span>
<select id="previewMode" class="selectpicker" data-width="fit">
<option>Markdown</option>
<option>HTML</option>
</select>
</li>
<li class="menu select"><span>Profile: </span>
<select id="previewProfile" class="selectpicker" data-width="fit">
<option>Default</option>
<option>GitHub</option>
</select>
</li>
<li id="previewFontSize" class="input" style="margin: 7px 0 10px;"><span>Font size: </span>
<div class="input-group spinner">
<input id="previewFontSize-input" type="text" class="form-control" value="">
<div class="input-group-btn-vertical" style="top:1px;">
<button id="previewFontSize-up" class="spinner-btn btn" type="button"><i class="fa fa-caret-up"></i></button>
<button id="previewFontSize-down" class="spinner-btn btn" type="button"><i class="fa fa-caret-down"></i></button>
</div>
</div>
</li>
<li id="customCSS" class="toggle">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input" setting="customCSS" checked>
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Use custom CSS</span>
</li>
<li id="mathRendering" class="toggle">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" setting="mathRendering" checked>
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Enable LaTex Rendering</span>
</li>
<li id="hideYAMLFrontMatter" class="toggle" data-tooltip="Excludes unnecessary frontmatter from preview">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" setting="hideYAMLFrontMatter" checked>
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Hide YAML-frontmatter</span>
</li>
</ul>
<hr>
</div>
<div id="appSettings" class="settings-section">
<h3 style="margin-bottom:10px;">App</h3>
<ul id="options">
<li id="frontMatterTemplate" class="form-group">
<label for="yamlPath">Frontmatter Template:</label>
<input type="text" id="yamlPath" class="form-control" value="">
</li>
<li id="showTooltips" class="toggle" data-tooltip="Show awesome tooltips like these!">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" value="" setting="showTooltips" checked>
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Show UI-tooltips</span>
</li>
<li id="keepInTray" class="toggle" style="margin-bottom: 20px">
<label class="switch switch--material">
<input type="checkbox" class="switch__input switch--material__input require-reload" value="" setting="keepInTray">
<div class="switch__toggle switch--material__toggle">
<div class="switch__handle switch--material__handle">
</div>
</div>
</label>
<span>Keep in tray</span>
</li>
</ul>
</div>
</section>
<div id="settingsTrigger" class="trigger left">
<div id="sideButton" class="trigger-button" onclick="toggleSettingsMenu()" style="visibility:hidden;">
<i id="side-icon" class="fa fa-chevron-left"></i>
</div>
</div>
<div id="leftPanel">
<div id="leftFade" class="top-fade"></div>
<div id="textPanel" class="col-md-6 full-height" style="background:hsl(220, 11%, 18%);">
<textarea id="markdownText" placeholder="" autofocus></textarea>
</div>
</div>
<div id="rightPanel">
<div id="rightFade" class="top-fade"></div>
<div id="previewPanel" class="col-md-6 full-height">
<div id="mdPreview"></div>
<textarea id="htmlPreview" placeholder="" readOnly></textarea>
</div>
</div>
</section>
<div id="search-container" class="search-dialog"><span id="searchIcon" class="fa fa-search"></span></div>
<div class="bottom-bar">
<div id="bottomFile" data-tooltip=""></div><span id="fileStatus" data-tooltip="unsaved changes">*</span>
<div id="wordCount"></div>
<div id="draggable" style="-webkit-app-region:drag"></div>
<button id="syncScrollToggle" data-tooltip="Sync Scrolling" onclick="toggleSyncScroll();"></button>
<button id="previewToggle" class="fa fa-eye" data-tooltip="Toggle Preview" onclick="togglePreview();"></button>
</div>
<!-- Table Modal -->
<div id="table-modal" class="modal fade animated" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="modal-close" data-dismiss="modal"><img class="inactive" src="assets/img/buttons/close.png" alt="Close"/><img class="hover" src="assets/img/buttons/close_hover.png" alt="Close"/><img class="active" src="assets/img/buttons/close_active.png" alt="Close"/></button>
<h4 class="modal-title">Table</h4>
</div>
<div class="table-content">
<ul class="table-input">
<li class="table-columns" class="form-group">
<input type="number" id="columns" placeholder="Columns" class="form-control" value="">
</li>
<li class="table-rows" class="form-group">
<input type="number" id="rows" placeholder="Rows" class="form-control" value="">
</li>
<li>
<button class="table-button" data-dismiss="modal"><i class="fa fa-arrow-right"></i></button>
</li>
</ul>
<div id="alignButtons" class="align-buttons"><span>Align: </span><button id="leftAlign" class="modal-button button-group on"><i class="fa fa-align-left"></i></button><button id="centerAlign" class="modal-button button-group"><i class="fa fa-align-center"></i></button><button id="rightAlign" class="modal-button button-group"><i class="fa fa-align-right"></i></button>
</div></div></div></div>
</div>
<!-- Markdown Help Modal -->
<div id="markdown-modal" class="modal fade" tabindex="-1" role="dialog"></div>
<!-- About Modal -->
<div id="about-modal" class="modal fade" tabindex="-1" role="dialog"></div>
<!-- Custom CSS Modal -->
<div id="custom-css-modal" class="modal fade" tabindex="-1" role="dialog"></div>
<!-- Emoji Modal -->
<div id="emoji-modal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content modal-inset">
<div class="modal-header">
<!-- <div class="modal-closer">
<ul>
<li class="closer" data-dismiss="modal">
<i class="material-icons">close</i>
</li>
</ul>
</div> -->
<button type="button" class="modal-close" data-dismiss="modal"><img class="inactive" src="assets/img/buttons/close.png" alt="Close"/><img class="hover" src="assets/img/buttons/close_hover.png" alt="Close"/><img class="active" src="assets/img/buttons/close_active.png" alt="Close"/>
</button>
<h4 class="modal-title">Emoji</h4>
</div>
<div class="modal-body-inset">
<section class="emoji-table modal--default__content text-input"></section>
</div>
<div class="category-buttons">
<button href="#" alt="people" class="button active fa fa-smile-o" value="People"></button>
<button href="#" alt="nature" class="button fa fa-leaf" value="Nature"></a>
<button href="#" alt="activity" class="button fa fa-gamepad" value="Activity"></button>
<button href="#" alt="places" class="button fa fa-university" value="Places"></button>
<button href="#" alt="objects" class="button fa fa-lightbulb-o" value="Objects"></button>
<button href="#" alt="symbols" class="button fa fa-music" value="Symbols"></button>
</div>
</div>
</div>
</div>
<!-- Unsaved-Close Modal -->
<div id="unsaved-modal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="modal-close" data-dismiss="modal"><img class="inactive" src="assets/img/buttons/close.png" alt="Close"/><img class="hover" src="assets/img/buttons/close_hover.png" alt="Close"/><img class="active" src="assets/img/buttons/close_active.png" alt="Close"/></button>
<h4 class="modal-title">Unsaved Changes</h4>
</div>
<div class="modal-body">
<section class="modal--default__content">
<div>
<span class="unsaved-icon fa fa-exclamation-circle"></span>
<span id="unsavedContent"></span>
</div>
</section>
</div>
<div class="unsaved-buttons">
<button href="#" id="unsavedConfirm" class="modal-button default"><span>Save</span></button>
<button href="#" id="unsavedDeny" class="modal-button"><span>Don't Save</span></button>
</div>
</div>
</div>
</div>
<script>if (typeof module === 'object') {window.module = module; module = undefined;}</script>
<script>if(window.module) module = window.module;</script>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap/bootstrap.min.js"></script>
<script src="js/bootstrap/bootstrap-select.min.js"></script>
<script src="js/bootstrap/bootstrap-notify.js"></script>
<script src="js/codemirror/search.js"></script>
<script src="js/codemirror/searchcursor.js"></script>
<script src="js/showdown-icon.js"></script>
<script src="js/settings.js"></script>
<script src="js/app.js"></script>
<script src="js/modal.js"></script>
<script src="js/emoji.js"></script>
<script src="js/format.js"></script>
<script src="js/functions.js"></script>
<script src="js/ipc_renderer.js"></script>
</body>
</html>
You can’t perform that action at this time.