+
+
+
+
+
+
+
+
+
+
+
+ 
+ ) : (
+
diff --git a/src/layouts/GridLayout.astro b/src/layouts/GridLayout.astro
index d08a48d..dddd61c 100644
--- a/src/layouts/GridLayout.astro
+++ b/src/layouts/GridLayout.astro
@@ -6,6 +6,7 @@ import BaseLayout from './BaseLayout.astro';
export interface Props {
backLink?: string;
class?: string;
+ description?: string;
footer?: boolean;
gap?: boolean;
grid?: 'fullsize' | 'wide' | 'narrow';
@@ -17,6 +18,7 @@ export interface Props {
const {
backLink,
class: className,
+ description,
footer = true,
gap = true,
grid = 'narrow',
@@ -44,7 +46,13 @@ const wrapperClasses = cx(
);
---
-
+
-
+
+
{frontmatter.title}
+
+ {allProjects.map((project) =>
diff --git a/src/styles/global.css b/src/styles/global.css
index ccbba11..70cd511 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -86,6 +86,10 @@
}
/** Images */
+ img {
+ @apply block h-auto w-full rounded-1 border border-solid border-black/5 bg-black/5 shadow-img dark:border-white/5 dark:bg-white/5 dark:opacity-[0.87];
+ }
+
img[src$='.svg'] {
@apply border-0 bg-transparent shadow-none;
}
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
index 9c5cc25..5206e9d 100644
--- a/tailwind.config.cjs
+++ b/tailwind.config.cjs
@@ -126,6 +126,7 @@ module.exports = {
column: '5.55vw',
layout: 'clamp(1.5rem, 5.55vw, 4.5rem)',
gap: 'clamp(1.5rem, 5.55vw, 6rem)',
+ halfgap: 'calc(clamp(1.5rem, 5.55vw, 6rem) / 2)',
icon: '24px',
'icon-small': '20px',
clickarea: '40px',
@@ -147,6 +148,7 @@ module.exports = {
},
boxShadow: {
subtle: '0 0 50px rgb(0 0 0 / 0.2)',
+ img: '0 2px 3px rgb(0 0 0 / 0.05)',
beveled: '0 1px 0 rgb(0 0 0 / 0.2), inset 0 0 0 2px #ffffff',
darkInset: 'inset 0 0 0 1px rgb(0 0 0 / 0.2)',
book: '0 0.1em 0.5em rgba(0, 0, 0, 0.5)',
@@ -159,7 +161,7 @@ module.exports = {
square: 'square',
},
dropShadow: {
- subtle: 'inset 0 0 5px rgb(0 0 0 / 0.15)',
+ subtle: '0 0 50px rgb(0 0 0 / 0.2)',
},
},
},
- {
- allProjects.map(({ slug, data }) => (
-
-
- ))
- }
-
+ {data.title}
-{data.description}
-{data.categories.join(' / ')}
- {data.more && (
-