/
githubmirror
/
obsidian-clipper
Обзор
Документация
Войти
/
githubmirror
/
obsidian-clipper
Код
Задачи
Вики
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
src/highlights.html
81 строка
6 KB
Steph Ango
Highlights viewer (#778)
15 апр 2026, 06:20
Не верифицирован
15 апр 2026, 06:20
e535a5b
Код
Авторство
О чём код?
<!DOCTYPE html> <html lang="en" id="highlights-page" style="height: 100%; overflow: hidden;"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> <title>Highlights</title> <link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="reader.css"> <script src="browser-polyfill.min.js"></script> </head> <body style="height: 100%; overflow: hidden;"> <div id="highlights"> <div id="highlights-container"> <div id="highlights-sidebar" class="sidebar"> <div id="highlights-sidebar-title"> <svg xmlns="http://www.w3.org/2000/svg" class="logo" fill="none" viewBox="0 0 256 256"> <path class="purple" d="M94.82 149.44c6.53-1.94 17.13-4.9 29.26-5.71a102.97 102.97 0 0 1-7.64-48.84c1.63-16.51 7.54-30.38 13.25-42.1l3.47-7.14 4.48-9.18c2.35-5 4.08-9.38 4.9-13.56.81-4.07.81-7.64-.2-11.11-1.03-3.47-3.07-7.14-7.15-11.21a17.02 17.02 0 0 0-15.8 3.77l-52.81 47.5a17.12 17.12 0 0 0-5.5 10.2l-4.5 30.18a149.26 149.26 0 0 1 38.24 57.2ZM54.45 106l-1.02 3.06-27.94 62.2a17.33 17.33 0 0 0 3.27 18.96l43.94 45.16a88.7 88.7 0 0 0 8.97-88.5A139.47 139.47 0 0 0 54.45 106Z"/><path class="purple" d="m82.9 240.79 2.34.2c8.26.2 22.33 1.02 33.64 3.06 9.28 1.73 27.73 6.83 42.82 11.21 11.52 3.47 23.45-5.8 25.08-17.73 1.23-8.67 3.57-18.46 7.75-27.53a94.81 94.81 0 0 0-25.9-40.99 56.48 56.48 0 0 0-29.56-13.35 96.55 96.55 0 0 0-40.99 4.79 98.89 98.89 0 0 1-15.29 80.34h.1Z"/><path class="purple" d="M201.87 197.76a574.87 574.87 0 0 0 19.78-31.6 8.67 8.67 0 0 0-.61-9.48 185.58 185.58 0 0 1-21.82-35.9c-5.91-14.16-6.73-36.08-6.83-46.69 0-4.07-1.22-8.05-3.77-11.21l-34.16-43.33c0 1.94-.4 3.87-.81 5.81a76.42 76.42 0 0 1-5.71 15.9l-4.7 9.8-3.36 6.72a111.95 111.95 0 0 0-12.03 38.23 93.9 93.9 0 0 0 8.67 47.92 67.9 67.9 0 0 1 39.56 16.52 99.4 99.4 0 0 1 25.8 37.31Z"/></svg> <span data-i18n="highlights">Highlights</span> <a href="settings.html" id="highlights-settings-link" class="clickable-icon" data-i18n-title="settings"> <i data-lucide="settings"></i> </a> </div> <div class="highlights-search-container"> <input type="text" id="highlights-search" data-i18n="searchHighlightsPlaceholder" placeholder="Search highlights…" autocomplete="off" spellcheck="false" /> <div class="menu-btn"> <button type="button" id="highlights-sort-btn" class="menu-toggle clickable-icon" data-i18n-title="sort"> <i data-lucide="ellipsis"></i> </button> <div id="highlights-sort-menu" class="menu"> <div class="menu-item" data-sort="az"> <div class="menu-item-title" data-i18n="sortAZ">A to Z</div> <div class="menu-item-icon"><i data-lucide="check"></i></div> </div> <div class="menu-item" data-sort="za"> <div class="menu-item-title" data-i18n="sortZA">Z to A</div> <div class="menu-item-icon"><i data-lucide="check"></i></div> </div> <div class="menu-item" data-sort="new"> <div class="menu-item-title" data-i18n="sortNewOld">Newest first</div> <div class="menu-item-icon"><i data-lucide="check"></i></div> </div> <div class="menu-item" data-sort="old"> <div class="menu-item-title" data-i18n="sortOldNew">Oldest first</div> <div class="menu-item-icon"><i data-lucide="check"></i></div> </div> </div> </div> </div> <ul id="highlights-domain-list"></ul> </div> <div id="highlights-main"> <div id="highlights-navbar"> <div id="highlights-navbar-title"> <svg xmlns="http://www.w3.org/2000/svg" class="logo" fill="none" viewBox="0 0 256 256"> <path class="purple" d="M94.82 149.44c6.53-1.94 17.13-4.9 29.26-5.71a102.97 102.97 0 0 1-7.64-48.84c1.63-16.51 7.54-30.38 13.25-42.1l3.47-7.14 4.48-9.18c2.35-5 4.08-9.38 4.9-13.56.81-4.07.81-7.64-.2-11.11-1.03-3.47-3.07-7.14-7.15-11.21a17.02 17.02 0 0 0-15.8 3.77l-52.81 47.5a17.12 17.12 0 0 0-5.5 10.2l-4.5 30.18a149.26 149.26 0 0 1 38.24 57.2ZM54.45 106l-1.02 3.06-27.94 62.2a17.33 17.33 0 0 0 3.27 18.96l43.94 45.16a88.7 88.7 0 0 0 8.97-88.5A139.47 139.47 0 0 0 54.45 106Z"/><path class="purple" d="m82.9 240.79 2.34.2c8.26.2 22.33 1.02 33.64 3.06 9.28 1.73 27.73 6.83 42.82 11.21 11.52 3.47 23.45-5.8 25.08-17.73 1.23-8.67 3.57-18.46 7.75-27.53a94.81 94.81 0 0 0-25.9-40.99 56.48 56.48 0 0 0-29.56-13.35 96.55 96.55 0 0 0-40.99 4.79 98.89 98.89 0 0 1-15.29 80.34h.1Z"/><path class="purple" d="M201.87 197.76a574.87 574.87 0 0 0 19.78-31.6 8.67 8.67 0 0 0-.61-9.48 185.58 185.58 0 0 1-21.82-35.9c-5.91-14.16-6.73-36.08-6.83-46.69 0-4.07-1.22-8.05-3.77-11.21l-34.16-43.33c0 1.94-.4 3.87-.81 5.81a76.42 76.42 0 0 1-5.71 15.9l-4.7 9.8-3.36 6.72a111.95 111.95 0 0 0-12.03 38.23 93.9 93.9 0 0 0 8.67 47.92 67.9 67.9 0 0 1 39.56 16.52 99.4 99.4 0 0 1 25.8 37.31Z"/></svg> <span data-i18n="highlights">Highlights</span> </div> <button id="highlights-hamburger" class="hamburger-menu clickable-icon"> <span class="hamburger-icon"></span> </button> </div> <div id="highlights-main-header"> <div id="highlights-breadcrumb"></div> <div class="highlights-main-actions"> <button type="button" id="export-context-btn" data-i18n="export">Export</button> <button type="button" id="delete-context-btn" class="mod-warning" data-i18n="delete">Delete</button> </div> </div> <div id="highlights-scroll"> <div id="highlights-list"></div> <div id="highlights-empty" class="highlights-empty" style="display:none;"> <p data-i18n="noResults">No results found</p> </div> <div id="highlights-sentinel"></div> </div> </div> </div> </div> <script type="module" src="highlights.js"></script> </body> </html>