update astro

This commit is contained in:
artie 2023-09-14 16:45:47 +02:00
parent e45ad70c4c
commit 1bb59a1bbd
6 changed files with 1739 additions and 1735 deletions

View File

@ -3,10 +3,7 @@ import tailwind from "@astrojs/tailwind";
import svelte from "@astrojs/svelte"; import svelte from "@astrojs/svelte";
// https://astro.build/config
import compress from "astro-compress";
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
integrations: [tailwind(), svelte(), compress({ img: false })], integrations: [tailwind(), svelte()],
}); });

View File

@ -10,15 +10,14 @@
"astro": "astro" "astro": "astro"
}, },
"dependencies": { "dependencies": {
"@astrojs/svelte": "^2.1.0", "@astrojs/svelte": "^4.0.2",
"@astrojs/tailwind": "^3.1.1", "@astrojs/tailwind": "^5.0.0",
"astro": "^2.1.8", "astro": "^3.0.13",
"astro-compress": "^1.1.47", "astro-icon": "^0.8.1",
"astro-icon": "^0.8.0",
"pixi-live2d-display": "^0.4.0", "pixi-live2d-display": "^0.4.0",
"pixi.js": "^6.5.9", "pixi.js": "^6.5.10",
"svelte": "^3.54.0", "svelte": "^4.2.0",
"tailwindcss": "^3.3.1" "tailwindcss": "^3.3.3"
}, },
"devDependencies": { "devDependencies": {
"@catppuccin/tailwindcss": "^0.1.6" "@catppuccin/tailwindcss": "^0.1.6"

3429
pnpm-lock.yaml generated

File diff suppressed because it is too large Load Diff

View File

@ -3,16 +3,27 @@ import blobHeart from "../assets/blobheart.png";
--- ---
<div class="text-center"> <div class="text-center">
<h1 class="group text-ctp-pink font-semibold lg:text-5xl text-4xl hover:scale-110 transition duration-50"> <h1
class="group text-ctp-pink font-semibold lg:text-5xl text-4xl hover:scale-110 transition duration-50"
>
hiya, I'm <span class="text-ctp-red relative" hiya, I'm <span class="text-ctp-red relative"
>artie<span >artie<span
class="absolute lg:bottom-[3.25rem] bottom-10 z-50 lg:text-xl text-lg lg:left-7 left-4 text-ctp-lavender opacity-0 group-hover:opacity-80 hover:opacity-50 transition duration-50" class="absolute lg:bottom-[3.25rem] bottom-10 z-50 lg:text-xl text-lg lg:left-7 left-4 text-ctp-lavender opacity-0 group-hover:opacity-80 hover:opacity-50 transition duration-50"
>/ˈarti/</span >/ˈarti/</span
></span ></span
> >
<img class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none" src={blobHeart} alt="blob heart" /> {" "}
<img
class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none"
src={blobHeart.src}
alt="blob heart"
/>
</h1> </h1>
<p class="lg:text-2xl text-xl lg:mt-4 mt-2 hover:scale-110 transition duration-50">a self-taught code archmage</p> <p
class="lg:text-2xl text-xl lg:mt-4 mt-2 hover:scale-110 transition duration-50"
>
a self-taught code archmage
</p>
</div> </div>
<style> <style>

View File

@ -24,10 +24,10 @@ const { title } = Astro.props;
<meta property="og:title" content={title} /> <meta property="og:title" content={title} />
<meta property="og:description" content="a self-taught code archmage" /> <meta property="og:description" content="a self-taught code archmage" />
<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.src} />
<link rel="icon" href={sakura} /> <link rel="icon" href={sakura.src} />
<link rel="apple-touch-icon" href={sakura} /> <link rel="apple-touch-icon" href={sakura.src} />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />

View File

@ -9,6 +9,6 @@ import ayuaura from "../assets/ayuaura.jpg"
<p class="font-bold lg:text-6xl text-4xl text-ctp-pink"> <p class="font-bold lg:text-6xl text-4xl text-ctp-pink">
404 404
</p> </p>
<img src={ayuaura} alt="ayuaura" class="mt-3 rounded-[20px] lg:w-[50vw] w-[75vw]"> <img src={ayuaura.src} alt="ayuaura" class="mt-3 rounded-[20px] lg:w-[50vw] w-[75vw]">
<a href="/" class="font-medium lg:text-2xl text-xl mt-3 underline text-ctp-pink hover:text-ctp-red">take me home</a> <a href="/" class="font-medium lg:text-2xl text-xl mt-3 underline text-ctp-pink hover:text-ctp-red">take me home</a>
</Layout> </Layout>