settings_page.html (2544B)
1 <div id="settings-page"> 2 <nav> 3 <ul> 4 <li> 5 <a href="/" class="secondary" 6 ><img src="https://kite.kagi.com/svg/kagi_news_compact_dark.svg" 7 /></a> 8 </li> 9 </ul> 10 <ul> 11 <li><strong>Settings</strong></li> 12 </ul> 13 <ul> 14 <li> 15 <a href="/" class="secondary">Back to News</a> 16 </li> 17 </ul> 18 </nav> 19 20 <article> 21 <div class="overflow-auto" style="text-wrap: nowrap"> 22 <nav> 23 <ul> 24 <li> 25 <a 26 id="general-tab" 27 href="/settings?tab=general" 28 data-on:click__prevent="@get('/settings/tab?tab=general')" 29 data-indicator:loadingTab 30 > 31 General 32 </a> 33 </li> 34 <li> 35 <a 36 id="categories-tab" 37 href="/settings?tab=categories" 38 data-on:click__prevent="@get('/settings/tab?tab=categories')" 39 data-indicator:loadingTab 40 > 41 Categories 42 </a> 43 </li> 44 <li> 45 <a 46 id="sections-tab" 47 href="/settings?tab=sections" 48 data-on:click__prevent="@get('/settings/tab?tab=sections')" 49 data-indicator:loadingTab 50 > 51 Sections 52 </a> 53 </li> 54 <li> 55 <a 56 id="content-filter-tab" 57 href="/settings?tab=content-filter" 58 data-on:click__prevent="@get('/settings/tab?tab=content-filter')" 59 data-indicator:loadingTab 60 > 61 Content Filter 62 </a> 63 </li> 64 <li> 65 <a 66 id="syncing-tab" 67 href="/settings?tab=syncing" 68 data-on:click__prevent="@get('/settings/tab?tab=syncing')" 69 data-indicator:loadingTab 70 > 71 Syncing 72 </a> 73 </li> 74 <li> 75 <a 76 id="experimental-tab" 77 href="/settings?tab=experimental" 78 data-on:click__prevent="@get('/settings/tab?tab=experimental')" 79 data-indicator:loadingTab 80 > 81 Experimental 82 </a> 83 </li> 84 </ul> 85 </nav> 86 </div> 87 <hr /> 88 <div data-show="$loadingTab" class="loading-indicator">Loading...</div> 89 {% include "settings_tab.html" %} 90 <footer> 91 <a href="/" role="button" class="secondary">Cancel</a> 92 <button>Save</button> 93 </footer> 94 </article> 95 </div>