mirror of
https://github.com/lrsjng/h5ai.git
synced 2024-09-20 04:38:51 -04:00
Changes on index page.
This commit is contained in:
Lars Jung
parent
c173d74d06
commit
0d22407a2d
3 changed files with 50 additions and 178 deletions
|
|
@ -1,83 +1,24 @@
|
|||
|
||||
|
||||
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;
|
||||
|
||||
a, a:visited, a:active {
|
||||
color: #2080ff;
|
||||
text-decoration: none;
|
||||
.transition(all 0.2s ease-in-out);
|
||||
|
||||
&:hover {
|
||||
color: #68A9ff;
|
||||
}
|
||||
}
|
||||
|
||||
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;
|
||||
}
|
||||
}
|
||||
section {
|
||||
margin: 48px 0;
|
||||
|
||||
.h5ai {
|
||||
font-family: 'Miltonian Tattoo';
|
||||
font-weight: normal;
|
||||
}
|
||||
h1 {
|
||||
font-size: 3.6em;
|
||||
margin: 0.9em 0 0 0;
|
||||
}
|
||||
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;
|
||||
margin: 2.6em 0 0 0;
|
||||
}
|
||||
p {
|
||||
line-height: 1.6em;
|
||||
|
|
@ -89,11 +30,23 @@ html.h5ai-splash {
|
|||
margin-top: 0.6em;
|
||||
line-height: 1.4em;
|
||||
}
|
||||
.test-label {
|
||||
#tests {
|
||||
display: inline-block;
|
||||
list-style-type: none;
|
||||
text-align: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,37 +19,14 @@
|
|||
<!--[if lt IE 9]><script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<h1><span class="logo-h">h</span><span class="logo-5"><img src="/_h5ai/images/html5.png" alt="5" title="HTML 5" /></span><span class="logo-a">a</span><span class="logo-i">i</span></h1>
|
||||
<h2>· version %BUILD_VERSION% ·</h2>
|
||||
</header>
|
||||
<section>
|
||||
<h2>Links</h2>
|
||||
<p>
|
||||
<ul>
|
||||
<li>Project page: <a target="_blank" href="http://larsjung.de/h5ai">http://larsjung.de/h5ai</a></li>
|
||||
<li>Sources: <a target="_blank" href="http://github.com/lrsjng/h5ai">http://github.com/lrsjng/h5ai</a></li>
|
||||
<h1><span class="h5ai">h5ai</span></h1>
|
||||
version %BUILD_VERSION%
|
||||
<h2>server supports</h2>
|
||||
<ul id="tests">
|
||||
<li id="test-php"><span class="test-label">PHP</span><span class="test-result"></span></li>
|
||||
<li id="test-zips"><span class="test-label">zipped downloads</span><span class="test-result"></span></li>
|
||||
<li id="test-thumbs"><span class="test-label">thumbnails</span><span class="test-result"></span></li>
|
||||
</ul>
|
||||
</p>
|
||||
<p>
|
||||
To report a bug or make a feature request please create <a target="_blank" href="http://github.com/lrsjng/h5ai/issues/new">a new issue</a>.
|
||||
</p>
|
||||
<h2>Checks</h2>
|
||||
<p>
|
||||
<ul>
|
||||
<li id="test-php"><span class="test-label">PHP</span>: <span class="test-result"></span></li>
|
||||
<li id="test-zips"><span class="test-label">Zipped Downloads</span>: <span class="test-result"></span></li>
|
||||
<li id="test-thumbs"><span class="test-label">Thumbnails</span>: <span class="test-result"></span></li>
|
||||
</ul>
|
||||
</p>
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
<img class="gravatar" src="http://www.gravatar.com/avatar/0340cc810fd79ee143476d4ad51fac9f?s=80" width="80" height="80" />
|
||||
<span>Lars Jung</span><br/>
|
||||
<span class="obfusma">lr<span>sjn</span>g <span>[a</span>t]<span> gma</span>il [do<span>t]</span> com</span><br/>
|
||||
<a target="_blank" href="http://twitter.com/lrsjng">@lrsjng</a>
|
||||
</p>
|
||||
</section>
|
||||
<script src="/_h5ai/config.js"></script>
|
||||
<script src="/_h5ai/js/scripts.js"></script>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -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 = $('<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();
|
||||
}
|
||||
};
|
||||
|
|
|
|||
Loading…
Reference in a new issue