page.html 6.9 KB

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