Skip to content

Commit f897129

Browse files
yimingpengyimingpeng
committed
Make the style consistent and update the experience also hide the publications
1 parent 8c0091d commit f897129

File tree

2 files changed

+206
-43
lines changed

2 files changed

+206
-43
lines changed

‎src/components/Experience.astro‎

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -269,4 +269,185 @@
269269

270270
<style>
271271
@import 'aos/dist/aos.css';
272+
273+
.section {
274+
padding: 3rem 0;
275+
}
276+
277+
.container {
278+
max-width: 1200px;
279+
margin: 0 auto;
280+
padding: 0 1rem;
281+
}
282+
283+
.section-title {
284+
font-family: 'JetBrains Mono', 'Fira Code', monospace;
285+
font-size: 2.5rem;
286+
color: #a6e3a1;
287+
text-align: center;
288+
margin-bottom: 3rem;
289+
font-weight: 600;
290+
}
291+
292+
.experience-timeline {
293+
position: relative;
294+
max-width: 900px;
295+
margin: 0 auto;
296+
}
297+
298+
.experience-item {
299+
margin-bottom: 2rem;
300+
position: relative;
301+
}
302+
303+
.experience-card {
304+
background: rgba(30, 30, 46, 0.8);
305+
border: 1px solid rgba(166, 227, 161, 0.2);
306+
border-radius: 12px;
307+
padding: 2rem;
308+
backdrop-filter: blur(10px);
309+
transition: all 0.3s ease;
310+
}
311+
312+
.experience-card:hover {
313+
border-color: rgba(166, 227, 161, 0.4);
314+
box-shadow: 0 8px 32px rgba(166, 227, 161, 0.1);
315+
transform: translateY(-2px);
316+
}
317+
318+
.experience-date {
319+
font-family: 'JetBrains Mono', 'Fira Code', monospace;
320+
color: #89b4fa;
321+
font-size: 0.9rem;
322+
font-weight: 500;
323+
margin-bottom: 0.5rem;
324+
}
325+
326+
.experience-title {
327+
font-size: 1.4rem;
328+
color: #cdd6f4;
329+
font-weight: 600;
330+
margin-bottom: 0.5rem;
331+
}
332+
333+
.experience-company {
334+
color: #a6e3a1;
335+
font-size: 1.1rem;
336+
font-weight: 500;
337+
margin-bottom: 1.5rem;
338+
}
339+
340+
.experience-description {
341+
color: #bac2de;
342+
line-height: 1.6;
343+
}
344+
345+
.projects-section,
346+
.deliverables-section {
347+
margin-bottom: 1.5rem;
348+
}
349+
350+
.projects-section:last-child,
351+
.deliverables-section:last-child {
352+
margin-bottom: 0;
353+
}
354+
355+
.projects-section h4,
356+
.deliverables-section h4 {
357+
color: #f9e2af;
358+
font-size: 1.1rem;
359+
font-weight: 600;
360+
margin-bottom: 0.8rem;
361+
font-family: 'JetBrains Mono', 'Fira Code', monospace;
362+
}
363+
364+
.projects-section ul,
365+
.deliverables-section ul {
366+
list-style: none;
367+
padding-left: 0;
368+
}
369+
370+
.projects-section > ul > li,
371+
.deliverables-section > ul > li {
372+
position: relative;
373+
padding-left: 1.5rem;
374+
margin-bottom: 0.8rem;
375+
line-height: 1.6;
376+
}
377+
378+
.projects-section > ul > li::before,
379+
.deliverables-section > ul > li::before {
380+
content: '▸';
381+
position: absolute;
382+
left: 0;
383+
color: #a6e3a1;
384+
font-weight: bold;
385+
}
386+
387+
.projects-section ul ul {
388+
margin-top: 0.5rem;
389+
margin-left: 1rem;
390+
}
391+
392+
.projects-section ul ul li {
393+
position: relative;
394+
padding-left: 1.5rem;
395+
margin-bottom: 0.3rem;
396+
color: #a6adc8;
397+
}
398+
399+
.projects-section ul ul li::before {
400+
content: '→';
401+
position: absolute;
402+
left: 0;
403+
color: #89b4fa;
404+
font-weight: normal;
405+
}
406+
407+
strong {
408+
color: #fab387;
409+
font-weight: 600;
410+
}
411+
412+
/* Responsive Design */
413+
@media (max-width: 768px) {
414+
.section {
415+
padding: 2rem 0;
416+
}
417+
418+
.section-title {
419+
font-size: 2rem;
420+
margin-bottom: 2rem;
421+
}
422+
423+
.experience-card {
424+
padding: 1.5rem;
425+
}
426+
427+
.experience-title {
428+
font-size: 1.2rem;
429+
}
430+
431+
.experience-company {
432+
font-size: 1rem;
433+
}
434+
}
435+
436+
@media (max-width: 480px) {
437+
.container {
438+
padding: 0 0.5rem;
439+
}
440+
441+
.section-title {
442+
font-size: 1.5rem;
443+
}
444+
445+
.experience-card {
446+
padding: 1rem;
447+
}
448+
449+
.experience-title {
450+
font-size: 1.1rem;
451+
}
452+
}
272453
</style>

