Skip to content

Commit 5401fb7

Browse files
soohyunmesoohyunme
authored
refactor: standardize section layout and enhance responsive design (#338)
* refactor: change title * refactor: update line breaks in index.html intro * refactor(platform): standardize section layout and enhance responsive design
1 parent 3f1d861 commit 5401fb7

3 files changed

Lines changed: 52 additions & 67 deletions

File tree

‎platform/frontend/index.html‎

Lines changed: 2 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
<head>
55
<meta charset="UTF-8">
66
<meta name="viewport" content="width=device-width, initial-scale=1.0">
7-
<title>DevFactory | Team Members</title>
7+
<title>DevFactory | Pseudo-Lab</title>
88
<link rel="icon" type="image/png" href="/favicon.png">
99
<link rel="stylesheet" href="style.css">
1010
</head>
@@ -63,8 +63,7 @@
6363
<div class="intro-content">
6464
<h1 class="intro-title">Bridging AI Research <br>through Engineering</h1>
6565
<p class="intro-desc">
66-
가짜연구소의 다양한 AI 연구를 우리가 가진 개발 역량을 바탕으로 <br>
67-
세상과 연결하는 역할을 수행합니다.
66+
가짜연구소의 다양한 AI 연구를 우리가 가진 개발 역량을 바탕으로 세상과 연결하는 역할을 수행합니다.
6867
</p>
6968
<div class="intro-cta">
7069
<a href="#projects" class="btn-primary">프로젝트 보기</a>
@@ -154,7 +153,6 @@ <h2 class="section-title">Team Members</h2>
154153
<div class="team-container">
155154
<!-- Left: Profile Info -->
156155
<div class="hero-info" id="info-panel">
157-
<div class="profile-label">PROFILE</div>
158156
<div class="role-tag" id="role-tag">BUILDER</div>
159157
<h2 class="member-name" id="member-name">NAME</h2>
160158

‎platform/frontend/main.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -31,7 +31,7 @@ const teamMembers = [
3131
status: "Active",
3232
contribution: "Builder",
3333
gen: "10th, 11th",
34-
desc: "DevFactory의 빌더로서 클라우드 인프라와 프로젝트 관리를 총괄합니다. 가짜연구소의 개발 문화를 설계하고 운영합니다.",
34+
desc: "가짜연구소의 개발 문화를 설계하고 운영합니다. DevFactory의 빌더로서 클라우드 인프라와 프로젝트 관리를 총괄합니다.",
3535
image: "/members/soohyun.png",
3636
github: "https://github.com/soohyunme",
3737
linkedin: "https://www.linkedin.com/in/soohyun-dev"

‎platform/frontend/style.css‎

Lines changed: 49 additions & 62 deletions
Original file line numberDiff line numberDiff line change
@@ -68,10 +68,6 @@ body {
6868
text-decoration: none;
6969
}
7070

71-
.brand-logo.mobile-logo {
72-
display: none;
73-
/* Hidden on desktop */
74-
}
7571

7672
.brand-logo {
7773
height: 40px;
@@ -277,17 +273,6 @@ body {
277273
/* Slightly wider for longer words */
278274
}
279275

280-
.intro-badge {
281-
display: inline-block;
282-
padding: 0.5rem 1rem;
283-
border: 1px solid var(--accent-cyan);
284-
color: var(--accent-cyan);
285-
font-size: 0.85rem;
286-
text-transform: uppercase;
287-
letter-spacing: 0.2rem;
288-
margin-bottom: 2rem;
289-
background: rgba(0, 242, 255, 0.05);
290-
}
291276

292277
.intro-title {
293278
font-family: 'Space Grotesk', sans-serif;
@@ -300,6 +285,7 @@ body {
300285
-webkit-background-clip: text;
301286
background-clip: text;
302287
-webkit-text-fill-color: transparent;
288+
margin-top: 2rem;
303289
margin-bottom: 2rem;
304290
text-shadow: 0 0 40px rgba(0, 242, 255, 0.3);
305291
}
@@ -380,11 +366,6 @@ body {
380366
box-shadow: 0 0 25px rgba(88, 101, 242, 0.6);
381367
}
382368

383-
.btn-header-discord {
384-
display: none;
385-
/* Removed for now, or keep if needed later */
386-
}
387-
388369
/* Floating Discord Button */
389370
.btn-floating-discord {
390371
position: absolute;
@@ -435,7 +416,7 @@ body {
435416

436417
/* Section 2: Projects */
437418
#projects {
438-
padding: 1rem 2rem 10rem 2rem;
419+
padding: 4rem 2rem 10rem 2rem;
439420
/* Reduced top (from 3rem), increased bottom (from 8rem) */
440421
}
441422

@@ -526,7 +507,7 @@ body {
526507

527508
/* Section 3: Team Members - Centralized & Gathered */
528509
#team {
529-
padding: 6rem 2rem;
510+
padding: 2rem 3rem 7rem;
530511
/* Increased top padding from 4rem */
531512
}
532513

@@ -681,6 +662,7 @@ body {
681662
.member-desc {
682663
font-size: 0.95rem;
683664
/* Reduced from 1.1rem */
665+
margin: 0 1rem;
684666
color: var(--text-dim);
685667
line-height: 1.7;
686668
}
@@ -876,7 +858,7 @@ body {
876858
/* Scroll Indicator */
877859
.scroll-indicator {
878860
position: absolute;
879-
bottom: 2rem;
861+
bottom: 0.5rem;
880862
left: 50%;
881863
transform: translateX(-50%);
882864
display: flex;
@@ -970,7 +952,6 @@ body {
970952
border-top: 1px solid rgba(0, 242, 255, 0.1);
971953
position: relative;
972954
z-index: 100;
973-
margin-top: 2rem;
974955
}
975956

976957
.footer-container {
@@ -1141,12 +1122,42 @@ body {
11411122
color: #fff;
11421123
}
11431124

1144-
@media (max-width: 768px) {
1125+
@media (max-width: 1024px) {
11451126
.brand-header {
11461127
padding: 0.8rem 1.5rem;
11471128
/* Reduced from 4rem */
11481129
}
11491130

1131+
.brand-logo.standard-logo {
1132+
display: block;
1133+
/* Show full logo again */
1134+
height: 22px;
1135+
/* Adjusted size to fit menu button */
1136+
}
1137+
1138+
.team-label {
1139+
display: block !important;
1140+
/* Restore 'DevFactory' text */
1141+
font-size: 1.1rem;
1142+
/* Smaller for mobile header */
1143+
}
1144+
1145+
.header-nav {
1146+
display: none;
1147+
/* Hide direct links on mobile */
1148+
}
1149+
1150+
.menu-toggle {
1151+
display: flex;
1152+
/* Show menu button */
1153+
}
1154+
1155+
.nav-link {
1156+
font-size: 0.75rem;
1157+
}
1158+
}
1159+
1160+
@media (max-width: 768px) {
11501161
.full-section {
11511162
padding: 3rem 1.2rem;
11521163
/* Reduced horizontal padding for better flow */
@@ -1169,12 +1180,12 @@ body {
11691180
#team {
11701181
min-height: 100vh;
11711182
height: auto;
1172-
padding: 6rem 1.2rem 4rem 1.2rem;
1183+
padding: 4rem 1.2rem 6rem 1.2rem;
11731184
display: flex;
11741185
flex-direction: column;
11751186
justify-content: center;
11761187
/* Better tall screen centering */
1177-
gap: 2rem;
1188+
gap: 1rem;
11781189
}
11791190

11801191
.team-navigation {
@@ -1244,9 +1255,9 @@ body {
12441255
}
12451256

12461257
.member-bg-name-container {
1247-
top: 25px;
1258+
top: 15px;
12481259
/* Vertical centering for mobile font size */
1249-
left: 15px;
1260+
left: 0px;
12501261
/* Shifted slightly right as requested */
12511262
width: 100%;
12521263
display: flex;
@@ -1329,6 +1340,7 @@ body {
13291340

13301341
.intro-title {
13311342
font-size: 2.4rem;
1343+
margin-top: 0;
13321344
margin-bottom: 1.5rem;
13331345
}
13341346

@@ -1340,6 +1352,8 @@ body {
13401352
.btn-floating-discord {
13411353
position: static;
13421354
margin-bottom: 2rem;
1355+
margin-top: 2rem;
1356+
/* Push down to clear fixed header */
13431357
padding: 0.6rem 1.2rem;
13441358
font-size: 0.8rem;
13451359
}
@@ -1403,42 +1417,11 @@ body {
14031417
.logo-container {
14041418
gap: 0.8rem;
14051419
}
1406-
1407-
.brand-logo.standard-logo {
1408-
display: block;
1409-
/* Show full logo again */
1410-
height: 22px;
1411-
/* Adjusted size to fit menu button */
1412-
}
1413-
1414-
.brand-logo.mobile-logo {
1415-
display: none;
1416-
}
1417-
1418-
.team-label {
1419-
display: block !important;
1420-
/* Restore 'DevFactory' text */
1421-
font-size: 1.1rem;
1422-
/* Smaller for mobile header */
1423-
}
1424-
1425-
.header-nav {
1426-
display: none;
1427-
/* Hide direct links on mobile */
1428-
}
1429-
1430-
.menu-toggle {
1431-
display: flex;
1432-
/* Show menu button */
1433-
}
1434-
1435-
.nav-link {
1436-
font-size: 0.75rem;
1437-
}
14381420
}
14391421

14401422
/* Activities Section */
14411423
#activities {
1424+
padding-top: 2rem;
14421425
padding-bottom: 4rem;
14431426
/* Reduced since it's the last section before footer */
14441427
}
@@ -1449,7 +1432,6 @@ body {
14491432
gap: 1.5rem;
14501433
max-width: 1200px;
14511434
width: 100%;
1452-
margin-bottom: 5rem;
14531435
}
14541436

14551437
.activity-card {
@@ -1558,6 +1540,11 @@ body {
15581540
color: var(--text-dim);
15591541
}
15601542

1543+
/* History(Journey) 섹션의 하단 여백을 늘려 스크롤 인디케이터와 겹침 방지 */
1544+
#journey-teaser-section {
1545+
padding-bottom: 6rem;
1546+
}
1547+
15611548
.milestones-teaser {
15621549
display: flex;
15631550
justify-content: space-between;

0 commit comments

Comments
 (0)