-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (87 loc) · 3.57 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
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Nisha McNealis</title>
<meta name="description" content="Nisha McNealis' Personal Website">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!--Insert OG Markup -->
<meta property='og:title' content='Nisha McNealis - Personal Website'/>
<meta property='og:image' content='https://nishamcnealis.github.io/pictures/preview.jpg'/>
<meta property='og:description' content='Personal Website'/>
<meta property='og:url' content='https://nishamcnealis.github.io/'/>
<!-- inject:css -->
<link rel="stylesheet" href="redesign.css">
<!-- endinject -->
</head>
<body>
<!-- Rounded switch -->
<div class = "sliderContainer">
<p> modern </p>
<label class="switch">
<input type="checkbox">
<span class="slider round" onmouseup="location.href = 'classic.html';"></span>
</label>
<p> classic </p>
</div>
<header>
<p class="title" id = "cursor">hi there!</p>
<p class="subtitle"> my name is nisha mcnealis. welcome to my personal website! </p>
</header>
<div class="next-button" onclick = 'window.location="#bio"'></div>
<div id = "bio" class="bio">
<div class = "bioElement">
<p style="margin-top: 100px"> i'm a fourth-year computer science major/math minor at UCLA interested in </p>
<p id = "textToChange">artificial intelligence</p>
</div>
<div class = "bioElement">
<img class = "biopic" src="pictures/prof.jpg" alt="a picture of me!">
</div>
</div>
<div class="next-button" onclick = 'window.location="#button-container"' style="margin-top: 100px"></div>
<div id = "button-container">
<p> feel free to check out my <br>
<a class="buttons" onclick="showResume()">resume</a><br>
<a class="buttons" href="https://www.linkedin.com/in/nisha-mcnealis/">linkedin</a> <br>
<a class="buttons" href="https://github.com/NishaMcNealis">github</a> <br>
or
<a class="buttons" href="mailto:[email protected]">contact me</a>
for more info!</p>
</div>
<div class = "resume" id = 'resume' style="display:none;">
<embed src="assets/Nisha_McNealis_Resume.pdf" width="90%" height="900" type="application/pdf">
</div>
<script type="text/javascript">
function hideCursor() {
if (document.getElementById('cursor') != null) {
setTimeout(function() {
document.getElementById('cursor').style.border = "none";
}, 3500);
}
}
function showResume() {
var x = document.getElementById('resume');
if (x.style.display == "none") {
x.style.display = "flex";
window.location="#resume";
} else {
x.style.display = "none";
window.location="#button-container";
}
}
let text = ["natural language processing", "artificial intelligence", "cognitive science",
"digital humanities", "web development", "deep learning", "scuba diving", "fostering dogs",
"traveling", "teaching", "machine learning"];
let counter = 0;
function change() {
document.getElementById("textToChange").innerHTML = text[counter];
counter++;
if (counter >= text.length) {
counter = 0;
}
}
setInterval(change, 2000);
hideCursor();
</script>
</body>
</html>