2620227
6c2bb888b4
- 프로필 페이지 /u/:sabun 신설 (본인=비공개 포함, 타인=공개만). 헤더 "내 프로필", 카드·모달·댓글 작성자 클릭 시 프로필로 이동. - 프로필 사진 업로드: users.avatar(bytea) 저장, GET /avatar/:sabun (업로드본 없으면 identicon SVG 폴백), POST /profile/avatar(express.raw). 브라우저 canvas 크롭(256px webp) — 서버 이미지 라이브러리/멀터 불필요. identicon 6개 렌더 지점을 avatar() 헬퍼로 통일. - 상세 모달 폭 640→760px, 소유자 액션(비공개 전환·삭제)을 우측 그룹으로 묶어 한 줄 정렬. - 표시 이름을 한국식 성+이름(family_name+given_name)으로 교정. - .project-env.example ADMIN_ROLE→ADMIN_GROUP 정리. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
68 lines
3.2 KiB
Plaintext
68 lines
3.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="ko" data-aidev-theme="light">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title><%= brand %></title>
|
|
<link rel="icon" href="/public/favicon.svg" type="image/svg+xml" />
|
|
<link rel="stylesheet" href="/public/css/tokens.css" />
|
|
<link rel="stylesheet" href="/public/css/base.css" />
|
|
<link rel="stylesheet" href="/public/css/layout.css" />
|
|
<link rel="stylesheet" href="/public/css/components.css" />
|
|
<link rel="stylesheet" href="/public/css/modal.css" />
|
|
<script>
|
|
// FOUC 방지: 저장된 테마를 페인트 전에 documentElement 에 적용
|
|
(function () {
|
|
try {
|
|
var t = localStorage.getItem("aidev-theme");
|
|
if (t === "dark" || t === "light") document.documentElement.setAttribute("data-aidev-theme", t);
|
|
} catch (e) {}
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body<% if (typeof toast !== "undefined" && toast) { %> data-toast="<%= toast %>"<% } %><% if (typeof egg !== "undefined" && egg) { %> data-egg="<%= egg %>"<% } %><% if (typeof openModal !== "undefined" && openModal) { %> data-open-modal="<%= openModal %>"<% } %>>
|
|
<header class="hdr">
|
|
<div class="hdr-inner">
|
|
<a class="brand" href="/" id="brandLink">
|
|
<span class="brand-mark"><%- icon("codeslash", { size: 22 }) %></span>
|
|
<span class="brand-name"><%= brand %></span>
|
|
<span class="brand-sub">사내 개발 포털</span>
|
|
</a>
|
|
|
|
<% if (user) { %>
|
|
<div class="hdr-search">
|
|
<span class="hdr-search-ico"><%- icon("search", { size: 15 }) %></span>
|
|
<input type="search" id="feedSearch" placeholder="프로젝트 검색…" autocomplete="off" />
|
|
</div>
|
|
|
|
<div class="hdr-right">
|
|
<button class="icon-btn" id="themeToggle" type="button" title="테마 전환" aria-label="테마 전환">
|
|
<span class="theme-ico theme-ico-moon"><%- icon("moon", { size: 16 }) %></span>
|
|
<span class="theme-ico theme-ico-sun"><%- icon("sun", { size: 16 }) %></span>
|
|
</button>
|
|
|
|
<% if (user.isAdmin) { %>
|
|
<span class="admin-pill"><%- icon("lock", { size: 11 }) %>관리자</span>
|
|
<% } %>
|
|
|
|
<div class="usermenu">
|
|
<button class="usermenu-btn" id="userMenuBtn" type="button" aria-haspopup="true" aria-expanded="false">
|
|
<span class="who"><%= user.sabun %></span>
|
|
<%- avatar(user.sabun, 26) %>
|
|
<span class="caret"><%- icon("caret", { size: 14 }) %></span>
|
|
</button>
|
|
<div class="usermenu-pop" id="userMenuPop" hidden>
|
|
<div class="usermenu-head">
|
|
<div class="usermenu-label">로그인 계정</div>
|
|
<div class="usermenu-sabun"><%= user.sabun %></div>
|
|
<div class="usermenu-role"><%= user.isAdmin ? "관리자 (admin)" : "일반 사용자" %></div>
|
|
</div>
|
|
<a class="usermenu-item" href="/u/<%= user.sabun %>"><span class="usermenu-ico"><%- icon("repo", { size: 15 }) %></span>내 프로필</a>
|
|
<a class="usermenu-item" href="/logout"><span class="usermenu-ico"><%- icon("signout", { size: 15 }) %></span>로그아웃</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<% } %>
|
|
</div>
|
|
</header>
|