API tools faq
paste
Advertisement
szymski

Untitled

szymski
Jul 10th, 2016
132
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 12.08 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.  
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>Document</title>
  6. <link rel="stylesheet" type="text/css" href="deps/semantic/semantic.min.css">
  7. <link rel="stylesheet/less" href="styles/main.less">
  8. <script src="deps/jquery/jquery-3.0.0.min.js" type="text/javascript"></script>
  9. <script src="deps/semantic/semantic.min.js" type="text/javascript"></script>
  10. <script src="deps/less/less.min.js" type="text/javascript"></script>
  11. <script src="scripts/main.js" type="text/javascript"></script>
  12. </head>
  13.  
  14. <body>
  15.  
  16. <div class="ui container">
  17.  
  18. <!-- Header -->
  19.  
  20. <header>
  21. <div class="ui stackable menu header">
  22. <div class="item">
  23. <h1>Portal</h1>
  24. </div>
  25. <a class="item action">Strona główna</a>
  26. <a class="item" href="forums.html">Fora</a>
  27. <a class="item">Znajomi</a>
  28. <div class="item right">
  29. <div class="ui icon input">
  30. <input type="text" placeholder="Search...">
  31. <i class="search icon"></i>
  32. </div>
  33. </div>
  34. </div>
  35. </header>
  36.  
  37. <!-- Menu -->
  38.  
  39. <div class="main-wrapper">
  40. <div class="ui equal width grid">
  41.  
  42. <!-- Left column -->
  43.  
  44. <div class="column">
  45. <div class="ui segment">
  46.  
  47. <!-- Profile box -->
  48.  
  49. <div class="profilebox">
  50. <div class="nameavatarwrapper">
  51. <img class="ui image circular mini avatar" src="img/avatar.jpg">
  52. <span class="nickname">Andrzej Marek</span>
  53. </div>
  54. <div class="nameavatarwrapper">
  55. <i class="icon trophy big"></i>
  56. <span class="nickname">-175754091</span>
  57. </div>
  58. <div class="ui progress small teal" data-percent="25" id="level-progressbar">
  59. <div class="bar"></div>
  60. <div class="label">50 / 200 XP</div>
  61. </div>
  62. </div>
  63.  
  64. <div class="ui divider"></div>
  65.  
  66. <!-- Links -->
  67.  
  68. <p class="linknotification"><b><a href="#">Dostępne są 2 nowe ankiety</a></b></p>
  69. <p class="linknotification"><b><a href="#">Dostępne są wyniki 3 ankiet</a></b></p>
  70.  
  71. <div class="ui divider"></div>
  72.  
  73. <!-- Quick poll -->
  74.  
  75. <div class="quickpollbox">
  76. <h3 class>A czy papież lubi gumę żuć?</h3>
  77.  
  78. <table>
  79. <col class="first">
  80. <col class="last">
  81. <tr>
  82. <td>Bardzo</td>
  83. <td>
  84. <div class="ui radio checkbox">
  85. <input type="radio" name="radio" checked="checked">
  86. <label></label>
  87. </div>
  88. </td>
  89. </tr>
  90. <tr>
  91. <td>Jeszcze jak</td>
  92. <td>
  93. <div class="ui radio checkbox">
  94. <input type="radio" name="radio" checked="checked">
  95. <label></label>
  96. </div>
  97. </td>
  98. </tr>
  99. <tr>
  100. <td>Że co robi?</td>
  101. <td>
  102. <div class="ui radio checkbox">
  103. <input type="radio" name="radio" checked="checked">
  104. <label></label>
  105. </div>
  106. </td>
  107. </tr>
  108. </table>
  109.  
  110. <button class="ui button fluid primary sendbtn" id="quickpoll-send">Wyślij</button>
  111. </div>
  112.  
  113. <div class="ui button positive" id="rzopa">Kurwa</div>
  114.  
  115. </div>
  116. </div>
  117.  
  118. <!-- Center column -->
  119.  
  120. <div class="eight wide column">
  121.  
  122. <div class="ui green message">Twoje konto zostało aktywowane. <a href="profile.html">Skonfiguruj swój profil.</a></div>
  123.  
  124. <!-- Post editor -->
  125.  
  126. <div class="ui segment">
  127. <div class="ui top attached label">Opublikuj post</div>
  128. <form class="ui form">
  129. <textarea rows="3"></textarea>
  130. </form>
  131. <button class="ui button">Opublikuj</button>
  132. <div class="ui right floated labeled icon dropdown button">
  133. <i class="users icon"></i>
  134. <span class="text">Wszyscy</span>
  135. <div class="menu">
  136. <div class="header">
  137. <i class="users icon"></i> Widoczność
  138. </div>
  139. <div class="item">
  140. Wszyscy
  141. </div>
  142. <div class="item">
  143. Znajomi
  144. </div>
  145. <div class="item">
  146. Grupa zainteresowań
  147. </div>
  148. </div>
  149. </div>
  150. </div>
  151.  
  152. <!-- Post 1 -->
  153.  
  154. <div class="ui segments vertical post" id="post">
  155. <div class="ui segment">
  156. <div class="ui top attached label">
  157. <a>Andrzej Dupa</a> opublikował/a
  158. </div>
  159. <p>Ale mnie coś dupa swędzi. Muszę podrapać się po brodzie.</p>
  160. <div class="ui divider"></div>
  161. <div class="infobox">
  162. <a id="post-showcomments" href="#">1 komentarz</a>
  163. <a id="post-addcomment" href="#">Skomentuj</a>
  164. </div>
  165. <div class="votebox">
  166. <div class="ui label red">-43</div>
  167. <a><i class="icon large angle up"></i></a>
  168. <a><i class="icon large angle down"></i></a>
  169. </div>
  170. <div class="clear"></div>
  171. </div>
  172.  
  173. <div class="ui segment comments" id="comments" hidden>
  174. <div class="ui very relaxed list">
  175. <div class="item">
  176. <img class="ui avatar image" src="img/avatar.jpg">
  177. <div class="content">
  178. <a class="header">Oskar Widawski</a>
  179. <div class="description">Ja to bym cię Andrzej spalił.</div>
  180. </div>
  181. </div>
  182. </div>
  183. </div>
  184.  
  185. <div class="ui segment" id="addcomment" hidden>
  186. <form class="ui form">
  187. <textarea rows="1" id="addcomment-text"></textarea>
  188. </form>
  189. <button class="ui button" id="addcomment-add">Opublikuj</button>
  190. <button class="ui button floated right" id="addcomment-cancel">Anuluj</button>
  191. </div>
  192. </div>
  193.  
  194. <!-- Post 2 -->
  195.  
  196. <div class="ui segments vertical post" id="post">
  197. <div class="ui segment">
  198. <div class="ui top attached label">
  199. <a>Richard Dawkins</a> opublikował/a
  200. </div>
  201. <p>Apeluję do wszystkich ateistów!</br>Jutro o godzinie 12.00, zaczynamy spalać katolickie kościoły.
  202. Proszę wszystkich o dołączenie. Dziękuje!</p>
  203. <div class="ui divider"></div>
  204. <div class="infobox">
  205. <a id="post-showcomments" href="#">2 komentarze</a>
  206. <a id="post-addcomment" href="#">Skomentuj</a>
  207. </div>
  208. <div class="votebox">
  209. <div class="ui label green">666</div>
  210. <a><i class="icon large angle up"></i></a>
  211. <a><i class="icon large angle down"></i></a>
  212. </div>
  213. <div class="clear"></div>
  214. </div>
  215.  
  216. <div class="ui segment comments" id="comments" hidden>
  217. <div class="ui very relaxed list">
  218. <div class="item">
  219. <img class="ui avatar image" src="img/avatar.jpg">
  220. <div class="content">
  221. <a class="header">Oskar Widawski</a>
  222. <div class="description">Bardzo ciekawa inicjatywa. Z pewnością dołączę.</div>
  223. </div>
  224. </div>
  225. <div class="item">
  226. <img class="ui avatar image" src="img/avatar.jpg">
  227. <div class="content">
  228. <a class="header">Michał Przemieniecki</a>
  229. <div class="description">Żuuuuul. Spale ci dom.</div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234.  
  235. <div class="ui segment" id="addcomment" hidden>
  236. <form class="ui form">
  237. <textarea rows="1" id="addcomment-text"></textarea>
  238. </form>
  239. <button class="ui button" id="addcomment-add">Opublikuj</button>
  240. <button class="ui button floated right" id="addcomment-cancel">Anuluj</button>
  241. </div>
  242. </div>
  243.  
  244. </div>
  245.  
  246. <!-- Right column -->
  247.  
  248. <div class="column">
  249. <div class="ui segment">
  250. <video width="auto" height="240" controls id="gay" onloadstart="this.volume=0.05" loop>
  251. <source src="img/vid.webm" type="video/webm">
  252. </video>
  253. </div>
  254. </div>
  255.  
  256. </div>
  257. </div>
  258.  
  259. </div>
  260.  
  261. <audio id="my_audio" controls preload="none" hidden>
  262. <source src="img/kurwa.ogg" type="audio/ogg">
  263. </audio>
  264.  
  265. </body>
  266.  
  267.  
  268.  
  269. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!