-
Notifications
You must be signed in to change notification settings - Fork 17
/
index.html
77 lines (66 loc) · 2.67 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Mandelbrot Fractal</title>
<meta name="description" content="Mandelbrot fractal generator that draws the fractal and allows you to zoom in and explore the fractal. Code and color algorithm by Rafael Pedicini">
<style>html{background-color: #C0C0C0;}</style>
<link rel="icon" type=”image/svg+xml” href="/favicon/green-grid-144-168-192.svg">
<link rel="alternate icon" type="image/png" href="/favicon/green-grid-144-168-192-512x512.png">
<link rel="apple-touch-icon" href="/favicon/green-grid-144-168-192-180x180.png">
<link rel="manifest" href="/favicon/site.webmanifest">
<meta name="theme-color" content="#000000">
<link type="text/css" rel="stylesheet" href="app/app.css" media="screen" charset="utf-8">
</head>
<body>
<div id="launch-page">
<img src="./imgs/clear-green-only-64colors-2000px.png" id="fractal-background" />
<main class="clear-fix">
<a id="launch-fractal">
<div id="fractal-title">Mandelbrot Fractal</div>
<div id="launch-text" class="link">Launch Fractal</div>
</a>
<a
id="credit-line"
href="https://github.com/rafgraph/fractal"
target="_blank"
>Code and color algorithm by <span class="link">Rafael Pedicini</span>
</a>
</main>
<div id="launch-detailed-fractal">
launch higher escape time fractal -
<a id="448-escape-time" class="link">448</a>
-
<a id="896-escape-time" class="link">896</a>
-
<a id="1792-escape-time" class="link">1792</a>
- slow!
</div>
</div>
<div id="fractal-graphics">
<canvas id="fractal-canvas"></canvas>
<div id="loading-fractal">
<div id="loading-frac-text">
<div id="loading-frac-title">loading fractal...</div>
<div id="zoom-in-info">click to zoom in</div>
<div id="zoom-out-info">option-click to zoom out</div>
<div id="reset-info">shift-click to reset</div>
<div id="exit-info">esc key to exit</div>
</div>
</div>
</div>
<script type="text/javascript" src="app/fractal.js">fractal</script>
<script type="text/javascript" src="app/app.js">app</script>
<script type="text/javascript">
(function() {
'use-strict';
function startApp(){
window.mandelbrotFractal.runningApp = new mandelbrotFractal.App();
document.removeEventListener("DOMContentLoaded", startApp);
}
document.addEventListener("DOMContentLoaded", startApp);
}())
</script>
</body>
</html>