skyfall/skyfalldev
1
0
Fork 0
mirror of https://github.com/SkyfallWasTaken/skyfalldev.git synced 2024-11-10 04:09:38 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add Catppuccin styling

Browse source
This commit is contained in:
SkyfallWasTaken 2024-07-06 12:19:13 +01:00
parent e696e09eb7
commit 0d2613ef22
4 changed files with 12 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/components/Footer.astro
View file

@ -2,8 +2,8 @@
const today = new Date();
---
<footer>
&copy; {today.getFullYear()} Your name here. All rights reserved.
<footer class="bg-crust text-text">
&copy; {today.getFullYear()} Skyfall. All rights reserved.
<div class="social-links">
<a href="https://m.webtoo.ls/@astro" target="_blank">
<span class="sr-only">Follow Astro on Mastodon</span>

8
src/components/Header.astro
View file

@ -4,14 +4,14 @@ import { SITE_TITLE } from '../consts';
---
<header class="w-full">
<nav class="px-3 py-2 flex items-center gap-2 w-full border-b-[2px] shadow-sm">
<h2 class="font-semibold mr-3"><a href="/">{SITE_TITLE}</a></h2>
<div class="flex flew-row gap-2">
<nav class="px-3 py-2 flex items-center gap-2 w-full border-b-[2px] border-surface0 shadow-sm bg-crust text-text">
<h2 class="font-semibold mx-3"><a href="/">{SITE_TITLE}</a></h2>
<div class="flex flew-row gap-3">
<HeaderLink href="/">Home</HeaderLink>
<HeaderLink href="/blog">Blog</HeaderLink>
<HeaderLink href="/about">About</HeaderLink>
</div>
<div class="flex flex-row gap-3 ml-auto">
<div class="flex flex-row gap-3 ml-auto m-2">
<a href="https://twitter.com/skyfall_ggs" target="_blank">
<span class="sr-only">Follow me on Twitter</span>
<svg viewBox="0 0 16 16" aria-hidden="true" width="32" height="32"

2
src/pages/index.astro
View file

@ -12,7 +12,7 @@ import { SITE_TITLE, SITE_DESCRIPTION } from '../consts';
</head>
<body>
<Header />
<main>
<main class="bg-base text-text">
<h1>🧑‍🚀 Hello, Astronaut!</h1>
<p>
Welcome to the official <a href="https://astro.build/">Astro</a> blog starter template. This

6
tailwind.config.mjs
View file

@ -4,5 +4,9 @@ export default {
theme: {
extend: {},
},
plugins: [],
plugins: [
require("@catppuccin/tailwindcss")({
defaultFlavour: "macchiato"
})
],
}