Skip to content

Commit f0d9a77

Browse files
FunasitienFunasitien
committed
🚧 Various Fixes
1 parent 082d39b commit f0d9a77

File tree

12 files changed

+74
-37
lines changed

12 files changed

+74
-37
lines changed

‎public/banners/cool.gif‎

85.1 KB
Loading

‎public/banners/gif.gif‎

102 KB
Loading

‎public/banners/phone.gif‎

260 KB
Loading

‎src/components/Card.astro‎

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,17 @@
1+
---
2+
import { Icon } from "astro-icon/components";
3+
4+
const { title, icon = "simple-icons:html5", description, link } = Astro.props;
5+
---
6+
<div class="card bg-base-200 border-2 border-neutral-content rounded-xl">
7+
<div class="card-body">
8+
<h2 class="card-title inline-flex items-center gap-1">
9+
<Icon name={icon} class="text-2xl mr-2" />
10+
{title}
11+
</h2>
12+
<p>{description}</p>
13+
<div class="card-actions justify-end">
14+
<a href={link} target="_blank" class="btn btn-primary">Voir l'archive</a>
15+
</div>
16+
</div>
17+
</div>

‎src/components/Dock.astro‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -2,21 +2,21 @@
22
import { Icon } from "astro-icon/components";
33
---
44
<div class="w-full fixed left-0 bottom-0 p-2 md:hidden">
5-
<div class="w-full bg-base-100 border-2 border-neutral-content rounded-xl py-2 grid grid-cols-5 flex justify-between">
5+
<div class="w-full bg-base-100 border-2 border-neutral-content rounded-xl p-4 items-center justify-items-center grid grid-cols-5">
66
<a href="/">
7-
<Icon name="gravity-ui:house" class="inline text-3xl mx-8 my-2" />
7+
<Icon name="gravity-ui:house" class="inline text-3xl" />
88
</a>
9-
<a>
10-
<Icon name="gravity-ui:folder-open" class="inline text-3xl mx-8 my-2" />
9+
<a href="/projets">
10+
<Icon name="gravity-ui:folder-open" class="inline text-3xl" />
1111
</a>
12-
<a>
13-
<Icon name="gravity-ui:pencil" class="inline text-3xl mx-8 my-2" />
12+
<a href="/blog">
13+
<Icon name="gravity-ui:pencil" class="inline text-3xl" />
1414
</a>
15-
<a>
16-
<Icon name="gravity-ui:clock-arrow-rotate-left" class="inline text-3xl mx-8 my-2" />
15+
<a href="/archives">
16+
<Icon name="gravity-ui:clock-arrow-rotate-left" class="inline text-3xl" />
1717
</a>
18-
<a>
19-
<Icon name="gravity-ui:envelope" class="inline text-3xl mx-8 my-2" />
18+
<a href="/contact">
19+
<Icon name="gravity-ui:envelope" class="inline text-3xl" />
2020
</a>
2121
</div>
2222
</div>

‎src/components/Navigation.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,5 +6,5 @@ const currentPath = Astro.url.pathname;
66
<PageList title="Accueil" icon="gravity-ui:house" href="/" selected={currentPath === "/"} />
77
<PageList title="Projets" icon="gravity-ui:folder-open" href="/projets" selected={currentPath.includes("projets")} />
88
<PageList title="Blog" icon="gravity-ui:pencil" href="/blog" selected={currentPath.includes("blog")} />
9-
<PageList title="Wayback Machine" icon="gravity-ui:clock-arrow-rotate-left" href="/wayback" selected={currentPath.includes("wayback")} />
9+
<PageList title="Archives" icon="gravity-ui:clock-arrow-rotate-left" href="/archives" selected={currentPath.includes("archives")} />
1010
<PageList title="Contact" icon="gravity-ui:envelope" href="/contact" selected={currentPath.includes("contact")} />

