-
Notifications
You must be signed in to change notification settings - Fork 7
/
index.html
109 lines (97 loc) · 4.09 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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!doctype html>
<html lang="en">
<head>
<!-- Basic Page Needs
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta charset="utf-8" />
<title>Hyperbolic Canvas</title>
<meta
name="description"
content="The Poincaré disk model of the hyperbolic plane, in Javascript"
/>
<meta name="author" content="Nick Barry" />
<!-- Mobile Specific Metas
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<meta name="backdrop" content="width=device-width, initial-scale=1" />
<!-- FONT
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link
href="//fonts.googleapis.com/css?family=Raleway:400,300,600"
rel="stylesheet"
type="text/css"
/>
<!-- CSS
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="stylesheet" href="css/normalize.css" />
<link rel="stylesheet" href="css/skeleton.css" />
<link rel="stylesheet" href="css/hyperbolic-canvas.css" />
<!-- Favicon
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
<body class="home">
<!-- Primary Page Layout
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<div class="container">
<div class="row">
<nav>
<div class="nav-button four columns">
<a href="about.html">About</a>
</div>
<div class="nav-button four columns">
<a href="documentation.html">Documentation</a>
</div>
<div class="nav-button four columns">
<a href="examples.html">Examples</a>
</div>
</nav>
</div>
<noscript>
<div class="row">
<div class="blockquote eight columns offset-by-two">
Please enable Javascript in order to view this site.
</div>
</div>
</noscript>
<div class="row">
<div class="blockquote eight columns offset-by-two">
<p class="text">
For God's sake, please give it up. Fear it no less than the sensual
passion, because it, too, may take up all your time and deprive you
of your health, peace of mind, and happiness in life.
</p>
<span class="attribution">
Farkas Bolyai, to his son
<a href="https://en.wikipedia.org/wiki/J%C3%A1nos_Bolyai"
>János Bolyai</a
>, on hyperbolic geometry
</span>
</div>
</div>
</div>
<div id="hyperbolic-canvas" class="background-canvas"></div>
<!-- Scripts
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
<script
type="application/javascript"
src="dist/hyperbolic_canvas.js"
></script>
<script type="application/javascript" src="scripts/hexagons.js"></script>
<script type="text/javascript">
var ready = function (fn) {
if (document.readyState != 'loading') {
fn();
} else {
document.addEventListener('DOMContentLoaded', fn);
}
};
ready(function () {
var scriptName = 'hexagons';
var canvas = HyperbolicCanvas.create('#hyperbolic-canvas', scriptName);
HyperbolicCanvas.scripts[scriptName](canvas);
});
</script>
<!-- End Document
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
</body>
</html>