-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
54 lines (51 loc) · 2.41 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
<html lang="en">
<head>
<title>Just My Type</title>
<meta charset="utf-8" />
<style>@import 'style.css';</style>
<script src="jquery-3.2.1.min.js"></script>
</head>
<body>
<div id="interface">
<div id="dialogue-container">
<div id="walkthrough-text">To use. First. Enable adobe flash and javascript. It’s required for accessing fonts on your harddrive. It’s chill don’t worry.</div>
<div class="typeface-list active" id="title-list">
<div class="list-label" id="title-list-label">
<div class="list-name" id="title-list-name">title typefaces</div>
<div class="list-clear" id="title-list-clear">x</div>
</div>
</div>
<div class="typeface-list" id="body-list">
<div class="list-label" id="body-list-label">
<div class="list-name" id="body-list-name">body typefaces</div>
<div class="list-clear" id="body-list-clear">x</div>
</div>
</div>
</div>
<div id="button-container">
<div id="button-container-container">
<div class="dialogue-button active" id="select">Select</div>
<div class="dialogue-button" id="pair">Pair</div>
</div>
</div>
<div id="display-container">
<div id="type-tile-container" class="show">
</div>
<div id="example-text-container">
<div id="example-text">
<div id="title-example">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div>
<div id="subtitle-example">Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</div>
<div id="body-example">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia risus metus, id ornare elit porttitor suscipit. Fusce pretium scelerisque felis non imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec vehicula felis eget dolor vehicula interdum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris lacinia risus metus, id ornare elit porttitor suscipit. Fusce pretium scelerisque felis non imperdiet. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec vehicula felis eget dolor vehicula interdum.</div>
</div>
</div>
</div>
</div>
<script src="formatter.js"></script>
<object id="fontListSWF" name="fontListSWF"
type="application/x-shockwave-flash"
data="FontList.swf" width="1" height="1"
>
<param name="movie" value="FontList.swf">
<embed src="FontList.swf" width="1" height="1"></embed>
</object>
</body>