index.html 6.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  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">
  42. <img class="avatar" src="./img/avatar.png">
  43. </a>
  44. <h1><a href="?Home" class="nolink" data-editable="title" data-editable-mode="simple"></a></h1>
  45. <h2 data-editable="description"></h2>
  46. <a href="#Follow" class="feed-follow"><span class='text-follow'>Follow in Newsfeed</span><span class='text-following'>Following</span><div class="icon-feed"></div></a>
  47. <hr>
  48. <div class="links" data-editable="links"></div>
  49. <!-- Last comments -->
  50. <div class="lastcomments">
  51. <h3>Latest comments:</h3>
  52. <ul>
  53. <li class="lastcomment template">
  54. <span class="user_name">nofish:</span>
  55. <span class="body">WebGL under linux can be problematic, here is some tips...</span>
  56. <div class="details">
  57. <span class="at">@</span>
  58. <a class="postlink" href="#">Changelog, August 16, 2015</a>
  59. </div>
  60. </li>
  61. </ul>
  62. </div>
  63. <!-- EOF Last comments -->
  64. </div>
  65. <!-- EOF left -->
  66. <!-- right -->
  67. <div class="right">
  68. <!-- Post listing -->
  69. <div class="posts">
  70. <a href="#New+Post" class="button button-outline new">Add new post</a>
  71. <!-- Template: post -->
  72. <div class="post template" data-object="Post:23" data-deletable="True">
  73. <h1 class="title"><a href="?Post:23:Title" data-editable="title" data-editable-mode="simple" class="editable">Title</a></h1>
  74. <div class="details">
  75. <span class="published" data-editable="date_published" data-editable-mode="timestamp">21 hours ago &middot; 2 min read</span>
  76. <a href="?Post:23:title" class="comments-num">&middot; <div class="icon-comment"></div> <span class="num">3 comments</span></a>
  77. <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>
  78. <!--<a class="score" href="#Upvote">
  79. <span class="score-inactive"> <span class="icon-up">^</span><span class="score-num">0</span> </span>
  80. <span class="score-active"> <span class="icon-up">^</span><span class="score-num">1</span> </span>
  81. </a>-->
  82. </div>
  83. <div class="body" data-editable="body">Body</div>
  84. <a class="more" href="#"><span class='readmore'>Read more</span> →</a>
  85. </div>
  86. <!-- EOF Template: post -->
  87. </div>
  88. <!-- EOF Post listing -->
  89. <!-- Single Post show -->
  90. <div class="post post-full" data-object="Post:23" data-deletable="True">
  91. <h1 class="title"><a href="?Post:23:Title" data-editable="title" data-editable-mode="simple" class="editable">Title</a></h1>
  92. <div class="details">
  93. <span class="published" data-editable="date_published" data-editable-mode="timestamp">21 hours ago &middot; 2 min read</span>
  94. <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>
  95. </div>
  96. <div class="body" data-editable="body"></div>
  97. <h2 id="Comments"><span class="comments-num">0</span> Comments:</h2>
  98. <!-- New comment -->
  99. <div class="comment comment-new">
  100. <div class="info">
  101. <a class="user_name certselect" href="#Change+user" title='Change user'>Please sign in</a>
  102. &#9473;
  103. <span class="added">new comment</span>
  104. </div>
  105. <div class="comment-body">
  106. <a class="button button-submit button-certselect certselect" href="#Change+user"><div class='icon-profile'></div>Sign in as...</a>
  107. <textarea class="comment-textarea"></textarea>
  108. <a href="#Submit+comment" class="button button-submit button-submit-comment">Submit comment</a>
  109. <div style='float: right; margin-top: -6px'>
  110. <div class="user-size user-size-used"></div>
  111. <div class="user-size"></div>
  112. </div>
  113. <div style="clear: both"></div>
  114. </div>
  115. </div>
  116. <!-- EOF New comment -->
  117. <div class="comments">
  118. <!-- Template: Comment -->
  119. <div class="comment template">
  120. <div class="info">
  121. <span class="user_name">user_name</span>
  122. <!--<span class="cert_domain"></span>-->
  123. &#9473;
  124. <span class="added">1 day ago</span>
  125. <a href="#Reply" class="reply"><div class="icon icon-reply"></div> <span class="reply-text">Reply</span></a>
  126. </div>
  127. <div class="comment-body">Body</div>
  128. </div>
  129. <!-- EOF Template: Comment -->
  130. </div>
  131. </div>
  132. <!-- EOF Single Post show -->
  133. <!-- Pager -->
  134. <div class="pager">
  135. <a class="prev" href="#">← <span>Prev page</span></a>
  136. <a class="next" href="#"><span>Next page</span> →</a>
  137. </div>
  138. <!-- EOF Pager -->
  139. </div>
  140. <!-- EOF right -->
  141. <div style="clear: both"></div>
  142. <!-- Template: menu -->
  143. <div class="menu template">
  144. <a href="#" class="menu-item template">Template</a>
  145. </div>
  146. <!-- EOF Template: menu -->
  147. <script type="text/javascript" src="js/all.js" asyc></script>
  148. </body>
  149. </html>