feat: 한국어 우선 쇼케이스 정리
This commit is contained in:
parent
e4087c29f5
commit
2b7fa32b5b
109 changed files with 437 additions and 279 deletions
|
|
@ -3,12 +3,12 @@
|
|||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
||||
<title>새벽청과 (曉靑果) — 오늘 새벽 두 시의 값</title>
|
||||
<title>새벽청과 — 오늘 새벽 두 시의 값</title>
|
||||
<meta
|
||||
name="description"
|
||||
content="새벽 경매에서 낙찰받아 그날 아침에 보냅니다. 품목마다 산지·등급·당도·규격과 오늘 낙찰가를 그대로 적는 청과 직거래."
|
||||
/>
|
||||
<meta property="og:title" content="새벽청과 (曉靑果)" />
|
||||
<meta property="og:title" content="새벽청과" />
|
||||
<meta property="og:description" content="값이 매일 바뀐다는 사실을 첫 화면에 적습니다." />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta name="theme-color" content="#16181a" />
|
||||
|
|
@ -38,7 +38,7 @@
|
|||
<header class="site-head">
|
||||
<div class="wrap head-inner">
|
||||
<a class="wordmark" href="#top">
|
||||
새벽청과 <span class="wordmark-han" aria-hidden="true">曉靑果</span>
|
||||
새벽청과
|
||||
</a>
|
||||
<nav class="nav" aria-label="주요 섹션">
|
||||
<a href="#route">오는 길</a>
|
||||
|
|
@ -65,10 +65,10 @@
|
|||
aria-hidden="true"
|
||||
/>
|
||||
<div class="wrap hero-inner">
|
||||
<p class="hero-stamp mono">
|
||||
<p class="hero-meta mono">
|
||||
<span>오늘 경매</span>
|
||||
<time datetime="2026-08-24T02:00+09:00">08월 24일 02:00</time>
|
||||
<span class="stamp-sep" aria-hidden="true">·</span>
|
||||
<span class="meta-sep" aria-hidden="true">·</span>
|
||||
<span>하절기 기준</span>
|
||||
</p>
|
||||
|
||||
|
|
@ -362,7 +362,7 @@
|
|||
</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>선과 <span class="term-en mono">選果</span></dt>
|
||||
<dt>선과</dt>
|
||||
<dd>
|
||||
기계로 골라내는 일입니다. 드럼식은 지름으로, 중량식은 무게로 나눕니다.
|
||||
같은 상자 안의 알이 고른 이유가 여기 있습니다.
|
||||
|
|
@ -714,7 +714,7 @@
|
|||
|
||||
<footer class="band band-dark site-foot">
|
||||
<div class="wrap foot-inner">
|
||||
<p class="foot-name">새벽청과 <span aria-hidden="true">曉靑果</span></p>
|
||||
<p class="foot-name">새벽청과</p>
|
||||
<p class="foot-line">새벽 경매에서 받아 그날 아침에 보냅니다</p>
|
||||
<p class="foot-fine">
|
||||
이 페이지는 designpaca 쇼케이스입니다. 실제 영업하는 상호가 아니며,
|
||||
|
|
@ -739,10 +739,10 @@
|
|||
.map((part) => [part.type, part.value]),
|
||||
);
|
||||
const currentMonth = Number(dateParts.month);
|
||||
const stamp = document.querySelector(".hero-stamp time");
|
||||
if (stamp) {
|
||||
stamp.dateTime = `${dateParts.year}-${dateParts.month}-${dateParts.day}T02:00+09:00`;
|
||||
stamp.textContent = `${dateParts.month}월 ${dateParts.day}일 02:00`;
|
||||
const heroMetaTime = document.querySelector(".hero-meta time");
|
||||
if (heroMetaTime) {
|
||||
heroMetaTime.dateTime = `${dateParts.year}-${dateParts.month}-${dateParts.day}T02:00+09:00`;
|
||||
heroMetaTime.textContent = `${dateParts.month}월 ${dateParts.day}일 02:00`;
|
||||
}
|
||||
|
||||
/* 판의 한 행을 고르면 같은 값으로 로트 판독기가 바뀐다. */
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 521 KiB After Width: | Height: | Size: 455 KiB |
|
|
@ -239,7 +239,7 @@ h3 {
|
|||
z-index: 1;
|
||||
}
|
||||
|
||||
.hero-stamp {
|
||||
.hero-meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
align-items: baseline;
|
||||
|
|
@ -250,11 +250,11 @@ h3 {
|
|||
border-bottom: 1px solid var(--band-line-strong);
|
||||
}
|
||||
|
||||
.hero-stamp time {
|
||||
.hero-meta time {
|
||||
color: var(--band-accent);
|
||||
}
|
||||
|
||||
.stamp-sep {
|
||||
.meta-sep {
|
||||
color: var(--band-ink-faint);
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
/* ==========================================================================
|
||||
새벽청과 (曉靑果) — 청과 도매 직거래 · 디자인 토큰 SSOT
|
||||
새벽청과 — 청과 도매 직거래 · 디자인 토큰 SSOT
|
||||
|
||||
컨셉 : 오늘 새벽 두 시의 값 — 값이 매일 바뀐다는 사실을 숨기지 않고
|
||||
첫 화면의 주인공으로 삼는다
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue