kennethnym/eva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: kennethnym:9624eab79859a3715c96e397cd9a40716cd008f0
Branches Tags
kennethnym:main
...
compare: kennethnym:main
Branches Tags
kennethnym:main

15 Commits
9624eab798 ... main

Author SHA1 Message Date
kenneth
bdd1cae5ae fix(dashboard): fix temperature gauge positioning when low temp is 0
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m6s
Details
2025-11-19 10:34:47 +00:00
Ona
3af86d80c7 fix(backend): add token expiration handling for beszel auth
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m18s
Details 
- Track token expiry time to prevent using expired tokens
- Set token lifetime to 50 minutes (safe margin before 1hr expiry)
- Add comprehensive logging for auth events and errors
- Improve error responses with status text
- Fixes system tiles stopping after ~1 hour of operation

Co-authored-by: Ona <no-reply@ona.com>
 2025-11-17 22:48:48 +00:00
kenneth
8093f563f9 fix(dashboard): make kuromi wider
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m5s
Details
2025-11-01 01:29:06 +00:00
kenneth
0db96869e1 feat(dashboard): add kuromi animation
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 2m0s
Details
2025-11-01 01:12:57 +00:00
kenneth
96d59c763d fix(dashboard): light control text color 
Co-authored-by: Ona <no-reply@ona.com>
 2025-11-01 01:12:40 +00:00
kenneth
b70d768eee fix(dashboard): northern line label color 2025-10-31 23:28:18 +00:00
kenneth
7fcbf1398a feat(dashboard): add ram tracking to graph
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m2s
Details 
Co-authored-by: Ona <no-reply@ona.com>
 2025-10-31 02:22:11 +00:00
kenneth
17d6ee234d feat(dashboard): update system tile styling 2025-10-31 02:18:35 +00:00
kenneth
ac4eaa83e0 feat(dashboard): update tfl tile styling 2025-10-31 02:15:11 +00:00
kenneth
475e88bffb feat(dashboard): make brightness slider shorter
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m3s
Details
2025-10-31 02:07:38 +00:00
kenneth
9edda5808f feat(dashboard): auto light/dark mode
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m13s
Details 
impelemnt auto light/dark mode based on lat/lon

Co-authored-by: Ona <no-reply@ona.com>
 2025-10-31 01:58:57 +00:00
kenneth
30cd1c2815 feat(dashboard): reflect system up/down status
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m0s
Details 
Co-authored-by: Ona <no-reply@ona.com>
 2025-10-31 01:45:32 +00:00
kenneth
ee95be1bb3 feat(backend): expose system up/down status 2025-10-31 01:36:19 +00:00
kenneth
9c46cdf9cf feat(dashboard): adjust scene label style
All checks were successful
Build and Publish Docker Image / build-and-push (push) Successful in 1m1s
Details
2025-10-31 01:34:11 +00:00
kenneth
4e47111a4d fix(dashboard): dont set brightness when sliding 
Co-authored-by: Ona <no-reply@ona.com>
 2025-10-31 01:33:57 +00:00
10 changed files with 824 additions and 31 deletions
Expand all files Collapse all files

14
apps/backend/src/beszel.ts
View File

