-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
95 lines (78 loc) · 3.27 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
<html>
<head>
<title>JACK LENG</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href = "styles/style.css" rel = "stylesheet">
<!-- 1600+ (desktop)-->
<link media="screen and (min-device-width: 1600px)" href = "styles/bigwide.css" rel = "stylesheet">
<!-- 1280+ (laptop)-->
<link media="screen and (min-device-width: 1280px) and (max-device-width: 1599px)" href = "styles/smallwide.css" rel = "stylesheet">
<!-- < 1280 (phones) -->
<link media="screen and (min-device-width: 700px) and (max-device-width: 1279px)" href = "styles/tablet.css" rel = "stylesheet">
<link media="screen and (max-device-width: 699px)" href = "styles/phone.css" rel = "stylesheet">
<link href = "styles/preto.css" rel = "stylesheet">
<link href="https://fonts.googleapis.com/css?family=Cousine:400,700" rel="stylesheet">
</head>
<body id = "lebod">
<div class = "fixed" id = "fixedbg">
<figure class = "myface" id = "facebg"></figure>
<div id = "text">
<article id = "hello">
<h3 class = "cousine" id = "helloiam">HELLO, I AM</h3>
<h1 class = "preto" id ="jackleng">jack leng</h1>
</article>
<article id = "abtme" class = "cousine">
<p>
: he/him who makes interactive objects with felt tip pens, adobe CS, javascript, 3d studio max, & other tools
</p>
</article>
</div>
</div>
<div class = "fixed" id = "fixedfg">
<figure class = "myface" id = "facefg"></figure>
<article id = "videocaption" class = "cousine">
repainting gnarled frat sign for use as a cutout board (placeholder)
<p class = "videocaption"> , sketching UI concepts for public installation: </p>
<p class = "videocaption"> , making sprites & writing three.js: </p>
<p class = "videocaption"> , modeling a linear actuator: </p>
<p class = "videocaption"> , repainting gnarled frat sign for use as a cutout board: </p>
<p class = "videocaption"> , working with student engineers: </p>
<p class = "videocaption"> , circle sanding sheet metal: </p>
</article>
</div>
<!-- ABOUT -->
<section id = "abt">
<video class = "abtvid">
<source src = "assets/sketch.mp4" type = "video/mp4">
</video>
<video class = "abtvid">
<source src = "assets/wevi.mp4" type = "video/mp4">
</video>
<video class = "abtvid">
<source src = "assets/3d.mp4" type = "video/mp4">
</video>
<video class = "abtvid">
<source src = "assets/paint.mp4" type = "video/mp4">
</video>
<video class = "abtvid">
<source src = "assets/weavin.mp4" type = "video/mp4">
</video>
<video class = "abtvid">
<source src = "assets/sandin.mp4" type = "video/mp4">
</video>
<article id = "dream" class = "cousine">
i dream about designing playful and unique things for people and places that need it!
</article>
</section>
<!-- END ABOUT SECTION -->
<section id = "work">
</section>
<script src = "libs/underscore_throttle.js"> </script>
<script src = "libs/easings.js"> </script>
<script src = "libs/velocity.min.js"> </script>
<script src = "data/projects.js"> </script>
<script src = "scripts/etcript.js"> </script>
<!-- should separate utility functions from etcript so that we can call keyframes.js first -->
<script src = "data/keyframes.js"> </script>
<script src = "scripts/scrollnimator.js"> </script>
</body>