index.html 6.3 KB

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