Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Refactor: New design and moving to astro #32

Merged
merged 34 commits into from
Sep 24, 2024
Merged
Changes from 1 commit
Commits
Show all changes
34 commits
Select commit Hold shift + click to select a range
4a442ca
move next app to folder
Fredkiss3 Sep 22, 2024
b8a4607
🚚 move
Fredkiss3 Sep 22, 2024
558f765
🎉 initialize astro folder
Fredkiss3 Sep 22, 2024
6f19ac9
🚧 wip
Fredkiss3 Sep 22, 2024
0b76f95
🍱 add custom favicon & use correct dark color for dark mode
Fredkiss3 Sep 23, 2024
5374732
💄 header & footer done
Fredkiss3 Sep 23, 2024
cdb9fbc
💄 some progress
Fredkiss3 Sep 23, 2024
8fa3dbc
🚚 move `astro` folder in the root
Fredkiss3 Sep 23, 2024
e2307f2
🚧 some changes
Fredkiss3 Sep 23, 2024
ff63c7e
💚 fix CI build
Fredkiss3 Sep 23, 2024
bc17857
➕ add `sharp` dependency for optimizing images
Fredkiss3 Sep 23, 2024
dab3f7b
💄 some more changes
Fredkiss3 Sep 23, 2024
39177f1
🏷️ fix types
Fredkiss3 Sep 23, 2024
7a52089
💬 add zaneops link
Fredkiss3 Sep 23, 2024
e30524f
📝 update README
Fredkiss3 Sep 23, 2024
a5cefa4
📝 update README
Fredkiss3 Sep 23, 2024
ea223a8
📝 update README
Fredkiss3 Sep 23, 2024
6e2f15f
🧑‍💻 add view transition component
Fredkiss3 Sep 23, 2024
e69b444
✨ 404 page
Fredkiss3 Sep 23, 2024
519d346
🚧 some more progress
Fredkiss3 Sep 23, 2024
3e424d7
💄 reduce bottom margin on footer
Fredkiss3 Sep 23, 2024
88c6532
🚧 wip
Fredkiss3 Sep 23, 2024
8baf397
🚧 wip
Fredkiss3 Sep 23, 2024
a0a6d12
💄 responsive
Fredkiss3 Sep 24, 2024
4f39d45
♻️ some more changes
Fredkiss3 Sep 24, 2024
b7a5690
♻️ defaults to creator & maintainer
Fredkiss3 Sep 24, 2024
6efb894
🍱 procurato experience done
Fredkiss3 Sep 24, 2024
e0efcd4
✨ done ??
Fredkiss3 Sep 24, 2024
800bafb
💄 group job company & title
Fredkiss3 Sep 24, 2024
1cd804d
💄 make section titles bigger
Fredkiss3 Sep 24, 2024
bdda1a6
🔥 remove `_next` app
Fredkiss3 Sep 24, 2024
bc540d9
💄 make max-width bigger
Fredkiss3 Sep 24, 2024
7486cbe
♻️ add docker ignore
Fredkiss3 Sep 24, 2024
83c8dbc
♻️ add `.astro` to ignored directories
Fredkiss3 Sep 24, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
💄 header & footer done
Fredkiss3 committed Sep 23, 2024
commit 5374732d347e0af60aa974d2ac5a6bf0eb0f848d
33 changes: 18 additions & 15 deletions .vscode/settings.json
Original file line number Diff line number Diff line change
@@ -1,17 +1,20 @@
{
"[javascript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[typescript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[typescriptreact]": {
"editor.defaultFormatter": "biomejs.biome"
},
"editor.defaultFormatter": "biomejs.biome",
"typescript.preferences.importModuleSpecifier": "non-relative",
"typescript.tsdk": "node_modules/typescript/lib",
"[json]": {
"editor.defaultFormatter": "biomejs.biome"
}
"[javascript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[typescript]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[typescriptreact]": {
"editor.defaultFormatter": "biomejs.biome"
},
"editor.defaultFormatter": "biomejs.biome",
"typescript.preferences.importModuleSpecifier": "non-relative",
"typescript.tsdk": "node_modules/typescript/lib",
"[json]": {
"editor.defaultFormatter": "biomejs.biome"
},
"[astro]": {
"editor.defaultFormatter": "astro-build.astro-vscode"
}
}
Binary file added astro/public/resume.pdf
Binary file not shown.
65 changes: 57 additions & 8 deletions astro/src/layouts/base-layout.astro
Original file line number Diff line number Diff line change
@@ -7,6 +7,8 @@ interface Props {

const { title } = Astro.props;

const currentPath = Astro.url.pathname;

const headTitle = title ? `${title} | Adrien KISSIE` : "Adrien KISSIE";
const description =
"Software Engineer, amateur chef, amateur cyclist and twitch streamer";
@@ -20,21 +22,27 @@ const description =
<meta name="generator" content={Astro.generator} />
<title>{headTitle}</title>
<meta name="description" content={description} />
<meta property="og:title" content={headTitle}>

<meta property="og:title" content={headTitle} />
<meta property="og:description" content={description} />
<meta property="og:url" content="https://fredkiss.dev/" />
<meta property="og:site_name" content="Adrien KISSIE" />
<meta property="og:locale" content="en" />
<meta property="og:type" content="website" />
<meta property="og:image" content="https://fredkiss.dev/opengraph-image.png">
<meta
property="og:image"
content="https://fredkiss.dev/opengraph-image.png"
/>

<meta property="twitter:domain" content="fredkiss.dev" />
<meta property="twitter:url" content="https://fredkiss.dev/en" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={headTitle} />
<meta name="twitter:description" content={description} />
<meta name="twitter:image" content="https://fredkiss.dev/opengraph-image.png" />
<meta
name="twitter:image"
content="https://fredkiss.dev/opengraph-image.png"
/>

<style is:global>
@supports (font-variation-settings: normal) {
@@ -54,7 +62,7 @@ const description =
}
</style>
</head>
<body class="dark:bg-zinc-900 dark:text-white text-zinc-950">
<body class="bg-amber-100 dark:bg-zinc-900 dark:text-white text-zinc-950">
<a
class:list={[
"sr-only focus:not-sr-only bg-white dark:bg-zinc-950",
@@ -66,9 +74,50 @@ const description =
>
Skip to main content
</a>
<main id="main-content" class="max-w-2xl mx-auto mb-40 mt-8">
<header class="max-w-2xl mx-auto my-8">
<nav>
<ul class="flex items-center gap-4">
<li>
<a
href="/"
aria-current="page"
class="underline decoration-wavy decoration-[0.1em]"
>Home</a
>
</li>
<li>
<a
href="/resume.pdf"
class="inline-flex gap-1 items-center"
>
<span>See resume</span>
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
class="h-4 w-4"
><path d="M7 7h10v10"></path><path
d="M7 17 17 7"></path>
</svg>
</a>
</li>
<li>Blog <sup>(Coming soon)</sup></li>
</ul>
</nav>
</header>
<main id="main-content" class="max-w-2xl mx-auto">
<slot />
</main>
<TailwindIndicator />
<footer
class="max-w-2xl mx-auto mb-40 border-t border-zinc-500 mt-8 py-2 text-zinc-700 flex justify-between"
>
<small>Copyright &copy; 2024 - Adrien KISSIE</small>
<small>Built with Astro & deployed on ZaneOps</small>
</footer>
{process.env.NODE_ENV === "development" && <TailwindIndicator />}
</body>
</html>