Skip to content

GitLab

"src/lib/vscode:/vscode.git/clone" did not exist on "c7a9b5ccfab963803916e63df68058a3938d511b"
Switch branch/tag
Find file Normal viewHistoryPermalink
app.html 4.56 KB
Newer Older
Timothy J. Baek's avatar
chat feature added  
Timothy J. Baek committed
1
2
3
4
5 
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
Timothy J. Baek's avatar
fix: manifest.json issue  
Timothy J. Baek committed
6 
		<link rel="manifest" href="%sveltekit.assets%/manifest.json" crossorigin="use-credentials" />
Timothy J. Baek's avatar
Update app.html  
Timothy J. Baek committed
7 
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
tracer123's avatar
Update app.html  
tracer123 committed
8 
		<meta name="robots" content="noindex,nofollow" />
Timothy J. Baek's avatar
feat: browser search engine support  
Timothy J. Baek committed
9
10
11
12
13
14 
		<link
			rel="search"
			type="application/opensearchdescription+xml"
			title="Open WebUI"
			href="/opensearch.xml"
		/>
Timothy J. Baek's avatar
feat: python code execution  
Timothy J. Baek committed
15
Timothy J. Baek's avatar
feat: light mode support  
Timothy J. Baek committed
16
17 
		<script>
			// On page load or when changing themes, best to add inline in `head` to avoid FOUC
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
18 
			(() => {
Timothy J. Baek's avatar
fix: theme issue  
Timothy J. Baek committed
19 
				if (localStorage?.theme && localStorage?.theme.includes('oled')) {
Danny Liu's avatar
Update theme options and persist OLED dark theme if selected  
Danny Liu committed
20 
					document.documentElement.style.setProperty('--color-gray-900', '#000000');
Danny Liu's avatar
dynamically adjust --color-gray-950 value for OLED black sidebar  
Danny Liu committed
21 
					document.documentElement.style.setProperty('--color-gray-950', '#000000');
Danny Liu's avatar
Update theme options and persist OLED dark theme if selected  
Danny Liu committed
22 
					document.documentElement.classList.add('dark');
Timothy J. Baek's avatar
fix: theme issue  
Timothy J. Baek committed
23 
				} else if (
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
24
25
26
27
28
29
30
31
32
33
34 
					localStorage.theme === 'light' ||
					(!('theme' in localStorage) && window.matchMedia('(prefers-color-scheme: light)').matches)
				) {
					document.documentElement.classList.add('light');
				} else if (localStorage.theme && localStorage.theme !== 'system') {
					localStorage.theme.split(' ').forEach((e) => {
						document.documentElement.classList.add(e);
					});
				} else if (localStorage.theme && localStorage.theme === 'system') {
					systemTheme = window.matchMedia('(prefers-color-scheme: dark)').matches;
					document.documentElement.classList.add(systemTheme ? 'dark' : 'light');
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
35
36
37 
				} else if (localStorage.theme && localStorage.theme === 'her') {
					document.documentElement.classList.add('dark');
					document.documentElement.classList.add('her');
Danny Liu's avatar
run prettier  
Danny Liu committed
38 
				} else {
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
39
40 
					document.documentElement.classList.add('dark');
				}
Danny Liu's avatar
add event listener in app.html to handle system theme changes  
Danny Liu committed
41
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
42
43
44
45
46
47
48
49
50 
				window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => {
					if (localStorage.theme === 'system') {
						if (e.matches) {
							document.documentElement.classList.add('dark');
							document.documentElement.classList.remove('light');
						} else {
							document.documentElement.classList.add('light');
							document.documentElement.classList.remove('dark');
						}
Danny Liu's avatar
add event listener in app.html to handle system theme changes  
Danny Liu committed
51 
					}
Danny Liu's avatar
run prettier  
Danny Liu committed
52 
				});
Danny Liu's avatar
use IIFE in app.html to prevent FOUC  
Danny Liu committed
53 
			})();
Timothy J. Baek's avatar
feat: light mode support  
Timothy J. Baek committed
54
55 
		</script>
Timothy J. Baek's avatar
Update app.html  
Timothy J. Baek committed
56
57 
		<title>Open WebUI</title>
Timothy J. Baek's avatar
chat feature added  
Timothy J. Baek committed
58
59
60
61 
		%sveltekit.head%
	</head>
	<body data-sveltekit-preload-data="hover">
		<div style="display: contents">%sveltekit.body%</div>
