-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathknotwork.html
25 lines (25 loc) · 1.16 KB
/
knotwork.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
<html>
<head>
<title>Knotwork experiment</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="knotwork.js"></script>
<link href='http://fonts.googleapis.com/css?family=Quattrocento' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="knotwork.css"/>
</head>
<body>
<div id="container">
<div id="box1" class="box" gridwide="3" gridtall="2">
<p class="large">Knotwork</p>
<p class="large">Sample</p>
</div>
<div id="box2" class="box" gridwide="3" gridtall="3">
<input type='button' onclick="switchPattern();" value="switch style"/>
</div>
<div id="box3" class="box" gridwide="5" gridtall="3">
<p class="normal">This site randomly positions these text divs on the page, then generates a knotwork pattern to fill the rest of the page, using a grid system</p>
<p class="normal">The style switcher changes the set of bitmaps that are used to fill the grid</p>
<p class="normal">A couple of 'template' styles are included to help in creating new styles</p>
</div>
</div>
</body>
</html>