page.html 4.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8" />
  5. <meta name="robots" content="noindex" />
  6. <title>{function="t('ZeroBin')"}</title>
  7. <link type="text/css" rel="stylesheet" href="css/zerobin.css?{$VERSION|rawurlencode}" />{if="$SYNTAXHIGHLIGHTING"}
  8. <link type="text/css" rel="stylesheet" href="css/prettify/prettify.css?{$VERSION|rawurlencode}" />{if="strlen($SYNTAXHIGHLIGHTINGTHEME)"}
  9. <link type="text/css" rel="stylesheet" href="css/prettify/{$SYNTAXHIGHLIGHTINGTHEME}.css?{$VERSION|rawurlencode}" />{/if}{/if}
  10. <script type="text/javascript" src="js/jquery-1.11.3.js"></script>
  11. <script type="text/javascript" src="js/sjcl-1.0.2.js"></script>
  12. <script type="text/javascript" src="js/base64-{$BASE64JSVERSION}.js"></script>
  13. <script type="text/javascript" src="js/rawdeflate-0.5.js"></script>
  14. <script type="text/javascript" src="js/rawinflate-0.3.js"></script>{if="$SYNTAXHIGHLIGHTING"}
  15. <script type="text/javascript" src="js/prettify.js?{$VERSION|rawurlencode}"></script>{/if}
  16. <script type="text/javascript" src="js/zerobin.js?{$VERSION|rawurlencode}"></script>
  17. <!--[if lt IE 10]>
  18. <style type="text/css">body {padding-left:60px;padding-right:60px;} #ienotice {display:block;} #oldienotice {display:block;}</style>
  19. <![endif]-->
  20. </head>
  21. <body>
  22. <header>
  23. <div id="aboutbox">
  24. {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)"}
  25. <span class="blink">▶</span> {$NOTICE}{/if}
  26. </div>
  27. <h1 class="reloadlink">{function="t('ZeroBin')"}</h1><br />
  28. <h2>{function="t('Because ignorance is bliss')"}</h2><br />
  29. <h3>{$VERSION}</h3>
  30. <div id="noscript" class="nonworking">{function="t('Javascript is required for ZeroBin to work.<br />Sorry for the inconvenience.')"}</div>
  31. <div id="oldienotice" class="nonworking">{function="t('ZeroBin requires a modern browser to work.')"}</div>
  32. <div id="ienotice">{function="t('Still using Internet Explorer? Do yourself a favor, switch to a modern browser:')"}
  33. <a href="http://www.mozilla.org/firefox/">Firefox</a>,
  34. <a href="http://www.opera.com/">Opera</a>,
  35. <a href="http://www.google.com/chrome">Chrome</a>,
  36. <a href="http://www.apple.com/safari">Safari</a>...
  37. </div>
  38. </header>
  39. <section>
  40. <article>
  41. <div id="status">{$STATUS|htmlspecialchars}</div>
  42. <div id="errormessage" class="hidden">{$ERROR|htmlspecialchars}</div>
  43. <div id="toolbar">
  44. <button id="newbutton" class="reloadlink hidden"><img src="img/icon_new.png" width="11" height="15" alt="" />{function="t('New')"}</button>
  45. <button id="sendbutton" class="hidden"><img src="img/icon_send.png" width="18" height="15" alt="" />{function="t('Send')"}</button>
  46. <button id="clonebutton" class="hidden"><img src="img/icon_clone.png" width="15" height="17" alt="" />{function="t('Clone')"}</button>
  47. <button id="rawtextbutton" class="hidden"><img src="img/icon_raw.png" width="15" height="15" alt="" />{function="t('Raw text')"}</button>
  48. <div id="expiration" class="hidden">{function="t('Expires')"}:
  49. <select id="pasteExpiration" name="pasteExpiration">
  50. {loop="EXPIRE"}
  51. <option value="{$key}"{if="$key == $EXPIREDEFAULT"} selected="selected"{/if}>{$value}</option>{/loop}
  52. </select>
  53. </div>
  54. <div id="remainingtime" class="hidden"></div>
  55. <div id="burnafterreadingoption" class="button hidden">
  56. <input type="checkbox" id="burnafterreading" name="burnafterreading" {if="$BURNAFTERREADINGSELECTED"} checked="checked"{/if} />
  57. <label for="burnafterreading">{function="t('Burn after reading')"}</label>
  58. </div>{if="$DISCUSSION"}
  59. <div id="opendisc" class="button hidden">
  60. <input type="checkbox" id="opendiscussion" name="opendiscussion" {if="$OPENDISCUSSION"} checked="checked"{/if} />
  61. <label for="opendiscussion" {if="!$OPENDISCUSSION"} style="color: #BBBBBB;"{/if}>{function="t('Open discussion')"}</label>
  62. </div>{/if}{if="$PASSWORD"}
  63. <div id="password" class="hidden">
  64. <input type="password" id="passwordinput" placeholder="{function="t('Password (recommended)')"}" size="32" />
  65. </div>{/if}
  66. </div>
  67. <div id="pasteresult" class="hidden">
  68. <div id="deletelink"></div>
  69. <div id="pastelink"></div>
  70. </div>
  71. <div id="prettymessage" class="hidden">
  72. <pre id="prettyprint" class="prettyprint linenums:1"></pre>
  73. </div>
  74. <div id="cleartext" class="hidden"></div>
  75. <textarea id="message" name="message" cols="80" rows="25" class="hidden"></textarea>
  76. </article>
  77. </section>
  78. <section>
  79. <div id="discussion" class="hidden">
  80. <h4>{function="t('Discussion')"}</h4>
  81. <div id="comments"></div>
  82. </div>
  83. </section>
  84. <div id="cipherdata" class="hidden">{$CIPHERDATA}</div>
  85. </body>
  86. </html>