-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
53 lines (47 loc) · 2.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!DOCTYPE html>
<html lang="en">
<!-- FOR GITHUB PAGES PURPOSES -->
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>README.md</title>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.2.0/jquery.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/marked/0.3.5/marked.js"></script>
<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.js"></script>
<script>
$.get("README.md", function(md) {
var user = location.hostname.split('.')[0];
var repo = location.pathname.split('/')[1];
$("a#github").attr("href", "https://github.com/"+user+"/"+repo);
$("main").html(marked(md));
$("pre > code").addClass("prettyprint");
prettyPrint();
});
</script>
<link href="//fonts.googleapis.com/css?family=Raleway:400,300,600" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/skeleton/2.0.4/skeleton.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/prettify/r298/prettify.css">
<style>
body { margin-top: 0px; }
img { vertical-align: bottom; }
img[src*='#screenshot'] { display: block; max-height: 480px; max-width: 480px; margin: auto; }
a#github { background-color: #0090FF; border-radius: 0 0 2px 2px; box-shadow: 0 0 10px rgba(0,0,0,.5); color: #FFF; display: block; font-weight: 700; padding: 10px 20px; position: absolute; right: 10px; text-decoration: none; top: 0; z-index: 10; }
h1 { font-weight: bold; }
h2 { border-bottom: 1px solid #AAA; }
li { margin-bottom: 0px; }
</style>
</head>
<body>
<div class="container">
<a id="github" href="">View on GitHub</a>
<main><h1>Loading ...</h1></main>
<h2>Acknowledgments</h2>
<p>
Thanks to <a href="https://jquery.com">jQuery</a>, <a href="http://getskeleton.com">Skeleton</a>,
<a href="https://github.com/chjj/marked">Marked</a>, <a href="https://github.com/google/code-prettify">Prettify</a>,
<a href="https://www.google.com/fonts">Google Fonts</a> and <a href="https://icons8.com/">Icons8s</a>, which are
all used in rendering and decorating this page.
</p>
</div>
</body>
</html>