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 7.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223
  1. <div class="container">
  2. <div class="row">
  3. <center>
  4. <img src="<?php echo get_page_url("cdn", $CONF); ?>/<?php echo $CONF['template']; ?>/img/logo-blue.svg" class="img-responsive" alt="Teknik">
  5. </center>
  6. </div>
  7. <br />
  8. <div class="row text-center">
  9. <h2>
  10. Teknik is dedicated to the advancement of technology and ideas, and we provide these services to help those who try to innovate.
  11. </h2>
  12. </div>
  13. </div>
  14. <br />
  15. <div class="container">
  16. <div class="col-sm-4">
  17. </div>
  18. <div class="col-sm-4">
  19. <div class="panel panel-default">
  20. <div class="panel-heading">
  21. <h3 class="panel-title text-center">Recent Podcasts</h3>
  22. </div>
  23. <div class="panel-body">
  24. <p>
  25. <ul class="list-group">
  26. <?php
  27. $new_posts = $db->select('podcast', "1=? ORDER BY date_posted DESC LIMIT 5", array(1));
  28. $posts = array();
  29. foreach ($new_posts as $post)
  30. {
  31. if (!is_array($post))
  32. {
  33. $posts = array($new_posts);
  34. break;
  35. }
  36. array_push($posts, $post);
  37. }
  38. foreach ($posts as $post)
  39. {
  40. $post_id = $post['id'];
  41. $date = $post['date_posted'];
  42. $title = $post['title'];
  43. ?>
  44. <script>
  45. var converter = new Markdown.getSanitizingConverter();
  46. // Title Conversion
  47. var old_post = $("#podcast_title_<?php echo $post_id; ?>").text();
  48. var new_post = converter.makeHtml(old_post);
  49. $("#podcast_title_<?php echo $post_id; ?>").html(new_post);
  50. </script>
  51. <li class="list-group-item">
  52. <div class="row">
  53. <div class="col-sm-12">
  54. <div class="podcast-post-sm">
  55. <h2 class="podcast-post-title-sm text-left"><a href="<?php echo get_page_url("podcast", $CONF); ?>/<?php echo $post_id; ?>" id="podcast_title_<?php echo $post_id; ?>"><?php echo $title; ?></a></h2>
  56. <p class="podcast-post-meta-sm text-left text-muted">
  57. Posted on <?php echo date("F d, Y",strtotime($date)); ?>
  58. </p>
  59. </div>
  60. </div>
  61. </div>
  62. </li>
  63. <?php
  64. }
  65. ?>
  66. </ul>
  67. </p>
  68. </div>
  69. </div>
  70. </div>
  71. <div class="col-sm-4">
  72. <div class="panel panel-default">
  73. <div class="panel-heading">
  74. <h3 class="panel-title text-center">Recent Blog Posts</h3>
  75. </div>
  76. <div class="panel-body">
  77. <p>
  78. <ul class="list-group">
  79. <?php
  80. $new_posts = $db->select('blog', "1=? ORDER BY date_posted DESC LIMIT 5", array(1));
  81. $posts = array();
  82. foreach ($new_posts as $post)
  83. {
  84. if (!is_array($post))
  85. {
  86. $posts = array($new_posts);
  87. break;
  88. }
  89. array_push($posts, $post);
  90. }
  91. foreach ($posts as $post)
  92. {
  93. $post_id = $post['id'];
  94. $author_id = $post['author_id'];
  95. $author = $userTools->get($author_id);
  96. $date = $post['date_posted'];
  97. $title = $post['title'];
  98. $tags = $post['tags'];
  99. $post = $post['post'];
  100. ?>
  101. <script>
  102. var converter = new Markdown.getSanitizingConverter();
  103. // Title Conversion
  104. var old_post = $("#title_<?php echo $post_id; ?>").text();
  105. var new_post = converter.makeHtml(old_post);
  106. $("#title_<?php echo $post_id; ?>").html(new_post);
  107. </script>
  108. <li class="list-group-item">
  109. <div class="row">
  110. <div class="col-sm-12">
  111. <div class="blog-post-sm">
  112. <h2 class="blog-post-title-sm text-left"><a href="<?php echo get_page_url("blog", $CONF); ?>/<?php echo $author->username; ?>/<?php echo $post_id; ?>" id="title_<?php echo $post_id; ?>"><?php echo $title; ?></a></h2>
  113. <p class="blog-post-meta-sm text-left text-muted">
  114. Posted on <?php echo date("F d, Y",strtotime($date)); ?> by <a href="<?php echo get_page_url("home", $CONF); ?>/<?php echo $author->username; ?>"><?php echo $author->username; ?></a>
  115. </p>
  116. </div>
  117. </div>
  118. </div>
  119. </li>
  120. <?php
  121. }
  122. ?>
  123. </ul>
  124. </p>
  125. </div>
  126. </div>
  127. </div>
  128. </div>
  129. <br />
  130. <div class="container">
  131. <div class="row">
  132. <a href="<?php echo get_page_url("help", $CONF); ?>/#Mail">
  133. <div class="col-md-3 text-center">
  134. <div class="thumbnail">
  135. <br />
  136. <i class="fa fa-at fa-5x"></i>
  137. <div class="caption">
  138. <h3>Free Email</h3>
  139. </div>
  140. </div>
  141. </div>
  142. </a>
  143. <a href="<?php echo get_page_url("help", $CONF); ?>/#Git">
  144. <div class="col-md-3 text-center">
  145. <div class="thumbnail">
  146. <br />
  147. <i class="fa fa-git fa-5x"></i>
  148. <div class="caption">
  149. <h3>Unlimited Git Repositories</h3>
  150. </div>
  151. </div>
  152. </div>
  153. </a>
  154. <a href="<?php echo get_page_url("blog", $CONF); ?>">
  155. <div class="col-md-3 text-center">
  156. <div class="thumbnail">
  157. <br />
  158. <i class="fa fa-rss fa-5x"></i>
  159. <div class="caption">
  160. <h3>Personal Blog</h3>
  161. </div>
  162. </div>
  163. </div>
  164. </a>
  165. <a href="<?php echo get_page_url("upload", $CONF); ?>">
  166. <div class="col-md-3 text-center">
  167. <div class="thumbnail">
  168. <br />
  169. <i class="fa fa-lock fa-5x"></i>
  170. <div class="caption">
  171. <h3>Encrypted File Uploads</h3>
  172. </div>
  173. </div>
  174. </div>
  175. </a>
  176. </div>
  177. <div class="row">
  178. <a href="<?php echo get_page_url("paste", $CONF); ?>">
  179. <div class="col-md-3 text-center">
  180. <div class="thumbnail">
  181. <br />
  182. <i class="fa fa-code fa-5x"></i>
  183. <div class="caption">
  184. <h3>Clean Pastebin</h3>
  185. </div>
  186. </div>
  187. </div>
  188. </a>
  189. <a href="<?php echo get_page_url("podcast", $CONF); ?>">
  190. <div class="col-md-3 text-center">
  191. <div class="thumbnail">
  192. <br />
  193. <i class="fa fa-microphone fa-5x"></i>
  194. <div class="caption">
  195. <h3>Technical Podcasts</h3>
  196. </div>
  197. </div>
  198. </div>
  199. </a>
  200. <a href="<?php echo get_page_url("help", $CONF); ?>/#Mumble">
  201. <div class="col-md-3 text-center">
  202. <div class="thumbnail">
  203. <br />
  204. <i class="fa fa-comments fa-5x"></i>
  205. <div class="caption">
  206. <h3>Mumble Server</h3>
  207. </div>
  208. </div>
  209. </div>
  210. </a>
  211. <a href="<?php echo get_page_url("api", $CONF); ?>">
  212. <div class="col-md-3 text-center">
  213. <div class="thumbnail">
  214. <br />
  215. <i class="fa fa-exchange fa-5x"></i>
  216. <div class="caption">
  217. <h3>Easy to Use API</h3>
  218. </div>
  219. </div>
  220. </div>
  221. </a>
  222. </div>
  223. </div>