2023-07-26 13:47:01 +02:00
|
|
|
import { AppProps } from "$fresh/server.ts";
|
|
|
|
|
|
|
|
|
|
import { Head } from "$fresh/runtime.ts";
|
|
|
|
|
export default function App({ Component }: AppProps) {
|
|
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<link href="/global.css" rel="stylesheet" />
|
2023-08-02 17:21:03 +02:00
|
|
|
<link href="/prism-material-dark.css" rel="stylesheet" />
|
2023-08-09 16:02:28 +02:00
|
|
|
|
|
|
|
|
<link
|
|
|
|
|
rel="apple-touch-icon"
|
|
|
|
|
sizes="180x180"
|
|
|
|
|
href="/apple-touch-icon.png"
|
|
|
|
|
/>
|
|
|
|
|
<link
|
|
|
|
|
rel="icon"
|
|
|
|
|
type="image/png"
|
|
|
|
|
sizes="32x32"
|
|
|
|
|
href="/favicon-32x32.png"
|
|
|
|
|
/>
|
|
|
|
|
<link
|
|
|
|
|
rel="icon"
|
|
|
|
|
type="image/png"
|
|
|
|
|
sizes="16x16"
|
|
|
|
|
href="/favicon-16x16.png"
|
|
|
|
|
/>
|
|
|
|
|
<link rel="manifest" href="/site.webmanifest" />
|
|
|
|
|
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5" />
|
|
|
|
|
<meta name="msapplication-TileColor" content="#da532c" />
|
|
|
|
|
<meta name="theme-color" content="#141218" />
|
2023-08-11 16:13:20 +02:00
|
|
|
<script src="/thumbnails.js" type="module"></script>
|
2023-08-09 16:02:28 +02:00
|
|
|
|
2023-08-08 11:18:54 +02:00
|
|
|
<style>
|
|
|
|
|
{`
|
2023-08-08 21:50:23 +02:00
|
|
|
:root {
|
|
|
|
|
--background: rgb(43, 41, 48);
|
|
|
|
|
--foreground: rgb(129, 129, 129);
|
2023-08-13 00:34:03 +02:00
|
|
|
--light: #2B2930;
|
2023-08-08 21:50:23 +02:00
|
|
|
}
|
2023-08-12 18:32:56 +02:00
|
|
|
.custom-grid {
|
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(37vw, 1fr)) ;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
@media(min-width: 640px){
|
|
|
|
|
.custom-grid {
|
|
|
|
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) ;
|
|
|
|
|
}
|
|
|
|
|
}
|
2023-08-08 11:18:54 +02:00
|
|
|
/* work-sans-regular - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
|
|
|
font-family: 'Work Sans';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 400;
|
|
|
|
|
src: url('/fonts/work-sans-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* work-sans-700 - latin */
|
|
|
|
|
@font-face {
|
|
|
|
|
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
|
|
|
|
|
font-family: 'Work Sans';
|
|
|
|
|
font-style: normal;
|
|
|
|
|
font-weight: 700;
|
|
|
|
|
src: url('/fonts/work-sans-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
body {
|
|
|
|
|
background: #141218;
|
|
|
|
|
padding: 0px 20px;
|
|
|
|
|
}
|
|
|
|
|
pre {
|
|
|
|
|
font-family:Work Sans;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
a {
|
|
|
|
|
color: cadetblue;
|
|
|
|
|
font-family: Work Sans;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
`}
|
|
|
|
|
</style>
|
2023-07-26 13:47:01 +02:00
|
|
|
</Head>
|
|
|
|
|
<Component />
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
}
|
