API tools faq
paste
Advertisement
Guest User

homepage

a guest
Jul 14th, 2015
342
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.50 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.  
  3. <!--
  4. OK, so here's the thing, I suck at programming. I've been trying to teach myslef program and web design for a while, but I'm incredibly disorgaanized, so have fun readong this source.
  5. BTW I stole my search bar from Twily (his shit can be found at twily.info), just want to give credit where credit is due.
  6. This is a work in progress, I haven't personally filled out all the links in the page, so you'll see some redudancy.
  7. Have fun.
  8. -->
  9.  
  10. <html>
  11.  
  12. <title>
  13. Home
  14. </title>
  15.  
  16. <head>
  17. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  18. </head>
  19.  
  20. <style type="text/css">
  21. * {
  22. text-decoration: none;
  23. color: #d2deab;
  24. }
  25. html {
  26. background: #211b1c;
  27. background-size: 100%;
  28. color: #d2deab;
  29. font-family: "Terminus", monospace;
  30. font-size: 14px;
  31. }
  32. .hv {
  33. padding: 40px 20px 40px 20px;
  34. background-color: #b3383d;
  35. display: block;
  36. margin: auto;
  37. text-align: center;
  38. width: 200px;
  39. box-shadow: 2px 2px 2px #44303c;
  40. /*margin: 20px 20px 20px 20px;*/
  41. }
  42. .hv:hover {
  43. background-color: #d84146;
  44. }
  45. h1 {
  46. float: left;
  47. margin-left: 20%;
  48. }
  49. table,th,td,tr {
  50. text-align: center;
  51. margin-left: auto;
  52. margin-right: auto;
  53. padding: 4px;
  54. }
  55. a:hover {
  56. text-shadow: 1px 1px #44303c;
  57. }
  58. table {
  59. visibility: collapse;
  60. height: 0px;
  61. }
  62. .hv:hover table {
  63. visibility: visible;
  64. margin-top: -50px;
  65. }
  66. .hv:hover div {
  67. height: 60px;
  68. }
  69. .hv:hover b {
  70. color: #d84146;
  71. }
  72. #wrap {
  73. background-color: #465769;
  74. padding: 20px 20px 20px 20px;
  75. position: relative;
  76. margin-left: auto;
  77. margin-right: auto;
  78. margin-top: 10%;
  79. width: 240px;
  80. }
  81. #q {
  82. background-color: #506c84;
  83. border: 0; border-radius: 1px;
  84. padding: 8px 8px; font-size: 12pt;
  85. margin-bottom: 20px;
  86. margin-left: 13px;
  87. font-family: "Terminus", monospace;
  88. color: #d2deab;
  89. width: 200px;
  90. box-shadow: 2px 2px 2px #465769;
  91. text-align: center;
  92. }
  93. input, select, textarea{
  94. color: #211b1c;
  95. }
  96. </style>
  97.  
  98. <script type="text/javascript">
  99.  
  100. var $=function(id) { return document.getElementById(id); };
  101.  
  102. var search=[ // Search engines
  103. ["", "https://www.google.com/#q="], // Google (Default)
  104. ["!g", "https://www.google.com/#q="], // Google
  105. ["!i", "https://www.google.com/search?tbm=isch&q="], // Google Images
  106. ["!y", "https://www.youtube.com/results?search_query="], // YouTube
  107. ["!w", "http://en.wikipedia.org/w/index.php?search="], // Wikipedia
  108. ["!m", "http://www.imdb.com/find?q="], // IMDb
  109. ["!u", "http://www.urbandictionary.com/define.php?term="], // Urban Dictionary
  110. ["!n", "http://www.nyaa.se/?page=search&cats=0_0&filter=0&term="], //Nyaa
  111. ];
  112.  
  113. var ss="";
  114. function init() {
  115. for(var i=0;i<search.length;i++) if(search[i][0]=="") ss=search[i][1];
  116. if(ss=="") alert("Error: Missing default search engine!");
  117.  
  118. build();
  119.  
  120. $('q').value="";v
  121. $('q').focus();
  122. }
  123.  
  124. function handleQuery(e,q) { // Handle search query
  125. var key=e.keyCode || e.which;
  126.  
  127. if(key==13) { // enter
  128. if(q.lastIndexOf("!")!=-1) {
  129. var x=q.lastIndexOf("!"),found=false;
  130.  
  131. for(var i=0;i<search.length;i++) {
  132. if(search[i][0]==q.substr(x)) { // Find "!?"
  133. found=true; window.location=search[i][1]+q.substr(0,x).replace(/&/g,"%26");
  134. }
  135. }
  136. if(!found) { // Invalid "!?", use default
  137. window.location=ss+q.substr(0,x).replace(/&/g,"%26");
  138. }
  139. } else { // "!?" where not specified, use default
  140. window.location=ss+q.replace(/&/g,"%26");
  141. }
  142. }
  143. }
  144.  
  145. </script>
  146.  
  147. <body onload="javascript:init();">
  148. <h1 id="header">Weeaboo.</h1>
  149. <div id="wrap">
  150. <input autofocus type="text" id="q" value="" placeholder="" onkeypress="javascript:handleQuery(event,this.value);" onfocus="this.value=this.value" />
  151. <div id="chan" class="hv">
  152. <b>4chan</b>
  153. <div id="clist" class="lit">
  154. <table>
  155. <tr>
  156. <td><a href="https://www.4chan.org/a/catalog">/a/</a></td>
  157. <td><a href="https://www.4chan.org/g/catalog">/g/</a></td>
  158. <td><a href="https://www.4chan.org/v/catalog">/v/</a></td>
  159. </tr>
  160. <tr>
  161. <td><a href="https://www.4chan.org/c/catalog">/c/</a></td>
  162. <td><a href="https://www.4chan.org/w/catalog">/w/</a></td>
  163. <td><a href="https://www.4chan.org/tg/catalog">/tg/</a></td>
  164. </tr>
  165. <tr>
  166. <td><a href="https://www.4chan.org/jp/catalog">/jp/</a></td>
  167. <td><a href="https://www.4chan.org/wg/catalog">/wg/</a></td>
  168. <td><a href="https://www.4chan.org/wsg/catalog">/wsg/</a></td>
  169. </tr>
  170. </table>
  171. </div>
  172. </div>
  173. <div id="school" class="hv">
  174. <b>Work</b>
  175. <div id="slist" class="lit">
  176. <table>
  177. <tr>
  178. <td><a href="https://"></a></td>
  179. <td><a href="https://mail.google.com">Gmail</a></td>
  180. <td><a href="https://www.w3schools.com">W3</a></td>
  181. </tr>
  182. <tr>
  183. <td><a href="https://www.gvltec.edu">Gtec</a></td>
  184. <td><a href="https://drive.google.com">Drive</a></td>
  185. <td><a href="https://www.codecademy.com">Ccad</a></td>
  186. </tr>
  187. <tr>
  188. <td><a href="https://www.wikipedia.org">Wiki</a></td>
  189. <td><a href="https://www.google.com">GGL</a></td>
  190. <td><a href="https://www.wiki.installgentoo.com">IGT</a></td>
  191. </tr>
  192. </table>
  193. </div>
  194. </div>
  195. <div id="buy" class="hv">
  196. <b>Msc</b>
  197. <div id="blist" class="lit">
  198. <table>
  199. <tr>
  200. <td><a href="https://www.massdrop.com/buy">Mass</a></td>
  201. <td><a href="https://www.animebytes.tv">AB</a></td>
  202. <td><a href="https://www.4chan.org/v/catalog">/v/</a></td>
  203. </tr>
  204. <tr>
  205. <td><a href="https://www.newegg.com">Negg</a></td>
  206. <td><a href="https://www.amazon.com">Azon</a></td>
  207. <td><a href="https://www.nyaa.se">Nyaa</a></td>
  208. </tr>
  209. <tr>
  210. <td><a href="https://www.4chan.org/jp/catalog">/jp/</a></td>
  211. <td><a href="https://www.4chan.org/wg/catalog">/wg/</a></td>
  212. <td><a href="https://www.4chan.org/wsg/catalog">/wsg/</a></td>
  213. </tr>
  214. </table>
  215. </div>
  216. </div>
  217. <div id="sell" class="hv">
  218. <b>Fun</b>
  219. <div id="blist" class="lit">
  220. <table>
  221. <tr>
  222. <td><a href="https://www.reddit.com">Reddit</a></td> <!-- leddit -->
  223. <td><a href="https://www.imgur.com">Imgur</a></td>
  224. <td><a href="https://www.8ch.net">8chan</a></td>
  225. </tr>
  226. <tr>
  227. <td><a href="https://www.kiwiblitz.com">Kiwi</a></td>
  228. <td><a href="https://www.romanticallyapocalyptic.com">Apoc</a></td>
  229. <td><a href="https://www.youtube.com">Ytub</a></td>
  230. </tr>
  231. <tr>
  232. <td><a href="https://r-a-d.io">R/a/dio</a></td>
  233. <td><a href="https://www.4chan.org/wg/catalog">/wg/</a></td>
  234. <td><a href="https://www.4chan.org/wsg/catalog">/wsg/</a></td>
  235. </tr>
  236. </table>
  237. </div>
  238. </div>
  239. </div>
  240. </body>
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!