Teknik is a suite of services with attractive and functional interfaces. https://www.teknik.io/
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

main.php 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297
  1. <?php
  2. $FounderUsers = $userTools->getUsersFromGroup("Founder");
  3. $AdminUsers = $userTools->getUsersFromGroup("Admin");
  4. $ModUsers = $userTools->getUsersFromGroup("Moderator");
  5. $history_events = $db->select('history', "1=? ORDER BY event_date DESC", array("1"));
  6. $history = array();
  7. foreach ($history_events as $history_event)
  8. {
  9. if (!is_array($history_event))
  10. {
  11. $history = array($history_events);
  12. break;
  13. }
  14. array_push($history, $history_event);
  15. }
  16. ?>
  17. <div class="container">
  18. <div class="row">
  19. <div class="col-ms-12">
  20. <ul class="nav nav-tabs" id="myTab">
  21. <li class="active"><a href="#about_us" data-toggle="tab">About Us</a></li>
  22. <?php if ($FounderUsers || $AdminUsers || $ModUsers) { ?>
  23. <li><a href="#staff" data-toggle="tab">Staff</a></li>
  24. <?php } ?>
  25. <li><a href="#history" data-toggle="tab">History</a></li>
  26. </ul>
  27. <div class="tab-content">
  28. <div class="tab-pane active" id="about_us">
  29. <h2 class="text-center">What we are About</h2>
  30. <hr>
  31. <p>
  32. Teknik was created to provide our users free services that they can trust. All of our services are treated with the utmost care to provide you with the best experience possible, and the best security with your data that we can give.
  33. </p>
  34. <p>
  35. You can view our complete activity and statistics by visiting the <a href="<?php echo get_page_url("transparency", $CONF); ?>" target="_blank">Transparency</a> page.
  36. </p>
  37. <h2 class="text-center">What we Offer</h2>
  38. <hr>
  39. <div class="row">
  40. <div class="col-sm-4 col-sm-offset-2 text-center">
  41. <h4><a href="<?php echo get_page_url("paste", $CONF); ?>" target="_blank">Fast and Secure Pastebin</a></h4>
  42. <h4><a href="<?php echo get_page_url("upload", $CONF); ?>" target="_blank">Encrypted File Uploads</a></h4>
  43. <h4><a href="<?php echo get_page_url("mail", $CONF); ?>" target="_blank">Free Email Address</a></h4>
  44. <h4><a href="<?php echo get_page_url("api", $CONF); ?>" target="_blank">Easy to Use API</a></h4>
  45. <h4><a href="<?php echo get_page_url("git", $CONF); ?>" target="_blank">Personal Git Repositories</a></h4>
  46. </div>
  47. <div class="col-sm-4 text-center">
  48. <h4><a href="<?php echo get_page_url("blog", $CONF); if ($logged_in) { echo "/".$user->username; }?>" target="_blank">Personal Blog</a></h4>
  49. <h4><a href="<?php echo get_page_url("podcast", $CONF); ?>" target="_blank">Entertaining Podcasts</a></h4>
  50. <h4><a href="<?php echo get_page_url("help", $CONF); ?>#Mumble" target="_blank">Mumble Server</a></h4>
  51. <h4><a href="<?php echo get_page_url("transparency", $CONF); ?>" target="_blank">Full Transparency</a></h4>
  52. <h4><a href="<?php echo get_page_url("git", $CONF); ?>/Teknikode/Teknik" target="_blank">Completely Open Source</a></h4>
  53. </div>
  54. </div>
  55. <h2 class="text-center">How can I help?</h2>
  56. <hr>
  57. <p>
  58. Teknik's source code can be located on our <a href="http://git.teknik.io/Teknikode/">Git Repository</a> as well as all our internal tools and projects.
  59. <br />
  60. <br />
  61. Have a cool suggestion for the site? Just submit it using the <a href="<?php echo get_page_url("contact", $CONF); ?>">Feedback Form</a>!
  62. </p>
  63. <div class="alert alert-info">
  64. <div class="text-center">
  65. <p>
  66. While we provide these services for free, sadly that doesn't make the cost magically go away. If you think we are doing a great job and would like to say thanks, we would greatly appreciate a small donation so that we can pay the bills! (Or buy some beer)
  67. </p>
  68. <p>
  69. <div class="input-group col-sm-6 col-sm-offset-3">
  70. <span class="input-group-addon" id="basic-addon1">Bitcoin Address</span>
  71. <input type="text" class="form-control" name="bitcoin_address" value="<?php echo $CONF['bitcoin_address']; ?>" readonly>
  72. </div>
  73. <br />
  74. <a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=MBG93VKQ343P4">
  75. <button type="button" class="btn btn-default">Paypal Donation</button>
  76. </a>
  77. </p>
  78. </p>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="tab-pane" id="staff">
  83. <?php
  84. if ($FounderUsers || $AdminUsers || $ModUsers)
  85. {
  86. ?>
  87. <?php
  88. if ($FounderUsers)
  89. {
  90. ?>
  91. <div class="row">
  92. <div class="col-md-12">
  93. <h2>Founders</h2>
  94. </div>
  95. </div>
  96. <div class="row">
  97. <?php
  98. foreach ($FounderUsers as $founderuser)
  99. {
  100. ?>
  101. <div class="col-md-6">
  102. <div class="blockquote-box blockquote-danger clearfix">
  103. <a href="<?php echo get_page_url("home", $CONF); ?>/<?php echo $founderuser->username; ?>">
  104. <div class="square pull-left">
  105. <span class="glyphicon glyphicon-tower glyphicon-lg"></span>
  106. </div>
  107. </a>
  108. <h4>
  109. <?php echo $founderuser->username; ?></h4>
  110. <p>
  111. <?php echo $founderuser->quote; ?>
  112. </p>
  113. </div>
  114. </div>
  115. <?php
  116. }
  117. ?>
  118. </div>
  119. <?php
  120. }
  121. if ($AdminUsers)
  122. {
  123. ?>
  124. <div class="row">
  125. <div class="col-md-12">
  126. <h2>Administrators</h2>
  127. </div>
  128. </div>
  129. <div class="row">
  130. <?php
  131. foreach ($AdminUsers as $adminuser)
  132. {
  133. ?>
  134. <div class="col-md-6">
  135. <div class="blockquote-box blockquote-primary clearfix">
  136. <a href="<?php echo get_page_url("home", $CONF); ?>/<?php echo $adminuser->username; ?>">
  137. <div class="square pull-left">
  138. <span class="glyphicon glyphicon-star glyphicon-lg"></span>
  139. </div>
  140. </a>
  141. <h4>
  142. <?php echo $adminuser->username; ?></h4>
  143. <p>
  144. <?php echo $adminuser->quote; ?>
  145. </p>
  146. </div>
  147. </div>
  148. <?php
  149. }
  150. ?>
  151. </div>
  152. <?php
  153. }
  154. if ($ModUsers)
  155. {
  156. ?>
  157. <div class="row">
  158. <div class="col-md-12">
  159. <h2>Moderators</h2>
  160. </div>
  161. </div>
  162. <div class="row">
  163. <?php
  164. foreach ($ModUsers as $moduser)
  165. {
  166. ?>
  167. <div class="col-md-6">
  168. <div class="blockquote-box blockquote-success clearfix">
  169. <a href="<?php echo get_page_url("home", $CONF); ?>/<?php echo $moduser->username; ?>">
  170. <div class="square pull-left">
  171. <span class="glyphicon glyphicon-star-empty glyphicon-lg"></span>
  172. </div>
  173. </a>
  174. <h4>
  175. <?php echo $moduser->username; ?></h4>
  176. <p>
  177. <?php echo $moduser->quote; ?>
  178. </p>
  179. </div>
  180. </div>
  181. <?php
  182. }
  183. ?>
  184. </div>
  185. <?php
  186. }
  187. ?>
  188. <?php
  189. }
  190. ?>
  191. </div>
  192. <?php
  193. if ($history)
  194. {
  195. ?>
  196. <div class="tab-pane" id="history">
  197. <div class="page-header text-center">
  198. <h1>The History of #/g/technology</h1>
  199. </div>
  200. <div class="row">
  201. <div class="col-md-12">
  202. <div class="panel panel-default">
  203. <div class="panel-body">
  204. In early 2012 one of the current owners, dissatisfied with the /g/ channels that existed, sought to create a different one. One that was actually about technology. He posted on /g/ about his desire to create a new channel, and invited others to join him. He then invited his friends from former software projects and #/g/technology was born.
  205. <br /><br />
  206. The channel has grown a lot since then, and is now considered the de-facto /g/ channel and is by far the largest channel for 4chan's technology board.
  207. </div>
  208. </div>
  209. </div>
  210. </div>
  211. <div id="timeline">
  212. <?php
  213. $current_day = date("d",time())+1;
  214. $current_month = date("m",time())+1;
  215. $current_year = date("Y",time());
  216. $first_event = true;
  217. $position = "right";
  218. foreach ($history as $event)
  219. {
  220. $event_date = (isset($event['event_date'])) ? $event['event_date'] : "";
  221. $event_title = (isset($event['title'])) ? $event['title'] : "";
  222. $event_description = (isset($event['description'])) ? $event['description'] : "";
  223. $new_day_tag = false;
  224. $new_year_tag = false;
  225. if ($current_day != date("d",strtotime($event_date)) || $current_month != date("m",strtotime($event_date)))
  226. {
  227. $new_day_tag = true;
  228. }
  229. if ($current_year != date("Y",strtotime($event_date)))
  230. {
  231. $new_year_tag = true;
  232. }
  233. if ($position == "left")
  234. {
  235. $position = "right";
  236. }
  237. else
  238. {
  239. $position = "left";
  240. }
  241. $current_day = date("d",strtotime($event_date));
  242. $current_month = date("m",strtotime($event_date));
  243. $current_year = date("Y",strtotime($event_date));
  244. ?>
  245. <?php if (!$first_event && $new_day_tag) { ?>
  246. </div>
  247. <?php } ?>
  248. <?php if ($new_year_tag) { ?>
  249. <div class="row timeline-movement timeline-movement-top">
  250. <div class="timeline-badge">
  251. <span class="timeline-balloon-date-year"><?php echo date("Y",strtotime($event_date)); ?></span>
  252. </div>
  253. </div>
  254. <?php } ?>
  255. <?php if ($new_day_tag) { ?>
  256. <div class="row timeline-movement">
  257. <?php } ?>
  258. <?php if ($new_day_tag) { ?>
  259. <div class="timeline-badge">
  260. <span class="timeline-balloon-date-day"><?php echo date("d",strtotime($event_date)); ?></span>
  261. <span class="timeline-balloon-date-month"><?php echo date("M",strtotime($event_date)); ?></span>
  262. </div>
  263. <?php } ?>
  264. <div class="col-sm-6 <?php if ($position == "right") { echo "col-sm-offset-6"; } ?> timeline-item">
  265. <div class="row">
  266. <div class="col-sm-11 <?php if ($position == "right") { echo "col-sm-offset-1"; } ?>">
  267. <div class="timeline-panel <?php echo $position; ?>">
  268. <ul class="timeline-panel-ul">
  269. <li><span class="importo"><?php echo $event_title; ?></span></li>
  270. <li><span class="causale"><?php echo $event_description; ?></span> </li>
  271. <li><p><small class="text-muted"><i class="glyphicon glyphicon-time"></i> <?php echo date("Y-m-d H:i:s", strtotime($event_date)); ?></small></p> </li>
  272. </ul>
  273. </div>
  274. </div>
  275. </div>
  276. </div>
  277. <?php
  278. $first_event = false;
  279. }
  280. ?>
  281. </div>
  282. </div>
  283. </div>
  284. <?php
  285. }
  286. ?>
  287. </div>
  288. </div>
  289. </div>
  290. </div>