yunchan/designpaca
1
0
Fork 0
Code Issues Pull requests Projects Releases 5 Packages Wiki Activity Actions

feat: 한국어 우선 쇼케이스 정리
All checks were successful
ci / build (push) Successful in 51s
Details
release / release (push) Successful in 2m34s
Details

Browse source
This commit is contained in:
Yun Chan 2026-08-26 18:14:41 +09:00
parent e4087c29f5
commit 2b7fa32b5b
109 changed files with 437 additions and 279 deletions
Download patch file Download diff file Expand all files Collapse all files

9
apps/site/public/work/gaon-lms/index.html
View file

@ -527,7 +527,7 @@
<header class="view-head">
<div>
<h2 class="v-h" id="fi-h">자료실</h2>
<p class="view-sub">배부 자료의 원장. 배부를 눌렀는지에 따라 도장이 남습니다.</p>
<p class="view-sub">배부 자료의 목록. 배부 여부와 일시를 바로 확인할 수 있습니다.</p>
</div>
</header>
@ -546,7 +546,7 @@
<table>
<caption class="sr-only">배부 자료 목록</caption>
<thead>
<tr><th scope="col">자료</th><th scope="col">과목</th><th scope="col">종류</th><th scope="col" class="num">크기</th><th scope="col" class="num">조회</th><th scope="col" class="num">날인일</th><th scope="col">배부</th></tr>
<tr><th scope="col">자료</th><th scope="col">과목</th><th scope="col">종류</th><th scope="col" class="num">크기</th><th scope="col" class="num">조회</th><th scope="col" class="num">배부일</th><th scope="col">배부</th></tr>
</thead>
<tbody id="file-body"><!-- JS --></tbody>
</table>
@ -666,7 +666,7 @@
<div class="mspread">
<div class="mcover">
<span class="mcover-mark" id="stu-mark" aria-hidden="true">가</span>
<span class="mcover-seal" id="stu-seal" aria-hidden="true">가</span>
<span class="mcover-label" aria-hidden="true">STUDENT</span>
<h2 class="mcover-name" id="stu-dlg-h">수강생</h2>
<p class="mcover-meta" id="stu-meta">주 과목 · 상태</p>
<dl class="mcover-stats">
@ -799,7 +799,7 @@
<script>
/*
앱 상태는 전부 이 안에 있다. 서버도 localStorage 도 없다 — 데모 원칙.
뷰 전환 · 검색/필터 · 출석 순환 · 배부 도장 · 리포트 계산까지
뷰 전환 · 검색/필터 · 출석 순환 · 배부 상태 · 리포트 계산까지
네이티브 기능 위에 얹은 얇은 JS.
*/
const STUDENTS = [
@ -1279,7 +1279,6 @@
if (!btn || btn.classList.contains("att-btn")) return;
const i = +btn.dataset.stu;
const s = STUDENTS[i];
document.getElementById("stu-seal").textContent = s.name[0];
document.getElementById("stu-mark").textContent = s.name[0];
document.getElementById("stu-dlg-h").innerHTML = `<span class="hl">${s.name}</span>`;
document.getElementById("stu-meta").textContent = `${s.sub} · ${s.status} · 개강 2026-03-02`;

17
apps/site/public/work/gaon-lms/styles/main.css
View file

@ -489,13 +489,14 @@ tbody tr:hover { background: var(--muted); }
color: var(--panel-mark);
pointer-events: none; user-select: none;
}
.mcover-seal {
width: 44px; height: 44px;
display: inline-flex; align-items: center; justify-content: center;
font-size: var(--step-2); font-weight: 600;
color: var(--on-accent);
background: var(--accent);
border-radius: var(--radius);
.mcover-label {
display: inline-flex; align-items: center;
width: fit-content;
color: var(--panel-muted);
border: 1px solid var(--panel-line);
padding: 3px 6px;
font-size: var(--step--2); font-weight: 600;
letter-spacing: 0.12em;
margin-bottom: var(--space-4);
}
.mcover-name {
@ -626,7 +627,7 @@ tbody tr:hover { background: var(--muted); }
@media (max-width: 680px) {
.mspread { grid-template-columns: minmax(0, 1fr); }
.mcover { padding: var(--space-4); flex-direction: row; align-items: center; gap: var(--space-3); }
.mcover-seal { width: 40px; height: 40px; margin-bottom: 0; font-size: var(--step-1); }
.mcover-label { margin-bottom: 0; }
.mcover-name { font-size: var(--step-2); }
.mcover-meta { margin-top: 2px; }
.mcover-stats, .mcover-foot { display: none; }