-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
68 lines (60 loc) · 2.78 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
<!DOCTYPE html>
<html>
<head>
<title>Jee Seung Oh | UI Design Programming 1</title>
<meta charset="utf-8" />
<link rel="stylesheet" type="text/css" href="assets/style.css">
</head>
<body>
<div id="grid">
<div id="left-column" class="scroll">
<!-- about me-->
<h1>Jee Seung Oh <span class="cursive"></span></h1>
<p class="desc">My name is Jee Seung and I'm majoring in CSE and technically also design but I am in the process of designing my own major. .</p>
<ul>
<li>My favorite food is probably sushi but v inconsistent</li>
<li>I am unable to decide on a favorite song</li>
<li>My favorite website is <a href="https://www.nytimes.com/crosswords">NYTGames !!</a> [Update] while researching nice website designs for P1, I found a few websites that I really like. For example <a href="https://www.monographcomms.ca/">Monograph</a> has really cool scroll / gradient</li>
</ul>
<br>
<body> Font being used is <a href="https://hanken.co/products/hk-grotesk"> HKGrotesk </a> </body>
</div>
<div id="right-column" class="scroll">
<h1>UI Design Assignments</h1>
<p class="desc">Archive of my work & experimentation with HTML and CSS</p>
<div class="item">
<a href="asci_town/exterior-jeeseungoh.html">Jee Seung's ASCII home exterior</a>
</div>
<div class="item">
<a href="asci_town/interior-jeeseungoh.html">Jee Seung's ASCII home interior ..</a>
</div>
<div class="item">
<a href="Emoji/index.html">
<img src="Emoji/imgs/i5.png" alt="I made a soju emoji!" style="width: 100%; height: auto;" />
<br />
soju emoji!
</a>
</div>
<div class="item">
<a href="codingfromlife/index.html">CSS Still Life</a>
</div>
<div class="item">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
</div> <!-- right-column close-->
<div id="rightest-column" class="scroll">
<h1>Other Options</h1>
<p class="desc">Will be adding features to this column.</p>
<!-- Button to toggle dark mode -->
<button id="dark-mode-toggle" class="toggle-button">Dark / Light Mode</button>
</div> <!-- rightest-column close-->
</div> <!-- grid close-->
<script>
const toggleButton = document.getElementById('dark-mode-toggle');
toggleButton.addEventListener('click', () => {
document.body.classList.toggle('dark-mode');
});
</script>
</body>
</html>