Mercurial
annotate mrjunejune/src/notes/index.html @ 279:b3b547563ec7
Add Google connector service and agent wiki
Implement the C/Seobeo Google Drive and Gmail connector with encrypted OAuth storage, Zenbu authentication, browser testing, AI tool discovery, chunked HTTP decoding, and Bazel coverage. Consolidate repository guidance into progressive wiki documentation and enforce arena-first allocation for new first-party C code.
Co-authored-by: Copilot <[email protected]>
Copilot-Session: 84c338fd-0939-4bb3-b7f3-1062eb213e5d
| author | MrJuneJune <me@mrjunejune.com> |
|---|---|
| date | Mon, 17 Aug 2026 22:22:36 -0700 |
| parents | 60a876c4587a |
| children |
| rev | line source |
|---|---|
| 201 | 1 <!DOCTYPE html> |
| 2 <html lang="en"> | |
| 3 <head> | |
| 4 {{/parts/base_head.html}} | |
| 5 <title>Notes</title> | |
| 6 <style> | |
| 7 .notes-page { | |
|
213
60918f88070e
Simple change regarding to accessibility.
MrJuneJune <me@mrjunejune.com>
parents:
204
diff
changeset
|
8 min-width: 70%; |
| 201 | 9 margin: 0 auto; |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
10 padding: var(--zenbu-sys-padding-lg); |
| 201 | 11 } |
| 12 .notes-header { | |
| 13 display: flex; | |
| 14 justify-content: space-between; | |
| 15 align-items: center; | |
| 16 margin-bottom: 20px; | |
| 17 flex-wrap: wrap; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
18 gap: var(--zenbu-sys-space-control); |
| 201 | 19 } |
| 20 .notes-header h1 { | |
| 21 margin: 0; | |
| 22 display: flex; | |
| 23 align-items: center; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
24 gap: var(--zenbu-sys-space-control); |
| 201 | 25 } |
| 26 .note-id-display { | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
27 font-size: var(--zenbu-sys-font-size-sm); |
| 201 | 28 color: #666; |
| 29 background: #f0f0f0; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
30 padding: |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
31 var(--zenbu-sys-control-padding-block-xs) |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
32 var(--zenbu-sys-control-padding-inline-sm); |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
33 border-radius: var(--zenbu-sys-radius-control-small); |
| 201 | 34 font-weight: normal; |
| 35 } | |
| 36 .notes-actions { | |
| 37 display: flex; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
38 gap: var(--zenbu-sys-space-related); |
| 201 | 39 align-items: center; |
| 40 } | |
| 41 .notes-actions button, .notes-actions a { | |
| 42 border: 1px solid #ccc; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
43 border-radius: var(--zenbu-sys-radius-control-small); |
| 201 | 44 background: #fff; |
| 45 cursor: pointer; | |
| 46 text-decoration: none; | |
| 47 color: #333; | |
| 48 } | |
| 49 .notes-actions button:hover, .notes-actions a:hover { | |
| 50 background: #f5f5f5; | |
| 51 } | |
| 52 .notes-actions .btn-primary { | |
| 53 background: #0078ff; | |
| 54 color: white; | |
| 55 border-color: #0078ff; | |
| 56 } | |
| 57 .notes-actions .btn-primary:hover { | |
| 58 background: #0066dd; | |
| 59 } | |
| 60 .notes-actions .btn-danger { | |
| 61 color: #d32f2f; | |
| 62 border-color: #d32f2f; | |
| 63 } | |
| 64 .new-note-dialog { | |
| 65 position: fixed; | |
| 66 top: 0; | |
| 67 left: 0; | |
| 68 right: 0; | |
| 69 bottom: 0; | |
| 70 background: rgba(0,0,0,0.5); | |
| 71 display: none; | |
| 72 align-items: center; | |
| 73 justify-content: center; | |
| 74 z-index: 100; | |
| 75 } | |
| 76 .new-note-dialog.show { | |
| 77 display: flex; | |
| 78 } | |
| 79 .new-note-form { | |
| 80 background: white; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
81 padding: var(--zenbu-sys-padding-lg); |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
82 border-radius: var(--zenbu-sys-radius-control); |
| 201 | 83 width: 400px; |
| 84 max-width: 90%; | |
| 85 } | |
| 86 .new-note-form h2 { | |
| 87 margin: 0 0 16px 0; | |
| 88 } | |
| 89 .new-note-form input { | |
| 90 width: 100%; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
91 padding: var(--zenbu-sys-padding-sm); |
| 201 | 92 border: 1px solid #ccc; |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
93 border-radius: var(--zenbu-sys-radius-control-small); |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
94 font-size: var(--zenbu-sys-font-size-md); |
| 201 | 95 box-sizing: border-box; |
| 96 margin-bottom: 16px; | |
| 97 } | |
| 98 .new-note-form .form-actions { | |
| 99 display: flex; | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
100 gap: var(--zenbu-sys-space-related); |
| 201 | 101 justify-content: flex-end; |
| 102 } | |
| 103 .new-note-form button { | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
104 border-radius: var(--zenbu-sys-radius-control-small); |
| 201 | 105 cursor: pointer; |
| 106 } | |
| 107 .new-note-form .btn-cancel { | |
| 108 background: #f5f5f5; | |
| 109 border: 1px solid #ccc; | |
| 110 } | |
| 111 .new-note-form .btn-create { | |
| 112 background: #0078ff; | |
| 113 color: white; | |
| 114 border: none; | |
| 115 } | |
| 116 .note-hint { | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
117 font-size: var(--zenbu-sys-font-size-xs); |
| 201 | 118 color: #666; |
| 119 margin-top: -12px; | |
| 120 margin-bottom: 16px; | |
| 121 } | |
| 122 </style> | |
| 123 </head> | |
| 124 <body> | |
| 125 {{/parts/header.html}} | |
| 126 | |
| 127 <main class="notes-page"> | |
| 128 <div class="notes-header"> | |
| 129 <h1> | |
| 130 Notes | |
| 131 <span class="note-id-display" id="note-id-display">index</span> | |
| 132 </h1> | |
| 133 <div class="notes-actions"> | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
134 <zen-button appearance="plain" size="sm"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
135 <button onclick="goHome()"> Home </button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
136 </zen-button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
137 <zen-button appearance="plain" size="sm"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
138 <button onclick="logout()" class="btn-danger">Logout</button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
139 </zen-button> |
| 201 | 140 </div> |
| 141 </div> | |
| 142 | |
| 143 <div id="editor-container"></div> | |
| 144 </main> | |
| 145 | |
| 146 <!-- New Note Dialog --> | |
| 147 <div class="new-note-dialog" id="new-note-dialog"> | |
| 148 <div class="new-note-form"> | |
| 149 <h2>Create New Note</h2> | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
150 <zen-input appearance="plain" size="md"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
151 <input type="text" id="new-note-id" placeholder="note-id (e.g., my-ideas)"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
152 </zen-input> |
| 201 | 153 <p class="note-hint">Use lowercase letters, numbers, and hyphens only</p> |
| 154 <div class="form-actions"> | |
|
258
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
155 <zen-button appearance="plain" size="sm"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
156 <button class="btn-cancel" onclick="hideNewNoteDialog()">Cancel</button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
157 </zen-button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
158 <zen-button appearance="plain" size="sm"> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
159 <button class="btn-create" onclick="createNewNote()">Create & Open</button> |
|
60a876c4587a
[ui] Add semantic primitive ownership
MrJuneJune <me@mrjunejune.com>
parents:
213
diff
changeset
|
160 </zen-button> |
| 201 | 161 </div> |
| 162 </div> | |
| 163 </div> | |
| 164 | |
| 165 {{/parts/footer.html}} | |
| 166 | |
| 167 <script src="/public/js/rich_editor.js"></script> | |
|
202
b9b184b3303c
[Notes] Images get processed and it is properly fetched. Thank you.
MrJuneJune <me@mrjunejune.com>
parents:
201
diff
changeset
|
168 <script src="/public/editor.js"></script> |
| 201 | 169 </body> |
| 170 </html> |