forked from LeaVerou/markapp
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
79 lines (69 loc) · 2.82 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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MarkApp: Building apps with HTML</title>
<link rel="stylesheet" href="style.css">
<link rel="prefetch" href="data.json">
<meta name="viewport" content="width=device-width">
<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
</head>
<body>
<header>
<h1>mark<span>app</span></h1>
<p>Building apps by authoring HTML</p>
</header>
<section id="intro">
<p><a href="https://twitter.com/LeaVerou/status/690583334414635009">1 in 2 HTML & CSS authors are not very comfortable with authoring JS</a>.</p>
<p>Every time you require JS code to initialise or configure your UI library you are excluding them.
Even developers often find the declarative nature of HTML quicker to work with.
The goal of this site is to collect and promote JS libraries that can be used without writing any JS.</p>
</section>
<section id="libraries">
<template>
<h1>{{library.length}} libraries so far:</h1>
{{#library}}
<a href="{{url}}">
<article id="lib-{{name}}">
<img src="{{image}}" alt="">
<h1>{{name}}
<div class="author">
<a href="https://github.com/{{author}}">{{author}}</a>
and
<a href="https://github.com/{{github}}/graphs/contributors">contributors</a>
</div>
</h1>
<p>{{description}}</p>
<a href="https://github.com/{{github}}" class="gitub-repo">{{github}}</a>
<a class="github-button" href="https://github.com/{{github}}"
data-icon="octicon-star" data-style="mega"
data-count-href="/leaverou/awesomplete/stargazers"
data-count-api="/repos/{{github}}#stargazers_count"
data-count-aria-label="# stargazers on GitHub"
aria-label="Star {{github}} on GitHub">Star</a>
<a class="github-button" href="https://github.com/{{github}}/fork"
data-icon="octicon-repo-forked" data-style="mega"
data-count-href="/leaverou/awesomplete/network"
data-count-api="/repos/{{github}}#forks_count"
data-count-aria-label="# forks on GitHub"
aria-label="Fork {{github}} on GitHub">Fork</a>
</article>
</a>
{{/library}}
</template>
<footer>
<p><a href="https://github.com/LeaVerou/markapp/edit/master/data.json">Help expand this list!</a></p>
</footer>
</section>
<footer>
Made with ♥ by <a href="http://lea.verou.me">Lea Verou</a>
• <a href="https://github.com/LeaVerou/markapp">This site is open source</a>
• <a href="https://www.flickr.com/photos/flikr/2642252679">Laser cat photo by Kelbv</a>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/blissfuljs/1.0.2/bliss.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mustache.js/2.2.1/mustache.min.js"></script>
<script src="markapp.js"></script>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</body>
</html>