From 0d22407a2d862651933a613f4e4a0bfdd74e5670 Mon Sep 17 00:00:00 2001 From: Lars Jung Date: Mon, 26 Mar 2012 01:32:15 +0200 Subject: [PATCH] Changes on index page. --- src/_h5ai/css/inc/splash.less | 159 +++++++--------------------------- src/_h5ai/index.html | 39 ++------- src/_h5ai/js/inc/splash.js | 30 ++----- 3 files changed, 50 insertions(+), 178 deletions(-) diff --git a/src/_h5ai/css/inc/splash.less b/src/_h5ai/css/inc/splash.less index d3de8b1c..c1d5e101 100644 --- a/src/_h5ai/css/inc/splash.less +++ b/src/_h5ai/css/inc/splash.less @@ -1,99 +1,52 @@ - html.h5ai-splash { body { - position: relative; font-family: Ubuntu, Arial, sans; margin: 0 auto; - padding: 0 142px; font-size: 20px; color: #555; max-width: 600px; + text-align: center; - a, a:visited, a:active { - color: #2080ff; - text-decoration: none; - .transition(all 0.2s ease-in-out); - - &:hover { - color: #68A9ff; - } + .h5ai { + font-family: 'Miltonian Tattoo'; + font-weight: normal; } - - header { - color: #333; - text-align: center; - margin: 32px 0; - - h1 { - margin: 0; - padding: 0; - font-size: 100px; - font-weight: normal; - height: 150px; - line-height: 150px; - font-family: 'Miltonian Tattoo'; - font-size: 160px; - letter-spacing: -5px; - .logo-5 { - position: relative; - top: -14px; - img { - width: 128px; - height: 128px; - } - } - .logo-a { - margin-left: -9px; - } - } - h2 { - margin: 16px 0 0 0; - padding: 0; - font-size: 26px; - font-weight: normal; - } + h1 { + font-size: 3.6em; + margin: 0.9em 0 0 0; } - section { - margin: 48px 0; + h2 { + font-size: 1.15em; + margin: 2.6em 0 0 0; + } + p { + line-height: 1.6em; + } + p + p { + margin-top: 1.2em; + } + li { + margin-top: 0.6em; + line-height: 1.4em; + } + #tests { + display: inline-block; + list-style-type: none; + text-align: left; + margin: 0; + padding: 0; - .h5ai { - font-family: 'Miltonian Tattoo'; - font-weight: normal; - } - h2 { - font-size: 1.5em; - margin-top: 1.5em; - margin-bottom: 0.4em; - color: #555; - } - h3 { - font-size: 1.15em; - margin-top: 1.8em; - margin-bottom: 0.6em; - color: #555; - } - h4 { - font-size: 0.85em; - margin-top: 1.8em; - margin-bottom: 0.1em; - color: #333; - } - p { - line-height: 1.6em; - } - p + p { - margin-top: 1.2em; - } - li { - margin-top: 0.6em; - line-height: 1.4em; - } .test-label { - + display: inline-block; + width: 300px; } .test-result { + display: inline-block; + width: 70px; + text-align: right; font-weight: bold; + &.test-passed { color: #5a5; } @@ -101,52 +54,6 @@ html.h5ai-splash { color: #a55; } } - pre.prettyprint.nice, code.prettyprint.nice { - font-family: "Ubuntu Mono", Ubuntu, Arial, sans; - font-size: 0.95em; - a { - background-color: rgba(255,241,0,0.3); - - &:hover { - background-color: rgba(255,241,0,0.7); - } - } - - .com { - color: #aaa; - } - .since .com { - &:before { - content: "@since "; - } - } - .since.new .com { - font-weight: bold; - color: #17b31c; - &:after { - content: " NEW!"; - } - } - } - pre.prettyprint { - border: none; - margin: 1em 0 1em 0.3em; - padding-left: 0.6em; - border-left: 2px solid rgba(0,0,0,0.15); - } - code.prettyprint { - border: 1px solid rgba(0,0,0,0.15); - padding: 2px 4px 2px 4px; - } - img.gravatar { - float: left; - width: 80px; - height: 80px; - margin: 8px 12px 20px 2px; - padding: 2px; - background-color: #ddd; - border: 1px solid #bbb; - } } } } diff --git a/src/_h5ai/index.html b/src/_h5ai/index.html index aa7dda15..a858cfc1 100644 --- a/src/_h5ai/index.html +++ b/src/_h5ai/index.html @@ -19,37 +19,14 @@ -
-

h5ai

-

· version %BUILD_VERSION% ·

-
-
-

Links

-

-

-

-

- To report a bug or make a feature request please create a new issue. -

-

Checks

-

-

-

-

Contact

-

- - Lars Jung
- lrsjng [at] gmail [dot] com
- @lrsjng -

-
+

h5ai

+ version %BUILD_VERSION% +

server supports

+ diff --git a/src/_h5ai/js/inc/splash.js b/src/_h5ai/js/inc/splash.js index 44a4a5e2..3f4e456d 100644 --- a/src/_h5ai/js/inc/splash.js +++ b/src/_h5ai/js/inc/splash.js @@ -2,35 +2,24 @@ (function ($, h5ai) { 'use strict'; - var deobfuscate = function () { - - $('.obfusma').each(function () { - - var $this = $(this), - add = $this.text().replace(/\s*/g, '').replace(/\[at\]/gi, '@').replace(/\[dot\]/gi, '.'), - $a = $('').attr('href', 'mailto:' + add).text(add).addClass('deobfusma'); - - $this.replaceWith($a); - }); - }, - handleChecksResponse = function (response) { + var handleChecksResponse = function (response) { if (response) { - $('#test-php .test-result').addClass('test-passed').text('passed'); + $('#test-php .test-result').addClass('test-passed').text('yes'); if (response.zips === 0) { - $('#test-zips .test-result').addClass('test-passed').text('passed'); + $('#test-zips .test-result').addClass('test-passed').text('yes'); } else { - $('#test-zips .test-result').addClass('test-failed').text('failed (' + response.zips + ')'); + $('#test-zips .test-result').addClass('test-failed').text('no').attr('title', 'error-code: ' + response.zips); } if (response.thumbs === 0) { - $('#test-thumbs .test-result').addClass('test-passed').text('passed'); + $('#test-thumbs .test-result').addClass('test-passed').text('yes'); } else { - $('#test-thumbs .test-result').addClass('test-failed').text('failed (' + response.thumbs + ')'); + $('#test-thumbs .test-result').addClass('test-failed').text('no').attr('title', 'error-code: ' + response.thumbs); } } else { - $('#test-php .test-result').addClass('test-failed').text('failed'); - $('#test-zips .test-result').addClass('test-failed').text('failed'); - $('#test-thumbs .test-result').addClass('test-failed').text('failed'); + $('#test-php .test-result').addClass('test-failed').text('no'); + $('#test-zips .test-result').addClass('test-failed').text('no'); + $('#test-thumbs .test-result').addClass('test-failed').text('no'); } }, checks = function () { @@ -57,7 +46,6 @@ h5ai.isSplash = $('html').hasClass('h5ai-splash'); if (h5ai.isSplash) { - deobfuscate(); checks(); } };