30 lines
1.9 KiB
HTML
30 lines
1.9 KiB
HTML
<section id="home" data-transition="fade" style="background:#FBFCFE;color:#10243F;font-family:'Noto Sans KR', sans-serif;padding:128px;display:flex;gap:96px;align-items:center">
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:36px">
|
|
<div style="display:flex;flex-direction:column;gap:16px">
|
|
<p style="font-family:'JetBrains Mono', monospace;font-size:26px;color:#1565C0;font-weight:600">홈 · 팀 활동</p>
|
|
<h2 style="font-size:56px;font-weight:700;line-height:1.2">첫 화면:<br>당일 팀 활동 요약</h2>
|
|
</div>
|
|
<div style="display:flex;gap:24px">
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:8px;background:#E6F0FB;padding:28px;border-radius:16px">
|
|
<p style="font-size:44px;font-weight:900;color:#1565C0">Push</p>
|
|
<p style="font-size:24px;color:#3E5068">당일 커밋</p>
|
|
</div>
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:8px;background:#E6F0FB;padding:28px;border-radius:16px">
|
|
<p style="font-size:44px;font-weight:900;color:#1565C0">PR</p>
|
|
<p style="font-size:24px;color:#3E5068">열린 요청</p>
|
|
</div>
|
|
<div style="flex:1;display:flex;flex-direction:column;gap:8px;background:#E6F0FB;padding:28px;border-radius:16px">
|
|
<p style="font-size:44px;font-weight:900;color:#1565C0">이슈</p>
|
|
<p style="font-size:24px;color:#3E5068">신규 이슈</p>
|
|
</div>
|
|
</div>
|
|
<ul style="font-size:28px;line-height:1.6;color:#3E5068;display:flex;flex-direction:column;gap:8px">
|
|
<li>조회 범위: 내 피드 · 즐겨찾기 · 조직별 (선택 범위 저장)</li>
|
|
<li>활동 저장소별 최근 브랜치 · 활동량 그래프</li>
|
|
<li>타임라인: 작성자 · 브랜치 · Push 내용</li>
|
|
</ul>
|
|
</div>
|
|
<img src="/_blob/e19d53017df2baea0d1cb8eceff2d401" alt="홈 화면" style="width:390px;height:824px;object-fit:contain;border-radius:24px;border:2px solid #C9DCF2">
|
|
<aside>상단 숫자: 당일 Push, 열린 PR, 신규 이슈. 즐겨찾기 선택 시 별표 저장소 활동만 표시. 하단 타임라인: Push · PR · 이슈 시간순.</aside>
|
|
</section>
|