-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (76 loc) · 2.84 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta
name="viewport"
content="width=device-width,minimum-scale=1,initial-scale=1"
/>
<!-- Loading jQuery, jQuery.terminal, and style sheet -->
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery.terminal@2.x.x/js/jquery.terminal.min.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=VT323&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/jquery.terminal@2.x.x/css/jquery.terminal.min.css"
/>
<link rel="stylesheet" href="style.css" />
<title>neph.io</title>
</head>
<body>
<div class="container">
<h1>neph</h1>
<ul class="nav-list">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item">
<a class="nav-link" href="repos.html">Repos</a>
</li>
<li class="nav-item"><a class="nav-link" href="#">Contact</a></li>
</ul>
<hr />
<marquee>~ hi there! ~</marquee>
<div class="content">
<div class="image-container">
<img src="assets/images/gifs/clefairy.gif" alt="clefairy" />
</div>
<div class="text">
<p>hiya my name is neph/owen and i am beginning my dev journey.</p>
<p>
currently I am learning js and c++ but I have some experience in
python and c++ from past personal projects, but nothing serious. i
like to learn and am excited to see where this journey takes me.
</p>
<p>
i enjoy backend and network stuff, as well as scripting and have an
interest in security but it mostly goes over my head. check out my
github to see some past projects, currently in a js class but mostly
self-taught.
</p>
</div>
</div>
<hr />
<div class="footer">
<div class="footer-gifs">
<img src="assets/images/gifs/welcome.gif" alt="welcome" />
<img src="assets/images/gifs/love-home.gif" alt="love-home" />
<img src="assets/images/gifs/blink-0.gif" alt="blink" />
<img src="assets/images/gifs/magic.gif" alt="magic" />
</div>
</div>
</div>
<div id="terminal" onblur="this.focus()" autofocus></div>
<script src="text.js"></script>
<script src="oneko.js"></script>
<script src="out.js"></script>
</body>
<!-- <footer>
<div class="terminal external">
this is random text with <a href="https://example.com">link</a>
<div>
</footer> -->
</html>