/
index.html
81 lines (71 loc) · 3.46 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
<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<link href="https://fonts.googleapis.com/css?family=Spectral" rel="stylesheet" />
<link crossorigin="anonymous" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" rel="stylesheet" />
<link crossorigin="anonymous" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" rel="stylesheet" />
<link href="styling.css" rel="stylesheet" type="text/css" />
<title>Som-Mai Nguyen</title>
<meta name="description" content="Som-Mai Nguyen is a writer from Houston, currently based in Berlin.">
<link href="https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/240/apple/155/sparkles_2728.png" rel="icon" />
</head>
<body>
<div class="container-fluid header">
<h1 class="display-5 text-center text-uppercase">Som-Mai Nguyen</h1>
<ul class="nav justify-content-center text-lowercase">
<li class="nav-item">
<a aria-disabled="true" class="nav-link disabled" href="#" tabindex="-1">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/images">Images</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/writing">Writing</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/good-stuff">Good Stuff</a>
</li>
</ul>
</div>
<div class="container content">
<div class="row about">
<div class="col-sm-12 col-md-4 about__image"><img alt="Responsive image" class="img-fluid" src="assets/images/Som-Mai_avatar_6_square.jpg" /></div>
<div class="col-sm-12 col-md-8 about__text">
<p>I care about art, public education, and linguistic pluralism.</p>
<p>I'm an alumna of Stanford University's <a href="https://symsys.stanford.edu">Symbolic Systems</a> program, as well as of Title I schools in Houston's Aldine Independent School District.</p>
<p>My name's pronounced "sum-EYE," as in addition and as in anatomy. The IPA goes /sʌˈmaɪ/. It's Nguyễn Quý Sớm-Mai in Vietnamese. (And maps to 阮晨 in Mandarin, from once upon a time, when I was studying it.)</p>
<p>You can reach me at nguyen[dot]sommai[at]gmail[dot]com, as well as @sumeyegwen most anywhere online (by which I mostly mean <a href="https://twitter.com/sumeyegwen">on Twitter</a>).</p>
<hr />
<div class="about-current">
<h6 class="text-lowercase">Currently</h6>
<p>📍 Berlin, Germany</p>
<p>📚 <i>Momo</i> by Michael Ende</p>
<p>📚 <i>The Empathy Exams</i> by Leslie Jamison</p>
</div>
</div>
</div>
</div>
<div class="container-fluid footer text-center">
<a href="https://twitter.com/sumeyegwen">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.linkedin.com/in/sommainguyen">
<i class="fab fa-linkedin"></i>
</a>
<a href="https://open.spotify.com/user/syntheticdonut">
<i class="fab fa-spotify"></i>
</a>
<a href="https://goodreads.com/user/show/69122868-som-mai">
<i class="fab fa-goodreads"></i>
</a>
<a href="https://github.com/nguysomq">
<i class="fab fa-github"></i>
</a>
<p>© Som-Mai Nguyen 2019</p>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
</body>
</html>