-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
122 lines (75 loc) · 4.72 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
110
111
112
113
114
115
116
117
118
119
120
121
122
<!DOCTYPE html>
<html lang="en">
<head>
<title>Sanctuary | Home</title>
<!--Meta Information about the website-->
<meta name="Sanctuary" content="A repository where curiosity and randomness intersects visual augmentation." />
<meta name="author" content="crypticsy" />
<meta name="keywords" content="crypticsy" />
<meta name="keywords" content="github" />
<meta name="keywords" content="sanctuary" />
<link rel="icon" href="./assets/images/icon.ico">
<meta property="og:image" content="./assets/images/icon.png">
<meta property="og:url" content="https://crypticsy.github.io/sanctuary.github.io/">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<!-- Import bootstrap and external CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="./assets/css/home.css">
<!--importing external javascript-->
<script src="./assets/js/snowfall.js"></script>
<script src="./assets/js/home.js"></script>
</head>
<body class="noselect" style="background-color:transparent;">
<canvas id="binary-snow">
<!-- show this message if the browser does not support canvas -->
Your browser does not support the HTML canvas tag.
</canvas>
<div id="main_title">
<h1><span id="main_letter_s">S</span>anctuary</h1>
<p id="caption">A repository where curiosity and randomness intersects visual augmentation.</p>
</div>
<div id="project_list">
<div class="project">
<h2>Circle Packing</h2>
<p>
A miniature project for converting pictures into artistic paintings by applying circles that bring their own interpretation.
<a href="./circle_packing/circle_packing.html" target="_blank">
<span style="color:white;" onmouseover="swap_hover(this)" onmouseout="swap(this)">[ View the project . . . ( ●'◡'● ) ]</span>
<a>
<p>
</div>
<div class="project">
<h2>Kaleidoscope</h2>
<p>
A kaleidoscope is an optical apparatus containing two or more reflecting surfaces slanted at an angle to one other. This project tries to replicate
the traits of a kaleidoscope to create symmetrical pattern using user input.
<a href="./kaleidoscope/kaleidoscope.html" target="_blank">
<span style="color:white;" onmouseover="swap_hover(this)" onmouseout="swap(this)">[ View the project . . . ( ●'◡'● ) ]</span>
<a>
<p>
</div>
<div class="project">
<h2>Shakespeare Monkey</h2>
<p>
A miniature project that looks into the infinite monkey theorem, which states that a monkey hitting keys at random on a typewriter keyboard
for an infinite amount of time will almost surely type any given text, such as the complete works of William Shakespeare.
<a href="./shakespeare_monkey/shakespeare_monkey.html" target="_blank">
<span style="color:white;" onmouseover="swap_hover(this)" onmouseout="swap(this)">[ View the project . . . ( ●'◡'● ) ]</span>
<a>
<p>
</div>
<div class="project">
<h2>Terrain Generation</h2>
<p>
A miniature project that creates a 3D procedural terrain using Perlin Noise.
<a href="./terrain_generation/terrain_generation.html" target="_blank">
<span style="color:white;" onmouseover="swap_hover(this)" onmouseout="swap(this)">[ View the project . . . ( ●'◡'● ) ]</span>
<a>
<p>
</div>
</div>
<p id="copyright" class="noselect"> -- Compiled by <a id="github_link" href="https://github.com/crypticsy" target="_blank">Crypticsy</a> -- </p>
</body>
</html>