page.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  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}{if="$MARKDOWN"}
  16. <script type="text/javascript" src="js/showdown.js?{$VERSION|rawurlencode}"></script>{/if}
  17. <script type="text/javascript" src="js/zerobin.js?{$VERSION|rawurlencode}"></script>
  18. <!--[if lt IE 10]>
  19. <style type="text/css">body {padding-left:60px;padding-right:60px;} #ienotice {display:block;} #oldienotice {display:block;}</style>
  20. <![endif]-->
  21. </head>
  22. <body>
  23. <header>
  24. <div id="aboutbox">
  25. {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)"}
  26. <span class="blink">▶</span> {$NOTICE}{/if}
  27. </div>
  28. <h1 class="title reloadlink">{function="t('ZeroBin')"}</h1><br />
  29. <h2 class="title">{function="t('Because ignorance is bliss')"}</h2><br />
  30. <h3 class="title">{$VERSION}</h3>
  31. <div id="noscript" class="nonworking">{function="t('Javascript is required for ZeroBin to work.<br />Sorry for the inconvenience.')"}</div>
  32. <div id="oldienotice" class="nonworking">{function="t('ZeroBin requires a modern browser to work.')"}</div>
  33. <div id="ienotice">{function="t('Still using Internet Explorer? Do yourself a favor, switch to a modern browser:')"}
  34. <a href="http://www.mozilla.org/firefox/">Firefox</a>,
  35. <a href="http://www.opera.com/">Opera</a>,
  36. <a href="http://www.google.com/chrome">Chrome</a>,
  37. <a href="http://www.apple.com/safari">Safari</a>...
  38. </div>
  39. </header>
  40. <section>
  41. <article>
  42. <div id="status">{$STATUS|htmlspecialchars}</div>
  43. <div id="errormessage" class="hidden">{$ERROR|htmlspecialchars}</div>
  44. <div id="toolbar">
  45. <button id="newbutton" class="reloadlink hidden"><img src="img/icon_new.png" width="11" height="15" alt="" />{function="t('New')"}</button>
  46. <button id="sendbutton" class="hidden"><img src="img/icon_send.png" width="18" height="15" alt="" />{function="t('Send')"}</button>
  47. <button id="clonebutton" class="hidden"><img src="img/icon_clone.png" width="15" height="17" alt="" />{function="t('Clone')"}</button>
  48. <button id="rawtextbutton" class="hidden"><img src="img/icon_raw.png" width="15" height="15" alt="" />{function="t('Raw text')"}</button>
  49. <div id="expiration" class="hidden button">{function="t('Expires')"}:
  50. <select id="pasteExpiration" name="pasteExpiration">
  51. {loop="EXPIRE"}
  52. <option value="{$key}"{if="$key == $EXPIREDEFAULT"} selected="selected"{/if}>{$value}</option>{/loop}
  53. </select>
  54. </div>
  55. <div id="remainingtime" class="hidden"></div>
  56. <div id="burnafterreadingoption" class="button hidden">
  57. <input type="checkbox" id="burnafterreading" name="burnafterreading" {if="$BURNAFTERREADINGSELECTED"} checked="checked"{/if} />
  58. <label for="burnafterreading">{function="t('Burn after reading')"}</label>
  59. </div>{if="$DISCUSSION"}
  60. <div id="opendisc" class="button hidden">
  61. <input type="checkbox" id="opendiscussion" name="opendiscussion" {if="$OPENDISCUSSION"} checked="checked"{/if} />
  62. <label for="opendiscussion" {if="!$OPENDISCUSSION"} style="color: #BBBBBB;"{/if}>{function="t('Open discussion')"}</label>
  63. </div>{/if}{if="$PASSWORD"}
  64. <div id="password" class="hidden">
  65. <input type="password" id="passwordinput" placeholder="{function="t('Password (recommended)')"}" size="32" />
  66. </div>{/if}
  67. <div id="formatter" class="button hidden">{function="t('Format')"}:
  68. <select id="pasteFormatter" name="pasteFormatter">
  69. {loop="FORMATTER"}
  70. <option value="{$key}"{if="$key == $FORMATTERDEFAULT"} selected="selected"{/if}>{$value}</option>{/loop}
  71. </select>
  72. </div>{if="strlen($LANGUAGESELECTION)"}
  73. <div id="language" class="button">
  74. <select name="lang">
  75. {loop="LANGUAGES"}
  76. <option class="reloadlink" onclick="document.cookie='lang={$key}';" value="{$key}"{if="$key == $LANGUAGESELECTION"} selected="selected"{/if}>{$value[0]} ({$value[1]})</option>{/loop}
  77. </select>
  78. </div>{/if}
  79. </div>
  80. <div id="pasteresult" class="hidden">
  81. <div id="deletelink"></div>
  82. <div id="pastelink"></div>
  83. </div>{if="$FILEUPLOAD"}
  84. <div id="attachment" class="hidden"><a>{function="t('Download attachment')"}</a></div>
  85. <div id="attach" class="hidden">
  86. <span id="clonedfile" class="hidden">{function="t('Cloned file attached.')"}</span>
  87. <span id="filewrap">{function="t('Attach a file')"}: <input type="file" id="file" name="file" /></span>
  88. <button id="fileremovebutton">{function="t('Remove attachment')"}</button>
  89. </div>{/if}
  90. <div id="image" class="hidden"></div>
  91. <div id="prettymessage" class="hidden">
  92. <pre id="prettyprint" class="prettyprint linenums:1"></pre>
  93. </div>
  94. <div id="cleartext" class="hidden"></div>
  95. <textarea id="message" name="message" cols="80" rows="25" class="hidden"></textarea>
  96. </article>
  97. </section>
  98. <section>
  99. <div id="discussion" class="hidden">
  100. <h4 class="title">{function="t('Discussion')"}</h4>
  101. <div id="comments"></div>
  102. </div>
  103. </section>
  104. <div id="cipherdata" class="hidden">{$CIPHERDATA}</div>
  105. </body>
  106. </html>