Skip to content

Commit b9db3e8

Browse files
debarchitodebarchito
committed
New design
1 parent 422598c commit b9db3e8

9 files changed

Lines changed: 216 additions & 115 deletions

File tree

‎package.json‎

Lines changed: 7 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -13,13 +13,16 @@
1313
"devDependencies": {
1414
"@astrojs/check": "^0.9.4",
1515
"@astrojs/sitemap": "^3.4.0",
16-
"@tailwindcss/vite": "^4.1.7",
17-
"astro": "^5.8.0",
18-
"daisyui": "^5.0.38",
16+
"@catppuccin/daisyui": "^2.1.1",
17+
"@fontsource/ms-madi": "^5.2.5",
18+
"@lucide/astro": "^0.511.0",
19+
"@tailwindcss/vite": "^4.1.8",
20+
"astro": "^5.8.1",
21+
"daisyui": "^5.0.42",
1922
"prettier": "^3.5.3",
2023
"prettier-plugin-astro": "^0.14.1",
2124
"prettier-plugin-tailwindcss": "^0.6.11",
22-
"tailwindcss": "^4.1.7",
25+
"tailwindcss": "^4.1.8",
2326
"typescript": "^5.8.3"
2427
}
2528
}

‎pnpm-lock.yaml‎

Lines changed: 144 additions & 106 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/components/ContainerOne.astro‎

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<h1 class="font-ms-madi p-10 text-8xl text-gray-300">debarchito.</h1>
2+
3+
<style>
4+
h1 {
5+
text-shadow:
6+
0 1px 0 var(--color-primary),
7+
0 2px 0 var(--color-secondary),
8+
0 3px 0 var(--color-primary),
9+
0 4px 0 var(--color-accent),
10+
0 5px 0 var(--color-accent),
11+
0 6px 0 var(--color-secondary),
12+
0 7px 0 var(--color-secondary),
13+
0 8px 0 var(--color-secondary),
14+
0 10px 20px rgba(0, 0, 0, 0.5);
15+
}
16+
</style>

‎src/components/ContainerTwo.astro‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
<div class="p-10 md:text-xl">
2+
Things are moving and being redesigned. You probably are looking for <span
3+
class="italic underline">d'DG!</span
4+
>
5+
</div>
6+
7+
<style>
8+
span {
9+
text-shadow:
10+
0 0.7px 0 var(--color-primary),
11+
0 2.1px 0 var(--color-secondary),
12+
0 2.8px 0 var(--color-accent);
13+
}
14+
</style>

‎src/layouts/Root.astro‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,12 +1,13 @@
11
---
22
import "../styles/global.css";
3+
34
const { title } = Astro.props;
45
---
56

67
<!doctype html>
7-
<html lang="en">
8+
<html data-theme="mocha" lang="en">
89
<head>
9-
<meta charset="UTF-8" />
10+
<meta charset="utf-8" />
1011
<meta name="viewport" content="width=device-width" />
1112
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
1213
<meta name="generator" content={Astro.generator} />

‎src/pages/index.astro‎

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,17 @@
11
---
22
import Root from "@layouts/Root.astro";
3+
import ContainerOne from "@components/ContainerOne.astro";
4+
import ContainerTwo from "@components/ContainerTwo.astro";
35
---
46

57
<Root title="debarchito | Home">
6-
Things are moving. You probably are looking for
7-
<a class="underline" href="https://debarchito.is-a.dev/ddg">d'DG</a>!
8+
<div class="flex flex-col md:h-screen md:flex-row">
9+
<div class="bg-square w-full md:w-2/5">
10+
<ContainerOne />
11+
</div>
12+
13+
<div class="w-full overflow-y-auto md:w-3/5">
14+
<ContainerTwo />
15+
</div>
16+
</div>
817
</Root>

‎src/styles/global.css‎

Lines changed: 15 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,2 +1,16 @@
11
@import "tailwindcss";
2-
@plugin "daisyui";
2+
@import "@fontsource/ms-madi";
3+
4+
@plugin "daisyui" {
5+
themes: false;
6+
}
7+
@plugin "./latte.ts";
8+
@plugin "./mocha.ts";
9+
10+
@utility font-ms-madi {
11+
font-family: "Ms Madi", cursive;
12+
}
13+
14+
@utility bg-square {
15+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='454' height='454' viewBox='0 0 200 200'%3E%3Cg %3E%3Cpolygon fill='%23ae7fa2' points='100 57.1 64 93.1 71.5 100.6 100 72.1'/%3E%3Cpolygon fill='%23d1a0c4' points='100 57.1 100 72.1 128.6 100.6 136.1 93.1'/%3E%3Cpolygon fill='%23ae7fa2' points='100 163.2 100 178.2 170.7 107.5 170.8 92.4'/%3E%3Cpolygon fill='%23d1a0c4' points='100 163.2 29.2 92.5 29.2 107.5 100 178.2'/%3E%3Cpath fill='%23F5C2E7' d='M100 21.8L29.2 92.5l70.7 70.7l70.7-70.7L100 21.8z M100 127.9L64.6 92.5L100 57.1l35.4 35.4L100 127.9z'/%3E%3Cpolygon fill='%238e6cb8' points='0 157.1 0 172.1 28.6 200.6 36.1 193.1'/%3E%3Cpolygon fill='%23ac89d7' points='70.7 200 70.8 192.4 63.2 200'/%3E%3Cpolygon fill='%23CBA6F7' points='27.8 200 63.2 200 70.7 192.5 0 121.8 0 157.2 35.3 192.5'/%3E%3Cpolygon fill='%23ac89d7' points='200 157.1 164 193.1 171.5 200.6 200 172.1'/%3E%3Cpolygon fill='%238e6cb8' points='136.7 200 129.2 192.5 129.2 200'/%3E%3Cpolygon fill='%23CBA6F7' points='172.1 200 164.6 192.5 200 157.1 200 157.2 200 121.8 200 121.8 129.2 192.5 136.7 200'/%3E%3Cpolygon fill='%238e6cb8' points='129.2 0 129.2 7.5 200 78.2 200 63.2 136.7 0'/%3E%3Cpolygon fill='%23CBA6F7' points='200 27.8 200 27.9 172.1 0 136.7 0 200 63.2 200 63.2'/%3E%3Cpolygon fill='%23ac89d7' points='63.2 0 0 63.2 0 78.2 70.7 7.5 70.7 0'/%3E%3Cpolygon fill='%23CBA6F7' points='0 63.2 63.2 0 27.8 0 0 27.8'/%3E%3C/g%3E%3C/svg%3E");
16+
}

‎src/styles/latte.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import { createCatppuccinPlugin } from "@catppuccin/daisyui";
2+
3+
export default createCatppuccinPlugin("latte", "mauve");

‎src/styles/mocha.ts‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
import { createCatppuccinPlugin } from "@catppuccin/daisyui";
2+
3+
export default createCatppuccinPlugin("mocha", "mauve");

0 commit comments

Comments
 (0)