Adds a info index file at /_h5ai.
This commit is contained in:
Lars Jung
parent
c2e76dee24
commit
764bc0034c
5 changed files with 217 additions and 0 deletions
|
|
@ -35,6 +35,7 @@ h5ai is provided under the terms of the [MIT License](http://github.com/lrsjng/h
|
|||
* hides broken tree view in IE < 9 and adds a message to the footer
|
||||
* disables hash changes since they break logical browser history
|
||||
* fixes thumbnail size for portrait images in icon view
|
||||
* adds a info page to `/_ha5i`
|
||||
* updates lv translation
|
||||
* adds ro translation by [Jakob Cosoroabă](http://github.com/midday)
|
||||
* adds ja translation by [metasta](http://github.com/metasta)
|
||||
|
|
|
|||
141
src/_h5ai/css/splash.less
Normal file
141
src/_h5ai/css/splash.less
Normal file
|
|
@ -0,0 +1,141 @@
|
|||
|
||||
@import "inc/h5bp-norm";
|
||||
@import "inc/mixins";
|
||||
|
||||
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
BIN
src/_h5ai/images/html5.png
Normal file
BIN
src/_h5ai/images/html5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.3 KiB |
48
src/_h5ai/index.html
Normal file
48
src/_h5ai/index.html
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
<!DOCTYPE html>
|
||||
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
||||
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
||||
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<title>h5ai %BUILD_VERSION%</title>
|
||||
<meta name="description" content="h5ai · a beautified Apache index">
|
||||
<meta name="author" content="Lars Jung">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="shortcut icon" type="image/png" href="/_h5ai/images/h5ai-16x16.png">
|
||||
<link rel="apple-touch-icon" type="image/png" href="/_h5ai/images/h5ai-48x48.png">
|
||||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold">
|
||||
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Miltonian+Tattoo:regular">
|
||||
<link rel="stylesheet" href="/_h5ai/css/splash.css">
|
||||
<script src="/_h5ai/js/modernizr.min.js"></script>
|
||||
<!--[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>
|
||||
</header>
|
||||
<section>
|
||||
<p>
|
||||
<span class="h5ai">h5ai</span> %BUILD_VERSION% is provided under the terms of the <a target="_blank" href="http://github.com/lrsjng/h5ai/blob/master/LICENSE.txt">MIT License</a>.
|
||||
</p>
|
||||
<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>
|
||||
</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>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/js/splash.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
27
src/_h5ai/js/splash.js
Normal file
27
src/_h5ai/js/splash.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
|
||||
// @include "inc/lib/jquery-1.7.1.min.js"
|
||||
|
||||
(function (window, $) {
|
||||
'use strict';
|
||||
/*jslint browser: true, confusion: true, white: true */
|
||||
/*global jQuery */
|
||||
|
||||
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);
|
||||
});
|
||||
},
|
||||
init = function () {
|
||||
|
||||
deobfuscate();
|
||||
};
|
||||
|
||||
$(init);
|
||||
|
||||
}(window, jQuery));
|
||||
Loading…
Add table
Reference in a new issue