‎src/pages/publications.astro‎

Lines changed: 25 additions & 43 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,18 @@ import Header from '../components/Header.astro';
1111
<main class="publications-page">
1212
<div class="container">
1313
<div class="page-header">
14-
<h1 class="page-title">Publications</h1>
14+
<h1 class="page-title">$ cat publications.txt</h1>
1515
<p class="page-subtitle">Research publications in machine learning and evolutionary computation</p>
1616
<a href="/" class="back-link">← Back to home</a>
1717
</div>
1818

1919
<div class="publications-placeholder">
2020
<div class="placeholder-content">
2121
<div class="placeholder-icon">📚</div>
22-
<h3 class="placeholder-title">Publications Coming Soon</h3>
23-
<p class="placeholder-text">I'm currently updating my publication list with the latest research. Check back soon for a comprehensive overview of my work in machine learning and evolutionary computation.</p>
22+
<h2 class="placeholder-title">Publications Coming Soon</h2>
23+
<div class="placeholder-text">
24+
<p>I'm currently updating my publication list with the latest research. Check back soon for a comprehensive overview of my work in machine learning and evolutionary computation.</p>
25+
</div>
2426
<div class="placeholder-note">
2527
<p><em>Note: Publication details are being refined and will be available shortly.</em></p>
2628
</div>
@@ -32,8 +34,9 @@ import Header from '../components/Header.astro';
3234

3335
<style>
3436
.publications-page {
35-
padding: 2rem 0 4rem;
36-
background: #0d1117;
37+
padding-top: 120px;
38+
padding-bottom: 4rem;
39+
background: linear-gradient(135deg, #181825 0%, #1e1e2e 50%, #181825 100%);
3740
color: #e6edf3;
3841
min-height: 100vh;
3942
}
@@ -44,39 +47,11 @@ import Header from '../components/Header.astro';
4447
}
4548

4649
.page-title {
47-
font-family: 'SF Pro Display', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
48-
background: linear-gradient(135deg, #89b4fa 0%, #cba6f7 50%, #f9e2af 100%);
49-
background-clip: text;
50-
-webkit-background-clip: text;
51-
-webkit-text-fill-color: transparent;
52-
color: #89b4fa !important;
53-
font-size: 3rem;
54-
font-weight: 700;
50+
font-family: 'JetBrains Mono', 'Fira Code', monospace;
51+
font-size: 2.5rem;
52+
color: #a6e3a1;
5553
margin-bottom: 1rem;
56-
text-align: center;
57-
letter-spacing: -0.02em;
58-
position: relative;
59-
}
60-
61-
/* Fallback for browsers that don't support background-clip: text */
62-
@supports not (background-clip: text) {
63-
.page-title {
64-
background: none;
65-
color: #89b4fa !important;
66-
-webkit-text-fill-color: unset;
67-
}
68-
}
69-
70-
.page-title::after {
71-
content: '';
72-
position: absolute;
73-
bottom: -10px;
74-
left: 50%;
75-
transform: translateX(-50%);
76-
width: 60px;
77-
height: 3px;
78-
background: linear-gradient(90deg, #89b4fa 0%, #cba6f7 100%);
79-
border-radius: 2px;
54+
font-weight: 500;
8055
}
8156

8257
.page-subtitle {
@@ -90,14 +65,19 @@ import Header from '../components/Header.astro';
9065

9166
.back-link {
9267
display: inline-block;
93-
color: #58a6ff;
68+
color: #89b4fa;
9469
text-decoration: none;
95-
font-weight: 500;
96-
transition: color 0.3s ease;
70+
font-family: 'JetBrains Mono', 'Fira Code', monospace;
71+
font-size: 1rem;
72+
padding: 0.5rem 1rem;
73+
border: 1px solid rgba(137, 180, 250, 0.3);
74+
border-radius: 6px;
75+
transition: all 0.3s ease;
9776
}
9877

9978
.back-link:hover {
100-
color: #79c0ff;
79+
background: rgba(137, 180, 250, 0.1);
80+
border-color: #89b4fa;
10181
}
10282

10383
.publications-list {
@@ -233,7 +213,8 @@ import Header from '../components/Header.astro';
233213
/* Responsive Design */
234214
@media (max-width: 768px) {
235215
.publications-page {
236-
padding: 1.5rem 0 3rem;
216+
padding-top: 100px;
217+
padding-bottom: 3rem;
237218
}
238219

239220
.page-title {
@@ -265,7 +246,8 @@ import Header from '../components/Header.astro';
265246

266247
@media (max-width: 480px) {
267248
.publications-page {
268-
padding: 1rem 0 2rem;
249+
padding-top: 80px;
250+
padding-bottom: 2rem;
269251
}
270252

271253
.page-title {

0 commit comments

Comments
 (0)