-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (123 loc) · 5.77 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<!-- ensures that the site has no horizontal scrolling -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>miliu</title>
<!-- totally more pragmatic than Reset -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/7.0.0/normalize.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oxygen:300,400,700">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oxygen+Mono">
<link rel="stylesheet" href="css/home/home.css">
</head>
<body>
<nav id="navbar">
<a href="#main" id="logo">
<noscript>michael liu</noscript>
<span id="mi">mi</span><!--
--><span id="chael">chael</span><!--
--><span id="liu">liu</span>
</a>
<ul id="menu">
<li id="menu-about">
<a href="#about">about</a>
</li>
<li id="menu-projects">
<a href="#projects">projects</a>
</li>
<li id="menu-contact">
<a href="#contact">contact</a>
</li>
</ul>
<div id="underline"></div>
</nav>
<main id="main">
<section id="landing">
<div class="image left"></div>
<div class="content right">
<div class="header">
<div class="title">
Context can offer more than the content—
</div>
<div class="subtitle">
<ins>miliu</ins> <s>milieu</s> more than the message.
</div>
</div>
<p>
I earned my bachelor's degree in cognitive science at the University of
California, San Diego: a multidisciplinary education drawing knowledge
from computer science, linguistics, psychology, neuroscience, and
informatics to view complex problems at complex angles.
</p>
</div>
</section>
<section id="about">
<div class="content left">
<div class="header">
<div class="title">
Good effort is nothing without good intentions,
</div>
<div class="subtitle">
and the converse is just as important.
</div>
</div>
<p>
I strive for robust and maintainable solutions to meaningful problems. I'm
always excited to learn new things, and even more excited when learning
from colleagues. I enjoy long random walks on the beach and I take my work
more seriously than I take myself.
</p>
</div>
<div class="image right"></div>
</section>
<section id="projects">
<div class="image left"></div>
<div class="content right">
<div class="header">
<div class="title">
I make things in my free time;
</div>
<div class="subtitle">
sometimes they even function properly.
</div>
</div>
<p>
I'll start blogging about my activities someday, once I figure out how I want the posts
to look and develop the temerity to publish my experiences. For now, you can find my
attempted implementations of linear algebra algorithms and neural networks on GitHub!
</p>
</div>
</section>
<section id="contact">
<div class="content left">
<div class="header">
<div class="title">
Find me at the following:
</div>
</div>
<a id="email" draggable="false">
<img src="images/simpleicons/protonmail.svg">
<div>mi<span>Please</span>chael<wbr><span>Don't</span>@<span>Harvest</span>mi<span>My</span>liu<span>Email</span>.<span>Address</span>me</div>
</a>
<a id="twitter" href="https://twitter.com/convoliution">
<img src="images/simpleicons/twitter.svg">
<div>@convoliution</div>
</a>
<a id="linkedin" href="https://www.linkedin.com/in/convoliution/">
<img src="images/simpleicons/linkedin.svg">
<div>/in/convoliution</div>
</a>
<a id="github" href="https://github.com/convoliution">
<img src="images/simpleicons/github.svg">
<div>convoliution</div>
</a>
</div>
<div class="image right"></div>
</section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="js/sitewide/navbar.js"></script>
<script src="js/home/home.js"></script>
</body>
</html>