xinyichen516.github.io/index.html at master · xinyichen516/xinyichen516.github.io · GitHub

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
<!DOCTYPE html>
<html>
<head>
	<title>Xin Yi Chen || Home</title>
	<link rel="stylesheet" type="text/css" href="assets/css/indexstyle.css">
	<script src="assets/js/js.js"></script>
	<link href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono|Meddon|Open+Sans:400,600,800" rel="stylesheet">
	<script src="assets/js/typed.js"></script>
	<script>
	document.addEventListener("DOMContentLoaded", function(){
		Typed.new(".element0", {
            strings: ["echo Hello, how are you?", "echo I'm doing well, thanks!", "echo Feel free to peruse!", "echo Xin Yi's blog is pretty cool.", "echo So is her resume.", "echo Have a great day!"],
            typeSpeed: 0, // typing speed!
            backDelay: 2000, // pause before backspacing
            loop: true, // loop on or off (true or false)
            loopCount: false, // number of loops, false = infinite
            showCursor: false,
            callback: function(){ } // call function after typing is done
        });
	});
	</script>

</head>
<body>
	<nav>
		<ul>
		  <li><a class="active" href="index.html">Home</a></li>
		  <li><a href="aboutme.html">About Me</a></li>
		  <li><a href="resume.html">Resume</a></li>
		  <li><a href="contact.php">Contact Me</a></li>
		  <li><a href="blog.html">Blog</a></li>
		</ul>
	</nav>
	<div id="content-left">
		<div class="section-content">
		<div id="hometextleft">Hello</div>
		<div id="worldtext">World</div>
		<a class="homelinks" href="aboutme.html"> xinyichen ~$ cd AboutMe</a></div>
		<div><a class="homelinks" href="resume.html"> xinyichen ~$ cd Resume</a></div>
		<div><a class="homelinks" href="contact.html"> xinyichen ~$ cd ContactMe</a></div>
		<span class="homelinks">xinyichen ~$</span>
		<span class='element0'></span> <span class="blink">_</span></a>
		</div>
	</div>
	<div id="content-right">
		<div class="section-content">
		<div id="hometextright">Hello</div>
		<div id="lifetext">Life</div>
			<div class="icons">
				<a id="clicker" href="blog.html"></a>
				<div class="box">
					<img id="foodicon" src="assets/img/Noodles.png">
				</div>
				<div class="box">
					<img id="thoughtbubble" src="assets/img/ThoughtBubble.png">
				</div>
				<div class="box">
					<img id="listicon" src="assets/img/ListIcon.png">
				</div>
			</div>
		</div>
	</div>
</body>
</html>