Skip to content

Commit c4bea4d

Browse files
jakezateckyjakezatecky
committed
Make examples page a bit more attractive
1 parent 5198501 commit c4bea4d

File tree

5 files changed

+22044
-21706
lines changed

5 files changed

+22044
-21706
lines changed

‎examples/dist/index.html‎

Lines changed: 38 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,44 @@
11
<!DOCTYPE html>
2-
<html>
3-
<head>
4-
<title>React Checkbox Tree</title>
5-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<meta name="theme-color" content="#3498db">
8-
<meta name="description" content="React Checkbox Tree: A simple, yet elegant checkbox treeview for React.">
9-
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
10-
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
11-
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700">
12-
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Lato">
13-
<link rel="stylesheet" href="style.css">
14-
</head>
15-
<body>
16-
<section class="page-header">
17-
<h1 class="project-name">React Checkbox Tree</h1>
18-
<h2 class="project-tagline">A simple, yet elegant checkbox treeview for React</h2>
19-
<a href="https://github.com/jakezatecky/react-checkbox-tree" class="btn">View on GitHub</a>
20-
<a href="https://github.com/jakezatecky/react-checkbox-tree/zipball/master" class="btn">Download .zip</a>
21-
<a href="https://github.com/jakezatecky/react-checkbox-tree/tarball/master" class="btn">Download .tar.gz</a>
22-
</section>
2+
<html lang="en-US">
3+
<head>
4+
<title>React Checkbox Tree</title>
5+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7+
<meta name="theme-color" content="#3498db">
8+
<meta name="description" content="React Checkbox Tree: A simple, yet elegant checkbox treeview for React.">
9+
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
10+
<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
11+
<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Open+Sans:400,700|Roboto">
12+
<link rel="stylesheet" href="style.css">
13+
</head>
14+
<body>
15+
<section class="page-header">
16+
<h1 class="project-name">React Checkbox Tree</h1>
17+
<h2 class="project-tagline">A simple, yet elegant checkbox treeview for React</h2>
18+
<a href="https://github.com/jakezatecky/react-checkbox-tree" class="btn">View on GitHub</a>
19+
<a href="https://github.com/jakezatecky/react-checkbox-tree/zipball/master" class="btn">Download .zip</a>
20+
<a href="https://github.com/jakezatecky/react-checkbox-tree/tarball/master" class="btn">Download .tar.gz</a>
21+
</section>
2322

24-
<section class="main-content">
25-
<h1>Examples</h1>
26-
<h2>Basic Example</h2>
27-
<div id="basic-example"></div>
23+
<section class="main-content">
24+
<h1>Examples</h1>
25+
<h2>Basic Example</h2>
26+
<div id="basic-example"></div>
2827

29-
<h2>Pessimistic Toggle Example</h2>
30-
<p>Try clicking a partially-checked node. Instead of select all children, the pessimistic model will uncheck them.</p>
31-
<div id="pessimistic-toggle-example"></div>
28+
<h2>Pessimistic Toggle Example</h2>
29+
<p>Try clicking a partially-checked node. Instead of select all children, the pessimistic model will uncheck them.</p>
30+
<div id="pessimistic-toggle-example"></div>
3231

33-
<footer class="site-footer">
34-
<span class="site-footer-owner">
35-
<a href="https://github.com/jakezatecky/react-checkbox-tree">React Checkbox Tree</a> is maintained by <a href="https://github.com/jakezatecky">jakezatecky</a>.
36-
</span>
37-
<span class="site-footer-credits">
38-
This page is hosted by <a href="https://pages.github.com">GitHub Pages</a>.
39-
</span>
40-
</footer>
41-
</section>
32+
<footer class="site-footer">
33+
<span class="site-footer-owner">
34+
<a href="https://github.com/jakezatecky/react-checkbox-tree">React Checkbox Tree</a> is maintained by <a href="https://github.com/jakezatecky">jakezatecky</a>.
35+
</span>
36+
<span class="site-footer-credits">
37+
This page is hosted by <a href="https://pages.github.com">GitHub Pages</a>.
38+
</span>
39+
</footer>
40+
</section>
4241

43-
<script src="index.js"></script>
44-
</body>
42+
<script src="index.js"></script>
43+
</body>
4544
</html>

0 commit comments

Comments
 (0)