tolelom/tolelom.xyz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
9525f1ee53fe46e959af2b085cfdc7613b8d33e0
tolelom.xyz/index.html
tolelom 9525f1ee53 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>
2026-03-22 22:29:06 +09:00

169 lines
7.0 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>김성민 — 풀스택 & 게임 개발자</title>
<meta name="description" content="김성민의 포트폴리오. 풀스택 개발자이자 게임 개발자.">
<meta property="og:title" content="김성민 — 풀스택 & 게임 개발자">
<meta property="og:description" content="김성민의 포트폴리오. 풀스택 개발자이자 게임 개발자.">
<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">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>
</div>
</nav>
<main class="container">
<section class="hero">
<h1 class="hero-name">김성민</h1>
<p class="hero-role">풀스택 & 게임 개발자</p>
<div class="hero-tags">
<span class="tag">C++</span>
<span class="tag">Go</span>
<span class="tag">React</span>
<span class="tag">Unity</span>
</div>
<div class="hero-links">
<a href="https://github.com/tolelom" class="btn btn-primary" target="_blank" rel="noopener">GitHub</a>
<a href="mailto:98kimsungmin@naver.com" class="btn">Email</a>
</div>
</section>
<section id="about" class="section">
<h2 class="section-title">About</h2>
<p>새로운 기술을 배우는 것을 좋아하며, 특히 언어 개발과 게임 제작에 관심이 많습니다. 효율적인 코드 작성법, 읽기 쉬운 코드에 대해 고민하는 것을 좋아합니다.</p>
<p style="margin-top: 12px;">홍익대학교 알고리즘 학회 HI-ARC 학회장을 역임했으며, ICPC 신촌 초급 강사와 멘토로 활동했습니다. 현재는 게임 서버 개발과 웹 풀스택 개발을 중심으로 다양한 프로젝트를 진행하고 있습니다.</p>
</section>
<section id="skills" class="section">
<h2 class="section-title">Skills</h2>
<div class="skills-group">
<div class="skills-group-title">Languages</div>
<div class="skills-tags">
<span class="tag">C/C++</span>
<span class="tag">Go</span>
<span class="tag">C#</span>
<span class="tag">Python</span>
<span class="tag">JavaScript</span>
<span class="tag">Java</span>
</div>
</div>
<div class="skills-group">
<div class="skills-group-title">Frontend</div>
<div class="skills-tags">
<span class="tag">React</span>
<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">
<div class="skills-group-title">Infrastructure</div>
<div class="skills-tags">
<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>
<section id="projects" class="section">
<h2 class="section-title">Projects</h2>
<div id="project-list" class="project-list"></div>
</section>
<section class="section">
<h2 class="section-title">Education</h2>
<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">
<p>
<a href="mailto:98kimsungmin@naver.com">98kimsungmin@naver.com</a>
&nbsp;·&nbsp;
<a href="https://github.com/tolelom" target="_blank" rel="noopener">GitHub</a>
&nbsp;·&nbsp;
<a href="https://solved.ac/profile/tolelom" target="_blank" rel="noopener">Solved.ac</a>
</p>
</footer>
</main>
<script src="data/projects.js"></script>
<script src="js/main.js"></script>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink