forked from ItsNickBarry/hyperbolic-canvas
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
97 lines (82 loc) · 3.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
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!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>