nate/hub
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Notes: tags, Markdown, search highlight and sorting, trash and history, reminders, photos and files, reorder/sub-items/due dates, own templates, view-only sharing, offline edits, redesigned screens
build-container / build (push) Successful in 6m4s
Details

Browse Source 
Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
nmemmertandClaude Sonnet 5.5 committed 2026-10-29 11:43:15 -04:00
1 parent 781bdef06d
commit 647f82afa2
7 files changed
+315 -73
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

public/style.css
+27 -5
View File
@@ -1039,13 +1039,35 @@ body.vizopen { overflow: hidden; }
.annc .ic { width: 34px; height: 34px; border-radius: 10px; display: grid; place-items: center; color: var(--accent-t); flex: none; } .annc small { display: block; color: var(--muted); } .annc b { display: block; font-size: 17px; overflow-wrap: anywhere; }
/* Notes */
.ntwrap .ptop h1, .ntedit .ptop h1 { width: auto; } .ntedit .ptop .btn { margin-left: 0; } .ntedit .ptop { margin-top: 4px; }
.ntwrap .ntsearch { display: flex; gap: 8px; margin: 2px 0 4px; } .ntsearch input { flex: 1; min-width: 0; } .ntsearch select { width: auto; max-width: 42%; }
.ntf { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 8px 0; } .ntf::-webkit-scrollbar { display: none; } .ntf a { flex: none; min-height: 36px; }
.ntags { display: flex; gap: 6px; flex-wrap: wrap; margin: 0 0 8px; } .ntags:empty { display: none; }
.ntag { display: inline-flex; align-items: center; gap: 4px; padding: 2px 10px; border-radius: 999px; background: var(--panel2); color: var(--muted); font-size: 13px; text-decoration: none; min-height: 26px; }
.ntags .ntag { cursor: pointer; } .ntag.on { background: var(--accent); color: var(--accent-t); } .ntag button { background: none; border: 0; color: inherit; padding: 0 0 0 2px; font-size: 16px; line-height: 1; cursor: pointer; }
.nth { font-size: 13px; text-transform: uppercase; letter-spacing: .06em; color: var(--muted); margin: 14px 2px 8px; }
.ntgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; margin-top: 4px; }
.ntcard { display: flex; flex-direction: column; gap: 6px; padding: 14px; border-radius: 14px; background: color-mix(in srgb, var(--nc, var(--line)) 12%, var(--panel)); border: 1px solid var(--line); border-top: 4px solid var(--nc, var(--line)); color: inherit; text-decoration: none; min-height: 110px; }
.ntcard .nttop { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; } .ntcard .nttop svg { width: 16px; height: 16px; color: var(--accent); flex: none; } .ntcard p { margin: 0; white-space: pre-wrap; overflow: hidden; max-height: 5.5em; color: var(--muted); }
.ntcard { display: flex; flex-direction: column; gap: 8px; padding: 14px; border-radius: 16px; background: color-mix(in srgb, var(--nc, var(--line)) 10%, var(--panel)); border: 1px solid var(--line); border-top: 4px solid var(--nc, var(--line)); color: inherit; text-decoration: none; min-height: 110px; transition: transform .12s, box-shadow .12s; }
.ntcard:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(0,0,0,.18); } .ntcard b { overflow-wrap: anywhere; }
.ntcard .nttop { display: flex; justify-content: space-between; gap: 8px; align-items: flex-start; } .ntcard .nttop svg { width: 16px; height: 16px; color: var(--accent); flex: none; } .ntcard p { margin: 0; white-space: pre-wrap; overflow: hidden; max-height: 5.5em; color: var(--muted); overflow-wrap: anywhere; }
.ntcard mark, .ntmd mark { background: color-mix(in srgb, var(--accent) 35%, transparent); color: inherit; border-radius: 3px; }
.ntitems { display: flex; flex-direction: column; gap: 2px; } .ntitems span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ntitems span.done { text-decoration: line-through; color: var(--muted); } .ntmeta { margin-top: auto; color: var(--muted); }
.ntedit { border-top: 5px solid var(--nc, var(--line)); padding-top: 8px; } .nttitle { width: 100%; font-size: 24px; font-weight: 700; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 8px 2px; }
.ntbody { width: 100%; min-height: 55vh; font: inherit; line-height: 1.6; resize: vertical; }
.ntitem { display: flex; align-items: center; gap: 10px; padding: 6px 2px; border-bottom: 1px solid var(--line); } .ntitem input[type=checkbox] { width: 22px; height: 22px; flex: none; } .ntitem .nttext { flex: 1; outline: 0; padding: 4px 2px; overflow-wrap: anywhere; } .ntitem.done .nttext { text-decoration: line-through; color: var(--muted); } .ntitem small { color: var(--muted); }
.ntprog { height: 5px; border-radius: 3px; background: var(--panel2); overflow: hidden; } .ntprog i { display: block; height: 100%; background: var(--accent); border-radius: 3px; }
.ntbadges { display: flex; flex-wrap: wrap; gap: 5px; align-items: center; } .ntb, .ntdue { display: inline-flex; align-items: center; gap: 4px; font-size: 12px; color: var(--muted); } .ntb svg, .ntdue svg { width: 13px; height: 13px; }
.ntdue { padding: 1px 8px; border-radius: 999px; background: var(--panel2); } .ntdue.today { background: color-mix(in srgb, #e5b800 30%, var(--panel2)); color: var(--text); } .ntdue.over { background: color-mix(in srgb, #e5484d 30%, var(--panel2)); color: var(--text); }
.ntempty { text-align: center; color: var(--muted); padding: 40px 10px; } .ntempty svg { width: 42px; height: 42px; opacity: .5; }
.ntedit { border-top: 5px solid var(--nc, var(--line)); padding-top: 8px; } .nttitle { width: 100%; font-size: 26px; font-weight: 700; background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 8px 2px; }
.ntbanner { background: color-mix(in srgb, var(--accent) 14%, var(--panel)); border-radius: 10px; padding: 10px 12px; margin: 8px 0; display: flex; gap: 10px; align-items: center; justify-content: space-between; }
.ntmetaRow { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-bottom: 12px; } .ntmetaRow .nttaginp { width: 96px; flex: none; min-height: 28px; padding: 2px 10px; border-radius: 999px; font-size: 13px; } .ntremind { display: inline-flex; gap: 5px; align-items: center; border: 0; border-radius: 999px; padding: 3px 11px; background: var(--panel2); color: var(--accent); font-size: 13px; cursor: pointer; } .ntremind svg { width: 14px; height: 14px; }
.ntbody { width: 100%; min-height: 50vh; font: inherit; line-height: 1.6; resize: vertical; }
.nttool { display: flex; gap: 4px; align-items: center; position: sticky; top: 0; z-index: 2; background: var(--bg); padding: 6px 0; border-bottom: 1px solid var(--line); margin-bottom: 8px; } .nttool button { min-width: 40px; min-height: 40px; border-radius: 10px; border: 0; background: var(--panel2); color: var(--text); cursor: pointer; font-size: 15px; } .nttool svg { width: 16px; height: 16px; } .nttool .ntdonebtn { background: var(--accent); color: var(--accent-t); padding: 0 16px; font-weight: 600; }
.ntmd { line-height: 1.65; min-height: 30vh; overflow-wrap: anywhere; cursor: text; } .ntmd p { margin: 0 0 .8em; } .ntmd h2, .ntmd h3, .ntmd h4 { margin: 1em 0 .4em; } .ntmd blockquote { margin: 0 0 .8em; padding: 2px 12px; border-left: 3px solid var(--line); color: var(--muted); } .ntmd code { background: var(--panel2); padding: 1px 5px; border-radius: 5px; } .ntmd pre { background: var(--panel2); padding: 10px 12px; border-radius: 10px; overflow-x: auto; } .ntmd pre code { padding: 0; background: none; } .ntmd a { color: var(--accent); } .ntmd ul, .ntmd ol { padding-left: 1.4em; margin: 0 0 .8em; } .ntmd ul.ntchk { list-style: none; padding-left: 0; } .ntchk li { display: flex; gap: 10px; align-items: flex-start; padding: 3px 0; } .ntchk input { width: 20px; height: 20px; margin-top: 3px; flex: none; } .ntchk li.done span { text-decoration: line-through; color: var(--muted); }
.ntitem { display: flex; align-items: center; gap: 8px; padding: 6px 2px; border-bottom: 1px solid var(--line); background: var(--bg); } .ntitem.sub { margin-left: 28px; } .ntitem input[type=checkbox] { width: 22px; height: 22px; flex: none; } .ntitem .nttext { flex: 1; outline: 0; padding: 4px 2px; overflow-wrap: anywhere; } .ntitem.done .nttext { text-decoration: line-through; color: var(--muted); } .ntitem small { color: var(--muted); } .ntitem.dragging { box-shadow: 0 6px 20px rgba(0,0,0,.35); border-radius: 10px; background: var(--panel); position: relative; z-index: 3; }
.nthandle { color: var(--muted); cursor: grab; touch-action: none; user-select: none; padding: 8px 2px; letter-spacing: -3px; font-size: 14px; }
.ntaddrow { display: flex; gap: 8px; margin: 10px 0; position: sticky; bottom: calc(var(--navh, 0px) + 6px); } .ntaddrow input { flex: 1; } .ntfoot { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin: 6px 0 14px; }
.ntfiles { margin-top: 22px; border-top: 1px solid var(--line); padding-top: 10px; } .ntfhead { display: flex; align-items: center; justify-content: space-between; } .ntfhead h2 { margin: 0; font-size: 16px; } .ntfhead label.btn { cursor: pointer; }
.ntfgrid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; margin-top: 8px; } .ntf1 { position: relative; border-radius: 12px; overflow: hidden; background: var(--panel2); aspect-ratio: 1; } .ntf1 img { width: 100%; height: 100%; object-fit: cover; display: block; } .ntf1.doc a { display: flex; flex-direction: column; gap: 4px; align-items: center; justify-content: center; height: 100%; padding: 8px; text-align: center; color: inherit; text-decoration: none; font-size: 13px; overflow-wrap: anywhere; }
.ntfx { position: absolute; top: 4px; right: 4px; width: 28px; height: 28px; border-radius: 50%; border: 0; background: rgba(0,0,0,.6); color: #fff; font-size: 18px; line-height: 1; cursor: pointer; }
.ntsw { display: flex; gap: 10px; flex-wrap: wrap; } .ntsw1 { width: 44px; height: 44px; border-radius: 50%; border: 2px solid var(--line); cursor: pointer; color: #fff; font-weight: 700; }
/* The narrow menu rail (a tablet, or the menu collapsed) has no room for a label under every icon once there are many entries: below this height it shows the icons alone (the name is in the tooltip) */