feat: add Docker deployment, design polish, and content update
- Add Dockerfile, nginx.conf, docker-compose.yml for containerized deployment - Improve typography with Pretendard font, larger hero, accent colors - Add Experience section (HI-ARC, ICPC, contests) - Add TOL project, enhance project descriptions - Update Skills with Backend category, more technologies - Add Solved.ac link, education period - Change nav logo to "tolelom", widen content area to 960px - Project card links now use domain labels as buttons Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
73
index.html
73
index.html
@@ -10,14 +10,16 @@
|
||||
<meta property="og:url" content="https://tolelom.xyz">
|
||||
<meta property="og:type" content="website">
|
||||
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>👨💻</text></svg>">
|
||||
<link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<nav class="nav">
|
||||
<div class="nav-inner">
|
||||
<a href="#" class="nav-logo">김성민</a>
|
||||
<a href="#" class="nav-logo">tolelom</a>
|
||||
<a href="#about" class="nav-link">About</a>
|
||||
<a href="#skills" class="nav-link">Skills</a>
|
||||
<a href="#experience" class="nav-link">Experience</a>
|
||||
<a href="#projects" class="nav-link">Projects</a>
|
||||
<a href="#contact" class="nav-link">Contact</a>
|
||||
<a href="/sitemap/" class="nav-link nav-external">Sitemap</a>
|
||||
@@ -42,7 +44,8 @@
|
||||
|
||||
<section id="about" class="section">
|
||||
<h2 class="section-title">About</h2>
|
||||
<p>홍익대학교 컴퓨터공학과에서 공부하며, 게임 개발과 웹 풀스택 개발을 하고 있습니다.</p>
|
||||
<p>새로운 기술을 배우는 것을 좋아하며, 특히 언어 개발과 게임 제작에 관심이 많습니다. 효율적인 코드 작성법, 읽기 쉬운 코드에 대해 고민하는 것을 좋아합니다.</p>
|
||||
<p style="margin-top: 12px;">홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임했으며, ICPC 신촌 초급 강사와 멘토로 활동했습니다. 현재는 게임 서버 개발과 웹 풀스택 개발을 중심으로 다양한 프로젝트를 진행하고 있습니다.</p>
|
||||
</section>
|
||||
|
||||
<section id="skills" class="section">
|
||||
@@ -50,11 +53,12 @@
|
||||
<div class="skills-group">
|
||||
<div class="skills-group-title">Languages</div>
|
||||
<div class="skills-tags">
|
||||
<span class="tag">C++</span>
|
||||
<span class="tag">C/C++</span>
|
||||
<span class="tag">Go</span>
|
||||
<span class="tag">C#</span>
|
||||
<span class="tag">JavaScript</span>
|
||||
<span class="tag">Python</span>
|
||||
<span class="tag">JavaScript</span>
|
||||
<span class="tag">Java</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills-group">
|
||||
@@ -64,10 +68,20 @@
|
||||
<span class="tag">HTML/CSS</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills-group">
|
||||
<div class="skills-group-title">Backend</div>
|
||||
<div class="skills-tags">
|
||||
<span class="tag">Go (Fiber)</span>
|
||||
<span class="tag">Django</span>
|
||||
<span class="tag">Express.js</span>
|
||||
<span class="tag">Spring</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills-group">
|
||||
<div class="skills-group-title">Game Engine</div>
|
||||
<div class="skills-tags">
|
||||
<span class="tag">Unity</span>
|
||||
<span class="tag">Unreal Engine</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="skills-group">
|
||||
@@ -76,6 +90,48 @@
|
||||
<span class="tag">Docker</span>
|
||||
<span class="tag">Caddy</span>
|
||||
<span class="tag">Linux</span>
|
||||
<span class="tag">MongoDB</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="experience" class="section">
|
||||
<h2 class="section-title">Experience</h2>
|
||||
<div class="experience-list">
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">HI-ARC 학회장</span>
|
||||
<span class="experience-period">2019</span>
|
||||
</div>
|
||||
<p class="experience-desc">홍익대학교 알고리즘 학회 HI-ARC 학회장</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">HI-ARC 운영진</span>
|
||||
<span class="experience-period">2022.01 ~ 2024.02</span>
|
||||
</div>
|
||||
<p class="experience-desc">학회 운영 및 스터디 관리</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">ICPC 신촌 초급 강사 / 멘토</span>
|
||||
<span class="experience-period">2020, 2022</span>
|
||||
</div>
|
||||
<p class="experience-desc">ICPC 신촌 Winter 초급 강사(2020) 및 멘토(2022) 활동</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">제 1회 하이콘 출제 및 총괄</span>
|
||||
<span class="experience-period">2019</span>
|
||||
</div>
|
||||
<p class="experience-desc">프로그래밍 대회 문제 출제 및 대회 운영 총괄</p>
|
||||
</div>
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">SUAPC 2024 Winter</span>
|
||||
<span class="experience-period">2024</span>
|
||||
</div>
|
||||
<p class="experience-desc">12등 (팀명: 하이아크 최고죠)</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
@@ -87,7 +143,12 @@
|
||||
|
||||
<section class="section">
|
||||
<h2 class="section-title">Education</h2>
|
||||
<p>홍익대학교 컴퓨터공학과</p>
|
||||
<div class="experience-item">
|
||||
<div class="experience-header">
|
||||
<span class="experience-title">홍익대학교 컴퓨터공학과</span>
|
||||
<span class="experience-period">2018.03 ~ 2024.02</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer id="contact" class="footer">
|
||||
@@ -95,6 +156,8 @@
|
||||
<a href="mailto:98kimsungmin@naver.com">98kimsungmin@naver.com</a>
|
||||
·
|
||||
<a href="https://github.com/tolelom" target="_blank" rel="noopener">GitHub</a>
|
||||
·
|
||||
<a href="https://solved.ac/profile/tolelom" target="_blank" rel="noopener">Solved.ac</a>
|
||||
</p>
|
||||
</footer>
|
||||
</main>
|
||||
|
||||
Reference in New Issue
Block a user