Hugging Face's logo

Spaces:
Leoyeon
/
github-portfolio
Running

App Files Community
Yu commited on
Commit
2c18921
·
verified ·
1 Parent(s): 778a934

Build GitHub-based personal portfolio page

Browse files
Files changed (2) hide show
  1. README.md +11 -6
  2. index.html +230 -17
README.md CHANGED
@@ -1,10 +1,15 @@
1
  ---
2
- title: Github Portfolio
3
- emoji: 🏆
4
- colorFrom: indigo
5
- colorTo: red
6
  sdk: static
7
- pinned: false
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
 
 
 
 
 
1
  ---
2
+ title: YEonleo | Portfolio
3
+ emoji: 📚
4
+ colorFrom: blue
5
+ colorTo: indigo
6
  sdk: static
7
+ pinned: true
8
  ---
9
 
10
+ # YEonleo Portfolio
11
+
12
+ GitHub 기반 개인 포트폴리오 페이지입니다.
13
+
14
+ - Main GitHub: https://github.com/YEonleo
15
+ - Projects: LACD, FractalLLM, FiscalLeaderboard, CPA_datasets
index.html CHANGED
@@ -1,19 +1,232 @@
1
  <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
19
  </html>
 
1
  <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8" />
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
+ <title>YEonleo Portfolio</title>
7
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
8
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
+ <link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet" />
10
+ <style>
11
+ :root {
12
+ --bg-deep: #071627;
13
+ --bg-mid: #0d2943;
14
+ --card: rgba(255, 255, 255, 0.09);
15
+ --card-border: rgba(255, 255, 255, 0.2);
16
+ --text-main: #e8f3ff;
17
+ --text-sub: #b8d6f2;
18
+ --accent: #49d0ff;
19
+ --accent-2: #71ffcb;
20
+ }
21
+
22
+ * { box-sizing: border-box; }
23
+
24
+ body {
25
+ margin: 0;
26
+ color: var(--text-main);
27
+ font-family: "Space Grotesk", "Noto Sans KR", sans-serif;
28
+ background:
29
+ radial-gradient(900px 450px at 15% -10%, rgba(73, 208, 255, 0.25), transparent 65%),
30
+ radial-gradient(650px 350px at 95% 0%, rgba(113, 255, 203, 0.2), transparent 60%),
31
+ linear-gradient(145deg, var(--bg-deep), var(--bg-mid));
32
+ min-height: 100vh;
33
+ }
34
+
35
+ .wrap {
36
+ max-width: 980px;
37
+ margin: 0 auto;
38
+ padding: 36px 20px 56px;
39
+ animation: rise 700ms ease-out;
40
+ }
41
+
42
+ @keyframes rise {
43
+ from { opacity: 0; transform: translateY(14px); }
44
+ to { opacity: 1; transform: translateY(0); }
45
+ }
46
+
47
+ .badge {
48
+ display: inline-flex;
49
+ gap: 8px;
50
+ align-items: center;
51
+ padding: 8px 14px;
52
+ border: 1px solid var(--card-border);
53
+ border-radius: 999px;
54
+ background: rgba(255, 255, 255, 0.07);
55
+ font-size: 13px;
56
+ color: var(--text-sub);
57
+ }
58
+
59
+ h1 {
60
+ font-size: clamp(34px, 5.5vw, 62px);
61
+ line-height: 1.02;
62
+ margin: 16px 0 10px;
63
+ letter-spacing: -0.02em;
64
+ }
65
+
66
+ .lead {
67
+ margin: 0;
68
+ max-width: 760px;
69
+ font-size: clamp(15px, 2.2vw, 19px);
70
+ color: var(--text-sub);
71
+ line-height: 1.65;
72
+ }
73
+
74
+ .links {
75
+ margin-top: 20px;
76
+ display: flex;
77
+ flex-wrap: wrap;
78
+ gap: 10px;
79
+ }
80
+
81
+ .btn {
82
+ text-decoration: none;
83
+ color: var(--text-main);
84
+ background: linear-gradient(135deg, rgba(73, 208, 255, 0.25), rgba(113, 255, 203, 0.22));
85
+ border: 1px solid rgba(113, 255, 203, 0.45);
86
+ padding: 10px 14px;
87
+ border-radius: 10px;
88
+ font-size: 14px;
89
+ font-weight: 600;
90
+ transition: transform 160ms ease, filter 160ms ease;
91
+ }
92
+
93
+ .btn:hover {
94
+ transform: translateY(-2px);
95
+ filter: brightness(1.08);
96
+ }
97
+
98
+ .grid {
99
+ margin-top: 32px;
100
+ display: grid;
101
+ grid-template-columns: repeat(12, 1fr);
102
+ gap: 12px;
103
+ }
104
+
105
+ .card {
106
+ grid-column: span 6;
107
+ border: 1px solid var(--card-border);
108
+ background: var(--card);
109
+ backdrop-filter: blur(6px);
110
+ border-radius: 16px;
111
+ padding: 18px;
112
+ transition: border-color 180ms ease, transform 180ms ease;
113
+ }
114
+
115
+ .card:hover {
116
+ transform: translateY(-2px);
117
+ border-color: rgba(113, 255, 203, 0.55);
118
+ }
119
+
120
+ .card h3 {
121
+ margin: 0 0 8px;
122
+ font-size: 19px;
123
+ }
124
+
125
+ .meta {
126
+ margin: 0 0 12px;
127
+ color: var(--text-sub);
128
+ font-size: 14px;
129
+ line-height: 1.6;
130
+ }
131
+
132
+ .card a {
133
+ color: var(--accent-2);
134
+ text-decoration: none;
135
+ font-size: 14px;
136
+ font-weight: 600;
137
+ }
138
+
139
+ .stack {
140
+ margin-top: 26px;
141
+ border: 1px solid var(--card-border);
142
+ border-radius: 16px;
143
+ padding: 18px;
144
+ background: rgba(255, 255, 255, 0.06);
145
+ }
146
+
147
+ .chips {
148
+ display: flex;
149
+ flex-wrap: wrap;
150
+ gap: 8px;
151
+ margin-top: 10px;
152
+ }
153
+
154
+ .chip {
155
+ font-size: 13px;
156
+ color: var(--text-main);
157
+ border: 1px solid rgba(255, 255, 255, 0.24);
158
+ border-radius: 999px;
159
+ padding: 7px 11px;
160
+ background: rgba(9, 26, 44, 0.62);
161
+ }
162
+
163
+ footer {
164
+ margin-top: 28px;
165
+ color: var(--text-sub);
166
+ font-size: 13px;
167
+ }
168
+
169
+ @media (max-width: 860px) {
170
+ .card { grid-column: span 12; }
171
+ .wrap { padding-top: 28px; }
172
+ }
173
+ </style>
174
+ </head>
175
+ <body>
176
+ <main class="wrap">
177
+ <span class="badge">GitHub-based Hugging Face Portfolio</span>
178
+ <h1>Sangyeon Ryu<br />YEonleo</h1>
179
+ <p class="lead">
180
+ NLP and data-centric AI portfolio built from my GitHub projects.
181
+ This page focuses on practical dataset engineering, evaluation tooling, and reproducible workflows.
182
+ </p>
183
+
184
+ <div class="links">
185
+ <a class="btn" href="https://github.com/YEonleo" target="_blank" rel="noopener noreferrer">GitHub Profile</a>
186
+ <a class="btn" href="https://huggingface.co/Leolleolleo" target="_blank" rel="noopener noreferrer">Hugging Face</a>
187
+ </div>
188
+
189
+ <section class="grid">
190
+ <article class="card">
191
+ <h3>FiscalLeaderboard</h3>
192
+ <p class="meta">Benchmark leaderboard for Korean tax/accounting LLM evaluation with Streamlit app and structured result pipelines.</p>
193
+ <a href="https://github.com/YEonleo/FiscalLeaderboard" target="_blank" rel="noopener noreferrer">Open on GitHub</a>
194
+ </article>
195
+
196
+ <article class="card">
197
+ <h3>CPA_datasets</h3>
198
+ <p class="meta">CPA exam QA dataset curation workflow with review status tracking, correction tools, and JSONL-first dataset management.</p>
199
+ <a href="https://github.com/YEonleo/CPA_datasets" target="_blank" rel="noopener noreferrer">Open on GitHub</a>
200
+ </article>
201
+
202
+ <article class="card">
203
+ <h3>LACD</h3>
204
+ <p class="meta">Research project repository for NLP methodology and implementation focused on language data quality and modeling.</p>
205
+ <a href="https://github.com/YEonleo/LACD" target="_blank" rel="noopener noreferrer">Open on GitHub</a>
206
+ </article>
207
+
208
+ <article class="card">
209
+ <h3>FractalLLM</h3>
210
+ <p class="meta">LLM research codebase for experimental modeling, evaluation, and paper-linked reproducible components.</p>
211
+ <a href="https://github.com/YEonleo/FractalLLM" target="_blank" rel="noopener noreferrer">Open on GitHub</a>
212
+ </article>
213
+ </section>
214
+
215
+ <section class="stack">
216
+ <h3 style="margin:0; font-size: 18px;">Core Stack</h3>
217
+ <div class="chips">
218
+ <span class="chip">Python</span>
219
+ <span class="chip">PyTorch</span>
220
+ <span class="chip">NLP</span>
221
+ <span class="chip">Dataset Curation</span>
222
+ <span class="chip">Evaluation Pipelines</span>
223
+ <span class="chip">Streamlit</span>
224
+ </div>
225
+ </section>
226
+
227
+ <footer>
228
+ Built from GitHub portfolio content of <strong>YEonleo</strong>.
229
+ </footer>
230
+ </main>
231
+ </body>
232
  </html>