ttipo/surinz
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

...

Browse Source
This commit is contained in:
TtiPo
2026-09-11 01:52:11 +09:00
parent d27184c13b
commit 1ca4ca0756
9 changed files with 107 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files
.design/surinz/record/Loading.dc.html
+13 -11
View File
File diff suppressed because one or more lines are too long
.design/surinz/record/Main.dc.html
+34 -26
View File
File diff suppressed because one or more lines are too long
.design/surinz/record/Maps.dc.html
+3 -3
View File
File diff suppressed because one or more lines are too long
.design/surinz/record/States.dc.html
+3 -3
View File
File diff suppressed because one or more lines are too long
.design/surinz/record/canvas.json
+11 -4
View File
File diff suppressed because one or more lines are too long
.design/surinz/surinz-record.html
+1 -1
View File
File diff suppressed because one or more lines are too long
.design/surinz/templates-record/Loading.dc.html
+10 -8
View File
@@ -43,9 +43,9 @@
.season-row { display: grid; grid-template-columns: 72px minmax(0, 1fr) 52px; align-items: center; gap: 0.625rem; height: 38px; border-bottom: 1px solid #F3F5F7; }
.form-c { width: 14px; height: 14px; border-radius: 5px; flex-shrink: 0; }
.stat-row { display: grid; grid-template-columns: minmax(0, 1fr) 96px 40px; align-items: center; gap: 0.625rem; height: 34px; }
.clan-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px 48px; align-items: center; gap: 0.625rem; height: 46px; border-bottom: 1px solid #F3F5F7; }
.who-row { display: grid; grid-template-columns: minmax(0, 1fr) 40px 48px; align-items: center; gap: 0.625rem; height: 38px; border-bottom: 1px solid #F3F5F7; }
.map-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) 64px 72px 72px 72px 80px; align-items: center; gap: 0.75rem; height: 56px; border-bottom: 1px solid #F3F5F7; }
.mode-row { display: grid; grid-template-columns: minmax(0, 1fr) 42px 64px 40px; align-items: center; gap: 0.625rem; height: 42px; border-bottom: 1px solid #F3F5F7; }
/* 스켈레톤 — 홈과 같은 한 덩어리(.s). 색 #EDEFF2 하나, 1.6초에 한 번 쓸어간다 */
.s { display: block; position: relative; overflow: hidden; background: #EDEFF2; }
@@ -66,7 +66,7 @@
</style>
</helmet>
<div class="d-root" style="width: 1440px; min-height: 2100px; background: #FFFFFF; color: #14161A;">
<div class="d-root" style="width: 1440px; min-height: 2120px; background: #FFFFFF; color: #14161A;">
<header style="display: flex; align-items: center; gap: 1.75rem; height: 72px; padding: 0 40px; border-bottom: 1px solid #EDEFF2;">
<div style="display: flex; align-items: center; gap: 0.625rem;">
@@ -191,13 +191,15 @@
</section>
<section>
<h2 class="d-h2">랭크·클랜 성적</h2>
<div style="display: grid; grid-template-columns: minmax(0, 1fr) 42px 64px 40px; align-items: center; gap: 0.625rem; height: 32px; margin-top: 0.75rem; border-bottom: 1px solid #E4E8ED;">
<span class="d-th">모드</span><span class="d-th m-r">판수</span><span></span><span class="d-th m-r">승률</span>
<div style="display: flex; align-items: center;">
<h2 class="d-h2">클랜별 전적</h2><div style="flex-grow: 1;"></div><span style="font-size: 0.8125rem; color: #9BA1A9;">전체 경기</span>
</div>
<div class="mode-row"><span class="s sb" style="width: 76%;"></span><span class="s sb-s sr" style="width: 30px;"></span><span class="s" style="height: 6px; border-radius: 999px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
<div class="mode-row"><span class="s sb" style="width: 72%;"></span><span class="s sb-s sr" style="width: 30px;"></span><span class="s" style="height: 6px; border-radius: 999px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
<div class="mode-row" style="border-bottom: none;"><span class="s sb" style="width: 58%;"></span><span class="s sb-s sr" style="width: 30px;"></span><span class="s" style="height: 6px; border-radius: 999px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
<div style="display: grid; grid-template-columns: minmax(0, 1fr) 44px 48px; align-items: center; gap: 0.625rem; height: 32px; margin-top: 0.75rem; border-bottom: 1px solid #E4E8ED;">
<span class="d-th">클랜</span><span class="d-th m-r">판수</span><span class="d-th m-r">승률</span>
</div>
<div class="clan-row"><div style="min-width: 0;"><span class="s sb" style="display: block; width: 68%;"></span><span class="s sb-s" style="display: block; width: 84%; margin-top: 0.3125rem;"></span></div><span class="s sb-s sr" style="width: 30px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
<div class="clan-row"><div style="min-width: 0;"><span class="s sb" style="display: block; width: 76%;"></span><span class="s sb-s" style="display: block; width: 92%; margin-top: 0.3125rem;"></span></div><span class="s sb-s sr" style="width: 30px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
<div class="clan-row" style="border-bottom: none;"><div style="min-width: 0;"><span class="s sb" style="display: block; width: 46%;"></span><span class="s sb-s" style="display: block; width: 20%; margin-top: 0.3125rem;"></span></div><span class="s sb-s sr" style="width: 30px;"></span><span class="s sb sr" style="width: 32px;"></span></div>
</section>
<section>
.design/surinz/templates-record/Main.dc.html
+31 -23
View File
@@ -67,12 +67,12 @@
.map-row { display: grid; grid-template-columns: 80px minmax(0, 1fr) 64px 72px 72px 72px 80px; align-items: center; gap: 0.75rem; height: 56px; border-bottom: 1px solid #F3F5F7; }
.map-thumb { width: 80px; height: 45px; border-radius: 12px; }
.sb-row { display: grid; grid-template-columns: minmax(0, 1fr) 120px 64px; align-items: center; gap: 0.625rem; height: 34px; }
.clan-row { display: grid; grid-template-columns: minmax(0, 1fr) 44px 48px; align-items: center; gap: 0.625rem; height: 46px; border-bottom: 1px solid #F3F5F7; }
.who-row { display: grid; grid-template-columns: minmax(0, 1fr) 40px 48px; align-items: center; gap: 0.625rem; height: 38px; border-bottom: 1px solid #F3F5F7; }
.mode-row { display: grid; grid-template-columns: minmax(0, 1fr) 42px 64px 40px; align-items: center; gap: 0.625rem; height: 42px; border-bottom: 1px solid #F3F5F7; }
</style>
</helmet>
<div class="d-root" style="width: 1440px; min-height: 2100px; background: #FFFFFF; color: #14161A;">
<div class="d-root" style="width: 1440px; min-height: 2120px; background: #FFFFFF; color: #14161A;">
<header style="display: flex; align-items: center; gap: 1.75rem; height: 72px; padding: 0 40px; border-bottom: 1px solid #EDEFF2;">
<div style="display: flex; align-items: center; gap: 0.625rem;">
@@ -210,30 +210,38 @@
</div>
</section>
<!-- 모드별 성적 — 이쪽은 경기 기록에서 센 값이다 -->
<!-- 클랜별 전적 — 클랜에 몸담았던 기간으로 전체 전적을 가른다 -->
<section>
<h2 class="d-h2">랭크·클랜 성적</h2>
<div style="display: grid; grid-template-columns: minmax(0, 1fr) 42px 64px 40px; align-items: center; gap: 0.625rem; height: 32px; margin-top: 0.75rem; border-bottom: 1px solid #E4E8ED;">
<span class="d-th">모드</span><span class="d-th m-r">판수</span><span></span><span class="d-th m-r">승률</span>
<div style="display: flex; align-items: baseline;">
<h2 class="d-h2">클랜별 전적</h2><div style="flex-grow: 1;"></div><span style="font-size: 0.8125rem; color: #9BA1A9;">전체 경기</span>
</div>
<div class="mode-row">
<span class="d-clip" style="font-size: 0.875rem; font-weight: 600;">솔로 랭크전</span>
<span class="m-sub m-r">5판</span>
<span class="bar"><span style="width: 60%;"></span></span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">60%</span>
</div>
<div class="mode-row">
<span class="d-clip" style="font-size: 0.875rem; font-weight: 600;">파티 랭크전</span>
<span class="m-sub m-r">3판</span>
<span class="bar"><span style="width: 33%;"></span></span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">33%</span>
</div>
<div class="mode-row" style="border-bottom: none;">
<span class="d-clip" style="font-size: 0.875rem; font-weight: 600;">클랜전</span>
<span class="m-sub m-r">4판</span>
<span class="bar"><span style="width: 50%;"></span></span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">50%</span>
<div style="display: grid; grid-template-columns: minmax(0, 1fr) 44px 48px; align-items: center; gap: 0.625rem; height: 32px; margin-top: 0.75rem; border-bottom: 1px solid #E4E8ED;">
<span class="d-th">클랜</span><span class="d-th m-r">판수</span><span class="d-th m-r">승률</span>
</div>
<div class="clan-row">
<div style="min-width: 0;">
<div class="d-clip" style="font-size: 0.875rem; font-weight: 600;">무명연대</div>
<div class="d-clip" style="margin-top: 0.125rem; font-size: 0.75rem; color: #9BA1A9;">2026.03 ~ 지금</div>
</div>
<span class="m-sub m-r">214판</span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">70%</span>
</div>
<div class="clan-row">
<div style="min-width: 0;">
<div class="d-clip" style="font-size: 0.875rem; font-weight: 600;">밤새기동대</div>
<div class="d-clip" style="margin-top: 0.125rem; font-size: 0.75rem; color: #9BA1A9;">2025.07 ~ 2026.02</div>
</div>
<span class="m-sub m-r">151판</span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">45%</span>
</div>
<div class="clan-row" style="border-bottom: none;">
<div style="min-width: 0;">
<div class="d-clip" style="font-size: 0.875rem; font-weight: 600;">무소속</div>
<div class="d-clip" style="margin-top: 0.125rem; font-size: 0.75rem; color: #9BA1A9;">—</div>
</div>
<span class="m-sub m-r">55판</span>
<span style="font-size: 0.875rem; font-weight: 700; text-align: right;">33%</span>
</div>
</section>
<section>