Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
* rewrite to use html 5 * autofocus input * remove javascript
- Loading branch information
1 parent
537e75f
commit 9435f2e
Showing
2 changed files
with
26 additions
and
118 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,77 +1,44 @@ | ||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" | ||
"http://www.w3.org/TR/html4/loose.dtd"> | ||
<!DOCTYPE html> | ||
|
||
<html> | ||
<head> | ||
<meta charset="utf-8"> | ||
<title>mirror - ɹoɹɹıɯ</title> | ||
<link rel="stylesheet" href="static/base.css" type="text/css" charset="utf-8"/> | ||
<link rel="icon" href="/favicon.ico" type="image/vnd.microsoft.icon" /> | ||
<script type="text/javascript" charset="utf-8"> | ||
var activeColor = "#000000"; | ||
var disabledColor = "#959595"; | ||
var defaultValue = "type url here..."; | ||
|
||
function loadBox() { | ||
var box = document.getElementById("url_entry"); | ||
if (box.value != defaultValue) { | ||
box.style.color = activeColor; | ||
} | ||
} | ||
|
||
function focusBox() { | ||
var box = document.getElementById("url_entry"); | ||
if (box.value == defaultValue) { | ||
box.value = ""; | ||
box.style.color = activeColor; | ||
} | ||
} | ||
|
||
function blurBox() { | ||
var box = document.getElementById("url_entry"); | ||
if (box.value == "") { | ||
box.style.color = disabledColor; | ||
box.value = defaultValue; | ||
} | ||
} | ||
</script> | ||
<link rel="stylesheet" href="static/base.css"> | ||
<link rel="icon" href="/favicon.ico" type="image/x-icon"> | ||
</head> | ||
<body onload="loadBox();"> | ||
|
||
<div id="wrapper"> | ||
<div id="container"> | ||
<body> | ||
|
||
<div id="header"> | ||
<span>mıɾɾoɾ</span><span> - ɹoɹɹıɯ</span> | ||
</div> | ||
<header> | ||
<h1>mıɾɾoɾ - ɹoɹɹıɯ</h1> | ||
</header> | ||
|
||
<section> | ||
|
||
<div id="form_wrapper"> | ||
<form action="" method="get" accept-charset="utf-8"> | ||
<form action="" method="GET" accept-charset="utf-8"> | ||
<div id="input_wrapper"> | ||
<span id="http_prefix">http://</span><input onfocus="focusBox();" onblur="blurBox();" type="text" name="url" value="type url here..." id="url_entry"/><input id="go_button" type="submit" value="Go"/> | ||
<span id="http_prefix">http://</span> | ||
<input type="text" name="url" placeholder="type url here..." id="url_entry" autofocus><input id="go_button" type="submit" value="Go"> | ||
</div> | ||
</form> | ||
|
||
<div id="warning"> | ||
Fair use: All content belongs to the original copyright holders, respectively. | ||
</div> | ||
</div> | ||
|
||
<div class="secure"> | ||
{% if secure_url %}<a href="{{secure_url}}">{% endif %}<img src="/static/{% if secure_url %}no{% endif %}lock.png" width="16" height="16"> {% if secure_url %}not secure</a>{% else %}secure{% endif %} | ||
<div id="warning"> | ||
Fair use: All content belongs to the original copyright holders, respectively. | ||
</div> | ||
|
||
</div> | ||
</div> | ||
</section> | ||
|
||
<script type="text/javascript"> | ||
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); | ||
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); | ||
</script> | ||
<script type="text/javascript"> | ||
var pageTracker = _gat._getTracker("UA-1725949-3"); | ||
pageTracker._initData(); | ||
pageTracker._trackPageview(); | ||
</script> | ||
<footer class="secure"> | ||
{% if secure_url %} | ||
<a href="{{secure_url}}"> | ||
{% endif %} | ||
<img src="/static/{% if secure_url %}no{% endif %}lock.png" width="16" height="16"> | ||
{% if secure_url %}not secure</a> | ||
{% else %}secure{% endif %} | ||
</footer> | ||
|
||
</body> | ||
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters