\ programming some shitty html - /g/pasta 2.4
From Stained Lechwe, 4 Years ago, written in HTML5.
This paste will in 1 Second.
Embed
  1.  
  2.  
  3. <!DOCTYPE html>
  4. <!--TODO : share -->
  5. <!-- homepage by !noha/.gytc - (noha/noga on rizon) || javascript by nullbyte (nullbyte on rizon)-->
  6.  
  7.  
  8.     <head>
  9.  
  10.         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  11.  
  12.         <title>New Tab</title>
  13.  
  14.     </head>
  15.     <style>
  16.         a{
  17.             color:#c8c8c8;
  18.             font-family:"Segoe UI light";
  19.             font-size:25px;
  20.             text-decoration:none;
  21.             margin-left:5px;
  22.             transition-property: color;
  23.             transition-duration: .2s;
  24.             transition-timing-function: linear;
  25.         }
  26.         body{
  27.             padding-left:10px;
  28.             padding-right:10px;
  29.             font-family:"Segoe UI light";
  30.             color:#c8c8c8;
  31.             font-size:34px;
  32.             background:#FBFBFB;
  33.         }
  34.  
  35.         span{
  36.             margin-left:10px;
  37.             text-family:"segoe UI";
  38.             text-align: center;
  39.         }
  40.  
  41.         a:hover { color:#A9BFA5}
  42.  
  43.         input[type=text] {
  44.             width: 255px;
  45.             padding: 3px;
  46.             position:absolute;
  47.             right:5px;bottom:5px;
  48.             border: 1px solid #E6e6e6;
  49.             transition-property: border-color;
  50.             transition-duration: .2s;
  51.             transition-timing-function: linear;
  52.             color: #bebebe
  53.         }
  54.  
  55.         input[type=text]:hover {
  56.             border-color: #bebebe;
  57.             transition-property: border-color;
  58.             transition-duration: .2s;
  59.             transition-timing-function: linear;
  60.             color: #bebebe;
  61.         }
  62.  
  63.         .boxed {
  64.             border: 1px solid #e6e6e6;
  65.             padding: 5px;
  66.             color: #494949;
  67.             background-color: #f7f7f7;
  68.             width: 760px;
  69.             margin-left: -390px;
  70.             margin-right: auto;
  71.             position:fixed;
  72.             left: 50%;
  73.         }
  74.  
  75.         div {
  76.             margin-bottom: 10px;
  77.         }
  78.  
  79.     </style>
  80.     <body>
  81.         <div align="center" id="message"></div>
  82.         <script type="text/javascript">
  83.             var d = new Date();
  84.             var n = d.getHours();
  85.  
  86.             if ( n == 23 || n == 0) {
  87.                 message = "<img src='goodnight.png'></img>";
  88.             } else if ( n >= 1 && n <= 4 ) {
  89.                message = "<img src='goodnight.png'></img>";
  90.             } else if ( n >= 5 && n <= 12 ) {
  91.                message = "<img src='goodmorning.png'></img>";
  92.             } else if ( n >= 13 && n <= 17 ) {
  93.                message = "<img src='goodafternoon.png'></img>";
  94.             } else if ( n >= 18 && n <= 22 ) {
  95.                message = "<img src='goodevening.png'></img>";
  96.             }
  97.  
  98. document.getElementById("message").innerHTML = message;
  99. <div class="boxed">
  100.     <span> <img src="4chan.png"></span>
  101.     <a style="padding-left:10px" href="http://boards.4chan.org/a/">a</a>
  102.     <a href="http://boards.4chan.org/g/">g</a>
  103.     <a href="http://boards.4chan.org/tg/">tg</a>
  104.     <a href="http://boards.4chan.org/v/">v</a>
  105.     <a href="http://boards.4chan.org/vg/">vg</a>
  106.     <a href="http://boards.4chan.org/vr/">vr</a>
  107.     </br>
  108.     <span> <img src="school.png"></span>
  109.     <a style="padding-left:10px" href="http://www.pls.edu">nope</a>
  110.     <a href="http://canvas.no.edu">canvas</a>
  111.     </br>
  112.     <span> <img src="comics.png"></span>
  113.     <a style="padding-left:10px" href="http://awkwardzombie.com/">az</a>
  114.     <a href="http://fanboys-online.com/">fb</a>
  115.     <a href="http://gunshowcomic.com/">gs</a>
  116.     <a href="http://nedroid.com/">nedroid</a>
  117.     <a href="http://oglaf.com/">oglaf</a>
  118.     <a href="http://questionablecontent.net/">qc</a>
  119.     <a href="http://www.smbc-comics.com/">smbc</a>
  120.     <a href="http://www.whompcomic.com/">whomp</a>
  121.     <a href="http://www.xkcd.com/">xkcd</a>
  122.     </br>
  123.     <span> <img src="tracker.png"></span>
  124.     <a style="padding-left:10px" href="https://gazellegames.net/">ggn</a>
  125.     <a href="https://tls.passthepopcorn.me/">ptp</a>
  126.     <a href="https://animebytes.tv/">ab</a>
  127.     <a href="http://www.iptorrents.com/">ipt</a>
  128.     <a href="http://www.bitgamer.su/">bg</a>           <!-- ;_;7 -->
  129.     <a href="http://www.underground-gamer.com/">ug</a> <!-- ;_;7 -->
  130.     <a href="http://gtracker.installgentoo.com/">ig</a>
  131.     <a href="http://bakabt.me/">baka</a>
  132.     <a href="http://www.nyaa.se/">nyaa</a>
  133.     <a href="https://www.tokyotosho.info/">tt</a>
  134.     </br>
  135.     <span> <img src="music.png"></span>
  136.     <a style="padding-left:10px" href="http://edenofthewest.com/">eden</a>
  137.     <a href="http://r-a-d.io/">r/a/dio</a>
  138.     <a href="http://radio.nyaa-nyaa.com/">nyaa</a>
  139.     </br>
  140.     <!-- <span> <img src="social.png"></span> -->
  141.     <!-- <a style="padding&#45;left:10px" href="https://www.facebook.com">facebook</a> -->
  142.     <!-- <a href="http://youtube.com">youtube</a> -->
  143.     <!-- <form method="get" action="http://www.google.com/search"> <input type="text" placeholder="search" value="" -->
  144.     <!--     name="q"> -->
  145.  
  146.     </div>
  147.  
  148. </body>
  149.  
  150.