Advertisement
Guest User

Replit Hashtag Lookup 2

a guest
May 6th, 2021
129
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.19 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title>Replit Hashtag Explorer</title>
  5.   <meta name="viewport" content="width=device-width, initial-scale=1">
  6.   <link href="//fonts.googleapis.com/css?family=Orbitron" rel="stylesheet" type="text/css">
  7.   <link href="//fonts.googleapis.com/css?family=Droid+Sans" rel="stylesheet" type="text/css">
  8. </head>
  9. <body>
  10.  
  11.   <div class="container">
  12.     <div class="main">
  13.       <h1><center>Replit Explore Hashtag Search</center></h1>
  14.       <p><center>Built by NovaFlippers</center></p>    
  15.       <div id="error"></div>
  16.       <center><form action="no-js" method="get" id="hashtag-form">
  17.         <p>
  18.           Enter Hashtag
  19.           <input type="text" id="url" name="url" autofocus="autofocus" placeholder="#"/>
  20.           <input type="submit" button class="button" value="Go" />
  21.         </p>
  22.       </form></center>
  23. <style>
  24. body {
  25.   background-color: #28282B;
  26. }
  27.  
  28. body {
  29.   font-family: 'Courier New', monospace;
  30.   font-size: 30px;
  31.   color: #ECE3E1;
  32. }
  33.  
  34. </style>
  35.  
  36. <style>
  37.   input[type=text], select {
  38.   width: 65%;
  39.   padding: 12px 20px;
  40.   margin: 8px 0;
  41.   font-family: 'Courier New', monospace;
  42.   font-size: 30px;
  43.   color: black;
  44. }
  45. </style>
  46.  
  47. <style>
  48. .button {
  49.   border-radius: 5px;
  50.   background-color: #ededeb;
  51.   color: #292222;
  52.   text-align: center;
  53.   font-size: 28px;
  54.   padding: 25px;
  55.   width: 220px;
  56.   transition: all 0.5s;
  57.   margin: 5px;
  58.   font-size: 28px;
  59.   font-family: 'Courier New', monospace;
  60. }
  61.  
  62. .button span {
  63.   cursor: pointer;
  64.   display: inline-block;
  65.   position: relative;
  66.   transition: 0.5s;
  67. }
  68.  
  69. .button span:after {
  70.   content: '\00bb';
  71.   position: absolute;
  72.   opacity: 0;
  73.   top: 0;
  74.   right: -20px;
  75.   transition: 0.5s;
  76. }
  77.  
  78. .button:hover span {
  79.   padding-right: 25px;
  80. }
  81.  
  82. .button:hover span:after {
  83.   opacity: 1;
  84.   right: 0;
  85. }
  86. </style>
  87.      
  88. <div id="google-ad">
  89.  
  90.     <script>
  91.         function $(id){
  92.             return document.getElementById(id);
  93.         }
  94.        
  95.         $('hashtag-form').onsubmit = function(){
  96.             var url = $('url').value;
  97.             window.location.href='https://replit.com/explore/' + url;
  98.             return false;
  99.         };
  100.    
  101.    
  102.         window.onload = function() {
  103.             $('url').focus();
  104.             checkError();
  105.         }
  106.     </script>
  107.  
  108.  
  109. </body>
  110. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement