Spaces:
Running
Running
| --- | |
| import { SEO } from 'astro-seo'; | |
| import { SEO as SEOConf } from "astro:env/client"; | |
| interface Props { | |
| title?: string; | |
| redirect?: { | |
| path: string; | |
| interval: number; | |
| } | |
| } | |
| const { title, redirect } = Astro.props; | |
| import { ClientRouter } from 'astro:transitions'; | |
| import LoadScripts from '@components/Scripts.astro'; | |
| import SettingsLoader from '@components/settings/Loader.astro'; | |
| --- | |
| <html lang="en"> | |
| <head> | |
| <SettingsLoader transition:persist /> | |
| <LoadScripts transition:persist /> | |
| <SEO | |
| title={title} | |
| titleTemplate=`${SEOConf ? "Incognito | %s" : "%s"}` | |
| titleDefault=`${SEOConf ? 'Incognito': ''}` | |
| description=`${SEOConf ? 'Search the world wide web': ''}` | |
| charset="UTF-8" | |
| openGraph = {{ | |
| basic: { | |
| title: SEOConf ? "Incognito": '', | |
| type: "website", | |
| url: SEOConf ? "https://incog.works": '', | |
| image: SEOConf ? "/logo.svg": '' | |
| }, | |
| optional: { | |
| description: SEOConf ? "Search the world wide web": '' | |
| } | |
| }} | |
| twitter = {{ | |
| card: "summary_large_image", | |
| url: SEOConf ? "https://incog.works": '', | |
| title: SEOConf ? "Incognito": '', | |
| description: SEOConf ? "Search the world wide web": '', | |
| image: SEOConf ? "/logo.svg": '', | |
| imageAlt: SEOConf ? "Incognito's logo": '' | |
| }} | |
| extend = {{ | |
| link: [ | |
| { rel: "icon", type: "image/svg+xml", href: "/logo.svg", id: "favicon" }, | |
| SEOConf && { rel: "sitemap", href: "/sitemap-index.xml" }, | |
| { rel: "preconnect", href: "https://fonts.googleapis.com" }, | |
| { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: true }, | |
| { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap" }, | |
| { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;1,300;1,400&display=swap" }, | |
| { rel: "stylesheet", href: "https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&display=swap" }, | |
| ], | |
| meta: [ | |
| { name: "viewport", content: "width=device-width, initial-scale=1.0" }, | |
| { name: "title", content: SEOConf ? "Incognito": '' }, | |
| ] | |
| }} | |
| /> | |
| {redirect !== undefined && <meta http-equiv="refresh" content=`${redirect.interval};${redirect.path}`>} | |
| <ClientRouter fallback="animate" /> | |
| </head> | |
| <body class="w-full h-screen min-h-screen text-[--text-color]"> | |
| <style is:global> | |
| * { | |
| scrollbar-width:thin; | |
| scrollbar-color:var(--scrollbar-thumb-color) var(--scrollbar-track-color); | |
| font-family: var(--font-family); | |
| } | |
| :root { | |
| --border-color: rgb(255, 255, 255, .2); | |
| --text-color: #FFF; | |
| --header-background: inherit; | |
| --accent: mediumseagreen; | |
| --scrollbar-thumb-color: rgb(52, 184, 116, 0.3); | |
| --scrollbar-track-color: rgb(52, 184, 116, 0.1); | |
| --font-family: Roboto; | |
| --background: #161923; | |
| background: var(--background); | |
| } | |
| ::-webkit-scrollbar { | |
| height: 12px; | |
| width: 7px; | |
| background: var(--scrollbar-track-color); | |
| } | |
| ::-webkit-scrollbar-thumb { | |
| background: var(--scrollbar-thumb-color); | |
| } | |
| .morning { | |
| --background: #FFF; | |
| --header-background: #FFF; | |
| --header-shadow: rgba(0, 0, 0, 0.1) 0px 5px 10px 0px; | |
| --border-color: rgb(0, 0, 0, .2); | |
| --text-color: #343434; | |
| --accent: dodgerblue; | |
| --scrollbar-thumb-color: rgb(32, 148, 252, 0.3); | |
| --scrollbar-track-color: rgb(32, 148, 252, 0.1); | |
| } | |
| .resilient { | |
| --border-color: rgb(255, 255, 255, .2); | |
| --text-color: #FFF; | |
| --header-background: #185ADB; | |
| --accent: #FFC947; | |
| --scrollbar-thumb-color: rgb(255, 176, 68, 0.3); | |
| --scrollbar-track-color: rgb(255, 176, 68, 0.1); | |
| --background:#0A1931; | |
| } | |
| .terminal { | |
| --border-color: rgb(255, 255, 255, .2); | |
| --text-color: #FFF; | |
| --header-background: #000; | |
| --accent: mediumseagreen; | |
| --scrollbar-thumb-color: rgb(52, 184, 116, 0.3); | |
| --scrollbar-track-color: rgb(52, 184, 116, 0.1); | |
| --font-family: Ubuntu Mono; | |
| --background:#000; | |
| } | |
| .midnight { | |
| --border-color:rgb(255, 255, 255, .2); | |
| --header-background: #181818; | |
| --text-color: #FFF; | |
| --accent: dodgerblue; | |
| --background: #121212; | |
| --scrollbar-thumb-color: rgb(32, 148, 252, 0.3); | |
| --scrollbar-track-color: rgb(32, 148, 252, 0.1); | |
| } | |
| .space { | |
| --border-color:rgb(255, 255, 255, .2); | |
| --header-background: #181818; | |
| --text-color: #FFF; | |
| --accent: #FFF; | |
| --background: #0f0c29; | |
| --scrollbar-thumb-color: rgb(255, 255, 255, 0.3); | |
| --scrollbar-track-color: rgb(255, 255, 255, 0.1); | |
| background: -webkit-linear-gradient(19deg, #24243e, #302b63, #0f0c29); /* Chrome 10-25, Safari 5.1-6 */ | |
| background: linear-gradient(19deg, #24243e, #302b63, #0f0c29); | |
| background-repeat:no-repeat; | |
| background-attachment:fixed; | |
| background-size: cover; | |
| background-position: center; | |
| } | |
| </style> | |
| <slot transition:animate={"slide"} /> | |
| </body> | |
| </html> | |