-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (123 loc) · 4.97 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
123
124
125
126
127
128
129
130
131
132
133
134
<!--
Work in progress
Will be porting to jquery and cleaning up code
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>buttons</title>
<meta name="description" content="">
<meta name="author" content="">
<link href="css/main.css" rel="stylesheet">
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
</head>
<body>
<p id="name" onclick="show_main()">James Kao</p>
<div id="drag_info"><p>Drag Here</p></div>
<p id="header">personal work <span class="arrow">•</span></p>
<div id="todo" class="debug">
<p>TODO</p>
<p>full resolution images</p>
<p>touch functionality</p>
<p>ill - previous button</p>
</div>
<button type="button" class="btn">bio <span class="arrow">¨</span></button>
<div class="dropdown">
<p>about/</p>
<div class="subdir">
<p style="width: 250px">Hey there! I'm a student studying graphic design at RISD and computer science at Brown. Click and drag some of the buttons to see my work.</p>
</div>
<a target="_blank" href="james_kao_resume.pdf"><p id="resume">resume (pdf)</p></a>
<p>contact/</p>
<div class="subdir">
<p>james.l.kao@gmail.com</p>
<p>408.513.4671</p>
<a target="_blank" href="https://github.com/yuzuquats"><p>https://github.com/yuzuquats</p></a>
</div>
</div>
<button type="button" class="btn">illustration <span class="arrow">¨</span></button>
<div class="dropdown">
<div>
<p class="inline_shrink">personal work/</p>
<div class="inline_shrink subdir">
<p>
<a onclick="ill_nav_jump(0, 0)">[1]</a>
<a onclick="ill_nav_jump(0, 1)">[2]</a>
<a onclick="ill_nav_jump(0, 2)">[3]</a>
</p>
</div>
</div>
<div>
<p class="inline_shrink">entertainment design/</p>
<div class="inline_shrink subdir">
<p>
<a onclick="ill_nav_jump(1, 0)">[1]</a>
</p>
</div>
</div>
<div>
<p class="inline_shrink">sketches/</p>
<div class="inline_shrink subdir">
<p>
<a onclick="ill_nav_jump(2, 0)">[1]</a>
<a onclick="ill_nav_jump(2, 1)">[2]</a>
<a onclick="ill_nav_jump(2, 2)">[3]</a>
</p>
</div>
</div>
</div>
<button type="button" class="btn">graphic design <span class="arrow">¨</span></button>
<div class="dropdown">
<p>nothing to see here yet</p>
</div>
<button type="button" class="btn">computer science <span class="arrow">¨</span></button>
<div class="dropdown">
<p>nothing to see here yet</p>
</div>
<div id="illustration_overlay">
<div class="feature_images"> <!-- 10 images max (tmp) -->
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<img draggable="false">
<p onclick="next_ill_set()">next set <span id="page_num">-1/5</span> <span class="arrow">¨</span></p>
</div>
<div id="art_info" class="subdir">
<div class="positioner">
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
<p></p>
</div>
</div>
<div id="art_drag_info" class="subdir">
<div class="positioner">
<p><span class="arrow">§</span> drag / scroll <span class="arrow">¨</span></p>
</div>
</div>
</div>
<div id="gd_overlay">
<div class="feature_projects">
<div class="gd_projects">
<h1>Nothing to see here yet</h1>
</div>
</div>
</body>
</html>
<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js" /></script>
<script type="text/javascript" src="js/buttons.js"></script>
<script type="text/javascript" src="js/main.js"></script>
<script type="text/javascript" src="js/content.js"></script>