Blocked Website Viewer (Fixed) (Formerly Website Unblocker)

blocked-website-viewer-fixed-formerly-website-unblocker.markdown

index.html

</div>
        <h1>Blocked Website Viewer</h1>
		<label>URL Address (Starts with http:// or https://):</label>
		<div>
            <input id="textinput" type="text" name="url" size="80" value="" class="control">
      <p></p>
      <input id="button" type="submit" value="Unblock" onclick="getServerURL()" class="btn cortar">
	</p>
<p></p>
<p></p>
<label>Stupid owner of a stupid website has taken the stupid website down and made my last Blocked Website Viewer deprecated. I have fixed it by founding another site to make this work. Just a saying that this might not work on all sites.</label>
<p></p>
<label>©2023 Tcapsmovies.LLC</label>

script.js

document.getElementById("textinput")
    .addEventListener("keyup", function(event) {
    event.preventDefault();
    if (event.keyCode === 13) {
        document.getElementById("button").click();
    }
});

var getServerURL = function() {
  window.open('http://tcwebcache.googleusercontent.com/search?q=cache:' + document.getElementById('textinput').value)
}

style.css

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');
@import
url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

html, body, form{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content:center;
  flex-direction: column;
  font-family: 'Roboto', sans-serif;
  background-color: #111111;
  color:white;
    text-align: center;
  vetical-align: center;
  font-size: 20px;
}

input[type="text"]{
  outline: none;
  width: 512px;background-color: #222222;
  border-radius:15px;
  border: none;
  font-family: 'Open Sans', sans-serif;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

input[type="submit"]{
background-color: #222222;
  margin-top: 1rem;
  border-radius:15px;
  border: none;
  color: white;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   width: 100%;
   background-color: #222222;
   color: white;
   text-align: center;
   padding: 3px;
}