index.html 6.3 KB

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