index.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
  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="#Show+more" class="left-more-link"></a>
  43. <a href="?Home" class="nolink avatar-link">
  44. <img class="avatar" src="img/avatar.png">
  45. </a>
  46. <h1><a href="?Home" class="nolink" data-editable="title" data-editable-mode="simple"></a></h1>
  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. <h2 data-editable="description" class="description"></h2>
  49. <div class="left-more">
  50. <hr>
  51. <div class="links" data-editable="links" data-editable-mode="meditor"></div>
  52. <!-- Last comments -->
  53. <div class="lastcomments">
  54. <h3>Latest comments:</h3>
  55. <ul>
  56. <li class="lastcomment template">
  57. <span class="user_name">nofish:</span>
  58. <span class="body">WebGL under linux can be problematic, here is some tips...</span>
  59. <div class="details">
  60. <span class="at">@</span>
  61. <a class="postlink" href="#">Changelog, August 16, 2015</a>
  62. </div>
  63. </li>
  64. </ul>
  65. </div>
  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" data-editable-mode="meditor">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. <h1 class="notfound" style="display: none">Not found</h1>
  95. <div class="post post-full" data-object="Post:23" data-deletable="True">
  96. <h1 class="title"><a href="?Post:23:Title" data-editable="title" data-editable-mode="simple" class="editable">Title</a></h1>
  97. <div class="details">
  98. <span class="published" data-editable="date_published" data-editable-mode="timestamp">21 hours ago &middot; 2 min read</span>
  99. <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>
  100. </div>
  101. <div class="body" data-editable="body" data-editable-mode="meditor"></div>
  102. <h2 id="Comments_header">0 Comments:</h2>
  103. <!-- New comment -->
  104. <div class="comment comment-new">
  105. <div class="info">
  106. <a class="user_name certselect" href="#Change+user" title='Change user'>Please sign in</a>
  107. &#9473;
  108. <span class="added">new comment</span>
  109. </div>
  110. <div class="comment-body">
  111. <a class="button button-submit button-certselect certselect" href="#Change+user"><div class='icon-profile'></div>Sign in as...</a>
  112. <textarea class="comment-textarea"></textarea>
  113. <a href="#Submit+comment" class="button button-submit button-submit-comment">Submit comment</a>
  114. <div style='float: right; margin-top: -6px'>
  115. <div class="user-size user-size-used"></div>
  116. <div class="user-size"></div>
  117. </div>
  118. <div style="clear: both"></div>
  119. </div>
  120. </div>
  121. <!-- EOF New comment -->
  122. <div class="comments">
  123. <!-- Template: Comment -->
  124. <div class="comment template">
  125. <div class="info">
  126. <span class="user_name">user_name</span>
  127. <!--<span class="cert_domain"></span>-->
  128. &#9473;
  129. <span class="added">1 day ago</span>
  130. <a href="#Reply" class="reply"><div class="icon icon-reply"></div> <span class="reply-text">Reply</span></a>
  131. </div>
  132. <div class="comment-body">Body</div>
  133. </div>
  134. <!-- EOF Template: Comment -->
  135. </div>
  136. </div>
  137. <!-- EOF Single Post show -->
  138. <!-- Pager -->
  139. <div class="pager">
  140. <a class="prev" href="#">← <span>Prev page</span></a>
  141. <a class="next" href="#"><span>Next page</span> →</a>
  142. </div>
  143. <!-- EOF Pager -->
  144. </div>
  145. <!-- EOF right -->
  146. <div style="clear: both"></div>
  147. <!-- Template: menu -->
  148. <div class="menu template">
  149. <a href="#" class="menu-item template">Template</a>
  150. </div>
  151. <!-- EOF Template: menu -->
  152. <script type="text/javascript" src="js/all.js?lang={lang}" asyc></script>
  153. </body>
  154. </html>