Source

mirrorrr / main.html

Diff from to

File main.html

-<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
-  "http://www.w3.org/TR/html4/loose.dtd">
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <title>Ron's Private Mirror Service</title>
+    <meta name="description" content="Mirrors the content of URLs you supply">
+    <meta name="author" content="Ron Huang">
 
-<html>
-<head>
-  <title>mirror - ɹoɹɹıɯ</title>
-  <link rel="stylesheet" href="static/base.2.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>
-</head>
-<body onload="loadBox();">
+    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!--[if lt IE 9]>
+      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
+    <![endif]-->
 
-<div id="wrapper">
-<div id="container">
+    <!-- Le styles -->
+    <link rel="stylesheet" href="http://twitter.github.com/bootstrap/1.4.0/bootstrap.min.css">
+    <link rel="stylesheet" href="static/test.css" type="text/css">
 
-<div id="header">
-  <span>mıɾɾoɾ</span><span>ɿoɿɿim</span>
-</div>
+    <!-- Le fav and touch icons -->
+    <link rel="shortcut icon" href="/favicon.ico">
 
-<div id="form_wrapper">
-  <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"/>
-  </div>
-  </form>
+    <script type="text/javascript">
+      var _gaq = _gaq || [];
+      _gaq.push(['_setAccount', 'UA-7044154-10']);
+      _gaq.push(['_trackPageview']);
 
-  <div id="warning">
-  Fair use: All content belongs to the original copyright holders, respectively.
-  </div>
-</div>
+      (function() {
+        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
+        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
+        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
+      })();
+    </script>
+  </head>
 
-<div id="recent">
-  <div class="header">recent</div>
-  <div id="recent_entries">
-    {% for entry in latest_urls %}
-    <div class="url_container">
-      <span class="url"><a class="url{{forloop.counter}}" rel="nofollow" href="/{{entry.translated_address}}">{% if entry.display_address %}{{entry.display_address}}{% else %}{{entry.translated_address}}{% endif %}</a></span>
-      <span class="info url{{forloop.counter}}">{{entry.last_updated|timesince}} ago</span>
-    </div>
-    {% endfor %}
-  </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>
+  <body>
 
-</div>
-</div>
+    <div class="topbar">
+      <div class="fill">
+        <div class="container">
+          <a class="brand" href="/">Mirror</a>
+          <ul class="nav">
+            <li class="active"><a href="/">Home</a></li>
+            <li><a href="/about">About</a></li>
+            <li><a href="/admin">Admin</a></li>
+          </ul>
+        </div>
+      </div>
+    </div>
 
-<script type="text/javascript">
+    <div class="container">
 
-  var _gaq = _gaq || [];
-  _gaq.push(['_setAccount', 'UA-7044154-9']);
-  _gaq.push(['_trackPageview']);
+      <div class="content">
+        <div class="page-header">
+          <h1>Home <small>Mirrors the content of URLs you supply</small></h1>
+        </div>
+        <div class="row">
+          <div class="span9">
+            <h2>Mirror</h2>
+            <form action="" method="get" accept-charset="utf-8">
+              <fieldset>
+                <div class="clearfix">
+                  <label for="url">URL to mirror</label>
+                  <div class="input">
+                    <div class="input-prepend">
+                      <span class="add-on">http://</span>
+                      <input class="xlarge" id="url" name="url" size="30" type="text" placeholder="Type URL here...">
+                    </div>
+                    <span class="help-block">
+                      All content belongs to the original copyright holders.
+                    </span>
+                  </div>
+                </div>
+                <div class="actions">
+                  <input type="submit" class="btn" value="Go">
+                </div>
+              </fieldset>
+            </form>
+          </div>
+          <div class="span5">
+            <h3>Recent</h3>
+            <div id="recent_entries">
+              <ul>
+                {% for entry in latest_urls %}
+                <li>
+                  <div class="url">
+                    <a class="url{{forloop.counter}}" rel="nofollow" href="/{{entry.translated_address}}">{% if entry.display_address %}{{entry.display_address}}{% else %}{{entry.translated_address}}{% endif %}</a>
+                  </div>
+                  <div class="info url{{forloop.counter}}">{{entry.last_updated|timesince}} ago</div>
+                </li>
+              {% endfor %}
+              </ul>
+            </div>
+            <h3>Ad</h3>
+            <div>
+              <script type="text/javascript"><!--
+                google_ad_client = "ca-pub-2284163765913634";
+                /* mirror service 2 */
+                google_ad_slot = "6429021466";
+                google_ad_width = 250;
+                google_ad_height = 250;
+                //-->
+              </script>
+              <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
+            </div>
+          </div>
+        </div>
+      </div>
 
-  (function() {
-    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
-    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
-    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
-  })();
+      <footer>
+        <p>&copy; Ron Huang 2011</p>
+      </footer>
 
-</script>
+    </div> <!-- /container -->
 
-</body>
+  </body>
 </html>