-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.tpl
61 lines (60 loc) · 2.19 KB
/
index.tpl
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
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>${pkg.name}</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="css/mfe.css">
<link rel="icon" type="image/png" href="images/favicon.png">
</head>
<body>
<nav class="mobile-nav">
<ul>
<li><a href="book/index.html">Docs</a></li>
<li><a href="samples/index.html" target="_blank">Samples</a></li>
<li><a href="${pkg.repository.url.replace(/^git\@([^:]+)\:([^:]+?)\.git$/, 'http://$1/$2')}" target="_blank">Repository</a></li>
</ul>
</nav>
<div class="intro">
<a id="mobile-menu-btn" href="#">Menu</a>
<nav class="navbar">
<div class="container">
<ul>
<li><a href="book/index.html">Docs</a></li>
<li><a href="samples/index.html" target="_blank">Samples</a></li>
<li><a href="${pkg.repository.url.replace(/^git\@([^:]+)\:([^:]+?)\.git$/, 'http://$1/$2')}" target="_blank">Repository</a></li>
</ul>
</div>
</nav>
<div class="hero">
<div class="container">
<div class="hero-image">
AMFE
</div>
<h1>${pkg.name}</h1>
<p class="subtitle">
<img src="http://img.shields.io/npm/v/${pkg.name}.svg" alt="npm version">
<img src="https://api.travis-ci.org/amfe/${pkg.name}.svg" alt="ci status">
</p>
<p class="read-more">${pkg.description}</p>
</div>
</div>
<a href="book/QuickStart.html" id="arrow">
<div class="arrow">
<div>Getting Started</div>
<svg viewBox="0 0 34 18" xmlns="http://www.w3.org/2000/svg"><path d="M16.75 17L0 2.72 3.19 0l13.56 11.56L30.31 0l3.19 2.72L16.75 17z" fill="#FF492B" fill-rule="evenodd"/></svg>
</div>
</a>
</div>
<footer>
<hr>
<div class="container">
<div class="row">
<div class="twelve columns"></div>
<a href="https://github.com/amfe/article" target="_blank"><span>© 2016 MFE Team</span></a>
</div>
</div>
</footer>
<script src="./js/mobile_nav.js" type="text/javascript"></script>
</body>
</html>