-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (82 loc) · 5.13 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
<html lang="en">
<head>
<title> Laura Cui </title>
<meta name="viewport" content="initial-scale=1, width=device-width, user-scalable=no"/>
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,400|Work+Sans:300,400|Lora:300|IBM+Plex+Sans:300,400,500|Nanum+Myeongjo" rel="stylesheet">
<link rel="icon" type="image/png" href="/img/fav.png"/>
<link rel="canonical" href="https://reionize.github.io">
<meta name="keywords" content="Laura Cui,stargazings,Laura Cui physics,Laura Cui reionize"/>
<meta name="description" content="Quantum info and space enthusiast, undergrad at MIT."/>
<link rel="stylesheet" type="text/css" href="./style.css">
<script type="text/javascript">
function expand() {
document.getElementById("expand").innerHTML = "";
document.getElementById("bio").innerHTML = "– <i> more about me </i>" +
"<p> I grew up in the suburbs of Washington, D.C., where I competed in science bowl and became indoctrinated in the belief that frozen yogurt is the superior cold dessert. </p> <p> When I'm not thinking about math or physics, I like to <a href='https://www.goodreads.com/user/show/90653304-laura-cui'>read</a>, paint with watercolors, <a href='https://500px.com/reionize'>take pictures of flowers</a>, go on long walks, and work on my slab climbing technique. I occasionally write <a href='https://reionization.wordpress.com'>mediumform</a> and <a href='https://twitter.com/reionize'>veryshortform content (tweets)</a>. </p>";
if (document.getElementById("content").offsetHeight > 0.75*document.getElementById("container").offsetHeight) {
// document.getElementById("content").style.position = "static";
//document.getElementById("navbar").style.position = "static";
// document.getElementById("container").style.position = "absolute";
// document.getElementById("container").style.top = "20%";
// document.getElementById("container").style.left = "15%";
}
}
function loadbkg() {
document.getElementById("bkg").style.backgroundImage = "url(\"/img/bkg2.JPG\")";
}
function polaroids() {
document.getElementById("profile").src = "./img/polaroids.png";
}
function profile() {
/**
* Randomly flip profile picture after triggered
* Inspired by chen-lijie.github.io
*/
if (Math.random() > 0.5) {
document.getElementById("profile").src = "./img/zero.jpg";
}
else{
document.getElementById("profile").src = "./img/one.jpg";
}
}
</script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109224741-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109224741-1');
</script>
</head>
<body id="top">
<div id="fadebkg"> </div>
<!-- <div id='bkg'> <img src='./img/bkg.jpg' onLoad='loadbkg()' style='visibility:hidden;'> </div> -->
<div id="container">
<div id="pagehead">
<h1> Laura Cui<a href="#pronunciation">*</a> </h1>
</div>
<div id="content">
<img id="profile" src="./img/one.jpg" width="250" align="right" onmouseover="polaroids()" onmouseout="profile()" style="margin-left:15px;margin-bottom:15px;margin-top:25px;max-width:40%"/>
<p> I'm currently a PhD student in physics at Caltech, where I'm fortunate to be co-advised by John Preskill and Fernando Brandão. Previously, I completed my bachelor's in physics and math at MIT, and wrote my <a href="https://dspace.mit.edu/handle/1721.1/151497"> senior thesis </a> on the application of random circuits to study many-body quantum dynamics. For more, you can view my <a href="./files/cv.pdf">CV</a> or read about the highlights <a href="/things">here</a>. </p>
<p> I am committed to increasing access to opportunities in STEM, particularly for students from nontraditional backgrounds. I previously served on the <a href="https://physvals.mit.edu">MIT Physics Values Committee</a> and worked on <a href="/things#proofs-workshop">writing curriculum</a> for students without prior experience in proof-based mathematics. </p>
<p id="bio"> </p>
<p id="expand" onClick="expand()"> + more about me </p>
<br>
<img src='./img/mail2.svg' height='20' align="left" style="margin-top:16px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>lcui (at) caltech (dot) edu</i></p> <br>
<img src='./img/window.png' height='20' align="left" style="margin-top:16px;margin-right:12px;text-align:center;"> <p style="margin-bottom:-28px"><i>305 east bridge </i></p> <br>
<img src='./img/mailbox.png' height='23' align="left" style="margin-top:16px;margin-right:8px;text-align:center;"> <p style="margin-bottom:36px"><i>1200 e. california blvd mc 103-33 </i></p>
<p id="pronunciation"> <a href="#top" style="font-family:'Work Sans';">*</a> I pronounce my last name like the word "sway". You can also find a pronunciation guide <a href="https://www.youtube.com/watch?v=sjdtQ3QGz8Q">here</a>.
</p>
</div>
<div id="navbar">
<u> main</u>
<a href='/things'> work </a>
<a href='/files/cv.pdf'> cv </a>
<a href='https://reionize.substack.com'> blog </a>
</div>
</div>
<!-- <div id="navbkg"> </div> -->
<div id="screen"> </div>
</body>
</html>