-
Notifications
You must be signed in to change notification settings - Fork 2
Expand file tree
/
Copy pathindex.html
More file actions
68 lines (65 loc) · 3.77 KB
/
index.html
File metadata and controls
68 lines (65 loc) · 3.77 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Aidbox UI</title>
<link href="/favicon/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180">
<link href="/favicon/favicon-32x32.png" rel="icon" sizes="32x32" type="image/png">
<link href="/favicon/favicon-16x16.png" rel="icon" sizes="16x16" type="image/png">
<link href="/site.webmanifest" rel="manifest">
<link href="/fonts/Inter/index.css" rel="stylesheet">
<link href="/fonts/JetBrainsMono/index.css" rel="stylesheet">
<link color="#5bbad5" href="/favicon/safari-pinned-tab.svg" rel="mask-icon">
<meta content="#da532c" name="msapplication-TileColor">
<meta content="#ffffff" name="theme-color">
<style>
body{margin:0;background:#fff}
.dark body{background:#1a1a1a}
.sk{display:flex;flex-direction:column;height:100vh;position:fixed;inset:0;z-index:0}
#root{position:relative;z-index:1;height:100vh}
.sk-nav{height:60px;display:flex;align-items:center;border-bottom:1px solid #ebecee;flex-shrink:0;box-sizing:border-box}
.sk-logo{width:50px;height:100%;border-right:1px solid #ebecee;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:content-box}
.sk-body{display:flex;flex:1;min-height:0}
.sk-side{border-right:1px solid #ebecee;display:flex;flex-direction:column;gap:2px;padding:12px 8px 8px;flex-shrink:0;box-sizing:border-box;background:#fff}
.sk-mi{height:36px;border-radius:6px;background:#f0f1f2}
.sk-nav-content{padding:0 16px;flex:1;display:flex;align-items:center;justify-content:space-between}
.sk-bc{height:29px;width:120px;border-radius:4px;background:#f0f1f2}
.sk-nav-btns{display:flex;align-items:center;gap:8px}
.sk-btn{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.sk-btn-icon{width:16px;height:16px;border-radius:50%;background:#f0f1f2}
.sk-avatar{width:28px;height:28px;border-radius:50%;background:#f0f1f2}
.sk-pulse{animation:sk-pulse 1.5s ease-in-out infinite}
@keyframes sk-pulse{0%,100%{opacity:1}50%{opacity:.4}}
.dark .sk-side{background:#1a1a1a}
.dark .sk-nav,.dark .sk-logo,.dark .sk-side{border-color:rgba(255,255,255,0.1)}
.dark .sk-mi,.dark .sk-bc,.dark .sk-btn-icon,.dark .sk-avatar{background:#262626}
</style>
</head>
<body>
<div id="sk" class="sk">
<div class="sk-nav">
<div class="sk-logo"><svg width="24" height="24" viewBox="0 0 24 22" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.51683 19.1826L8.09424 17.98H16.0615L17.6248 21.8152H24.0004L14.8661 0.184814H9.13423L0 21.8152H3.32753C5.11533 21.8152 6.74449 20.7914 7.51683 19.1826ZM14.7099 13.3175H9.90921L12.3096 7.0805L14.7099 13.3175Z" fill="#EA4A35"/><path d="M3.55832 21.8152H0L9.13423 0.184814H14.8661L7.9109 18.7993C7.23332 20.6127 5.49786 21.8152 3.55832 21.8152Z" fill="#C31A03"/></svg></div>
<div class="sk-nav-content">
<div class="sk-bc sk-pulse"></div>
<div class="sk-nav-btns">
<div class="sk-btn"><div class="sk-btn-icon sk-pulse"></div></div>
<div class="sk-btn"><div class="sk-btn-icon sk-pulse"></div></div>
<div class="sk-avatar sk-pulse"></div>
</div>
</div>
</div>
<div class="sk-body">
<div class="sk-side" id="sk-side">
<div class="sk-mi sk-pulse"></div>
<div class="sk-mi sk-pulse"></div>
<div class="sk-mi sk-pulse"></div>
</div>
</div>
</div>
<script>try{var m=JSON.parse(localStorage.getItem("aidbox-sidebar-mode"));document.getElementById("sk-side").style.width=m==="collapsed"?"51px":"221px"}catch(e){document.getElementById("sk-side").style.width="221px"}</script>
<script>try{if(JSON.parse(localStorage.getItem("aidbox-theme"))==="dark")document.documentElement.classList.add("dark")}catch(e){}</script>
<div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
</body>
</html>