-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
144 lines (141 loc) · 7.95 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>About Me</title>
<link rel="icon" href="./assets/favicon.ico">
<link rel="stylesheet" href="./styles.css">
<script defer src="./script.js"></script>
</head>
<body>
<header>
<h1>About Karu</h1>
</header>
<article>
<table class="gridcell" aria-label="About Karu">
<tr>
<th colspan="2" class="tbltitle">나선우<br>
Na Sunwoo / Karu</th>
</tr>
<tr>
<td colspan="2"><img src="./assets/karu.png" alt="카루_푸앙이_사진"></td>
</tr>
<tr>
<td class="tbltitle">학과</td>
<td>산업보안학과</td>
</tr>
<tr>
<td class="tbltitle">학년</td>
<td>1학년</td>
</tr>
<tr>
<td class="tbltitle">생년월일</td>
<td>2004-05-27</td>
</tr>
<tr>
<td class="tbltitle">MBTI</td>
<td>INTP-T</td>
</tr>
<tr>
<td class="tbltitle">혈액형</td>
<td>O+형</td>
</tr>
<tr>
<td class="tbltitle">취미</td>
<td>피아노 연주, 사진촬영</td>
</tr>
</table>
<div class="gridcell">
<h2>SNS (Click!)</h2>
<span class="sns" id="instagram">Instagram</span><br>
<span class="sns" id="naverblog">Naver Blog</span><br>
<span class="sns" id="tistory">Tistory</span><br>
<span class="sns" id="brunch">Brunch</span><br>
<span class="sns" id="youtube">YouTube</span><br>
<span class="sns" id="github">GitHub</span><br>
</div>
<div class="gridcell">
<h2>연혁</h2>
<ul>
<li><a target="_blank" href="https://ggg.hs.kr:535">고양국제고등학교</a> 10기 졸업</li>
<li><a target="_blank" href="https://security.cau.ac.kr">중앙대학교 산업보안학과</a> 23학번</li>
<li><a target="_blank" href="https://www.instagram.com/gdsc_cau">GDSC CAU</a> 23-24 Core Member</li>
<li><a target="_blank" href="https://www.instagram.com/cau_isang">중앙대학교 정보보안학술동아리 ISANG</a></li>
<li><a target="_blank" href="https://www.instagram.com/cau_comp">중앙대학교 웹/앱 개발 동아리 COMP</a></li>
</ul>
</div>
<div class="gridcell">
<h2>관심 & 진로분야</h2>
<b>최근 관심 분야</b><br>
<ol>
<li>통신: TLS 1.3 환경에서 <a target="_blank" href="https://en.wikipedia.org/wiki/Post-quantum_cryptography">PQC</a> 알고리즘 이식</li>
<li>개발: AWS를 활용한 Web-App 배포</li>
</ol>
<b>졸업 후 진로 계획</b><br>
대학원 진학 (시스템/네트워크 분야)<br>
</div>
<div class="gridcell">
<h2>My Devices</h2>
🖥️ Desktop: R5 5600X + RTX 3070<br>
💻 ASUS ZenBook Flip 14 (2023) <br>
💻 ThinkPad L13 Yoga (2020)<br>
📱 Nothing Phone (1) (2022)<br>
📱 Onyx Poke 2 (E-Book Reader)<br>
📱 Samsung Galaxy Tab S7 FE (2021)<br>
⌚ Xiaomi Mi Band 5 (2020)
</div>
<div class="gridcell">
<h2>Languages in Use</h2>
<img src="https://img.shields.io/badge/c%23-%23239120.svg?style=for-the-badge&logo=c-sharp&logoColor=white" alt="C#">
<img src="https://img.shields.io/badge/c++-%2300599C.svg?style=for-the-badge&logo=c%2B%2B&logoColor=white" alt="C++">
<img src="https://img.shields.io/badge/python-3670A0?style=for-the-badge&logo=python&logoColor=ffdd54" alt="Python">
<img src="https://img.shields.io/badge/c-%2300599C.svg?style=for-the-badge&logo=c&logoColor=white" alt="C"><br>
<img src="https://img.shields.io/badge/go-%2300ADD8.svg?style=for-the-badge&logo=go&logoColor=white" alt="Go">
<img src="https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white" alt="TypeScript">
<img src="https://img.shields.io/badge/javascript-%23323330.svg?style=for-the-badge&logo=javascript&logoColor=%23F7DF1E" alt="JavaScript">
<img src="https://img.shields.io/badge/php-%23777BB4.svg?style=for-the-badge&logo=php&logoColor=white" alt="PHP"><br>
<img src="https://img.shields.io/badge/css3-%231572B6.svg?style=for-the-badge&logo=css3&logoColor=white" alt="CSS3">
<img src="https://img.shields.io/badge/html5-%23E34F26.svg?style=for-the-badge&logo=html5&logoColor=white" alt="HTML5"><br>
<img src="https://img.shields.io/badge/.NET-512BD4?style=for-the-badge&logo=dotnet&logoColor=white" alt=".NET">
<img src="https://img.shields.io/badge/Xamarin-3498DB?style=for-the-badge&logo=xamarin&logoColor=white" alt="Xamarin"><br>
</div>
<div class="gridcell">
<h2>Programs in Use</h2>
<img src="https://img.shields.io/badge/Visual_Studio-5C2D91?style=for-the-badge&logo=visual%20studio&logoColor=white" alt="VS">
<img src="https://img.shields.io/badge/Visual_Studio_Code-0078D4?style=for-the-badge&logo=visual%20studio%20code&logoColor=white" alt="VSCode"><br>
<img src="https://img.shields.io/badge/Adobe%20after%20affects-CF96FD?style=for-the-badge&logo=Adobe%20after%20effects&logoColor=393665" alt="Ae">
<img src="https://img.shields.io/badge/Adobe%20Illustrator-FF9A00?style=for-the-badge&logo=adobe%20illustrator&logoColor=white" alt="Ai">
<img src="https://img.shields.io/badge/Adobe%20Photoshop-31A8FF?style=for-the-badge&logo=Adobe%20Photoshop&logoColor=black" alt="Ps">
<img src="https://img.shields.io/badge/Adobe%20Premiere%20Pro-9999FF?style=for-the-badge&logo=Adobe%20Premiere%20Pro&logoColor=white" alt="Pr"><br>
<img src="https://img.shields.io/badge/VMware-231f20?style=for-the-badge&logo=VMware&logoColor=white" alt="VMWare">
<img src="https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white" alt="Android">
<img src="https://img.shields.io/badge/Kali-268BEE?style=for-the-badge&logo=kalilinux&logoColor=white" alt="Kali">
<img src="https://img.shields.io/badge/Arch_Linux-1793D1?style=for-the-badge&logo=arch-linux&logoColor=white" alt="Arch Linux">
<img src="https://img.shields.io/badge/Tails%20-56347C?&style=for-the-badge&logo=tails&logoColor=white" alt="Tails">
<img src="https://img.shields.io/badge/Windows%2011-%230079d5.svg?style=for-the-badge&logo=Windows%2011&logoColor=white" alt="Windows 11">
<img src="https://img.shields.io/badge/mac%20os-000000?style=for-the-badge&logo=apple&logoColor=white" alt="macOS">
</div>
<div class="gridcell">
<h2>Statistics in GitHub</h2>
<img src="https://github-readme-stats.vercel.app/api/top-langs/?username=karu-rress" alt="Lang">
</div>
<div class="gridcell">
<h2>Contact Me</h2>
<span id="contact">📧 [email protected]</span><br><br>
<form>
<input type="radio" id="cau" name="email" value="cau" checked>
<label for="cau">E-Mail (CAU)</label><br>
<input type="radio" id="rr" name="email" value="rr">
<label for="rr">E-Mail (RR)</label><br>
<input type="radio" id="gmail" name="email" value="gmail" />
<label for="gmail">E-Mail (Gmail)</label>
</form>
</div>
</article>
<hr>
<footer>
<p>Created by Karu (20234748 나선우)<br>
Copyright 2023. Rolling Ress, All rights reserved.</p>
</footer>
</body>
</html>