-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (107 loc) · 4.42 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
103
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Seonmi Jung</title>
<script src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="./images/favicon.png"/>
</head>
<body>
<div class="topnav">
<div class="favicon">
<a class="active" href="#home"><img src="./images/favicon.png"/></a>
</div>
<div class="menu">
<a href="#contact">Contact</a>
<a href="#projects">Projects</a>
<a href="#home">Home</a>
</div>
</div>
<br><br>
<center>
<div id="home">
<h1>Seonmi Jung</h1>
<h3 class="fade-in">Hello 👋 I am a your filthy programmer here to help you with your projects 🤪</h3>
<button class="button-widget fade-in" onclick="window.location.href='#about'">Learn More</button>
</div>
<br><br>
<div class="card-container">
<div class="card" id="about">
<br><br>
<h1>Personal Information</h1>
<br>
<table>
<tr>
<th>Name</th>
<th>Seonmi Jung</th>
</tr>
<tr>
<th>Gender</th>
<th>Female</th>
</tr>
<tr>
<th>Nationality</th>
<th>Korean</th>
</tr>
<tr>
<th>Languages</th>
<th><a href="https://en.wikipedia.org/wiki/Python_(programming_language)" target="_blank">Python</a>, <a href="https://en.wikipedia.org/wiki/C%2B%2B" target="_blank">C++</a>, <a href="https://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a></th>
</tr>
</table>
<br>
<h3>Supported Languages: English, Spanish, Korean, Mandarin</h3>
<br><br>
</div>
</div>
<div id="projects">
<br><br>
<h1>Projects</h1>
<h3>Here are some of my major works, with them either being developed or is finished.</h3><br>
</div>
<div class="project-section">
<div class="project">
<h2>Game Portal</h2>
<br>
<br>
<img src="./images/portal.png" alt="Portal Logo" width="50%" height="50%"/>
<br>
<br>
<p>A C++ GUI software that allows you to play classic board games such as Pong, Monoply, Tic Tac Toe and more, witht he computer.</p>
<button class="button-widget-diff" onclick="window.open('https://github.com/Jesseonmi/minecraft', '_blank')">Take me there!</button>
<br><br>
</div>
<div class="project">
<h2>PyC++</h2>
<img src="./images/pyc++.png" alt="PyC++ Logo" width="40%" height="40%"/>
<p>A simple tool to use Python libraries such as Tkinter, Flask, OpenAI, etc. recreated in C++. Written in pure C++.</p>
<button class="button-widget-diff" onclick="window.open('https://github.com/Jesseonmi/pycpp', '_blank')">Take me there!</button>
<br><br>
</div>
<div class="project">
<h2>USACO Folder</h2>
<img src="./images/usaco.png" alt="USACO Logo" width="30%" height="30%"/>
<p>I've been recently rushing for USACO. Check out my solutions to different problems, my progress, my daily solutions and more! Good for nosey people.</p>
<button class="button-widget-diff" onclick="window.open('https://github.com/Jesseonmi/usaco', '_blank')">Take me there!</button><br><br>
</div>
</div>
<br>
<h3>More projects on my GitHub page!</h3>
<button class="button-widget" onclick="window.open('https://github.com/Jesseonmi', '_blank');">Visit GitHub</button>
</div>
<br><br><br>
<div id="contact" class="card-container">
<div class="card">
<br>
<h1>Contact Information</h1>
<h3>Bugs or problems on using this portfolio web? Do you need me for your projects? Contact me on the group</h3>
<br>
<button class="button-widget-diff" onclick="copyDiscordUsername();">Copy Discord Username</button><br><br><button class="button-widget-diff" onclick="window.location.href='mailto:[email protected]'">Send Email (Default App)</button><br><br><br>
</div>
</div>
</center>
<script src="./script.js"></script>
<noscript>Sorry, but you will have trouble running this portfolio website if your browser blocks JavaScript. You can enable it any time in your browser's settings.</noscript>
</body>
</html>