Timothy J. Baek's avatar
feat: splash screen support  
Timothy J. Baek committed
62
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
63
64 
		<div
			id="splash-screen"
Timothy J. Baek's avatar
feat: dark splash screen  
Timothy J. Baek committed
65 
			style="position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%"
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
66
67
68
69
70
71
72
73 
		>
			<style type="text/css" nonce="">
				html {
					overflow-y: scroll !important;
				}
			</style>

			<img
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
74 
				id="logo"
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
75
76
77
78 
				style="
					position: absolute;
					width: 6rem;
					height: 6rem;
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
79 
					top: 41%;
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
80 
					left: 50%;
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
81 
					margin-left: -3rem;
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
82
83
84
85 
				"
				src="/logo.svg"
			/>
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
86
87
88 
			<div
				style="
					position: absolute;
Timothy J. Baek's avatar
refac  
Timothy J. Baek committed
89 
					top: 33%;
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
90
91
92
93
94 
					left: 50%;

					width: 24rem;
					margin-left: -12rem;
Timothy J. Baek's avatar
refac  
Timothy J. Baek committed
95
96
97 
					display: flex;
					flex-direction: column;
					align-items: center;
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
98 
				"
Timothy J. Baek's avatar
refac  
Timothy J. Baek committed
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132 
			>
				<img
					id="logo-her"
					style="width: 13rem; height: 13rem"
					src="/logo.svg"
					class="animate-pulse-fast"
				/>

				<div style="position: relative; width: 24rem; margin-top: 0.5rem">
					<div
						id="progress-background"
						style="
							position: absolute;
							width: 100%;
							height: 0.75rem;

							border-radius: 9999px;
							background-color: #fafafa9a;
						"
					></div>

					<div
						id="progress-bar"
						style="
							position: absolute;
							width: 100%;
							height: 0.75rem;
							border-radius: 9999px;
							background-color: #fff;
						"
						class="bg-white"
					></div>
				</div>
			</div>
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
133
Timothy J. Baek's avatar
refac: splash screen  
Timothy J. Baek committed
134
135
136 
			<!-- <span style="position: absolute; bottom: 32px; left: 50%; margin: -36px 0 0 -36px">
				Footer content
			</span> -->
Timothy J. Baek's avatar
feat: splash screen support  
Timothy J. Baek committed
137 
		</div>
Timothy J. Baek's avatar
chat feature added  
Timothy J. Baek committed
138
139 
	</body>
</html>
Timothy J. Baek's avatar
feat: dark splash screen  
Timothy J. Baek committed
140
141 

<style type="text/css" nonce="">
Timothy J. Baek's avatar
fix: styling  
Timothy J. Baek committed
142
143
144
145 
	html {
		overflow-y: hidden !important;
	}
Timothy J. Baek's avatar
feat: dark splash screen  
Timothy J. Baek committed
146
147
148
149
150
151
152
153
154
155 
	#splash-screen {
		background: #fff;
	}
	html.dark #splash-screen {
		background: #000;
	}

	html.dark #splash-screen img {
		filter: invert(1);
	}
Timothy J. Baek's avatar
enh: her  
Timothy J. Baek committed
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188 

	html.her #splash-screen {
		background: #983724;
	}

	#logo-her {
		display: none;
	}

	#progress-background {
		display: none;
	}

	#progress-bar {
		display: none;
	}

	html.her #logo {
		display: none;
	}

	html.her #logo-her {
		display: block;
		filter: invert(1);
	}

	html.her #progress-background {
		display: block;
	}

	html.her #progress-bar {
		display: block;
	}
Timothy J. Baek's avatar
refac: her  
Timothy J. Baek committed
189
Timothy J. Baek's avatar
refac  
Timothy J. Baek committed
190
191
192
193
194
195
196
197
198
199 
	@media (max-width: 24rem) {
		html.her #progress-background {
			display: none;
		}

		html.her #progress-bar {
			display: none;
		}
	}
Timothy J. Baek's avatar
refac: her  
Timothy J. Baek committed
200
201
202
203
204
205
206
207 
	@keyframes pulse {
		50% {
			opacity: 0.65;
		}
	}
	.animate-pulse-fast {
		animation: pulse 1.5s cubic-bezier(0.4, 0, 0.6, 1) infinite;
	}
Timothy J. Baek's avatar
feat: dark splash screen  
Timothy J. Baek committed
208 
</style>