-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathnow.html
More file actions
131 lines (124 loc) · 5.58 KB
/
now.html
File metadata and controls
131 lines (124 loc) · 5.58 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Now - Rita Ionides</title>
<link rel="stylesheet" href="style.css" />
<!-- Hacker-themed font -->
<link href="https://fonts.googleapis.com/css2?family=VT323&display=swap" rel="stylesheet" />
<style>
.headline {
font-size: 3rem;
}
.terminal {
background-color: black;
color: #00ff88;
font-family: 'VT323', monospace;
padding: 1rem;
border-radius: 10px;
max-width: 100%;
height: 300px;
overflow-y: auto;
white-space: pre;
position: relative;
}
.terminal .cursor {
display: inline-block;
width: 10px;
background-color: #00ff88;
animation: blink 1s step-start infinite;
vertical-align: bottom;
}
@keyframes blink {
0%, 49% { opacity: 1; }
50%, 100% { opacity: 0; }
}
</style>
</head>
<body>
<nav>
<div class="title">Rita Ionides</div>
<div class="links">
<a href="index.html">Home</a>
<!--a href="projects.html">Projects</a-->
<a href="blog.html">Blog</a>
<a href="now.html">Now</a>
<a href="about.html">About</a>
</div>
</nav>
<div class="container">
<h1 class="headline"> <center> system status </center> </h1>
<div id="now-terminal" class="terminal"></div>
</div>
<script>
const nowLines = [
`user@ritaios:~$ date`,
new Date().toString(),
``,
`user@ritaios:~$ ps -u Rita`,
` PID TTY TIME CMD`,
`1001 pts/0 00:00:02 neurips_paper.sh`,
`1002 pts/0 00:00:01 yc_application.sh`,
`1003 pts/0 00:00:00 dp_pipeline.js`,
``,
`user@ritaios:~$ echo "Currently focused on: spring in Ann Arbor, summer in Boston, submitting papers!"`,
` Currently focused on: spring in Ann Arbor, summer in Boston, submitting papers!`,
``,
`user@ritaios:~$ cat ~/current_reading.txt`,
` Currently reading: 'The Seven Moons of Maali Almeida' by Shehan Karunatilaka,`,
` and rereading (as ever) 'The Hitchhiker's Guide to the Galaxy'.`,
``,
`user@ritaios:~$ cat ~/music_taste.txt`,
` Currently listening to: 'Что такое осень' by ДДТ. `,
` I grew up with this 90s Russian rock band, and will get to see them in concert for my birthday in May!`,
``,
`user@ritaios:~$ cat ~/quote_of_the_month.txt`,
` From my good friend Shourya's email signature:`,
` “If at first you don't succeed, skydiving isn't for you.”`,
``
];
const term = document.getElementById('now-terminal');
let idx = 0;
function typeLine() {
if (idx >= nowLines.length) {
const cr = document.createElement('span');
cr.className = 'cursor';
term.appendChild(cr);
return;
}
const div = document.createElement('div');
div.textContent = nowLines[idx++];
term.appendChild(div);
setTimeout(typeLine, 150);
}
typeLine();
</script>
<div container>
<div id="mc_embed_shell">
<div id="mc_embed_signup">
<form action="https://github.us14.list-manage.com/subscribe/post?u=ac90916407742a29966588398&id=9d2f0b6a5d&f_id=00fbb5e5f0" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank">
<div id="mc_embed_signup_scroll"><h2>Subscribe to the Regular Expressions Blog</h2>
<div class="indicates-required"> All signal. No noise.</div>
<div class="mc-field-group"><label for="mce-EMAIL">Email Address <span class="asterisk">*</span></label><input type="email" name="EMAIL" class="required email" id="mce-EMAIL" required="" value=""></div>
<div id="mce-responses" class="clear foot">
<div class="response" id="mce-error-response" style="display: none;"></div>
<div class="response" id="mce-success-response" style="display: none;"></div>
</div>
<div aria-hidden="true" style="position: absolute; left: -5000px;">
/* real people should not fill this in and expect good things - do not remove this or risk form bot signups */
<input type="text" name="b_ac90916407742a29966588398_9d2f0b6a5d" tabindex="-1" value="">
</div>
<div class="optionalParent">
<div class="clear foot">
<input type="submit" name="subscribe" id="mc-embedded-subscribe" class="button" value="Subscribe">
<p style="margin: 0px auto;"><a href="http://eepurl.com/jfq1JI" title="Mailchimp - email marketing made easy and fun"><span style="display: inline-block; background-color: transparent; border-radius: 4px;"><img class="refferal_badge" src="https://digitalasset.intuit.com/render/content/dam/intuit/mc-fe/en_us/images/intuit-mc-rewards-text-dark.svg" alt="Intuit Mailchimp" style="width: 220px; height: 40px; display: flex; padding: 2px 0px; justify-content: center; align-items: center;"></span></a></p>
</div>
</div>
</div>
</form>
</div>
<script type="text/javascript" src="//s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script><script type="text/javascript">(function($) {window.fnames = new Array(); window.ftypes = new Array();fnames[0]='EMAIL';ftypes[0]='email';fnames[1]='FNAME';ftypes[1]='text';fnames[2]='LNAME';ftypes[2]='text';fnames[3]='ADDRESS';ftypes[3]='address';fnames[4]='PHONE';ftypes[4]='phone';fnames[5]='BIRTHDAY';ftypes[5]='birthday';fnames[6]='COMPANY';ftypes[6]='text';}(jQuery));var $mcj = jQuery.noConflict(true);</script></div>
</div>
</body>
</html>