/
index.html
102 lines (87 loc) · 5.21 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
101
102
<!DOCTYPE html>
<html>
<head>
<title>Yi-Yang's Website</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"></head>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light bounce">
<a class="navbar-brand" href="/index.html">Yi-Yang's Personal Website</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav"
aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
</span>
</button>
<div class="collapse navbar-collapse justify-content-end" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="/index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/resume.html">CV</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/sk.html">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link" href="/contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
<div class="container mt-5">
<div class="row">
<div class="col-md-6">
<h1>Welcome to my website</h1>
<p>Welcome to my personal web page! My name is Yi-Yang Lin, and I'm a computer science professional
with a passion for using engineering to solve complex problems and create innovative solutions...</p>
<button class="btn btn-muted my-3 px-4 py-2 fade-in" style="border-radius: 20px; font-size: 0.8rem;"
type="button" onclick="toggleIntro()">Read More</button>
<p class="lead" id="intro" style="display:none;">
I have several years of experience in software and hardware, and I've worked on a variety of projects
throughout my student life and my career. Some of my recent projects include WiFi/BT tool validation, course
projects, and side projects based on my interests. As an engineering professional, I'm always looking for new
and exciting opportunities to tackle challenging problems and work with innovative technologies. Whether
you're looking for someone to lead a project from start to finish or to contribute as part of a team, I'm
confident that I have the skills and expertise to deliver exceptional results.
If you're interested in learning more about my work or discussing a potential project, please don't hesitate
to get in touch! You can reach me by following message text box, or you can connect with me on media platforms
to stay up to date on my latest projects.
Thank you for visiting my website, and I look forward to hearing from you soon!
</p>
<br>
<button type="button" class="btn btn-primary" onclick="downloadCV()">Download CV</button>
<button type="button" class="btn btn-info" onclick="readFile()">Random Project Built</button>
</div>
<div class="col-md-6 slide-in">
<img id="projectImage" src="/Images/head.png" class="img-fluid rounded-circle spin" alt="Profile Picture">
<div id="projectContainer" class="card-deck slide-in">
<!-- Project card will be dynamically added here -->
</div>
</div>
</div>
</div>
</body>
<footer class="mt-5 p-3 fixed-bottom text-center bg-light">
<div>
<a href="https://github.com/yiyanglin0102"><i class="fa fa-github"></i></a>
<a href="https://www.linkedin.com/in/yiyang-lin/"><i class="fa fa-linkedin"></i></a>
<a href="mailto:yiyanglin0102@gmail.com"><i class="fa fa-envelope"></i></a>
<a href="https://www.facebook.com/yiyanglin0102/"><i class="fa fa-facebook"></i></a>
<a href="tel:2063552065"><i class="fa fa-mobile-phone"></i></a>
</div>
</footer>
<!-- Bootstrap and jQuery JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
<script src="./scripts.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0