Advertisement
Guest User

Untitled

a guest
Aug 24th, 2018
120
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.41 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.  
  5. <title>Sneaky Sneaky</title>
  6.  
  7. <meta name="generator" content="php-proxy.com">
  8. <meta name="version" content="<?=$version;?>">
  9. <meta charset="UTF-8">
  10.  
  11. <style type="text/css">
  12. * {
  13.     box-sizing: border-box;
  14. }
  15. body {
  16.     padding-top: 12em;
  17.     color: #FFFFFF;
  18.     font-family: Arial,Helvetica,sans-serif;
  19. }
  20. a {
  21.     color: #93A1A1;
  22. }
  23. .url:focus,
  24. .url:active,
  25. .go:focus,
  26. .go:active {
  27.     outline: none;
  28. }
  29. .url {
  30.     width: 88%;
  31.     margin-right: 2%;
  32.     background-color: #FDF6E3;
  33.     color: #657B83;
  34. }
  35. .go {
  36.     width: 10%;
  37.     background-color: #2AA198;
  38.     color: #FDF6E3;
  39.     cursor: pointer;
  40. }
  41. .url,
  42. .go {
  43.     display: block;
  44.     padding: .5em;
  45.     float: left;
  46.     border: none;
  47.     font-size: 14px;
  48. }
  49. .container {
  50.     padding: 1em;
  51.     margin: 1em auto;
  52.     width: 36em;
  53.     background-color: #073642;
  54. }
  55. .container:after {
  56.     display: table;
  57.     content: '';
  58.     clear: both;
  59. }
  60. // For links
  61. a:link {
  62.     color: #f2f46e;
  63.     background-color: transparent;
  64.     text-decoration: none;
  65. }
  66.  
  67. a:visited {
  68.     color: #f2f46e;
  69.     background-color: transparent;
  70.     text-decoration: none;
  71. }
  72.  
  73. a:hover {
  74.     color: #f2f46e;
  75.     background-color: transparent;
  76.     text-decoration: underline;
  77. }
  78.  
  79. a:active {
  80.     color: #f2f46e;
  81.     background-color: transparent;
  82.     text-decoration: underline;
  83. }
  84. canvas {
  85.     position: absolute;
  86.     top: 0;
  87.     z-index: -1;
  88. }
  89. </style>
  90. <body>
  91. <div class="container">
  92.  
  93.     <div style="text-align:center;">
  94.         <h1>Sneaky Sneaky</h1>
  95.     </div>
  96.    
  97.     <?php if(isset($error_msg)){ ?>
  98.    
  99.     <div id="error">
  100.         <p><?php echo $error_msg; ?></p>
  101.     </div>
  102.    
  103.     <?php } ?>
  104.    
  105.     <div id="frm">
  106.    
  107.     <!-- I wouldn't touch this part -->
  108.    
  109.         <form action="index.php" method="post">
  110.             <input class="url" name="url" type="text" autocomplete="off" placeholder="URL or search" />
  111.             <input class="go" type="submit" value="Go" />
  112.         </form>
  113.        
  114.         <script type="text/javascript">
  115.             document.getElementsByName("url")[0].focus();
  116.         </script>
  117.        
  118.     <!-- [END] -->
  119.    
  120.     </div>
  121.    
  122. </div>
  123. <script src="https://cdnjs.cloudflare.com/ajax/libs/trianglify/1.1.0/trianglify.min.js"></script>
  124. <script>
  125.     var pattern = Trianglify({
  126.         width: window.innerWidth,
  127.         height: window.innerHeight,
  128.         cell_size: 30 + Math.random() * 100,
  129.         x_colors: 'random',
  130.         y_colors: 'match_x',
  131.         stroke_width: 3
  132.     });
  133.     document.body.appendChild(pattern.canvas())
  134. </script>
  135. </body>
  136. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement