shinalokandClaude Sonnet 5
bdf9d0bae7
- Replace the plain textarea with EasyMDE (vendored locally, no CDN) for markdown authoring: syntax highlighting, smart list continuation, and a custom text-based toolbar (built-in EasyMDE toolbar icons require Font Awesome from a CDN, which this app doesn't use). unorderedListStyle is set to "-" to match the app's own template convention. - Add a preview/edit toggle button that swaps the editor for the exact same server-rendered markdown (via /journal/preview) shown after saving, instead of always showing both. - Fix create/edit entry routes to verify the submitted category_id actually belongs to the current user before inserting -- every other write path in this app already checked ownership; this one didn't (found while manually testing the new editor with a typo'd category id that happened to belong to someone else's category, which surfaced as an IntegrityError 500 instead of a clean 404-equivalent). - Fix the default "일상" category template: bare "-" bullet lines don't parse as list items in the markdown renderer (they need a trailing space), and the content_template validator was silently stripping that trailing space off on every save. Backfill migration updates any category still holding the old, broken template text. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
81 lines
4.4 KiB
HTML
81 lines
4.4 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
|
|
<title>{% block title %}해빗랩{% endblock %}</title>
|
|
|
|
<link rel="manifest" href="/static/manifest.json" />
|
|
<meta name="theme-color" content="#d97757" media="(prefers-color-scheme: light)" />
|
|
<meta name="theme-color" content="#e08962" media="(prefers-color-scheme: dark)" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
|
|
<meta name="apple-mobile-web-app-title" content="해빗랩" />
|
|
<link rel="apple-touch-icon" sizes="180x180" href="/static/icons/icon-apple-180.png" />
|
|
<link rel="apple-touch-icon" href="/static/icons/icon-192.png" />
|
|
<link rel="icon" href="/static/icons/icon-192.png" />
|
|
|
|
<link rel="stylesheet" href="/static/css/style.css" />
|
|
<link rel="stylesheet" href="/static/css/vendor/easymde.min.css" />
|
|
<script src="/static/js/vendor/htmx.min.js" defer></script>
|
|
<script src="/static/js/push-register.js" defer></script>
|
|
<script src="/static/js/vendor/sortable.min.js" defer></script>
|
|
<script src="/static/js/habit-reorder.js" defer></script>
|
|
<script src="/static/js/journal-category-reorder.js" defer></script>
|
|
<script src="/static/js/vendor/easymde.min.js" defer></script>
|
|
<script src="/static/js/journal-editor.js" defer></script>
|
|
<script src="/static/js/vendor/alpine.min.js" defer></script>
|
|
<script src="/static/js/app.js" defer></script>
|
|
</head>
|
|
<body>
|
|
<div class="app-shell{% block shell_class %}{% endblock %}">
|
|
{% if logged_in %}
|
|
<div id="ios-install-banner" class="ios-install-banner">
|
|
<span>홈 화면에 추가하면 알림도 받을 수 있어요. 공유 버튼 → ‘홈 화면에 추가’를 눌러보세요.</span>
|
|
<button type="button" onclick="dismissIosInstallBanner()" aria-label="닫기">×</button>
|
|
</div>
|
|
<nav class="top-nav">
|
|
<span class="brand">해빗랩</span>
|
|
<div class="nav-links">
|
|
<a href="/today" class="{% block nav_today %}{% endblock %}">오늘</a>
|
|
<a href="/habits" class="{% block nav_habits %}{% endblock %}">습관 관리</a>
|
|
<a href="/history" class="{% block nav_history %}{% endblock %}">기록</a>
|
|
<a href="/journal" class="{% block nav_journal %}{% endblock %}">일기</a>
|
|
</div>
|
|
{% if current_user %}
|
|
<div class="nav-user">
|
|
{% if account_level %}<span class="nav-level-pill">Lv.{{ account_level.level }}</span>{% endif %}
|
|
<a href="/account">{{ current_user.name or current_user.email }}</a>
|
|
<form method="post" action="/auth/logout">
|
|
<button type="submit" class="btn-link">로그아웃</button>
|
|
</form>
|
|
</div>
|
|
{% endif %}
|
|
</nav>
|
|
<nav class="bottom-tab-bar">
|
|
<a href="/today" class="tab-item {{ self.nav_today() }}">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9" /><path d="M8 12l3 3 5-6" /></svg>
|
|
<span>오늘</span>
|
|
</a>
|
|
<a href="/habits" class="tab-item {{ self.nav_habits() }}">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><line x1="4" y1="6" x2="20" y2="6" /><line x1="4" y1="12" x2="20" y2="12" /><line x1="4" y1="18" x2="20" y2="18" /></svg>
|
|
<span>습관 관리</span>
|
|
</a>
|
|
<a href="/history" class="tab-item {{ self.nav_history() }}">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="5" width="18" height="16" rx="2" /><line x1="3" y1="10" x2="21" y2="10" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="16" y1="3" x2="16" y2="7" /></svg>
|
|
<span>기록</span>
|
|
</a>
|
|
<a href="/journal" class="tab-item {{ self.nav_journal() }}">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20" /><path d="M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z" /></svg>
|
|
<span>일기</span>
|
|
</a>
|
|
</nav>
|
|
{% endif %}
|
|
{% block content %}{% endblock %}
|
|
<footer class="app-footer">
|
|
<a href="/privacy">개인정보처리방침</a>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|