index.html 5.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>ZeroBlog Demo</title>
  5. <meta charset="utf-8">
  6. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  7. <link rel="stylesheet" href="css/all.css" />
  8. <base href="" target="_top" id="base">
  9. <script>base.href = document.location.href.replace("/media", "").replace("index.html", "").replace(/[&?]wrapper=False/, "").replace(/[&?]wrapper_nonce=[A-Za-z0-9]+/, "")</script>
  10. </head>
  11. <body>
  12. <!-- editbar -->
  13. <div class="editbar bottombar">
  14. <ul class="markdown-help">
  15. <li># H1</li>
  16. <li>## H2</li>
  17. <li>### H3</li>
  18. <li><i>_italic_</i></li>
  19. <li><b>**bold**</b></li>
  20. <li>~~<s>strikethrough</s>~~</li>
  21. <li>- Lists</li>
  22. <li>1. Numbered lists</li>
  23. <li>[Links](http://www.zeronet.io)</li>
  24. <li>[References][1]<br>[1]: Can be used</li>
  25. <li>![image alt](img/logo.png)</li>
  26. <li>Inline <code>`code`</code></li>
  27. <li><code>```python<br>print "Code block"<br>```</code></li>
  28. <li>&gt; Quotes</li>
  29. <li>--- Horizontal rule</li>
  30. </ul>
  31. <a href="#Markdown+help" class="icon-help">?</a> Editing: <span class="object">Post:21.body</span> <a href="#Save" class="button save">Save</a> <a href="#Delete" class="button button-delete button-outline delete">Delete</a> <a href="#Cancel" class="cancel">Cancel</a>
  32. </div>
  33. <!-- EOF editbar -->
  34. <!-- publishbar -->
  35. <div class="publishbar bottombar">
  36. <small>Content changed</small> <a href="#Publish" class="button button-outline button-ok publish">Sign &amp; Publish new content</a>
  37. </div>
  38. <!-- EOF publishbar -->
  39. <!-- left -->
  40. <div class="left" data-object="Site">
  41. <a href="?Home" class="nolink"><div class="avatar"> </div></a>
  42. <h1><a href="?Home" class="nolink" data-editable="title" data-editable-mode="simple"></a></h1>
  43. <h2 data-editable="description"></h2>
  44. <hr>
  45. <div class="links" data-editable="links"></div>
  46. <!-- Last comments -->
  47. <div class="lastcomments">
  48. <h3>Latest comments:</h3>
  49. <ul>
  50. <li class="lastcomment template">
  51. <span class="user_name">nofish:</span>
  52. <span class="body">WebGL under linux can be problematic, here is some tips...</span>
  53. <div class="details">
  54. <span class="at">@</span>
  55. <a class="postlink" href="#">Changelog, August 16, 2015</a>
  56. </div>
  57. </li>
  58. </ul>
  59. </div>
  60. <!-- EOF Last comments -->
  61. </div>
  62. <!-- EOF left -->
  63. <!-- right -->
  64. <div class="right">
  65. <!-- Post listing -->
  66. <div class="posts">
  67. <a href="#New+Post" class="button button-outline new">Add new post</a>
  68. <!-- Template: post -->
  69. <div class="post template" data-object="Post:23" data-deletable="True">
  70. <h1 class="title"><a href="?Post:23:Title" data-editable="title" data-editable-mode="simple" class="editable">Title</a></h1>
  71. <div class="details">
  72. <span class="published" data-editable="date_published" data-editable-mode="timestamp">21 hours ago &middot; 2 min read</span>
  73. <a href="?Post:23:title" class="comments-num">&middot; <div class="icon-comment"></div> <span class="num">3 comments</span></a>
  74. <a href="#Like" class="like" title="Like this post"><div class="icon-heart"></div><div class="icon-heart icon-heart-anim"></div> <span class="num"></span></a>
  75. <!--<a class="score" href="#Upvote">
  76. <span class="score-inactive"> <span class="icon-up">^</span><span class="score-num">0</span> </span>
  77. <span class="score-active"> <span class="icon-up">^</span><span class="score-num">1</span> </span>
  78. </a>-->
  79. </div>
  80. <div class="body" data-editable="body">Body</div>
  81. <a class="more" href="#"><span class='readmore'>Read more</span> →</a>
  82. </div>
  83. <!-- EOF Template: post -->
  84. </div>
  85. <!-- EOF Post listing -->
  86. <!-- Single Post show -->
  87. <div class="post post-full" data-object="Post:23" data-deletable="True">
  88. <h1 class="title"><a href="?Post:23:Title" data-editable="title" data-editable-mode="simple" class="editable">Title</a></h1>
  89. <div class="details">
  90. <span class="published" data-editable="date_published" data-editable-mode="timestamp">21 hours ago &middot; 2 min read</span>
  91. <a href="#Like" class="like" title="Like this post"><div class="icon-heart"></div><div class="icon-heart icon-heart-anim"></div> <span class="num"></span></a>
  92. </div>
  93. <div class="body" data-editable="body"></div>
  94. <h2 id="Comments"><span class="comments-num">0</span> Comments:</h2>
  95. <!-- New comment -->
  96. <div class="comment comment-new">
  97. <div class="info">
  98. <a class="user_name certselect" href="#Change+user" title='Change user'>Please sign in</a>
  99. &#9473;
  100. <span class="added">new comment</span>
  101. </div>
  102. <div class="comment-body">
  103. <a class="button button-submit button-certselect certselect" href="#Change+user"><div class='icon-profile'></div>Sign in as...</a>
  104. <textarea class="comment-textarea"></textarea>
  105. <a href="#Submit+comment" class="button button-submit button-submit-comment">Submit comment</a>
  106. <div style='float: right; margin-top: -6px'>
  107. <div class="user-size user-size-used"></div>
  108. <div class="user-size"></div>
  109. </div>
  110. <div style="clear: both"></div>
  111. </div>
  112. </div>
  113. <!-- EOF New comment -->
  114. <div class="comments">
  115. <!-- Template: Comment -->
  116. <div class="comment template">
  117. <div class="info">
  118. <span class="user_name">user_name</span>
  119. <!--<span class="cert_domain"></span>-->
  120. &#9473;
  121. <span class="added">1 day ago</span>
  122. <a href="#Reply" class="reply"><div class="icon icon-reply"></div> <span class="reply-text">Reply</span></a>
  123. </div>
  124. <div class="comment-body">Body</div>
  125. </div>
  126. <!-- EOF Template: Comment -->
  127. </div>
  128. </div>
  129. <!-- EOF Single Post show -->
  130. <!-- Pager -->
  131. <div class="pager">
  132. <a class="prev" href="#">← <span>Prev page</span></a>
  133. <a class="next" href="#"><span>Next page</span> →</a>
  134. </div>
  135. <!-- EOF Pager -->
  136. </div>
  137. <!-- EOF right -->
  138. <div style="clear: both"></div>
  139. <script type="text/javascript" src="js/all.js" asyc></script>
  140. </body>
  141. </html>