-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 5.2 KB
/
Copy pathindex.html
File metadata and controls
1 lines (1 loc) · 5.2 KB
1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Journal</title> <link rel="manifest" href="manifest.json"> <meta name="theme-color" content="#fafafa"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="style.css"></head><body> <nav class="nav"> <div class="nav-inner"> <div class="brand"> <svg class="brand-svg" width="28" height="28" viewBox="0 0 28 28" fill="none"> <rect width="28" height="28" rx="8" fill="url(#g)"/> <path d="M8 10h12M8 14h8M8 18h10" stroke="#fff" stroke-width="1.8" stroke-linecap="round"/> <defs><linearGradient id="g" x1="0" y1="0" x2="28" y2="28"><stop stop-color="#6366f1"/><stop offset="1" stop-color="#8b5cf6"/></linearGradient></defs> </svg> <span class="brand-name">Journal</span> </div> <div class="nav-right"> <span class="counter" id="entryCount"></span> <button class="fab" id="btnNew" title="New entry"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M10 4v12M4 10h12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg> </button> <button class="avatar-btn" id="avatarBtn" title="Account"> <span class="avatar-initial" id="avatarInitial">?</span> </button> </div> </div> </nav> <div class="user-menu" id="userMenu"> <div class="user-menu-header"> <div class="user-menu-avatar" id="menuAvatar">?</div> <div class="user-menu-info"> <div class="user-menu-name" id="menuName">Not signed in</div> <div class="user-menu-sub" id="menuSub">Sign in to save entries</div> </div> </div> <div class="user-menu-divider"></div> <button class="user-menu-item" id="menuSignIn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 14H3a1 1 0 01-1-1V3a1 1 0 011-1h3M11 11l3-3-3-3M14 8H6" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg> Sign in </button> <button class="user-menu-item danger" id="menuSignOut"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M6 14H3a1 1 0 01-1-1V3a1 1 0 011-1h3M11 11l3-3-3-3M14 8H6" stroke="currentColor" stroke-width="1.3" stroke-linecap="round" stroke-linejoin="round"/></svg> Sign out </button> </div> <div class="user-menu-backdrop" id="menuBackdrop"></div> <main class="main" id="timeline"> <div class="skeleton"> <div class="skel-card"></div> <div class="skel-card"></div> <div class="skel-card short"></div> </div> </main> <div class="sheet-backdrop" id="backdrop"></div> <div class="sheet" id="sheet"> <div class="sheet-bar"></div> <div class="sheet-body"> <input type="text" id="editorTitle" placeholder="Title" class="input-title" autocomplete="off"> <div class="input-row"> <div class="input-chip"> <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7" stroke="currentColor" stroke-width="1.4"/><circle cx="5.5" cy="7" r="1" fill="currentColor"/><circle cx="10.5" cy="7" r="1" fill="currentColor"/><path d="M5.5 10c.8 1.2 4.2 1.2 5 0" stroke="currentColor" stroke-width="1.2" stroke-linecap="round"/></svg> <input type="text" id="editorMood" placeholder="mood" class="chip-input" autocomplete="off"> </div> <div class="input-chip"> <svg width="14" height="14" viewBox="0 0 16 16" fill="none"><path d="M2 4l4-2 4 2 4-2v10l-4 2-4-2-4 2V4z" stroke="currentColor" stroke-width="1.3" stroke-linejoin="round"/></svg> <input type="text" id="editorTags" placeholder="tags" class="chip-input" autocomplete="off"> </div> </div> <textarea id="editorBody" placeholder="What's on your mind?" class="input-body"></textarea> <div class="sheet-actions"> <button class="btn btn-ghost" id="btnCancel">Cancel</button> <button class="btn btn-primary" id="btnSave">Save entry</button> </div> </div> </div> <div class="auth-modal" id="authModal"> <div class="auth-card"> <div class="auth-icon"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none"><circle cx="12" cy="8" r="4" stroke="currentColor" stroke-width="1.6"/><path d="M5 20a7 7 0 0114 0" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"/></svg> </div> <h2 id="authTitle">Sign in</h2> <p id="authSub">Enter your pod credentials to save entries</p> <form id="authForm" onsubmit="return false"> <input type="text" id="authUser" placeholder="Username" class="auth-input" autocomplete="off" autocapitalize="none"> <input type="password" id="authPass" placeholder="Password" class="auth-input"> <div class="auth-error" id="authError"></div> <button class="btn btn-primary btn-block" id="authSubmit">Sign in</button> </form> <button class="btn btn-ghost btn-block" id="authCancel">Cancel</button> </div> </div> <script src="https://unpkg.com/xlogin"></script> <script src="app.js"></script></body></html>