@@ -8,6 +8,7 @@ beszel.use("*", beszelAuth())
interface BeszelSystemInfo { interface BeszelSystemInfo {
name: string name: string
status: "up" | "down"
info: { info: {
cpu: number cpu: number
ram: number ram: number
@@ -17,6 +18,7 @@ interface BeszelSystemInfo {
interface BeszelApiSystem { interface BeszelApiSystem {
name: string name: string
status: "up" | "down"
info: { info: {
cpu: number cpu: number
mp: number // memory percentage mp: number // memory percentage
@@ -30,6 +32,7 @@ beszel.get("/systems", async (c) => {
const token = c.get("beszelToken") const token = c.get("beszelToken")
if (!beszelHost) { if (!beszelHost) {
console.error("[Beszel API] BESZEL_HOST environment variable not set")
return c.json({ error: "BESZEL_HOST environment variable not set" }, 500) return c.json({ error: "BESZEL_HOST environment variable not set" }, 500)
} }
@@ -40,10 +43,17 @@ beszel.get("/systems", async (c) => {
}) })
if (!response.ok) { if (!response.ok) {
const errorText = await response.text()
console.error(
`[Beszel API] Failed to fetch systems: ${response.status} ${response.statusText}`,
errorText ? `- ${errorText}` : "",
)
return new Response( return new Response(
JSON.stringify({ JSON.stringify({
error: "Failed to fetch Beszel data", error: "Failed to fetch Beszel data",
status: response.status, status: response.status,
statusText: response.statusText,
}), }),
{ {
status: response.status, status: response.status,
@@ -56,6 +66,7 @@ beszel.get("/systems", async (c) => {
const systems: BeszelSystemInfo[] = data.items.map((system) => ({ const systems: BeszelSystemInfo[] = data.items.map((system) => ({
name: system.name, name: system.name,
status: system.status,
info: { info: {
cpu: system.info.cpu, cpu: system.info.cpu,
ram: system.info.mp, ram: system.info.mp,
@@ -63,12 +74,15 @@ beszel.get("/systems", async (c) => {
}, },
})) }))
console.log(`[Beszel API] Successfully fetched ${systems.length} systems`)
return c.json({ return c.json({
lastUpdated: new Date().toISOString(), lastUpdated: new Date().toISOString(),
systems, systems,
totalSystems: systems.length, totalSystems: systems.length,
}) })
} catch (error) { } catch (error) {
console.error("[Beszel API] Internal server error:", error)
return c.json({ error: "Internal server error", message: String(error) }, 500) return c.json({ error: "Internal server error", message: String(error) }, 500)
} }
}) })

22
apps/backend/src/beszel/middleware.ts
View File

@@ -6,12 +6,26 @@ interface BeszelAuthResponse {
export function beszelAuth(): MiddlewareHandler { export function beszelAuth(): MiddlewareHandler {
let cachedToken: string | null = null let cachedToken: string | null = null
let tokenExpiry: number | null = null
// Token lifetime: 50 minutes (tokens typically expire after 1 hour, refresh before that)
const TOKEN_LIFETIME_MS = 50 * 60 * 1000
const authenticate = async (): Promise<string> => { const authenticate = async (): Promise<string> => {
if (cachedToken) { const now = Date.now()
// Return cached token if it exists and hasn't expired
if (cachedToken && tokenExpiry && now < tokenExpiry) {
return cachedToken return cachedToken
} }
// Log re-authentication for debugging
if (cachedToken && tokenExpiry && now >= tokenExpiry) {
console.log("[Beszel Auth] Token expired, re-authenticating...")
} else {
console.log("[Beszel Auth] Initial authentication...")
}
const beszelHost = process.env.BESZEL_HOST const beszelHost = process.env.BESZEL_HOST
const beszelEmail = process.env.BESZEL_EMAIL const beszelEmail = process.env.BESZEL_EMAIL
const beszelPassword = process.env.BESZEL_PASSWORD const beszelPassword = process.env.BESZEL_PASSWORD
@@ -34,11 +48,16 @@ export function beszelAuth(): MiddlewareHandler {
}) })
if (!response.ok) { if (!response.ok) {
const errorText = await response.text()
console.error(`[Beszel Auth] Authentication failed: ${response.status} - ${errorText}`)
throw new Error(`Beszel authentication failed: ${response.status}`) throw new Error(`Beszel authentication failed: ${response.status}`)
} }
const data = (await response.json()) as BeszelAuthResponse const data = (await response.json()) as BeszelAuthResponse
cachedToken = data.token cachedToken = data.token
tokenExpiry = now + TOKEN_LIFETIME_MS
console.log(`[Beszel Auth] Authentication successful, token valid until ${new Date(tokenExpiry).toISOString()}`)
return cachedToken return cachedToken
} }
@@ -49,6 +68,7 @@ export function beszelAuth(): MiddlewareHandler {
c.set("beszelToken", token) c.set("beszelToken", token)
await next() await next()
} catch (error) { } catch (error) {
console.error("[Beszel Auth] Middleware error:", error)
return c.json({ error: "Authentication failed", message: String(error) }, 500) return c.json({ error: "Authentication failed", message: String(error) }, 500)
} }
} }

117
apps/dashboard/src/App.tsx
View File

@@ -7,6 +7,7 @@ import { useEffect, useLayoutEffect, useRef, useState } from "react"
import { beszelSystemsQuery } from "./beszel" import { beszelSystemsQuery } from "./beszel"
import cn from "./components/lib/cn" import cn from "./components/lib/cn"
import { Tile } from "./components/tile" import { Tile } from "./components/tile"
import { Kuromi } from "./kuromi"
import { import {
LightControlTile, LightControlTile,
type LightSceneConfig, type LightSceneConfig,
@@ -16,6 +17,7 @@ import {
stepToBrightness, stepToBrightness,
} from "./light-control" } from "./light-control"
import { StatusSeverity, TubeLine, formatLineName, tflDisruptionsQuery } from "./tfl" import { StatusSeverity, TubeLine, formatLineName, tflDisruptionsQuery } from "./tfl"
import { useAutoTheme } from "./use-auto-theme"
import { import {
DEFAULT_LATITUDE, DEFAULT_LATITUDE,
DEFAULT_LONGITUDE, DEFAULT_LONGITUDE,
@@ -25,6 +27,21 @@ import {
weatherDescriptionQuery, weatherDescriptionQuery,
} from "./weather" } from "./weather"
const kuromi = `
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⣀⣀⣀⢠⠋⠉⠉⠒⠲⢤⣀⣠⡀
⠀⠀⠀⠀⠀⠀⣀⣀⣀⢀⡠⠖⠋⠉⠀⠀⠀⠀⠉⠉⠢⣄⠀⠀⠀⢀⠼⠤⠇
⠀⠀⠀⣀⠔⠊⠁⠀⢨⠏⠀⠀⠀⣠⣶⣶⣦⠀⠀⠀⠀⠀⠱⣄⡴⠃⠀⠀⠀⠀
⢸⣉⠿⣁⠀⠀⠀⢀⡇⠀⠀⠀⠀⢿⣽⣿⣼⡠⠤⢄⣀⠀⠀⢱⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠑⢦⡀⢸⠀⠀⠀⡠⠒⠒⠚⠛⠉⠀⢠⣀⡌⠳⡀⡌⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠉⠉⣆⠀⢰⠁⣀⣀⠀⠀⣀⠀⠈⡽⣧⢀⡷⠁⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⡤⢄⠀⠈⠢⣸⣄⢽⣞⡂⠀⠈⠁⣀⡜⠁⣩⡷⠿⠆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢯⣁⡸⠀⠀⠀⡬⣽⣿⡀⠙⣆⡸⠛⠠⢧⠀⡿⠯⠆⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⣀⡀⠀⠀⡤⠤⣵⠁⢸⣻⡤⠏⠀⠀⠀⠀⢹⠀⠀⠀⡊⠱⣀⠀⠀⠀
⠀⠀⢀⠜⠀⢘⠀⠀⠱⠲⢜⣢⣤⣧⠀⠀⠀⠀⠀⢴⠇⠀⠀⠀⠧⠠⠜⠀⠀⠀
⠀⠀⠘⠤⠤⠚⠀⠀⠀⠀⠀⠀⢸⠁⠁⠀⣀⠎⠀⠻⡀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠣⣀⣀⡴⠤⠄⠴⠁⠀⠀⠀⠀⠀⠀⠀⠀⠀
`
function App() { function App() {
const wsProtocol = window.location.protocol === "https:" ? "wss:" : "ws:" const wsProtocol = window.location.protocol === "https:" ? "wss:" : "ws:"
const wsHost = import.meta.env.VITE_API_HOST || window.location.host const wsHost = import.meta.env.VITE_API_HOST || window.location.host
@@ -32,6 +49,8 @@ function App() {
const store = useStore() const store = useStore()
useAutoTheme(DEFAULT_LATITUDE, DEFAULT_LONGITUDE)
useEffect(() => { useEffect(() => {
const ws = websocket.current const ws = websocket.current
@@ -139,7 +158,9 @@ function App() {
}} }}
/> />
<Tile className="row-start-5 col-span-2 row-span-1" /> <Tile className="row-start-5 col-start-3 col-span-2 row-span-1 flex items-center justify-center overflow-hidden">
<Kuromi />
</Tile>
</div> </div>
</div> </div>
) )
@@ -230,7 +251,11 @@ function WeatherTile() {
const temperature = Math.round(currentWeather.temperature) const temperature = Math.round(currentWeather.temperature)
const lowTemp = Math.round(dailyForecastData?.forecastDaily?.days[0].temperatureMin ?? 0) const lowTemp = Math.round(dailyForecastData?.forecastDaily?.days[0].temperatureMin ?? 0)
const highTemp = Math.round(dailyForecastData?.forecastDaily?.days[0].temperatureMax ?? 0) const highTemp = Math.round(dailyForecastData?.forecastDaily?.days[0].temperatureMax ?? 0)
const percentage = lowTemp && highTemp ? (temperature - lowTemp) / (highTemp - lowTemp) : 0 // Calculate percentage: handle case where lowTemp might be 0 (falsy) by checking for valid numbers
const tempRange = highTemp - lowTemp
const percentage = tempRange !== 0 && !Number.isNaN(tempRange)
? Math.max(0, Math.min(1, (temperature - lowTemp) / tempRange))
: 0
const highlightIndexStart = Math.floor((1 - percentage) * 23) const highlightIndexStart = Math.floor((1 - percentage) * 23)
const WeatherIcon = getWeatherIcon(currentWeather.conditionCode) const WeatherIcon = getWeatherIcon(currentWeather.conditionCode)
@@ -372,7 +397,7 @@ function TFLTile({ className }: { className?: string }) {
return ( return (
<Tile <Tile
className={cn( className={cn(
"gap-x-1 pt-1 h-full col-span-2 row-span-1 grid grid-cols-[min-content_1fr] auto-rows-min overflow-y-auto", "pt-1 h-full col-span-2 row-span-1 grid grid-cols-[min-content_1fr] auto-rows-min overflow-y-auto",
className, className,
)} )}
> >
@@ -422,7 +447,7 @@ function TFLDistruptionItem({ lineId, reason, severity }: { lineId: TubeLine; re
lineStyleClass = "bg-purple-800" lineStyleClass = "bg-purple-800"
break break
case "northern": case "northern":
lineStyleClass = "bg-black" lineStyleClass = "bg-black text-neutral-200 dark:bg-neutral-200 dark:text-black"
break break
case "piccadilly": case "piccadilly":
lineStyleClass = "bg-blue-900" lineStyleClass = "bg-blue-900"
@@ -495,7 +520,7 @@ function TFLDistruptionItem({ lineId, reason, severity }: { lineId: TubeLine; re
<div className="h-full flex items-center justify-center px-2 py-0.5"> <div className="h-full flex items-center justify-center px-2 py-0.5">
<p <p
className={cn( className={cn(
"text-neutral-200 text-xl uppercase font-bold w-full text-center px-1 rounded-lg", "text-neutral-200 text-sm uppercase w-full text-center px-1 rounded-lg",
lineStyleClass, lineStyleClass,
)} )}
> >
@@ -531,10 +556,16 @@ function SystemTile({
const onCanvasRef = (elem: HTMLCanvasElement | null) => { const onCanvasRef = (elem: HTMLCanvasElement | null) => {
if (!elem || chartRef.current) return if (!elem || chartRef.current) return
const fillGradient = elem?.getContext("2d")?.createLinearGradient(0, 0, 0, elem.height) const cpuFillGradient = elem?.getContext("2d")?.createLinearGradient(0, 0, 0, elem.height)
fillGradient?.addColorStop(0, "#2dd4bf") cpuFillGradient?.addColorStop(0, "#2dd4bf")
fillGradient?.addColorStop(0.5, "rgba(45, 212, 191, 0)") cpuFillGradient?.addColorStop(0.5, "rgba(45, 212, 191, 0)")
fillGradient?.addColorStop(1, "rgba(45, 212, 191, 0)") cpuFillGradient?.addColorStop(1, "rgba(45, 212, 191, 0)")
const ramFillGradient = elem?.getContext("2d")?.createLinearGradient(0, 0, 0, elem.height)
ramFillGradient?.addColorStop(0, "#a78bfa")
ramFillGradient?.addColorStop(0.5, "rgba(167, 139, 250, 0)")
ramFillGradient?.addColorStop(1, "rgba(167, 139, 250, 0)")
chartRef.current = new Chart(elem, { chartRef.current = new Chart(elem, {
type: "line", type: "line",
data: { data: {
@@ -543,10 +574,17 @@ function SystemTile({
{ {
data: Array.from({ length: 20 }, (_, __) => null), data: Array.from({ length: 20 }, (_, __) => null),
fill: true, fill: true,
backgroundColor: fillGradient, backgroundColor: cpuFillGradient,
borderColor: "#2dd4bf", borderColor: "#2dd4bf",
tension: 0.1, tension: 0.1,
}, },
{
data: Array.from({ length: 20 }, (_, __) => null),
fill: true,
backgroundColor: ramFillGradient,
borderColor: "#a78bfa",
tension: 0.1,
},
], ],
}, },
options: { options: {
@@ -573,19 +611,30 @@ function SystemTile({
useLayoutEffect(() => { useLayoutEffect(() => {
const cpu = beszelSystemsData?.info.cpu const cpu = beszelSystemsData?.info.cpu
if (!chartRef.current || cpu === undefined) return const ram = beszelSystemsData?.info.ram
if (!chartRef.current || cpu === undefined || ram === undefined) return
const dataset = chartRef.current.data.datasets[0] const cpuDataset = chartRef.current.data.datasets[0]
const ramDataset = chartRef.current.data.datasets[1]
const nextData = Array.from({ length: 20 }, (_, i) => { const nextCpuData = Array.from({ length: 20 }, (_, i) => {
if (i === 19) { if (i === 19) {
return null return null
} }
return dataset.data[i + 1] return cpuDataset.data[i + 1]
}) })
nextData[19] = cpu nextCpuData[19] = cpu
dataset.data = nextData const nextRamData = Array.from({ length: 20 }, (_, i) => {
if (i === 19) {
return null
}
return ramDataset.data[i + 1]
})
nextRamData[19] = ram
cpuDataset.data = nextCpuData
ramDataset.data = nextRamData
chartRef.current.update() chartRef.current.update()
}) })
@@ -597,12 +646,36 @@ function SystemTile({
) )
} }
let systemStatusContent: React.ReactNode
switch (beszelSystemsData.status) {
case "up":
systemStatusContent = (
<div className="w-full flex-1 min-w-0 basis-0 relative mb-2">
<canvas ref={onCanvasRef} className="min-h-0 absolute top-0 left-0 w-full h-full" />
</div>
)
break
case "down":
systemStatusContent = (
<div className="w-full flex-1 flex items-center justify-center">
<p className="font-mono text-red-500 uppercase font-bold">System offline</p>
</div>
)
break
}
return ( return (
<Tile className={cn("h-full flex flex-col justify-start items-start", className)}> <Tile className={cn("h-full flex flex-col justify-start items-start", className)}>
<div className="grid grid-cols-6 px-4 pt-3 w-full"> <div className="grid grid-cols-6 px-3 pt-2 w-full">
<div className="col-span-3 flex flex-row items-center space-x-2"> <div className="col-span-3 self-start flex flex-row items-center space-x-2">
<p className="text-2xl">{displayName}</p> <p className="leading-none tracking-tight text-2xl">{displayName}</p>
<div className="size-2 border border-green-300 bg-green-500 rounded-full animate-pulse" /> <div
className={cn("size-2 border rounded-full", {
"animate-pulse border-green-300 bg-green-500": beszelSystemsData.status === "up",
"border-red-300 bg-red-500": beszelSystemsData.status === "down",
})}
/>
</div> </div>
<div className="flex flex-col font-mono"> <div className="flex flex-col font-mono">
<p className="text-neutral-400 text-right leading-none">CPU</p> <p className="text-neutral-400 text-right leading-none">CPU</p>
@@ -617,9 +690,7 @@ function SystemTile({
<p className="text-right">{beszelSystemsData.info.disk.toFixed(0).padStart(3, "0")}</p> <p className="text-right">{beszelSystemsData.info.disk.toFixed(0).padStart(3, "0")}</p>
</div> </div>
</div> </div>
<div className="w-full flex-1 min-w-0 basis-0 relative mb-2"> {systemStatusContent}
<canvas ref={onCanvasRef} className="min-h-0 absolute top-0 left-0 w-full h-full" />
</div>
</Tile> </Tile>
) )
} }

550
apps/dashboard/src/assets/kuromi-frames.json Normal file
View File

@@ -0,0 +1,550 @@
[
[
" ",
" ",
" ",
" #*++*# ",
" *=.....= ",
" *-.......= ",
" %*.........* ",
" #-.........* ",
" #..........+ ",
" #..........* ",
" *+.........* ",
" %*........+# ",
" #*......=# ",
" #*+::=**# ",
" @%******# ",
" *******# ",
" %********# ",
" **********# ",
" ****..-****# ",
" #***-....+***# ",
" #***......=***# ",
" ***-.......:***# ",
" @***..........***% ",
" #**-...........*** ",
" ***.............+** ",
" **+..............=** ",
" %**................-** ",
" ***.................:** ",
" **-..................:** ",
" %**.....................** ",
" #*+.......:..............** ",
" **........-...............** ",
" **........=..-.............*# ",
" %*=........+.+...............+# ##*#% ",
" #*.......-+**.................+% *:...=*% ",
" *+.....:-+***-:................+# =.......*% ",
" *-........**+...................*% #........:* ",
" %*........+:*-:...................** :.........* ",
" *+.......=..=.:....................* ..........+# ",
" *:......:...-.......................* :.........+# ",
" %*...........:.......................-# %##+.........*@ ",
" %+.......:...:........................=% ###****+=--:*.........* ",
" *........:.............................+% *:---...............:*.......*% ",
" *........=..............................* +-.........................-*:...=*% ",
" +.......=+.......................:-=+++******##% @#****-:.............................:*#***# ",
" #:.....:-+++:................-+**+++==-----::--=+****#% %**+=...................................*% ",
" #.........+..............-**+--------------::.......:+***%% **.......................................* ",
" *.........:...........-*+::----------------::...........:+**% @*.......................................=# ",
" *.........:.........=+:.--------------------:..............:+*## #+.......................................* ",
" +.................+=.-----------------------:.................-**% *.......................................-* ",
" -................:.-------------------------::..................:** *.......................................*# ",
" #-...................:-----------------------::.....................*+.......................................* ",
" %:.....................::---------------------::....................:-......................................+# ",
" *........................:-------------------::....................=.......................................* ",
" *:.......+................::-----------------::...................+......................................+* ",
" #=.....+..................::=+++=-----------::...................+.....................................:* ",
" %*..:+..................=**#%%%#**+---------::........................................................+* ",
" #=+.................-*#%%%%%%%%%%*=-------:::......................................................=*% ",
" #+.................+*%%%%%%%%%%%%%%*-------::......................................................+* ",
" %*.................+*%%%%%%%%%%%%%%%%#------:::....................................:..:............+*# ",
" *.................+*%%%%%%%%%%%%%%%%%%*------:::................................-..-.-............:+* ",
" *:.................*%%%%%%%%%%%%%%%%%%%%+-----::::................................+.+=.............++% ",
" #=.................*%%%%%%%%%%%%%%%%%%%%%%=-----:::.................................**+............=+* ",
" #*..................*%%%%%%%%%%%%%%%%%%%%%%*------:::.............................-=****:...........++# ",
" *:.................:#%%%#%%%%%%%%%%%%%%%%%%*------::::...............................+*+...........++* ",
" #+..................=%%%=.#%%%%%%%%%%%%%%%%%#+::----::::.............................+.*.:.........=++# ",
" *...................=%%%...#%%%%%%%%%%%%%%%%%+:::----::::...........................-..+..........:++*% ",
" #+...................:%%=....%%%%%%%%%%%%%%%%%=.:::----::::.............................=..........+++# ",
" *.....................#%:....%%%%%%%%%%%%%%%%%...:::---:::::............................:.........+++* ",
" #*.....................*%*...%%%%%%%%%#=..%%%%%....:::---:::::...........................:........=+++# ",
" *:.....................:%%*=%%%%%%%%%%....-%%%%.....::::--::::::.........................:.......:++++ ",
" *.......................*%%%%%%%%%%%%#.....%%%*......::::--::::::................................++++# ",
" #+........................*%%%%%%%%%%%%....:%%%:.......::::--::::::..............................+++++ ",
" *:.........................*%%%%%%%%%%%:...%%%*.........::::--::::::............................+++++# ",
" *..............=**=........+%%%=%%%%%%%%#+%%%#:..........::::--:::::::.........................++++++ ",
" *...........:*@@@@@*-......*%%=:%.%%%%%%%%%%#=............::::--::::::::......................++++++* ##*% ",
" %=.........*@@@@@@@@@*:.....+*#.#%.%%%%%%%%%*=..............::::--::::::::....................+++++++% #**-.# ",
" #-.......*@@@@@@@@@@@@*:......-***.%%#*****+.................:::---:::::::::................-+++++++*#**=....* ",
" *......:*@@@@+@@@@@@@@@*-........+**%*.......................::::---::::::::::............-++++++++**+.......+ ",
" *......*@@@@@+#@@@@@@@@@*:.........:+*........................::::----::::::::::........+*+++++++++*.........- ",
" *.....*@@@@#@%=@@@@@@@@@@*:......................:+**=.........::::----:::::::::::........-+**++++*+..........# ",
" *....-@@@@@#++==@@@@@@@@@@*:..................=*#@@@@@**:.......::::----:::::::::::::........*#***##*:........+ ",
" *....@@@@@@@====+@@@@@@@@@@*:..............=@@@@@@@@@@@@*+......:::::-----:::=::::::::::.....* #*........- ",
" *...=@@@@@@@=++==+@@@@@@@@@@*:.......:=*%@@@@@@@@@@@@@@@@%*......::::------::+:::::::::::::::* *.........**# ",
" *...%@@@@@@+#@@%==*@@@@@@@@@@**=-:+**%@@@@@@@@@@@@@@@@@@@@@*:.....::::-------+:::::::::::::::* *.....*:..%@#* ",
" *...@@@@@@@+#*=====#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*-....:::::------+:::::::::::::::* %-.....**+.*@@%* ",
" *..-@@@@@@#+@*++====#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*:....::::-----+*+-:::::::::::::* *.....+%@@**@@@* ",
" *..=@@@@@@+++++++++==@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::--+=-*-=+::::::::::::* @=.....*@@@@#@@@*% ",
" *..+@@@@@@++++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::---+*+-==-::::::::::* #*@*.....-*@@@@@@@@*% ",
" #..+@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+#@@@@%+....::::*-=***+-*---::::::::***%@#......*@@@@@@@@@* ",
" ..+@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%++@@@@@@*:...:::-+********=----::::::*%@@+......=#@@@@@@@@@* ",
" ..=@@@@@@*++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+===@%@@@@@@*....:::+-*****=*-------:::.*#+........*@@@@@@@@@%* ",
" +.-@@@@@@@+++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*======%+@@@@@@#=...:::+:-***--+---------::+.........*@@@@@@@@@@* ",
" #..%@@@@@@%**+++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#======+==+%@@@@@@@*...::::+--*=-*-----------==.......-+@@@@@@@@@@@* ",
" -.*@@@@@@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*++===+%@+==@@@@@@@@#:...::::*+*+*------------*+++++++++@@@@@@@@@@@* ",
" *.*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+++++++@===@@@@@@@@@*...:::::-*--------------*%++++++#@@@@@@@@@@@*# ",
" #:=@@@@@@@@@@@@@@@@@@@@@@%%@@@@@@@@@@@@@@@@@*++++++++@++@@@@@@@@@*....:::::+--------------*@@*+#%@@@@@@@@@@@@#* ",
" *.*@@@@@@@@@@@@@@@@@@@@*##*@@@@@@@@@@@@@@@@#+++++++++++@@@@@@@@@#:...::=::+-------------+%@@@*#@@@@@@@@@@@@#* ",
" @=*@@@@@@@@@@@@@@@@@@@*#%%%%@@@@@@@@@@@@@@@%+++++++++++@@@@@@@@@@+...::=::+-------------*@@@@@#*@@@@@@@@@@*# ",
" *-#@@@@@@@@@@@@@@@@@@@*%%%#@@@@@@@@@@@@@@@@++++++++++%@@@@@@@@@@+....:#:::------------=#@@@@@@#*@@@@@@@@@* ",
" **@@@@@@@@@@@@@@@@@@@#*###@@@@@@@@@@@@@@@@++++++++++@@@@@@@@@@@*....=%#:::-----------*@@@@@@@@#*@@@@@@@@* ",
" #*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%++++++++*@@@@@@@@@@@*....#%%-::----------=#@@@@@@@@@#*@@@@@@%% ",
" #*@@@@@@@@@@@@@@@@@@@@@@@@@#*#@@@@@@@@@@@@**++++++@@@@@@@@@@@@*.....#-:::----------*%@@@@@@@@@@#*@@@@@*% ",
" **@@@@@@@@@@@@@@@*@@@@@@@%*%##@@@@@@@@@@@@%*****@@@@@@@@@@@@@*.....+:::::--------+#@@@@@@@@@@@@%*%@@@* ",
" **@@@@@@@@@@@@@@@*@@@@@@*%#%#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+.....=:::::-------=*@@@@@@@@@@@@@@@*#@%% ****% ",
" #**##**#@@@@@@@@@@**%@@*%###@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=.....::::::-------*%@@@@@@@@@@@@@@@@%**%@@%@@@@**@ ",
" #*@@@@@@%*%@@@@@@@@@@#*****#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:......::::::-----*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*# ",
" @*@@@@@@@@@*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#.......::::::----*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #%@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.......::::::---+%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%........:::::::-*%@@%#*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=........:::::::*%@@%*####@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" #%@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#.........:::::=*#@@@*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" *@@@@@@@@@@@@#*%@@@@@@@@@@@@@@@@@@@@@@@*****#@@@@@@@@@@@@%...........:::*+..=*#*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" %#@@@@@@@@@@@%@#*#@@@@@@@@@@@@@@@@@@@**@@@@@%*%@@@@@@@@@%............:-+-......*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@@@@%**%@@@@@@@@@@@@@@@*%@@@@@@@@*%@@@@@@@#:..........=+++........*#####*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" %*@@@@@@@@@@@@@@@****#@@@@@@@@@@@*@@@@@@@@@@@*@@@@@%*.........-*+++:........*%*###*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" %*% @@@@*+++++*#@@@@@@@*%@@@@@@@@@@@*@@@%*:......-+*++++-........+#@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#@ @*+++++++++++**#%*@@@@@@@@@@@@*%**...:=+***+++++-.......-*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" @% **###% *-=+++++++++++*@*@@@@@@@@@@@@@********+++++****++==++**%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *#*######*:....:=++++**%@@*@@@@@@@@@@@@@*+++++++++++=*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*######*.......-+**%@@@@@*@@@@@@@@@@@@#+++++++++-...#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *######********##%*%@@@@@*@@@@@@@@@@@@*+==-........-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#####* #* #*@@@@*@@@@@@@@@@@**............=@@@@@@@@@@@@@@@@@@@@@@@@#%@@@@@@@@@@@@@@@@@#@@@@@@@@@@@%# ",
" **###*@ %** *#@@#@@@@@@@@@%*@#*...........=@@@@@@@@@@@@@@@@@@@@@@%* #*%%@@@@@@@@@%%**% *%@@@@@@@@@*% ",
" #***#***# #*#@*@@@@@@@@@@@@#+..........=@@@@@@@@@@@@@@@@@@@@@## #***********# %*%@@@@@@@%* ",
" %%# %**@@@@@@@@@@@@@#*.........:%@@@@@@@@@@@@@@@@@@%*@ #**# **%@@@@#*@ ",
" %*@@@@@@@@@@@@@@*-........*@@@@@@@@@@@@@@@@%*% %****** ",
" #*@@@@@@@@@@@@@@**:......*#*#@@@@@@@@@@%**# ",
" #*@@@@@@@@@@@@@@%**-...:*####@@@@@%#**# ",
" #*@@@@@@@@@@@@@@@@#**+*#####*****#@ ",
" #**@@@@@@@@@@@@@%*****######% ",
" #***#%%@@%##*## #*###### ",
" %##**#%@ *#####* ",
" %*###*# ",
" %***# "
],
[
" ",
" ",
" ",
" ",
" ",
" ",
" #**#@ ",
" #*....:+ ",
" #+.......= ",
" *.........@ ",
" #=.........* ",
" *:.........+ ",
" *:.........* ",
" #=.........* ",
" *........-# ",
" #+......:* ",
" #*-..:+** ",
" ********% ",
" %*******% ",
" #********# ",
" *********** ",
" ****..:***** ",
" %***-....-**** ",
" ****.......+***% ",
" ***=........-***% ",
" ***...........***% ",
" ***............=**# ",
" @**=..............*** #**# ",
" #**................+** #=...-*# ",
" ***.................-**@ #.......*% ",
" **+...................**% .........* ",
" @**.....................+*@ -.........+% ",
" #**......................=*# -.........-* ",
" %*+........................*# =.........:* ",
" **-.......-.................*% *.........=# ",
" **........+..................+# ##***-........* ",
" **......-.*.=.................=# %##**+=....*.......+# ",
" *+.......***...................-* #*+=...........*=...:*# ",
" #*.......=****-..................-* %--.................=*****% ",
" #*........+**.....................:* #+=......................*% ",
" **........:*.-.....................:* =...........................* ",
" *=.......:.-........................:# @#**=.............................:* ",
" *.......:............................:# #**+-................................*# ",
" *.....................................-# #*+....................................* ",
" %+......................................*####*##*%% *+.....................................:* ",
" *-...............................:=****+++==----==+****## *......................................+% ",
" *........=....................+**+=-------::...........-+***%% *......................................* ",
" *.......:+:...............:+*+-------------:...............:+**# @=.....................................-* ",
" *.....:=+++:............=*=.---------------::..................=**%#:.....................................*# ",
" %+........+............*+.------------------::.....................+*......................................* ",
" #-........=..........+=.---------------------:......................*.....................................+* ",
" *:........:........+=.-----------------------::.....................*.....................................*# ",
" #:................+.--------------------------::....................*....................................=* ",
" #...................:-------------------------::....................=....................................+* ",
" *......................::---------------------:::.......................................................=*% ",
" #.........................::-------------------:::......................................:...............+* ",
" %...........................:::-=+++=-----------::......................................+..............++# ",
" *:........+.................-**#####**+--------:::...................................:.*.+............+*% ",
" #=......*.................**%%%%%%%%%%*=-------:::...................................***............++* ",
" %*:...*................=*%%%%%%%%%%%%%%*-------:::.................................:****:.........:++% ",
" %+.+................=*%%%%%%%%%%%%%%%%#------::::.................................-**=..........++*% ",
" *:...............-*%%%%%%%%%%%%%%%%%%#------::::................................+-=.=........:++* ",
" %+................*%%%%%%%%%%%%%%%%%%%%*------::::..............................-..=..:.......+++% ",
" @*................+#%%%%%%%%%%%%%%%%%%%%#+------::::................................=.........=++* ",
" *.................*%%%%%%%%%%%%%%%%%%%%%%*:-----:::::...............................=.........+++* ",
" %+................:*%%%%%%%%%%%%%%%%%%%%%%*=::----:::::..............................:........++++ ",
" *.................=%%%%*%%%%%%%%%%%%%%%%%%%+:::----:::::.....................................=+++* ",
" #+.................=%%%..=%%%%%%%%%%%%%%%%%%=.::::---::::::...................................++++% ",
" *..................=%%%....%%%%%%%%%%%%%%%%%-..::::---::::::.................................+++++ ",
" *+..................:%%+....%%%%%%%%%%%#%%%%%:....:::---:::::::..............................+++++* ",
" *....................*%+....%%%%%%%%=....%%%%......::::--:::::::............................=+++++* ",
" %*....................+%%...%%%%%%%%%.....%%%%.......::::---:::::::.........................-+++++* ",
" *-.....................#%%%%%%%%%%%%%.....%%%*........::::---:::::::.......................-++++++* ",
" *.......................%%%%%%%%%%%%%-....%%%-.........::::---::::::::....................=++++++*% ",
" #*.......................:#%%%%%%%%%%%%:..*%%*............::::--:::::::::.................++++++++* ",
" #+.........................*%%%%%%%%%%%%%%%%#-.............::::---:::::::::...........:-++++++++++# ##*% ",
" *:.........................*%%:+%+%%%%%%%%%*=...............::::---:::::::::::..........-****++++* #**:.# ",
" *.............-****=.......*%%.#%.%%%%%%%#*-.................::::---::::::::::::............*###*# %#**-....* ",
" *...........-#@@@@@#*......-**+%*.%%*****=...................:::::----::::::::::::::........* %#**+.......+ ",
"%*.........-@@@@@@@@@%*........:+***%*:........................:::::-----::::::::::::::::::::+ *+..........- ",
"#+.......-#@@@@@@@@@@@@*:..........-+*...........:*****=........:::::-----:::-:::::::::::::::+# %*+..........# ",
"%=......+*@@@*@@@@@@@@@@*-.....................+*@@@@@@%*+.......:::::------:::::::::::::::::-* #*:........+ ",
"#:.....+*@@@@*+@@@@@@@@@@*+..................#@@@@@@@@@@@%*-......::::--------::::::::::::::::* %*........- ",
"*......*@@@@%@+%@@@@@@@@@@**.............-*@@@@@@@@@@@@@@@@*+......::::-------=-::::::::::::::* *.........**# ",
"*.....+@@@@@+@==%@@@@@@@@@@#*.........=*@@@@@@@@@@@@@@@@@@@@%*.....:::::----+=*=*-::::::::::::* *.....*:..%@%* ",
"*.....@@@@@@+=@==#@@@@@@@@@@%*=....+*#@@@@@@@@@@@@@@@@@@@@@@@@*.....:::::--+-+*--*--::::::::::* %-.....**+.*@@%* ",
"#....#@@@@@@*=@===*@@@@@@@@@@@#***#@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.....::::-+--***--+---::::::::* *.....+%@@**@@@* ",
"%....@@@@@@@+@@@+==+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::+=*******=----::::::* @=.....*@@@@%@@@*% ",
"#:...@@@@@@@++@=====+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+%@@@@%*....::-+*******+*--------::-* #*@*.....-#@@@@@@@@*% ",
"%=..-@@@@@@+#@@++++==+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+@@@@@@#+....:::+:+***--*-----------* **%@#......*@@@@@@@@@* ",
" +..+@@@@@@+++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*==@@@@@@@@*:...:::-:-=**-=-----------=#*%@@+......=#@@@@@@@@@* ",
" *..+@@@@@@++++++++++%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+====@+%@@@@@@*....:::+--*=++-----------+*%#+........*@@@@@@@@@%* ",
" *..+@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+===%===+@@@@@@@#=...:::::+*+-------------*-:.........*@@@@@@@@@@* ",
" %..=@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@======@===@@@@@@@@@*....:::::---------------*=........-+@@@@@@@@@@@* ",
" ..:@@@@@@*++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@++====@@%==@@@@@@@@@%=...:::-::-------------=*++++++++++@@@@@@@@@@@* ",
" -..%@@@@@@+++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@+++++++%+@+@@@@@@@@@@*....::-::-------------+%@%++++++#@@@@@@@@@@@*# ",
" ..*@@@@@@@***++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+++++++*+#+@@@@@@@@@@*....::*:::------------*@@@@*+#%@@@@@@@@@@@@#* ",
" :.*@@@@@@@@#**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+++++++++++@@@@@@@@@@%-....:%:::-----------=#@@@@@*#@@@@@@@@@@@@#* ",
" #.=@@@@@@@@@@@@@@@@@@@@@@#*#@@@@@@@@@@@@@@@@@*++++++++++@@@@@@@@@@@+....%%%#+:----------*%@@@@@@#*@@@@@@@@@@*# ",
" +.*@@@@@@@@@@@@@@@@@@@@*#%%*@@@@@@@@@@@@@@@@%++++++++++@@@@@@@@@@@*....=%*:::---------=*@@@@@@@@#*@@@@@@@@@* ",
" #.+@@@@@@@@@@@@@@@@@@@@*%%%%@@@@@@@@@@@@@@@@@+++++++++*@@@@@@@@@@@*.....#:::::--------*@@@@@@@@@@#*@@@@@@@@* ",
" @*.#@@@@@@@@@@@@@@@@@@@%*%%%*@@@@@@@@@@@@@@@@%++++++++@@@@@@@@@@@@*.....-:::::-------+#@@@@@@@@@@@#*@@@@@@%% ",
" %++@@@@@@@@@@@@@@@@@@@@%***@@@@@@@@@@@@@@@@@@#*****+%@@@@@@@@@@@@*.....:::::::------*@@@@@@@@@@@@@%*@@@@@*% ",
" *=*@@@@@@@@@@@@@@@@@@@@@@@@@@@*#@@@@@@@@@@@@@@#**#@@@@@@@@@@@@@@*......::::::-----*%@@@@@@@@@@@@@@%*%@@@* ",
" *+%@@@@@@@@@@@@@@@@@@@@@@@@@*%%*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+......::::::----*%@@@@@@@@@@@@@@@@@*#@%% @****# ",
" **%**##**#@@@@@@@@#@@@@@@@##%%*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=......:::::::--+#@@@@@@@@@@@@@@@@@@@@**%@@%@@@@**% ",
" **@@@@@@%*%@@@@@@@#*@@@@@*%*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:.......::::::-=#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*# ",
" @*@@@@@@@@@*#@@@@@@@@***%*#**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#........::::::=#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #%@@@@@@@@@@*@@@@@@@@@@@%%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:........:::::+%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%.........::::*%@@@@@%#*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@..........:::*%@@@@@%*####@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" #%@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@:..........:...:*#@@@*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" *@@@@@@@@@@@@#@@@@@@@@@@@@@@@@@@@@@@@@@*****#@@@@@@@@@@@@*.........-+...-+..-*#*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@**@@@@@%*%@@@@@@@@%*........++..-++=......*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@*#@@@@@@@@@@@@@@@@@@@@*%@@@@@@@@*%@@@@@@%+......=*+-=++++........*#####*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" %*@@@@@@@@@@@%**#@@@@@@@@@@@@@@@@*@@@@@@@@@@@*@@@@%*:....=**+++++++:........*%*###*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" %*% @@@%***%@@@@@@@@@@@*%@@@@@@@@@@@*@@%*=.:=***++++++++-........+#@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#% @*++++++**%@@@@@%*@@@@@@@@@@@@********++++++++++-.......=*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" @% **#### *--+++++++++++***@@@@@@@@@@@@@**+++++++++++****++==++**%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%# ",
" *#*#####%*:....:=++++**%@@*@@@@@@@@@@@@@*+++++++++++=*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*######*.......-+**%@@@@@*@@@@@@@@@@@@#+++++++++-...#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *######********##%*%@@@@@*@@@@@@@@@@@@*+=--........-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#####* #* #*@@@@*@@@@@@@@@@@**............=@@@@@@@@@@@@@@@@@@@@@@@@#%@@@@@@@@@@@@@@@@@#@@@@@@@@@@@%# ",
" **###*@ %** *#@@#@@@@@@@@@%*@#*...........=@@@@@@@@@@@@@@@@@@@@@@%* #*%%@@@@@@@@@%%**% *%@@@@@@@@@*% ",
" #***#***# #*#@*@@@@@@@@@@@@#+..........-@@@@@@@@@@@@@@@@@@@@@## #***********# %*%@@@@@@@%* ",
" %%* #**@@@@@@@@@@@@@#*.........:%@@@@@@@@@@@@@@@@@@%*@ #**# **%@@@@#*@ ",
" %*@@@@@@@@@@@@@@*-........*@@@@@@@@@@@@@@@@%*% %****** ",
" #*@@@@@@@@@@@@@@**:......*#*#@@@@@@@@@@%**# ",
" **@@@@@@@@@@@@@@%**=...:*####@@@@@%#**# ",
" #*@@@@@@@@@@@@@@@@#**+*#####*****#@ ",
" #**@@@@@@@@@@@@@%*****######% ",
" #***#%%@@%##*#% **###### ",
" %##**##@ *#####* ",
" %*###*# ",
" %***% "
],
[
" ",
" ",
" ",
" #*++*# ",
" *=.....= ",
" *-.......= ",
" %*.........* ",
" #-.........* ",
" #..........+ ",
" #..........* ",
" *+.........* ",
" %*........+# ",
" #*......=# ",
" #*+::=**# ",
" @%******# ",
" *******# ",
" %********# ",
" **********# ",
" ****..-****# ",
" #***-....+***# ",
" #***......=***# ",
" ***-.......:***# ",
" @***..........***% ",
" #**-...........*** ",
" ***.............+** ",
" **+..............=** ",
" %**................-** ",
" ***.................:** ",
" **-..................:** ",
" %**.....................** ",
" #*+.......:..............** ",
" **........-...............** ",
" **........=..-.............*# ",
" %*=........+.+...............+# ##*#% ",
" #*.......-+**.................+# *:...=*% ",
" *+.....:-+***-:................+# =.......*% ",
" *-........**+...................*% #........:* ",
" %*........+:*-:...................** :.........* ",
" *+.......=..=.:....................* ..........+# ",
" *:......:...-.......................* :.........+# ",
" %*...........:.......................-# %##+.........*@ ",
" %+.......:...:........................=% ###****+=--:*.........* ",
" *........:.............................+% *:---...............:*.......*% ",
" *........=..............................* +-.........................-*:...=*% ",
" +.......=+.......................:-=+++******##% @#****-:.............................:*#***# ",
" #:.....:-+++:................-+**+++==-----::--=+****#% %**+=...................................*% ",
" #.........+..............-**+--------------::.......:+***%% **.......................................* ",
" *.........:...........-*+::----------------::...........:+**% @*.......................................=# ",
" *.........:.........=+:.--------------------:..............:+*## #+.......................................* ",
" +.................+=.-----------------------:.................-**% *.......................................-* ",
" -................:.-------------------------::..................:** *.......................................*# ",
" #-...................:-----------------------::.....................*+.......................................* ",
" %:.....................::---------------------::....................:-......................................+# ",
" *........................:-------------------::....................=.......................................* ",
" *:.......+................::-----------------::...................+......................................+* ",
" #=.....+..................::=+++==----------::...................+.....................................:* ",
" %*..:+..................=**#%%%#**+---------::........................................................+* ",
" #=+.................-*#%%%%%%%%%%*=-------:::......................................................=*% ",
" #+.................+*%%%%%%%%%%%%%%*-------::......................................................+* ",
" %*.................+*%%%%%%%%%%%%%%%%#------:::....................................:..:............+*# ",
" *.................+*%%%%%%%%%%%%%%%%%%*------:::................................-..-.-............:+* ",
" *:.................*%%%%%%%%%%%%%%%%%%%%+-----::::................................+.+=.............++% ",
" #=.................*%%%%%%%%%%%%%%%%%%%%%%=-----:::.................................**+............=+* ",
" #*..................*%%%%%%%%%%%%%%%%%%%%%%*------:::.............................-=****-...........++# ",
" *:.................:#%%%#%%%%%%%%%%%%%%%%%%*------::::...............................+*+...........++* ",
" #+..................=%%%=.#%%%%%%%%%%%%%%%%%#+::----::::.............................+.*.:.........=++# ",
" *...................=%%%...#%%%%%%%%%%%%%%%%%+:::----::::...........................-..+..........:++*% ",
" #+...................:%%=....%%%%%%%%%%%%%%%%%=.:::----::::.............................=..........+++# ",
" *.....................#%:....%%%%%%%%%%%%%%%%%...:::---:::::............................:.........+++* ",
" #*.....................*%*...%%%%%%%%%#=..%%%%%....:::---:::::...........................:........=+++# ",
" *:.....................-%%*=%%%%%%%%%%....-%%%%.....::::--::::::.........................:.......:++++ ",
" *.......................*%%%%%%%%%%%%#.....%%%*......::::--::::::................................++++# ",
" #+........................*%%%%%%%%%%%%....:%%%:.......::::--::::::..............................+++++ ",
" *:.........................*%%%%%%%%%%%:...%%%*.........::::--::::::............................+++++# ",
" *..............=**=........+%%%=%%%%%%%%#+%%%#:..........::::--:::::::.........................++++++ ",
" *...........:*@@@@@*-......*%%=:%.%%%%%%%%%%#=............::::--::::::::......................++++++* ##*# ",
" %=.........*@@@@@@@@@*:.....+*#.#%.%%%%%%%%%*=..............::::--::::::::....................+++++++% #**-.# ",
" #-.......*@@@@@@@@@@@@*:......-***.%%#*****+.................:::---:::::::::................-+++++++*%**=....* ",
" *......:*@@@@+@@@@@@@@@*-........+**%*.......................::::---::::::::::............-++++++++**+.......+ ",
" *......*@@@@@+#@@@@@@@@@*:.........:+*........................::::----::::::::::........+*+++++++++*.........- ",
" *.....*@@@@#@%=@@@@@@@@@@*:......................:+**=.........::::----:::::::::::........-+**++++*+..........# ",
" *....-@@@@@#++==@@@@@@@@@@*:..................=*#@@@@@**:.......::::----:::::::::::::........*#***##*:........+ ",
" *....@@@@@@@====+@@@@@@@@@@*:..............=@@@@@@@@@@@@*+......:::::-----:::=::::::::::.....* #*........- ",
" *...=@@@@@@@=++==+@@@@@@@@@@*:.......:=*%@@@@@@@@@@@@@@@@%*......::::------::+:::::::::::::::* *.........**# ",
" *...%@@@@@@+#@@%==*@@@@@@@@@@**=-:+**%@@@@@@@@@@@@@@@@@@@@@*:.....::::-------+:::::::::::::::* *.....*:..%@#* ",
" *...@@@@@@@+#*=====#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*-....:::::------+:::::::::::::::* %-.....**+.*@@%* ",
" *..-@@@@@@#+@*++====#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*:....::::-----+*+-:::::::::::::* *.....+%@@**@@@* ",
" *..=@@@@@@+++++++++==@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::--+=-*-=+::::::::::::* @=.....*@@@@#@@@*% ",
" *..+@@@@@@++++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::---+**-==-::::::::::* #*@*.....-*@@@@@@@@*% ",
" #..+@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+#@@@@%+....::::*-=***+-*---::::::::***%@#......*@@@@@@@@@* ",
" ..+@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%++@@@@@@*:...:::-*********=----::::::*%@@+......=#@@@@@@@@@* ",
" ..=@@@@@@*++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+===@%@@@@@@*....:::+-*****=*-------:::.*#+........*@@@@@@@@@%* ",
" +.-@@@@@@@+++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*======%+@@@@@@#=...:::+:-***--+---------::+.........*@@@@@@@@@@* ",
" #..%@@@@@@%***++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#======+==+%@@@@@@@*...::::+--*=-*-----------==.......-+@@@@@@@@@@@* ",
" -.*@@@@@@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*++===+%@+==@@@@@@@@#:...::::*+*+*------------*+++++++++@@@@@@@@@@@* ",
" *.*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+++++++@===@@@@@@@@@*...:::::-*--------------*%++++++#@@@@@@@@@@@*# ",
" #:=@@@@@@@@@@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@*++++++++@++@@@@@@@@@*....:::::+--------------*@@*+#%@@@@@@@@@@@@#* ",
" *.*@@@@@@@@@@@@@@@@@@@@*##*@@@@@@@@@@@@@@@@#+++++++++++@@@@@@@@@#:...::=::+-------------+%@@@*#@@@@@@@@@@@@#* ",
" @=*@@@@@@@@@@@@@@@@@@@*#%%%%@@@@@@@@@@@@@@@%+++++++++++@@@@@@@@@@+...::=::+-------------*@@@@@#*@@@@@@@@@@*# ",
" *-#@@@@@@@@@@@@@@@@@@@*%%%#@@@@@@@@@@@@@@@@++++++++++%@@@@@@@@@@+....:#:::------------=#@@@@@@#*@@@@@@@@@* ",
" **@@@@@@@@@@@@@@@@@@@#*###@@@@@@@@@@@@@@@@++++++++++@@@@@@@@@@@*....=%#:::-----------*@@@@@@@@#*@@@@@@@@# ",
" #*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%++++++++*@@@@@@@@@@@*....#%%-::----------=#@@@@@@@@@#*@@@@@@%% ",
" #*@@@@@@@@@@@@@@@@@@@@@@@@@#*#@@@@@@@@@@@@**++++++@@@@@@@@@@@@*.....#-:::----------*%@@@@@@@@@@#*@@@@@*% ",
" **@@@@@@@@@@@@@@@*@@@@@@@%*%##@@@@@@@@@@@@%*****@@@@@@@@@@@@@*.....+:::::--------+#@@@@@@@@@@@@%*%@@@* ",
" **@@@@@@@@@@@@@@@*@@@@@@*%#%#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+.....=:::::-------=*@@@@@@@@@@@@@@@*#@%# ****% ",
" #**##**#@@@@@@@@@@**%@@*%###@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=.....::::::-------*%@@@@@@@@@@@@@@@@%**%@@%@@@@**@ ",
" #*@@@@@@%*%@@@@@@@@@@#*****#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:......::::::-----*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*# ",
" @*@@@@@@@@@*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#.......::::::----*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #%@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*.......::::::---+%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%........:::::::-*%@@%#*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@@%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@=........:::::::*%@@%*####@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" #%@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#.........:::::=*#@@@*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" *@@@@@@@@@@@@#*%@@@@@@@@@@@@@@@@@@@@@@@*****#@@@@@@@@@@@@%...........:::*+..=*#*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" %#@@@@@@@@@@@%@**#@@@@@@@@@@@@@@@@@@@**@@@@@%*%@@@@@@@@@%............:-+-......*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@@@@%**%@@@@@@@@@@@@@@@*%@@@@@@@@*%@@@@@@@#:..........=+++........*#####*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" #*@@@@@@@@@@@@@@@****#@@@@@@@@@@@*@@@@@@@@@@@*@@@@@%*.........-*+++:........*%*###*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" %*% @@@@*+++++*#%@@@@@@*%@@@@@@@@@@@*@@@%*:......-+*++++-........+#@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#@ @*+++++++++++**#%*@@@@@@@@@@@@*%**...:=+***+++++-.......-*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" @% **###% *-=+++++++++++*%*@@@@@@@@@@@@@********+++++****++==++**%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%# ",
" *#*######*:....:=++++**%@@*@@@@@@@@@@@@@*+++++++++++=*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*######*.......-+**%@@@@@*@@@@@@@@@@@@#+++++++++-...#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *######********##%*%@@@@@*@@@@@@@@@@@@*+==-........-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*#####* #* #*@@@@*@@@@@@@@@@@**............=@@@@@@@@@@@@@@@@@@@@@@@@#%@@@@@@@@@@@@@@@@@#@@@@@@@@@@@%# ",
" **###*@ %** *#@@#@@@@@@@@@%*@#*...........=@@@@@@@@@@@@@@@@@@@@@@%* #*%%@@@@@@@@@%%**% *%@@@@@@@@@*% ",
" #***#***# #*#@*@@@@@@@@@@@@#+..........=@@@@@@@@@@@@@@@@@@@@@## #***********# %*%@@@@@@@%* ",
" %%# %**@@@@@@@@@@@@@#*.........:%@@@@@@@@@@@@@@@@@@%*% #**# **%@@@@#*@ ",
" %*@@@@@@@@@@@@@@*-........*@@@@@@@@@@@@@@@@%*% %****** ",
" #*@@@@@@@@@@@@@@**:......*#*#@@@@@@@@@@%**# ",
" #*@@@@@@@@@@@@@@%**=...:*####@@@@@%#**# ",
" #*@@@@@@@@@@@@@@@@#**+*#####*****#@ ",
" #**@@@@@@@@@@@@@%*****######% ",
" #***#%%@@%##*## #*###### ",
" %##**#%@ *#####* ",
" %*###*# ",
" #***% "
],
[
" #**#% ",
" %*=...=# ",
" %*.......+ ",
" *:........# ",
" *.........- ",
" %+.........- ",
" #=.........- ",
" +.........+ ",
" *.........* ",
" #*.......*@ ",
" #*:...-*% ",
" #******# ",
" %******% ",
" ******** ",
" ********* ",
" #****-***** ",
" ****...+**** ",
" #***:....-***% ",
" ***+......:***# ",
" ***........:*** ",
" #**+.........:*** ",
" ***............**# ",
" #**=............:**% ",
" ***..............:**@ ",
" @**=...............:** ",
" %**.................-** ",
" **=..................-*# ",
" %**.......:............=*# ",
" #*=.......=.............=* ",
" **........+..............+*@ ",
" %*+.....-..+..-............+* ",
" **.......+.+.+..............*# ",
" *+........***................*# ",
" %*.......:****+:...............* ",
" *+........+**=.................:* ",
" *........=.---..................-# ",
" #*.......:..-..-..................+% ",
" *:..........-......................* ",
" *.......:...-.......................* ",
" #-.......-...-.......................=# %*# ",
" *........=...:........................* @*=-=** ",
" +.......:+.............................# -.....:*% ",
" #:.....:=+++:...........................-% ........:* ",
" *........:+..............................* =.........*%",
" *.........:.................-=++***********### -.........=#",
" #-......................:+*++-::------------=++***#% +.........-*",
" #....................=*+..------------------::....+**** %*=-*%%##*###*****.........+#",
" *.................-+:.:---------------------::.......:***% %##******::..........................*.........*%",
" *..................:------------------------::..........:**% #**+--..................................:*.......-* ",
" #...................:-----------------------::.............+*#- %*........................................+*.....=* ",
" *....................:----------------------:...............=*# *:........................................=#**++*# ",
" *.......::............:--------------------::................=*# @*.........................................* #@ ",
" *.....+................:------------------::..................+*%%=........................................+# ",
" %:..*..................::----------------::....................**.........................................*% ",
" %++.....................:====------------::....................*........................................+# ",
" #=...................:***###***=---------::...................:-........................................* ",
" *=...................**%%%%%%%%%#*=-------:::..................+........................................+# ",
" #+..................=*%%%%%%%%%%%%%#+-------::..................+........................................* ",
" #+..................+*%%%%%%%%%%%%%%%%+------:::.................:.......................................*% ",
" @*..................=*%%%%%%%%%%%%%%%%%%+------::........................................................-* ",
" @*...................*%%%%%%%%%%%%%%%%%%%%------:::...................................:...................*% ",
" *-..................+#%%%%%%%%%%%%%%%%%%%%%-----:::...................................:..................+* ",
" #+...................*%%%%%%%%%%%%%%%%%%%%%%*-----:::..................................-.................=* ",
" *....................*%%%:%%%%%%%%%%%%%%%%%%*=-----:::.................................=................:+* ",
" *=...................:#%%...%%%%%%%%%%%%%%%%%#+-----::::................................+..-.............+* ",
" %*....................:%%#...:%%%%%%%%%%%%%%%%%*:-----:::..............................:-*.+.............++# ",
" *-.....................#%-....%%%%%%%%%%%%%%%%%*::----::::..............................***.............-+* ",
" @*......................*%-...:%%%%%%%%%%%%%%%%%+:::----::::............................-***+-:..........++% ",
" #=......................+%%..:%%%%%%%%%%%%%%%%%%..:::----::::............................+*+............++* ",
" *........................%%%%%%%%%%%%%#....%%%%%...:::---:::::..........................:.*.=..........++*% ",
" %+........................:%%%%%%%%%%%%-....#%%%%....:::---:::::...........................+..-........=++* ",
" *:.........................+%%%%%%%%%%%:....#%%%......:::---:::::..........................=..........-++*@ ",
" *............=*#%%*+........*%%%%%%%%%%+....%%%#.......:::--::::::.........................-.........:+++% ",
" #*.........+@@@@@@@@@*......:#%%.%%%%%%%%-..-%%%=........:::--::::::........................:........:+++* ",
" #-......:*@@@@@@@@@@@%+.....+#%#.%++%%%%%%%%%%%+..........:::--::::::.......................:........++++% ",
" *......+*@@@@#@@@@@@@@#+.....-*+=%.*%%%%%%%%%#*...........::::--::::::..............................++++##*# ",
" *.....=#@@@@@+#@@@@@@@@*-......-**.%%%*#%%%#*=.............::::--::::::............................+++++*-.# ",
" *.....@@@@@#%%+@@@@@@@@@*:.......:**%*=-+++-................:::---::::::..........................+++++....* ",
" +....@@@@@@**+=*@@@@@@@@@*.........:**.......................:::---:::::::......................:+++++-....+ ",
" %=...+@@@@@@@====@@@@@@@@@@*..................................::::---:::::::....................=++++++.....- ",
" #-...@@@@@@@#=#===@@@@@@@@@#*......................::..........::::---:::::::..................++++++++......# ",
" *:..=@@@@@@@=%@@===@@@@@@@@@*=................-+**#%@#*=.......::::----::::::::..............=+++++++*.......+ ",
" *...*@@@@@@+*+@====*@@@@@@@@@*+.........-++%@@@@@@@@@@@%*:......::::----:::::::::.......-.-=++++++++++.......- ",
" *...%@@@@@@+@**+====%@@@@@@@@@%**+=***%@@@@@@@@@@@@@@@@@@*=......::::----::::::::::......-*+++++++++*.........**# ",
" %...@@@@@@%++++++++==@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+.....::::-----:::::::::::.......+*+++++**.....*:..%@#* ",
" ..:@@@@@@*++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*+.....::::-----::::::::::::......-******=.....**+.*@@%* ",
" ..-@@@@@@+++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*=....::::------::::::::::::::...-# @#*.....+%@@**@@@* ",
" ..-@@@@@@++++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*-....::::-------:::::::::::::::-* @=.....*@@@@%@@@*# ",
" +.-@@@@@@#++++++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*....:::::-----=-::::::::::::::=##*@*.....-*@@@@@@@@*# ",
" +.:@@@@@@@++++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%*....::::---++*++:::::::::::::=*%@%......*@@@@@@@@@*@ ",
" #..%@@@@@@#++++++@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+*@@@@*-...:::::-+--*=-*-:::::::::::+%@+......=#@@@@@@@@@* ",
" +.*@@@@@@@@***#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+++@@@@@@*....::::+--***--+-::::::::::*+........*@@@@@@@@@@* ",
" *.*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*=====@#@@@@@#=...::::++****+-*--:::::::::*........*@@@@@@@@@@*@ ",
" %-+@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*=========*+@@@@@@*...::::=********=---::::::.*......-+@@@@@@@@@@@* ",
" *-@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+======+===+@@@@@@@*:...:::+:+***+-*-----:::::.*+++++++@@@@@@@@@@@* ",
" #=*@@@@@@@@@@@@@@@@@@@****@@@@@@@@@@@@@@@@@++++++#@@#=@@@@@@@@@*...:::+:-**=-==-------:::-++++++#@@@@@@@@@@@*# ",
" *+@@@@@@@@@@@@@@@@@@@*%%%*@@@@@@@@@@@@@@@@+++++++%++=@@@@@@@@@*...::::*-+*-=+----------:+%*+#%@@@@@@@@@@@@#* ",
" #+#@@@@@@@@@@@@@@@@@@*%%%%@@@@@@@@@@@@@@@@+++++++%#@+@@@@@@@@@*:...::::=***=------------*@@*#@@@@@@@@@@@@#* ",
" **@@@@@@@@@@@@@@@@@@#*%%#@@@@@@@@@@@@@@@@+++++++++++@@@@@@@@@@=...:::::----------------*@@@#*@@@@@@@@@@*% ",
" **@@@@@@@@@@@@@@@@@@@**@@@@@@@@@@@@@@@@@+++++++++++@@@@@@@@@@+...:::::---------------+%@@@@#*@@@@@@@@@* ",
" %*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+++++++++++@@@@@@@@@@*....::::---------------*@@@@@@#*@@@@@@@@* ",
" **@@@@@@@@@@@@@@*@@@@@@@@***@@@@@@@@@@@@+++++++++@@@@@@@@@@@*....:=::=-------------=#@@@@@@@#*@@@@@@%% ",
" #*@@@@@@@@@@@@@@*@@@@@@*#%#%@@@@@@@@@@@**++++++#@@@@@@@@@@@*....:%+::-------------*@@@@@@@@@%*@@@@@*# ",
" #*@@@@@@@@@@@@@@*%@@@#*%*%%@@@@@@@@@@@@****++#@@@@@@@@@@@@*...=%%%#-:-----------=#@@@@@@@@@@%*%@@@* ",
" #*@@@@@@@@@@@@@@#***%%*%%@@@@@@@@@@@@@@@%##@@@@@@@@@@@@@@+....:%=:::-----------*@@@@@@@@@@@@@*#@%% ****% ",
" %***#**#@@@@@@@@@@@@@@#*#%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@+.....#::::----------*%@@@@@@@@@@@@@@%**%@@%@@@@**% ",
" #*@@@@@@%*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:.....+:::::--------=*@@@@@@@@@@@@@@@@@@@@@@@@@@@@*% ",
" *@@@@@@@@@*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#......=:::::-------=*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #%@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*......::::::-------*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@%:......::::::------*%#*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *@@@@@@@@@@@@@**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@#.......:::::::----*%*####@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #%@@@@@@@@@@@@*%**@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@-.......:::::::--=*%*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" *@@@@@@@@@@@@#@@%**@@@@@@@@@@@@@@@@@@@@*****#@@@@@@@@@@@@@:........:::::::-++*#*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@%@@@%@#*%@@@@@@@@@@@@@@@**@@@@@%*%@@@@@@@@@@-.........:::::::*:...*######@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" ##@@@@@@@@@@@@@@@#@%+*#@@@@@@@@@@@@*%@@@@@@@@*%@@@@@@@@:..........:::::+=.....*#####*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ ",
" %*@@@@@@@@@@@@@@@#*++++*%@@@@@@@@*%@@@@@@@@@@*@@@@@@%=...........:::.-......+%*###*%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" #*# @@@@*++++++++*#%%@@*%@@@@@@@@@@@*%@@@%+.............-........+#@@@***@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %##% @*+++++++++++++***@@@@@@@@@@@@*%%**...........=*+.......-*#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" %% #*#### *-=+++++++++++*%#@@@@@@@@@@@@@*+-.....:-=+*****++===+**#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@# ",
" *%*#####%*:....:=++++**%@@*@@@@@@@@@@@@@*********++++*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" %*######*.......-+**%@@@@@*@@@@@@@@@@@@#+++++++++=...#@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" *######*********#%*%@@@@@*@@@@@@@@@@@@*++=-:.......-%@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@* ",
" #*#####* #*@ #*@@@@*@@@@@@@@@@@**............=@@@@@@@@@@@@@@@@@@@@@@@@#%@@@@@@@@@@@@@@@@@#@@@@@@@@@@@%# ",
" **###*% %** *#@@#%@@@@@@@@%*@#*...........=@@@@@@@@@@@@@@@@@@@@@@%* #*%%@@@@@@@@@%%**% *%@@@@@@@@@*% ",
" #***#***# #*#@*@@@@@@@@@@@@#+..........-@@@@@@@@@@@@@@@@@@@@@%# %***********# #*%@@@@@@@%* ",
" @#% %**@@@@@@@@@@@@@#*.........:%@@@@@@@@@@@@@@@@@@%*% #%%# **%@@@@#*% ",
" %*@@@@@@@@@@@@@@*-........*@@@@@@@@@@@@@@@@%*% %****** ",
" #*@@@@@@@@@@@@@@**:......*#*#@@@@@@@@@@%**% ",
" **@@@@@@@@@@@@@@%**=...:*####@@@@@%#**# ",
" #*@@@@@@@@@@@@@@@@#**+*#####******% ",
" #**@@@@@@@@@@@@@%*****######% ",
" #***#%@@@%%#**# #*###### ",
" %*#**##% *#####* ",
" %*###*% ",
" #***% "
]
]

1
apps/dashboard/src/beszel.ts
View File

@@ -16,6 +16,7 @@ const API_BASE_URL = getApiBaseUrl()
// System Info // System Info
export interface BeszelSystemInfo { export interface BeszelSystemInfo {
name: string name: string
status: "up" | "down"
info: { info: {
cpu: number cpu: number
ram: number ram: number

25
apps/dashboard/src/kuromi.tsx Normal file
View File

@@ -0,0 +1,25 @@
import { useEffect, useState } from "react"
import kuromiFrames from "./assets/kuromi-frames.json"
export function Kuromi() {
const [frameIndex, setFrameIndex] = useState(0)
useEffect(() => {
const interval = setInterval(() => {
setFrameIndex((prev) => (prev + 1) % kuromiFrames.length)
}, 300)
return () => clearInterval(interval)
}, [])
const currentFrame = kuromiFrames[frameIndex]
return (
<pre className="leading-none tracking-[0.6em] select-none font-mono text-black dark:text-white scale-[5%]">
{currentFrame.map((line, index) => (
// biome-ignore lint/suspicious/noArrayIndexKey: frame lines don't have unique identifiers
<div key={index}>{line}</div>
))}
</pre>
)
}

14
apps/dashboard/src/light-control.tsx
View File

@@ -6,7 +6,7 @@ import { useEffect, useRef } from "react"
import cn from "./components/lib/cn" import cn from "./components/lib/cn"
import { Tile } from "./components/tile" import { Tile } from "./components/tile"
const LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT = 40 const LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT = 36
// Store brightness as step (0-43) to match the 44 bars exactly // Store brightness as step (0-43) to match the 44 bars exactly
// Step 0 = OFF, Steps 1-43 map to bars 42-0 // Step 0 = OFF, Steps 1-43 map to bars 42-0
@@ -197,7 +197,7 @@ export function LightControlTile({
delete bar.dataset.touchProximity delete bar.dataset.touchProximity
const step = LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT - i - 1 const step = LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT - i - 1
requestBrightnessStepChange(step) setIntermediateBrightnessStep(step)
if (barRefs.current[i - 1]) { if (barRefs.current[i - 1]) {
barRefs.current[i - 1]!.dataset.touchProximity = "close" barRefs.current[i - 1]!.dataset.touchProximity = "close"
@@ -259,10 +259,10 @@ export function LightControlTile({
const lastElement = barRefs.current[0] const lastElement = barRefs.current[0]
if (lastElement && x > lastElement.getBoundingClientRect().right) { if (lastElement && x > lastElement.getBoundingClientRect().right) {
lastElement.dataset.thumb = "true" lastElement.dataset.thumb = "true"
requestBrightnessStepChange(LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT - 1) setIntermediateBrightnessStep(LIGHT_CONTROL_TILE_SLIDER_BAR_COUNT - 1)
} else if (firstElement && x < firstElement.getBoundingClientRect().left) { } else if (firstElement && x < firstElement.getBoundingClientRect().left) {
firstElement.dataset.thumb = "true" firstElement.dataset.thumb = "true"
requestBrightnessStepChange(0) setIntermediateBrightnessStep(0)
} }
} }
} }
@@ -320,7 +320,7 @@ function BrightnessLevelLabel({ deviceName }: { deviceName: ZigbeeDeviceName })
<p <p
className={cn( className={cn(
"flex-1 text-right font-bold font-mono tracking-tigher", "flex-1 text-right font-bold font-mono tracking-tigher",
step === 0 ? "text-neutral-400" : "text-teal-400", step === 0 ? "text-neutral-400" : "text-teal-500 dark:text-teal-400",
)} )}
> >
{label} {label}
@@ -346,12 +346,12 @@ export function LightSceneTile({
className={cn( className={cn(
"w-full gap-2 flex flex-row items-end justify-start h-full border tracking-tigher first:rounded-t-lg last:rounded-b-lg transition-all duration-150 active:transition-none", "w-full gap-2 flex flex-row items-end justify-start h-full border tracking-tigher first:rounded-t-lg last:rounded-b-lg transition-all duration-150 active:transition-none",
activeSceneId === id activeSceneId === id
? "p-2 border-teal-500 text-teal-500 border-2 font-bold" ? "p-2 border-teal-500 text-teal-500 dark:text-teal-400 border-2 font-bold"
: "p-[9px] text-neutral-400 border-neutral-300 dark:border-neutral-800 active:shadow-inner active:bg-neutral-300 dark:active:bg-teal-500 active:text-neutral-900 font-lighter", : "p-[9px] text-neutral-400 border-neutral-300 dark:border-neutral-800 active:shadow-inner active:bg-neutral-300 dark:active:bg-teal-500 active:text-neutral-900 font-lighter",
)} )}
> >
<Icon size={16} strokeWidth={2} /> <Icon size={16} strokeWidth={2} />
<p className="text-lg tracking-none leading-none">{name}</p> <p className="text-md tracking-none leading-none uppercase">{name}</p>
</button> </button>
))} ))}
</Tile> </Tile>

110
apps/dashboard/src/use-auto-theme.ts Normal file
View File

@@ -0,0 +1,110 @@
import { useEffect } from "react"
interface SunTimes {
sunrise: Date
sunset: Date
}
function calculateSunTimes(latitude: number, longitude: number, date: Date = new Date()): SunTimes {
const julianDay = getJulianDay(date)
const julianCentury = (julianDay - 2451545) / 36525
const geomMeanLongSun = (280.46646 + julianCentury * (36000.76983 + julianCentury * 0.0003032)) % 360
const geomMeanAnomSun = 357.52911 + julianCentury * (35999.05029 - 0.0001537 * julianCentury)
const eccentEarthOrbit = 0.016708634 - julianCentury * (0.000042037 + 0.0000001267 * julianCentury)
const sunEqOfCtr =
Math.sin(toRadians(geomMeanAnomSun)) * (1.914602 - julianCentury * (0.004817 + 0.000014 * julianCentury)) +
Math.sin(toRadians(2 * geomMeanAnomSun)) * (0.019993 - 0.000101 * julianCentury) +
Math.sin(toRadians(3 * geomMeanAnomSun)) * 0.000289
const sunTrueLong = geomMeanLongSun + sunEqOfCtr
const sunAppLong = sunTrueLong - 0.00569 - 0.00478 * Math.sin(toRadians(125.04 - 1934.136 * julianCentury))
const meanObliqEcliptic = 23 + (26 + (21.448 - julianCentury * (46.815 + julianCentury * (0.00059 - julianCentury * 0.001813))) / 60) / 60
const obliqCorr = meanObliqEcliptic + 0.00256 * Math.cos(toRadians(125.04 - 1934.136 * julianCentury))
const sunDeclin = toDegrees(Math.asin(Math.sin(toRadians(obliqCorr)) * Math.sin(toRadians(sunAppLong))))
const varY = Math.tan(toRadians(obliqCorr / 2)) * Math.tan(toRadians(obliqCorr / 2))
const eqOfTime =
4 *
toDegrees(
varY * Math.sin(2 * toRadians(geomMeanLongSun)) -
2 * eccentEarthOrbit * Math.sin(toRadians(geomMeanAnomSun)) +
4 * eccentEarthOrbit * varY * Math.sin(toRadians(geomMeanAnomSun)) * Math.cos(2 * toRadians(geomMeanLongSun)) -
0.5 * varY * varY * Math.sin(4 * toRadians(geomMeanLongSun)) -
1.25 * eccentEarthOrbit * eccentEarthOrbit * Math.sin(2 * toRadians(geomMeanAnomSun)),
)
const haSunrise = toDegrees(Math.acos(Math.cos(toRadians(90.833)) / (Math.cos(toRadians(latitude)) * Math.cos(toRadians(sunDeclin))) - Math.tan(toRadians(latitude)) * Math.tan(toRadians(sunDeclin))))
const solarNoon = (720 - 4 * longitude - eqOfTime) / 1440
const sunriseTime = solarNoon - (haSunrise * 4) / 1440
const sunsetTime = solarNoon + (haSunrise * 4) / 1440
const sunrise = new Date(date)
sunrise.setHours(0, 0, 0, 0)
sunrise.setMinutes(sunriseTime * 1440)
const sunset = new Date(date)
sunset.setHours(0, 0, 0, 0)
sunset.setMinutes(sunsetTime * 1440)
return { sunrise, sunset }
}
function getJulianDay(date: Date): number {
const year = date.getFullYear()
const month = date.getMonth() + 1
const day = date.getDate()
const hour = date.getHours()
const minute = date.getMinutes()
const second = date.getSeconds()
let a = Math.floor((14 - month) / 12)
let y = year + 4800 - a
let m = month + 12 * a - 3
let jdn = day + Math.floor((153 * m + 2) / 5) + 365 * y + Math.floor(y / 4) - Math.floor(y / 100) + Math.floor(y / 400) - 32045
return jdn + (hour - 12) / 24 + minute / 1440 + second / 86400
}
function toRadians(degrees: number): number {
return (degrees * Math.PI) / 180
}
function toDegrees(radians: number): number {
return (radians * 180) / Math.PI
}
function isDarkMode(latitude: number, longitude: number): boolean {
const now = new Date()
const { sunrise, sunset } = calculateSunTimes(latitude, longitude, now)
return now < sunrise || now > sunset
}
export function useAutoTheme(latitude: number, longitude: number) {
useEffect(() => {
const updateTheme = () => {
const shouldBeDark = isDarkMode(latitude, longitude)
if (shouldBeDark) {
document.documentElement.classList.add("dark")
} else {
document.documentElement.classList.remove("dark")
}
}
updateTheme()
const interval = setInterval(updateTheme, 60000)
return () => clearInterval(interval)
}, [latitude, longitude])
}

1
apps/dashboard/tailwind.config.js
View File

@@ -1,5 +1,6 @@
/** @type {import('tailwindcss').Config} */ /** @type {import('tailwindcss').Config} */
export default { export default {
darkMode: 'class',
content: [ content: [
"./index.html", "./index.html",
"./src/**/*.{js,ts,jsx,tsx}", "./src/**/*.{js,ts,jsx,tsx}",

1
bun.lock
View File

@@ -1,5 +1,6 @@
{ {
"lockfileVersion": 1, "lockfileVersion": 1,
"configVersion": 0,
"workspaces": { "workspaces": {
"": { "": {
"name": "monorepo", "name": "monorepo",