A tumblelog CMS built on AJAX, PHP and MySQL.

index.htm 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  4. <head>
  5. {Gelato_includes}
  6. <title>{Page_Title}</title>
  7. <!--[if IE]>
  8. <style type="text/css">
  9. div.post div.quote span.quote big.quote {
  10. line-height: 40px;
  11. }
  12. </style>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <div id="container">
  17. <a href="{URL_Tumble}/rss.php"><img src="{URL_Tumble}/themes/{Template_name}/img/rss.gif" id="rss" alt="RSS" title="RSS" /></a>
  18. <h1><a href="{URL_Tumble}/">{Title}</a></h1>
  19. <div id="description">
  20. {Description}
  21. </div>
  22. {if {$isAuthenticated}}
  23. <div style="padding:4px; border:solid 2px #bbb; display:inline; background-color:#ddd; position:absolute; top:3px; right:3px;">
  24. <b>Hi, {User}.</b>&nbsp;&nbsp;
  25. <a target="_top" href="{URL_Tumble}/admin/index.php">Add/Edit my posts</a>&nbsp;&nbsp;
  26. <a target="_top" href="{URL_Tumble}/admin/close.php">Sign out</a>
  27. </div>
  28. {/if}
  29. {if {$error}}
  30. <div class="error">{$error}</div>
  31. {else}
  32. {block {$rows} as {$row}}
  33. <div class="date">
  34. {$row.Date_Added}
  35. </div>
  36. {if {$row.postType}=='post'}
  37. <div class="post">
  38. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  39. <div class="regular">
  40. <h2><a href="{$row.Permalink}">{$row.Title}</a></h2>
  41. {$row.Body}
  42. </div>
  43. </div>
  44. {elseif {$row.postType}=='photo'}
  45. <div class="post">
  46. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  47. <div class="photo">
  48. <a {$row.Effect}><img src="{$row.PhotoURL}" alt="{$row.PhotoAlt}" /></a><br/>
  49. <div class="caption">{$row.Caption}</div>
  50. </div>
  51. </div>
  52. {elseif {$row.postType}=='quote'}
  53. <div class="post">
  54. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  55. <div class="quote">
  56. <span class="quote"><big class="quote"><a href="{$row.Permalink}">&#147;</a></big> {$row.Quote}</span>
  57. <div class="source">&mdash; {$row.Source}</div>
  58. </div>
  59. </div>
  60. {elseif {$row.postType}=='link'}
  61. <div class="post">
  62. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  63. <div class="link">
  64. &#187; <a href="{$row.URL}">{$row.Name}</a>
  65. <div class="description">{$row.Description}</div>
  66. </div>
  67. </div>
  68. {elseif {$row.postType}=='conversation'}
  69. <div class="post">
  70. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  71. <div class="conversation">
  72. ...<h2><a href="{$row.Permalink}">{$row.Title}</a></h2>
  73. {$row.Conversation}
  74. </div>
  75. </div>
  76. {elseif {$row.postType}=='video'}
  77. <div class="post">
  78. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  79. <div class="video">
  80. {$row.Video}
  81. <div class="caption">{$row.Caption}</div>
  82. </div>
  83. </div>
  84. {elseif {$row.postType}=='mp3'}
  85. <div class="post">
  86. <a href="{$row.Permalink}"><img src="{URL_Tumble}/themes/tumblr/img/link.gif" class="permalink" alt="Permalink"/></a>
  87. <div class="video">
  88. {$row.Mp3}
  89. <div class="caption">{$row.Caption}</div>
  90. </div>
  91. </div>
  92. {/if}
  93. {if !{$id_post}}
  94. <div class="totalComments">
  95. <h3>Posted by {$row.User} {if {$allowComments}}- <a href="{$row.Permalink}#comments">( {$row.Comments_Number} ) comments{/if}</a></h3>
  96. </div>
  97. {/if}
  98. {/block}
  99. {if {$id_post}}
  100. {if {$row.Comments_Number}>0}
  101. <div class="containerComments">
  102. <h3 id="comments">{$row.Comments_Number} answers to &#8220;{$row.Post_Title}&#8221;</h3>
  103. <ol class="commentlist">
  104. {block {$comments} as {$comment}}
  105. <li class="alt" id="comment-{$comment.Id_Comment}">
  106. <cite>
  107. <a href="#comment-{$comment.Id_Comment}" title="Comment permalink">#</a>&nbsp;&nbsp;
  108. {$comment.Comment_Author} said:
  109. </cite>
  110. <br />
  111. <span class="timestampComment"> at {$comment.Date}</span><br /><br />
  112. {$comment.Comment}
  113. <br /><br />
  114. </li>
  115. {/block}
  116. </ol>
  117. </div>
  118. {/if}
  119. {if {$allowComments}}
  120. <div class="containerFormComments">
  121. <h3 id="respond">Add your comment</h3>
  122. <form action="{Form_Action}" method="post" name="commentForm" id="commentForm">
  123. <p>
  124. <label for="username">
  125. <small>Name:</small>
  126. </label>
  127. <input name="username" id="username" value="{whois.User_Cookie}" size="22" tabindex="1" type="text" />
  128. </p>
  129. <p>
  130. <label for="email">
  131. <small>E-mail:</small>
  132. </label>
  133. <input name="email" id="email" value="{whois.Email_Cookie}" size="22" tabindex="2" type="text" />
  134. </p>
  135. <p>
  136. <label for="web">
  137. <small>Website:</small>
  138. </label>
  139. <input name="web" id="web" value="{whois.Web_Cookie}" size="22" tabindex="3" type="text" />
  140. </p>
  141. <p>
  142. <textarea name="content" id="content" cols="100" rows="10" tabindex="4"></textarea>
  143. </p>
  144. <p>
  145. <span style="color: rgb(136, 136, 136); margin-bottom: 10px; font-size: 10px;">
  146. Some HTML allowed:<br />
  147. &nbsp;&nbsp;&nbsp;&nbsp;
  148. <code>
  149. &lt;blockquote&gt; &lt;code&gt; &lt;em&gt; &lt;strong&gt; &lt;a&gt;
  150. </code>
  151. </span>
  152. </p>
  153. <p>
  154. <input type="submit" value="Add comment" name="btnAdd" id="btnAdd" tabindex="5" />
  155. </p>
  156. <p>
  157. <input name="id_post" id="id_post" value="{id_post}" type="hidden" />
  158. <input name="comment_date" id="comment_date" value="{Date_Added}" type="hidden" />
  159. </p>
  160. </form>
  161. </div>
  162. {/if}
  163. {else}
  164. {pagination}
  165. {/if}
  166. {/if}
  167. </div>
  168. <div id="footer">
  169. subscribe via <a href="{URL_Tumble}/rss.php">rss</a> &nbsp;/&nbsp;
  170. powered by <a href="http://www.gelatocms.com/">gelato cms</a>
  171. </div>
  172. </body>
  173. </html>