Skip to content

Commit 85ca67a

Browse files
githajaegithajae
committed
Update Goals
1 parent 9f4f6b8 commit 85ca67a

3 files changed

Lines changed: 90 additions & 88 deletions

File tree

‎_pages/main/goals.md‎

Lines changed: 90 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,95 @@ permalink: /goals/
44
layout: full-width
55
---
66

7+
<style>
8+
/* --- goals.md Final Page Styles --- */
9+
.goals-page-wrapper {
10+
min-height: 100vh;
11+
width: 100%;
12+
padding: 2rem 2rem 5rem;
13+
display: flex;
14+
align-items: center;
15+
justify-content: center;
16+
flex-direction: column; /* 자식 요소들을 세로로 쌓도록 변경 */
17+
}
18+
.page-main-title {
19+
font-size: 4em; /* 제목 폰트 크기 */
20+
font-weight: 600; /* 폰트 굵기 */
21+
margin-top: 0;
22+
margin-bottom: 3rem; /* 카드와의 간격 */
23+
text-align: center;
24+
}
25+
.goals-grid {
26+
display: grid;
27+
grid-template-columns: 1fr 1fr; /* 2-column grid */
28+
gap: 2rem;
29+
width: 100%;
30+
max-width: 1280px;
31+
}
32+
.goal-card {
33+
border-radius: 20px;
34+
padding: 3rem;
35+
min-height: 450px;
36+
}
37+
38+
/* --- Profession Card Style --- */
39+
.profession-card {
40+
background-color: #f5f5f7;
41+
}
42+
.goal-card .category {
43+
font-size: 1.1em;
44+
font-weight: 600;
45+
color: #888;
46+
margin-bottom: 2rem;
47+
}
48+
.goal-card h3 {
49+
font-size: 3em;
50+
font-weight: 700;
51+
margin: 0;
52+
line-height: 1.2;
53+
}
54+
.goal-card .desc {
55+
font-size: 1.3em;
56+
color: #555;
57+
margin-top: 1rem;
58+
max-width: 450px;
59+
}
60+
61+
/* --- Hobby Card Style --- */
62+
.hobby-goal-card {
63+
background-color: #fff;
64+
border: 1px solid #ebebeb;
65+
}
66+
.hobby-list {
67+
list-style: none;
68+
padding: 0;
69+
margin-top: 1.5rem;
70+
display: flex;
71+
flex-wrap: wrap;
72+
gap: 0.8rem;
73+
}
74+
.hobby-item {
75+
background-color: #f5f5f7;
76+
padding: 0.5rem 1rem;
77+
border-radius: 8px;
78+
font-size: 1.1em;
79+
font-weight: 600;
80+
}
81+
82+
/* --- Responsive Adjustments --- */
83+
@media (max-width: 900px) {
84+
.goals-grid {
85+
grid-template-columns: 1fr;
86+
}
87+
.goal-card {
88+
min-height: auto;
89+
}
90+
.page-main-title {
91+
font-size: 3em;
92+
}
93+
}
94+
</style>
95+
796
<div class="goals-page-wrapper">
897

998
<h2 class="page-main-title">Goals</h2>
@@ -18,7 +107,7 @@ layout: full-width
18107
</p>
19108
</div>
20109

21-
<div class="goal-card hobby-card">
110+
<div class="goal-card hobby-goal-card">
22111
<p class="category">In Hobbies</p>
23112
<h3>The Top-Level Amateur</h3>
24113
<ul class="hobby-list">

‎_sass/custom/_goals-page.scss‎

Lines changed: 0 additions & 86 deletions
Original file line numberDiff line numberDiff line change
@@ -1,86 +0,0 @@
1-
/* --- goals.md Final Page Styles --- */
2-
.goals-page-wrapper {
3-
min-height: 100vh;
4-
width: 100%;
5-
padding: 2rem 2rem 5rem;
6-
display: flex;
7-
align-items: center;
8-
justify-content: center;
9-
flex-direction: column; /* 자식 요소들을 세로로 쌓도록 변경 */
10-
}
11-
.page-main-title {
12-
font-size: 4em; /* 제목 폰트 크기 */
13-
font-weight: 600; /* 폰트 굵기 */
14-
margin-top: 0;
15-
margin-bottom: 3rem; /* 카드와의 간격 */
16-
text-align: center;
17-
}
18-
.goals-grid {
19-
display: grid;
20-
grid-template-columns: 1fr 1fr; /* 2-column grid */
21-
gap: 2rem;
22-
width: 100%;
23-
max-width: 1280px;
24-
}
25-
.goal-card {
26-
border-radius: 20px;
27-
padding: 3rem;
28-
min-height: 450px;
29-
}
30-
31-
/* --- Profession Card Style --- */
32-
.profession-card {
33-
background-color: #f5f5f7;
34-
}
35-
.goal-card .category {
36-
font-size: 1.1em;
37-
font-weight: 600;
38-
color: #888;
39-
margin-bottom: 2rem;
40-
}
41-
.goal-card h3 {
42-
font-size: 3em;
43-
font-weight: 700;
44-
margin: 0;
45-
line-height: 1.2;
46-
}
47-
.goal-card .desc {
48-
font-size: 1.3em;
49-
color: #555;
50-
margin-top: 1rem;
51-
max-width: 450px;
52-
}
53-
54-
/* --- Hobby Card Style --- */
55-
.hobby-card {
56-
background-color: #fff;
57-
border: 1px solid #ebebeb;
58-
}
59-
.hobby-list {
60-
list-style: none;
61-
padding: 0;
62-
margin-top: 1.5rem;
63-
display: flex;
64-
flex-wrap: wrap;
65-
gap: 0.8rem;
66-
}
67-
.hobby-item {
68-
background-color: #f5f5f7;
69-
padding: 0.5rem 1rem;
70-
border-radius: 8px;
71-
font-size: 1.1em;
72-
font-weight: 600;
73-
}
74-
75-
/* --- Responsive Adjustments --- */
76-
@media (max-width: 900px) {
77-
.goals-grid {
78-
grid-template-columns: 1fr;
79-
}
80-
.goal-card {
81-
min-height: auto;
82-
}
83-
.page-main-title {
84-
font-size: 3em;
85-
}
86-
}

‎assets/css/main.scss‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,6 @@
1010
@import url('https://fonts.googleapis.com/css?family=Nanum+Pen+Script');
1111
@import url('https://fonts.googleapis.com/css?family=Gamja+Flower');
1212
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
13-
@import "custom/goals-page";
1413
@import "custom/header";
1514
@import "custom/homepage";
1615
@import "custom/knowledge-base";

0 commit comments

Comments
 (0)