86 lines
3.1 KiB
HTML
86 lines
3.1 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>hastebin</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
|
|
<link rel="stylesheet" type="text/css" href="nord.css"/>
|
|
<link rel="stylesheet" type="text/css" href="application.css"/>
|
|
|
|
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
|
|
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.2.1/highlight.min.js"></script>
|
|
<script type="text/javascript" src="application.js"></script>
|
|
|
|
<meta name="robots" content="noindex,nofollow"/>
|
|
|
|
<script type="text/javascript">
|
|
let app = null;
|
|
|
|
function handlePop (ev) {
|
|
const path = ev.target.location.pathname
|
|
if (path === '/') app.newDocument(true)
|
|
else app.loadDocument(path.substring(1, path.length))
|
|
}
|
|
|
|
// Set up the pop state to handle loads, skipping the first load
|
|
// to make chrome behave like others:
|
|
// http://code.google.com/p/chromium/issues/detail?id=63040
|
|
setTimeout(() => {
|
|
window.onpopstate = (ev) => {
|
|
try { handlePop(ev) }
|
|
catch { /* not loaded yet */ }
|
|
}
|
|
}, 1000)
|
|
|
|
$(function() {
|
|
app = new Haste("hastebin");
|
|
handlePop({ target: window });
|
|
})
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<ul id="messages"></ul>
|
|
|
|
<div style="display: flex; flex-direction: column; height: 100%; width: 100%;">
|
|
<div style="display: flex; flex: auto;">
|
|
<div id="linenos"></div>
|
|
<pre id="box" style="display:none; flex: auto;" class="hljs" tabindex="0"><code></code></pre>
|
|
<textarea spellcheck="false" style="display:none;"></textarea>
|
|
</div>
|
|
|
|
<div id="key" class="menu" style="display: flex; padding: 16px;">
|
|
<div class="static" style="flex: auto; display: flex; align-items: center;">
|
|
<div class="button-wrap" style="position: relative;">
|
|
<a href="/about.md" style="display: flex">
|
|
<span class="subtle">/</span>about
|
|
</a>
|
|
</div>
|
|
<div class="button-wrap" style="position: relative;">
|
|
<a href="/abuse.md" style="display: flex">
|
|
<span class="subtle">/</span>abuse
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div id="box2" class="menu-actions">
|
|
<div class="button-wrap" style="position: relative;">
|
|
<span class="label label--small">ctrl + s</span>
|
|
<button class="save button-picture function">save</button>
|
|
</div>
|
|
<div class="button-wrap" style="position: relative;">
|
|
<span class="label label--small">ctrl + n</span>
|
|
<button class="new button-picture function">new</button>
|
|
</div>
|
|
<div class="button-wrap" style="position: relative;">
|
|
<span class="label label--small">ctrl + d</span>
|
|
<button class="duplicate button-picture function">duplicate</button>
|
|
</div>
|
|
<div class="button-wrap" style="position: relative;">
|
|
<span class="label">ctrl + shift + r</span>
|
|
<button class="raw button-picture function">raw</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|