diff --git a/authority/static/css/style.css b/authority/static/css/style.css index 2085bd75e2f2ed3127e6d1bdffb5b089881c8f42..59a19caf1a09a2ddf7dfb841327618885b539342 100644 --- a/authority/static/css/style.css +++ b/authority/static/css/style.css @@ -36,10 +36,11 @@ body { padding: 0; margin: 0; height: 230px; + min-width: 900px; } #splash .bottomhalf { - width: 800px; + width: 900px; margin: auto; } @@ -49,14 +50,19 @@ body { } #splash .bottomhalf .why p { - border: 1px solid red; font-size: 2em; + text-align: center; } -#splash .bottomhalf .desc { - font-size: 2em; - padding: 1em; - text-align: center; +#splash .bottomhalf a { + color: #666; + text-decoration: none; + border-bottom: 1px dotted black; +} + +#splash .bottomhalf a:hover { + color: #000; + opacity: 1; } #splash .tophalf > div { diff --git a/authority/static/index.html b/authority/static/index.html index 3d803e3b7a08592b399883a3de6bd53ca9c9bc97..bed0279cea747bc6439ebe1d4d7f897f8d86cf2f 100644 --- a/authority/static/index.html +++ b/authority/static/index.html @@ -16,20 +16,17 @@ <div class="subtitle">A better way to log in.</div> </div> <div class="bottomhalf"> - <div class="desc"> - BrowserID is a new way to log in to the sites you use everyday. It makes logging in safer and easier. Here's how: - </div> <div class="why"> - <img style="float: right;" src="i/lock.png"> - <p style="float: right;">A <b>safe</b> way...</p> + <img style="float: right;" src="i/people.png"> + <p>For <b>users</b>, BrowserID provides a safer and easier way to log in. <a href="users">Learn more.</a></p> </div> <div class="why"> - <img style="float: left;" src="i/check.png"> - <p>An <b>easy</b> way...</p> + <img style="float: left;" src="i/developers.png"> + <p>For <b>developers</b>, BrowserID offers a world class login experience with only a couple lines of javascript. <a href="dev">Get Started.</a></p> </div> <div class="why"> - <img style="float: right;" src="i/sunny.png"> - </p>Backed by a <b>trusted</b> non-profit organization that ..</p> + <img style="float: right;" src="i/id.png"> + <p>For <b>identity providers</b>, BrowserID lets your users choose you as their primary identity on the web. <a href="id">Dig Deeper.</a> </p> </div> </div> <div class="footer">