Permalink
Browse files

Merge pull request lloyd#43 from shane-tomlinson/master

IE8/W3C validation fixes.
  • Loading branch information...
lloyd committed Jan 18, 2012
2 parents 73ead47 + 02f016b commit d3a6011519f9d08105d3b92ac46a3d0dc2bd8d71
Showing with 16 additions and 9 deletions.
  1. +6 −6 static/index.html
  2. +10 −3 static/style.less
View
@@ -1,4 +1,4 @@
<!doctype html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
@@ -28,12 +28,12 @@ <h1 id="title">My Favorite Beer</h1>
<div class="intro">
<p>
<strong>MyFavoriteBeer.org</strong> helps you remember your own favorite beer
<strong>in the cloud</strong>. This is useful for times when you are in a bar and
<strong>MyFavoriteBeer.org</strong> helps you remember your own favorite beer
<strong>in the cloud</strong>. This is useful for times when you are in a bar and
<strong>cannot remember</strong> what your <strong>favorite beer</strong> is.
</p>
<p>
To get started, sign in above! This <em>awesome</em> service is
To get started, sign in above! This <em>awesome</em> service is
<strong>totally free</strong>!
</p>
</div>
@@ -55,7 +55,7 @@ <h1 id="title">My Favorite Beer</h1>
<footer>
<div>
MyFavoriteBeer.org is a simple demo of how to use
<a href="https://browserid.org"><img src="i/browserid_logo_sm.png" alt="BrowserID"></a>
<a href="https://browserid.org"><img src="i/browserid_logo_sm.png" alt="BrowserID" /></a>
to build a snazzy passphraseless login flow. You can refer to the
<a href="https://github.com/lloyd/myfavoritebeer.org/">source code</a> for
details. (a <a href="http://mozillalabs.com">mozilla labs</a> thing).
@@ -68,9 +68,9 @@ <h1 id="title">My Favorite Beer</h1>
</div>
</footer>
</body>
<script src="https://browserid.org/include.js" type="text/javascript"></script>
<script src="js/jquery.js" type="text/javascript"></script>
<script src="https://crypto-js.googlecode.com/files/2.2.0-crypto-md5.js" type="text/javascript"></script>
<script src="js/main.js" type="text/javascript"></script>
</body>
</html>
View
@@ -32,11 +32,13 @@ header {
left: 0;
height: 50px;
width: 100%;
border-bottom: 2px solid rgb(15, 38, 61);
border-bottom: 2px solid rgba(15, 38, 61, 0.5);
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.6);
z-index: 10;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: .8;
> div {
@@ -77,6 +79,7 @@ header {
text-align: center;
}
.clickable:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
cursor: pointer;
}
@@ -137,31 +140,35 @@ footer {
left: 0;
right: 0;
height: 75px;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: .8;
a {
color: #000;
}
a:hover {
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
> div {
img {
border: none;
margin-bottom: -.5em;
}
width: 600px;
margin: auto;
margin-top: 10px;
font-size: .8em;
text-align: center;
img {
margin-bottom: -.5em;
}
font-weight: 200;
}
small {
display: block;
font-size: .8em;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
opacity: .8;
margin-top: 1.5em;
}

0 comments on commit d3a6011

Please sign in to comment.