artie/artie.moe
1
0
Fork 0
mirror of https://github.com/artiemis/artie.moe.git synced 2026-02-14 09:01:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling

Browse Source
This commit is contained in:
artie 2023-07-09 15:23:40 +02:00
parent 8b05a1fc23
commit 0b5eb7b193
3 changed files with 16 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Icons.astro
View File

@ -11,7 +11,7 @@ import { Icon } from "astro-icon";
<div class="absolute xl:w-[28rem] top-10 left-8 z-10 xl:group-hover:opacity-100 transition-opacity opacity-0 pointer-events-none"> <div class="absolute xl:w-[28rem] top-10 left-8 z-10 xl:group-hover:opacity-100 transition-opacity opacity-0 pointer-events-none">
<img <img
class="pointer-events-none" class="pointer-events-none"
src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=313244" src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=1e2030"
alt="Discord Presence" alt="Discord Presence"
/> />
</div> </div>

23
src/layouts/Layout.astro
View File

@ -1,5 +1,5 @@
--- ---
import sakura from "../assets/sakura.png" import sakura from "../assets/sakura.png";
interface Props { interface Props {
title: string; title: string;
@ -16,14 +16,14 @@ const { title } = Astro.props;
<title>{title}</title> <title>{title}</title>
<meta name="description" content="a self-taught code archwizard" /> <meta name="description" content="a self-taught code archwizard" />
<meta name="author" content="artie"> <meta name="author" content="artie" />
<meta name="theme-color" content="#f38ba8" /> <meta name="theme-color" content="#f38ba8" />
<meta property="og:type" content="website"> <meta property="og:type" content="website" />
<meta property="og:site_name" content="artie.moe"> <meta property="og:site_name" content="artie.moe" />
<meta property="og:title" content={title}> <meta property="og:title" content={title} />
<meta property="og:description" content="a self-taught code archwizard"> <meta property="og:description" content="a self-taught code archwizard" />
<meta property="og:url" content="https://artie.moe/"> <meta property="og:url" content="https://artie.moe/" />
<meta property="og:image" content={sakura} /> <meta property="og:image" content={sakura} />
<link rel="icon" href={sakura} /> <link rel="icon" href={sakura} />
@ -33,10 +33,13 @@ const { title } = Astro.props;
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap" rel="stylesheet" /> <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@700&display=swap" rel="stylesheet" />
</head> </head>
<body class="bg-ctp-base h-screen text-ctp-text flex flex-col justify-center items-center"> <body>
<slot /> <slot />
</body> </body>
</html> </html>
<style is:global></style> <style is:global>
body {
@apply bg-ctp-base h-screen text-ctp-text flex flex-col justify-center items-center;
}
</style>

4
tailwind.config.cjs
View File

@ -4,7 +4,7 @@ module.exports = {
theme: { theme: {
extend: { extend: {
fontFamily: { fontFamily: {
sans: ['"Ubuntu"', "sans-serif"], sans: ["Ubuntu", "sans-serif"],
mono: ['"JetBrains Mono"', "monospace"], mono: ['"JetBrains Mono"', "monospace"],
}, },
}, },
@ -12,7 +12,7 @@ module.exports = {
plugins: [ plugins: [
require("@catppuccin/tailwindcss")({ require("@catppuccin/tailwindcss")({
prefix: "ctp", prefix: "ctp",
defaultFlavour: "mocha", defaultFlavour: "macchiato",
}), }),
], ],
}; };