header.php 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  1. <!DOCTYPE html>
  2. <head>
  3. <title><?php echo $setting['appname']; ?></title>
  4. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  5. <link rel="stylesheet" media='screen and (min-width: 801px)' href='./<?php echo themes("file","css/style.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
  6. <link rel="stylesheet" media='screen and (max-width: 800px)' href='./<?php echo themes("file","css/mobile.css")?>?id=<?php echo mt_rand(1000, 2500); ?>' />
  7. <link rel="stylesheet" href='./<?php echo ($user_settings['theme'] == "custom" ? themes("file","css/color.php") : themes("file","css/color.css"))?>?id=<?php echo mt_rand(1000, 2500); ?>' />
  8. <link rel="stylesheet" href="./css/animation.css"><!--[if IE 7]><link rel="stylesheet" href="css/" + font.fontname + "-ie7.css"><![endif]-->
  9. <link rel="stylesheet" href="./css/animate.css">
  10. <style type="text/css">
  11. @font-face {
  12. font-family: 'fontello';
  13. src: url('./font/fontello.eot?43704775');
  14. src: url('./font/fontello.eot?43704775#iefix') format('embedded-opentype'),
  15. url('./font/fontello.woff?43704775') format('woff'),
  16. url('./font/fontello.ttf?43704775') format('truetype'),
  17. url('./font/fontello.svg?43704775#fontello') format('svg');
  18. font-weight: normal;
  19. font-style: normal;
  20. }
  21. @font-face {
  22. font-family: 'patua';
  23. src: url('./font/patua-one-v10-latin-regular.eot');
  24. src: url('./font/patua-one-v10-latin-regular.woff') format('woff'),
  25. url('./font/patua-one-v10-latin-regular.ttf') format('truetype'),
  26. url('./font/patua-one-v10-latin-regular.svg') format('svg');
  27. font-weight: normal;
  28. font-style: normal;
  29. }
  30. .nte{
  31. width:35px;
  32. height:35px;
  33. float:left;
  34. margin:2px;
  35. background-size:cover;
  36. position:relative;
  37. }
  38. .nte_type{
  39. position:absolute;
  40. right:0px;
  41. bottom:0px;
  42. width:15px;
  43. height:15px;
  44. border-radius:15px;
  45. font-family:fontello;
  46. font-size:8px;
  47. color:white;
  48. }
  49. .nte_type span{
  50. font-family:fontello;
  51. font-size:8px;
  52. color:white;
  53. margin-top:4px;
  54. display:block;
  55. }
  56. #emojisearch {
  57. border:0;
  58. }
  59. </style>
  60. </head>
  61. <body>
  62. <?php
  63. if ($logedin) {
  64. $notif = getnotif();
  65. }
  66. ?>
  67. <div id='hiddenside'></div>
  68. <div class='gotop'><a href='#top'>▲</a></div>
  69. <div class="topbar" style='text-align:center; background-color:none;'>
  70. <div class="topbar" style='position:fixed; top:0px; left:0px; height:45px; z-index:99;'>
  71. <span style='float:left; line-height:45px;margin-left:10px;'>
  72. <a href="./<?php echo ($logedin ? "?mode=home" : ""); ?>" style="font-family: 'patua', serif; font-weight:bold; color:white; font-size:20px; text-decoration:none"><?php echo $setting['appname']; ?></a>
  73. </span>
  74. <?php if ($logedin): ?>
  75. <span class='mid' style='margin:0 auto; height:100%;'>
  76. <span class="topbutton" style='position:relative;'>
  77. <a href='?mode=federated' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "federated" ? "tiselected" : "");?>'>&#xe83c;</a>
  78. </span>
  79. <span class="topbutton" style='position:relative;'>
  80. <a href='?mode=home' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "home" ? "tiselected" : "");?>'>&#xe816;</a>
  81. </span>
  82. <span class="topbutton" style='position:relative;'>
  83. <a href='?mode=local' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "local" ? "tiselected" : "");?>'>&#xf1e0;</a>
  84. </span>
  85. <span class="topbutton" style='position:relative;'>
  86. <a href='?mode=favourites' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "favourites" ? "tiselected" : "");?>'>&#xe804;</a>
  87. </span>
  88. <span class="topbutton" style='position:relative;'>
  89. <a href='?mode=direct' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "direct" ? "tiselected" : "");?>'>&#xf0e0;</a>
  90. </span>
  91. <?php if (isset($user_settings['pleroma'])): ?>
  92. <span class="topbutton" style='position:relative;'>
  93. <a href='?mode=bookmarks' class='fontello topicon tlicon ldr <?php echo ($tl['mode'] == "bookmarks" ? "tiselected" : "");?>'>&#xe81e;</a>
  94. </span>
  95. <?php endif; ?>
  96. </span>
  97. <?php endif; ?>
  98. <span style='float:right; margin-right:20px; height:100%;'>
  99. <?php if ($logedin): ?>
  100. <span class="topbutton desktop" style='position:relative;'>
  101. <div style='position:absolute; left:-200px; display:none;' class="search"><form method='get'><input type='text' name='search' style='width:150px' placeholder='Type your search here'><input type='submit' value='&#xe800;' class='fontello'></form></div>
  102. <a href='?page=search' class='searchform fontello topicon' onClick='return false'>&#xe800;</a>
  103. </span>
  104. <span class="topbutton mobile compose" style='position:relative;'>
  105. <a href='' onClick='return false;' class='fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'>&#xe824;</a>
  106. </span>
  107. <span class="topbutton ntbutton">
  108. <a href='?page=notifications' onClick='return false;' class='badge fontello topicon' style='text-decoration:none; display:inline; font-size:20px;'>&#xf0f3; <span class='alert' style=''></span> </a>
  109. <div id='notifications'><div class='container'><?php echo $notif ?></div><span class='nloadmore'>Load More</span></div>
  110. </span>
  111. <span class="topbutton" id="usermenu">
  112. <span class='fontello topicon' style='display:inline; font-size:20px;'>&#xe80b;</span>
  113. <div class='menu postMenu'>
  114. <ul>
  115. <?php if ($logedin): ?>
  116. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=federated' onClick='return false'>&#xe83c; Federated</a></li>
  117. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=home' onClick='return false'>&#xe816; Home</a></li>
  118. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=local' onClick='return false'>&#xf1e0; Local</a></li>
  119. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=favourites' onClick='return false'>&#xe804; Favourited</a></li>
  120. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=direct' onClick='return false'>&#xf0e0; Direct</a></li>
  121. <?php if (isset($user_settings['pleroma'])): ?>
  122. <li class='mobile' style=''><a class='fontello ldr link' href='?mode=bookmarks' onClick='return false'>&#xe81e; Bookmarks</a></li>
  123. <?php endif; ?>
  124. <li class='mobile' style=''><a class='fontello searchmobiletoggle link' href='?page=search' onClick='return false;'>&#xe800; Search</a></li>
  125. <li class='mobile' style=''></li>
  126. <?php endif; ?>
  127. <li style=''><a class='fontello ldr link' href='?page=settings' onClick='return false'>&#xe82d; Settings</a></li>
  128. <li style=''><a class='fontello link' href='./logout'>&#xe832; Log Out</a></li>
  129. </ul>
  130. </div>
  131. </span>
  132. <?php
  133. else: ?>
  134. <span class="topbutton" style='position:relative;'>
  135. <a href='?page=about' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'>&#xe814; </a>
  136. </span>
  137. <span class="topbutton" style='position:relative;'>
  138. <a href='?page=fediverse' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'>&#xf1e0; </a>
  139. </span>
  140. <span class="topbutton" style='position:relative;'>
  141. <a href='?page=privacy' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'>&#xe819; </a>
  142. </span>
  143. <span class="topbutton" style='position:relative;'>
  144. <a href='?page=settings' class='fontello topicon ldr' style='text-decoration:none; display:inline; font-size:20px;'>&#xe82d; </a>
  145. </span>
  146. <span class="topbutton" style='position:relative; width:auto; margin-left:10px;'>
  147. <a href='./login' style='display:inline:block; padding:3px; border: 1px solid white; font-weight:bold; border-radius:3px; color:white; text-decoration:none; display:inline; font-size:20px;'><span class='fontello' >&#xe832;</span> Login </a>
  148. </span>
  149. <?php
  150. endif; ?>
  151. <!--
  152. <a href='?page=notifications' onClick='return false;'><span class="badge disabled">&#128276;</span></a>
  153. <a href="./logout" style='color:lightgray; font-weight:bold; font-size:18px;'>Logout</a>
  154. -->
  155. </span>
  156. </div>
  157. </div>
  158. <br>
  159. <div class='wrapper'>
  160. <div class='container'>
  161. <div id='posts'>
  162. <?php if ($logedin) { ?>
  163. <div class='element' id="searchmobile">
  164. <div class='avatar' style='background-image:url(:avatar:) :style:'></div>
  165. <div class='searchmobile' style="padding-top: 15px; padding-bottom: 15px;">
  166. <form method="get">
  167. <span class="searchmobiletoggle" style='padding-left:0px;padding-right:5px;font-weight:bold;'>X</span>
  168. <input type="text" name="search" style='width:70%' placeholder="Type your search here">
  169. <input type="submit" value="&#xe800;" class="fontello">
  170. </form>
  171. </div>
  172. </div>
  173. <div class='element' id='postform' style=''>
  174. <div class='avatar' style='background-image:url(<?php echo $user_settings['avatar']; ?>)'></div>
  175. <div class='postform form' style='display:block;'>
  176. <div style='text-align:right; width:95%; margin: 13px auto; display:block;'>
  177. <form action='status.php' method='post' enctype='multipart/form-data'>
  178. <input type='hidden' name='mode' value='<?php echo $tl['mode']; ?>'>
  179. <input type='hidden' name='uploaded' id="uploaded" value=''>
  180. <input type='hidden' name='thread' id="thread" value='null'>
  181. <div style='width:100%; text-align:left;'>
  182. <div style='width:100% height:27px; border-bottom: 1px solid transparent;'>
  183. <input type='text' name='spoiler' placeholder='Title (optional)' value='' style='border:none; width:99%;'>
  184. </div>
  185. <textarea name='status' id="status" style='width:98.85%; height:100px; border:none;'></textarea>
  186. </div>
  187. <div style='display:none; clear:both; width:100%; text-align:left;' class='picker'><input type='text' id='emojisearch' placeholder="Type to Search"><span class='close' style='cursor:pointer;'> X </span><div class='emojilist' style='max-height:100px; overflow:auto;'></div></div>
  188. <div class="buttons">
  189. <span style='float:left;'>
  190. <input type='submit' value='Send' id='send' onClick='return false'>
  191. <div class='formbtn fontello' style='position:relative;'>
  192. &#xe818;
  193. <input style='opacity:0; position:absolute; left:0px; top:5px; background-color:yellow;' type='file' id="files_input_field" name='file[]' multiple onchange="upload_files();">
  194. </div>
  195. <div class='formbtn fontello' style='position:relative;'>
  196. <input type='checkbox' name='sensitive' id='sensitive' style='display:none;'>
  197. <label for='sensitive' class='fontello'>&#xe81b;</label>
  198. </div>
  199. <div class='formbtn fontello' id="emoji" style='position:relative; cursor:pointer;'>
  200. &#128540;
  201. </div>
  202. </span>
  203. <span style='float:left;' class='status'>
  204. </span>
  205. <span style='float:right;' class="scope">
  206. <select name='scope' id='scope'>
  207. <option value="1">&#xe83c; Public</option>
  208. <option value="2">&#xe816; Unlisted</option>
  209. <option value="3">&#xe819; Private</option>
  210. <option value="4">&#xf0e0; Direct</option>
  211. </select>
  212. </span>
  213. </div>
  214. </form>
  215. <div style="clear: both;"></div>
  216. </div>
  217. </div>
  218. </div>
  219. <?php
  220. }
  221. ?><div id="loader" class='element'></div>
  222. <div id="content">