‎src/layouts/default.astro‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,7 @@ try {
5656
<head>
5757
<Head title={title} description={description} />
5858
</head>
59-
<body class="bg-base-300 min-h-screen flex flex-col md:py-4 max-sm:pb-20">
59+
<body class="bg-base-300 min-h-screen flex flex-col md:py-4">
6060
<div
6161
class="fixed top-0 left-0 w-64 h-full z-50 p-4 pt-4 hidden lg:flex flex-col border-2 border-transparent"
6262
>
@@ -89,7 +89,7 @@ try {
8989
</a>
9090
</div>
9191
<div
92-
class="flex-1 bg-base-100 md:border-2 border-neutral-content md:rounded-xl md:mx-48 lg:mx-64 p-4 overflow-y-auto"
92+
class="flex-1 bg-base-100 md:border-2 border-neutral-content md:rounded-xl md:mx-48 lg:mx-64 p-4 overflow-y-auto max-sm:pb-20"
9393
>
9494
<slot />
9595
</div>

‎src/pages/archives.astro‎

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
---
2+
import Layout from "../layouts/default.astro";
3+
import Card from "../components/Card.astro";
4+
import { Icon } from "astro-icon/components";
5+
---
6+
7+
<Layout title="Projets">
8+
<div class="py-8 md:px-32">
9+
<div class="bg-[url('/banners/dark.png')] h-64 bg-cover bg-center rounded-lg border-2 border-neutral-content p-4" />
10+
<div class="my-12 text-center">
11+
<h1 class="text-6xl font-bold">Archives</h1>
12+
<p class="text-lg text-base-content/70 mt-2">Vous trouverez ici des versions archivés des différent sites webs que j'ai pu créer au fil des années.</p>
13+
</div>
14+
15+
16+
<div class="mt-8 py-8">
17+
<h1 class="text-5xl font-bold">Portfolios</h1>
18+
19+
<div class="grid grid-cols-1 md:grid-cols-3 my-8">
20+
<Card title="Premier Portfolio" date="~2021" link="https://funa.dev/funasitien-website/" />
21+
</div>
22+
23+
<div class="divider magic text-base-content/20 py-4">
24+
When web addiction meets design obsession
25+
</div>
26+
27+
<h1 class="text-5xl font-bold mt-6 md:mt-12">DEMOCRAFT.FR</h1>
28+
29+
<div class="grid grid-cols-1 md:grid-cols-3 my-8">
30+
<Card title="Azuriom Glass" icon="simple-icons:laravel" date="2024" />
31+
</div>
32+
33+
</div>
34+
</div>
35+
</Layout>

‎src/pages/blog.astro‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import { Icon } from "astro-icon/components";
55

66
<Layout title="Blog">
77
<div class="py-8 md:px-32">
8-
<div class="bg-[url('/banners/dark.png')] h-64 bg-cover bg-center rounded-lg border-2 border-neutral-content p-4" />
8+
<div class="bg-[url('/banners/gif.gif')] h-64 bg-cover bg-center rounded-lg border-2 border-neutral-content p-4" />
99
</div>
1010
<div class="mt-8 text-center">
1111
<h1 class="text-4xl font-bold">Funasitien - Blog</h1>

‎src/pages/index.astro‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -10,17 +10,17 @@ import { Icon } from "astro-icon/components";
1010
>
1111
</div>
1212
<div class="mt-8 py-8 text-center">
13-
<h1 class="text-4xl font-bold">Funasitien</h1>
13+
<h1 class="text-6xl font-bold">Funasitien</h1>
1414
<p class="text-lg text-base-content/70 mt-2">
1515
Bienvenue sur mon site personnel !
1616
</p>
1717
<div class="flex flex-col md:flex-row gap-4 justify-center mt-4">
18-
<a href="/projets" class="btn md:w-48">
18+
<a href="mailto:[email protected]" class="btn md:w-48">
1919
<Icon
20-
name="gravity-ui:circle-number-1"
20+
name="gravity-ui:at"
2121
class="inline mr-2 text-lg"
2222
/>
23-
Premier Bouton
23+
E-Mail
2424
</a>
2525
<a
2626
target="_blank"
@@ -36,7 +36,7 @@ import { Icon } from "astro-icon/components";
3636
Here lies a wonderful citation
3737
</div>
3838
<div class="py-8">
39-
<h1 class="text-4xl font-bold">À Propos de moi</h1>
39+
<h1 class="text-5xl font-bold">À Propos de moi</h1>
4040
<p class="text-lg text-base-content/70 mt-2">
4141
Bonjour ! Moi c'est <strong>Funasitien</strong>, développeur
4242
passioné depuis plus de 5 ans. Après avoir découvert le
@@ -50,7 +50,7 @@ import { Icon } from "astro-icon/components";
5050
This guy is addicted to Minecraft
5151
</div>
5252
<div class="py-8">
53-
<h1 class="text-4xl font-bold">Backend</h1>
53+
<h1 class="text-5xl font-bold">Backend</h1>
5454
<p class="text-lg text-base-content/70 mt-2 inline">
5555
Je ne me suis pas limité au design web pour autant ! J'ai
5656
développé au fils des années des cométences en tant que
@@ -82,7 +82,7 @@ import { Icon } from "astro-icon/components";
8282
When code become art
8383
</div>
8484
<div class="py-8">
85-
<h1 class="text-4xl font-bold">Frontend & Design</h1>
85+
<h1 class="text-5xl font-bold">Frontend & Design</h1>
8686
<p class="text-lg text-base-content/70 mt-2">
8787
Je maitrise plusieurs frameworks et langages, notamment <strong class="inline-flex items-center gap-1"
8888
><Icon name="simple-icons:astro" /> Astro</strong

0 commit comments

Comments
 (0)