3099e10dfa
- moved from global namespace into anonymous function - as onclick has no direct access to the zerobin methods, the events are now bound in the init() method via bindEvents() - to simplify maintenance, the functions were wrapped into 3 objects: zerobin (display logic, event handling), filter (compression, encryption) and helper (stateless utilities) - some CSS and template adjustements were also done
86 lines
4.9 KiB
HTML
86 lines
4.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="robots" content="noindex" />
|
|
<title>{function="t('ZeroBin')"}</title>
|
|
<link type="text/css" rel="stylesheet" href="css/zerobin.css?{$VERSION|rawurlencode}" />{if="$SYNTAXHIGHLIGHTING"}
|
|
<link type="text/css" rel="stylesheet" href="css/prettify/prettify.css?{$VERSION|rawurlencode}" />{if="strlen($SYNTAXHIGHLIGHTINGTHEME)"}
|
|
<link type="text/css" rel="stylesheet" href="css/prettify/{$SYNTAXHIGHLIGHTINGTHEME}.css?{$VERSION|rawurlencode}" />{/if}{/if}
|
|
<script type="text/javascript" src="js/jquery-1.11.3.js"></script>
|
|
<script type="text/javascript" src="js/sjcl-1.0.2.js"></script>
|
|
<script type="text/javascript" src="js/base64-{$BASE64JSVERSION}.js"></script>
|
|
<script type="text/javascript" src="js/rawdeflate-0.5.js"></script>
|
|
<script type="text/javascript" src="js/rawinflate-0.3.js"></script>{if="$SYNTAXHIGHLIGHTING"}
|
|
<script type="text/javascript" src="js/prettify.js?{$VERSION|rawurlencode}"></script>{/if}
|
|
<script type="text/javascript" src="js/zerobin.js?{$VERSION|rawurlencode}"></script>
|
|
<!--[if lt IE 10]>
|
|
<style type="text/css">body {padding-left:60px;padding-right:60px;} #ienotice {display:block;} #oldienotice {display:block;}</style>
|
|
<![endif]-->
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<div id="aboutbox">
|
|
{function="t('ZeroBin is a minimalist, opensource online pastebin where the server has zero knowledge of pasted data. Data is encrypted/decrypted <i>in the browser</i> using 256 bits AES. More information on the <a href="https://github.com/elrido/ZeroBin/wiki">project page</a>.')"}<br />{if="strlen($NOTICE)"}
|
|
<span class="blink">▶</span> {$NOTICE}{/if}
|
|
</div>
|
|
<h1 class="reloadlink">{function="t('ZeroBin')"}</h1><br />
|
|
<h2>{function="t('Because ignorance is bliss')"}</h2><br />
|
|
<h3>{$VERSION}</h3>
|
|
<div id="noscript" class="nonworking">{function="t('Javascript is required for ZeroBin to work.<br />Sorry for the inconvenience.')"}</div>
|
|
<div id="oldienotice" class="nonworking">{function="t('ZeroBin requires a modern browser to work.')"}</div>
|
|
<div id="ienotice">{function="t('Still using Internet Explorer? Do yourself a favor, switch to a modern browser:')"}
|
|
<a href="http://www.mozilla.org/firefox/">Firefox</a>,
|
|
<a href="http://www.opera.com/">Opera</a>,
|
|
<a href="http://www.google.com/chrome">Chrome</a>,
|
|
<a href="http://www.apple.com/safari">Safari</a>...
|
|
</div>
|
|
</header>
|
|
<section>
|
|
<article>
|
|
<div id="status">{$STATUS|htmlspecialchars}</div>
|
|
<div id="errormessage" class="hidden">{$ERROR|htmlspecialchars}</div>
|
|
<div id="toolbar">
|
|
<button id="newbutton" class="reloadlink hidden"><img src="img/icon_new.png" width="11" height="15" alt="" />{function="t('New')"}</button>
|
|
<button id="sendbutton" class="hidden"><img src="img/icon_send.png" width="18" height="15" alt="" />{function="t('Send')"}</button>
|
|
<button id="clonebutton" class="hidden"><img src="img/icon_clone.png" width="15" height="17" alt="" />{function="t('Clone')"}</button>
|
|
<button id="rawtextbutton" class="hidden"><img src="img/icon_raw.png" width="15" height="15" alt="" />{function="t('Raw text')"}</button>
|
|
<div id="expiration" class="hidden">{function="t('Expires')"}:
|
|
<select id="pasteExpiration" name="pasteExpiration">
|
|
{loop="EXPIRE"}
|
|
<option value="{$key}"{if="$key == $EXPIREDEFAULT"} selected="selected"{/if}>{$value}</option>{/loop}
|
|
</select>
|
|
</div>
|
|
<div id="remainingtime" class="hidden"></div>
|
|
<div id="burnafterreadingoption" class="button hidden">
|
|
<input type="checkbox" id="burnafterreading" name="burnafterreading" {if="$BURNAFTERREADINGSELECTED"} checked="checked"{/if} />
|
|
<label for="burnafterreading">{function="t('Burn after reading')"}</label>
|
|
</div>{if="$DISCUSSION"}
|
|
<div id="opendisc" class="button hidden">
|
|
<input type="checkbox" id="opendiscussion" name="opendiscussion" {if="$OPENDISCUSSION"} checked="checked"{/if} />
|
|
<label for="opendiscussion" {if="!$OPENDISCUSSION"} style="color: #BBBBBB;"{/if}>{function="t('Open discussion')"}</label>
|
|
</div>{/if}{if="$PASSWORD"}
|
|
<div id="password" class="hidden">
|
|
<input type="password" id="passwordinput" placeholder="{function="t('Password (recommended)')"}" size="32" />
|
|
</div>{/if}
|
|
</div>
|
|
<div id="pasteresult" class="hidden">
|
|
<div id="deletelink"></div>
|
|
<div id="pastelink"></div>
|
|
</div>
|
|
<div id="prettymessage" class="hidden">
|
|
<pre id="prettyprint" class="prettyprint linenums:1"></pre>
|
|
</div>
|
|
<div id="cleartext" class="hidden"></div>
|
|
<textarea id="message" name="message" cols="80" rows="25" class="hidden"></textarea>
|
|
</article>
|
|
</section>
|
|
<section>
|
|
<div id="discussion" class="hidden">
|
|
<h4>{function="t('Discussion')"}</h4>
|
|
<div id="comments"></div>
|
|
</div>
|
|
</section>
|
|
<div id="cipherdata" class="hidden">{$CIPHERDATA}</div>
|
|
</body>
|
|
</html>
|