Skip to content

Commit

Permalink
💄 responsive
Browse files Browse the repository at this point in the history
  • Loading branch information
Fredkiss3 committed Sep 24, 2024
1 parent 8baf397 commit a0a6d12
Show file tree
Hide file tree
Showing 3 changed files with 20 additions and 5 deletions.
9 changes: 9 additions & 0 deletions src/content/work/procurato.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
---
company: "Procurato"
jobTitle: Full-stack Developper
link: https://search.procurato.de
startDate: "2024-07-01"
endDate: "2024-07-31"
---

I was contacted by [Richard Poeldrel](https://twitter.com/richardpoelderl) for the ...
8 changes: 6 additions & 2 deletions src/layouts/base-layout.astro
Original file line number Diff line number Diff line change
Expand Up @@ -68,7 +68,7 @@ const description =
</style>
<ViewTransitions />
</head>
<body class="bg-amber-50 dark:bg-zinc-800 dark:text-white text-zinc-950">
<body class="bg-amber-50 dark:bg-zinc-800 dark:text-white text-zinc-950 px-5">
<a
class:list={[
"sr-only focus:not-sr-only bg-white dark:bg-zinc-950",
Expand Down Expand Up @@ -108,7 +108,11 @@ const description =
<slot />
</main>
<footer
class="max-w-2xl mx-auto mb-20 border-t border-zinc-500 mt-8 py-2 text-zinc-700 flex justify-between dark:text-inherit">
class:list={[
"max-w-2xl mx-auto mb-20 border-t border-zinc-500 mt-8 py-2",
"text-zinc-700 flex flex-col gap-4 justify-between",
"dark:text-inherit md:flex-row",
]}>
<small>Copyright &copy; 2024 - Fred KISSIE</small>
<div class="flex flex-col gap-1">
<small>
Expand Down
8 changes: 5 additions & 3 deletions src/pages/index.astro
Original file line number Diff line number Diff line change
Expand Up @@ -50,6 +50,7 @@ const projects = (await getCollection("projects")).sort(
height={500}
loading="eager"
class:list={[
"hidden md:inline",
"rounded-md object-center object-cover border-zinc-700 dark:border-white border-2",
"hover:rotate-0 -rotate-6 transition duration-150",
"size-32",
Expand All @@ -66,7 +67,8 @@ const projects = (await getCollection("projects")).sort(
side projects.
</p>

<ul class="flex items-center gap-4 text-zinc-600 dark:text-inherit">
<ul
class="flex items-center gap-4 text-zinc-600 dark:text-inherit flex-wrap">
<li>
<a
class="inline-flex gap-1.5 items-center"
Expand All @@ -81,7 +83,7 @@ const projects = (await getCollection("projects")).sort(
<li>
<a
class="inline-flex gap-1.5 items-center"
href="malto:[email protected]"
href="mailto:[email protected]"
target="_blank"
rel="noopener noreferrer">
<Icon type="arobase" class="size-4" />
Expand All @@ -92,7 +94,7 @@ const projects = (await getCollection("projects")).sort(
<li>
<a
class="inline-flex gap-1.5 items-center"
href="https://www.linkedin.com/in/adrien-kissie-3b6b32162/"
href="https://www.linkedin.com/in/fredhel-adrien-de-justesse-kissie-3b6b32162/"
target="_blank"
rel="noopener noreferrer">
<Icon type="linkedin" class="size-4" />
Expand Down

0 comments on commit a0a6d12

Please sign in to comment.