diff --git a/app/app.vue b/app/app.vue
index 9238364..7b4c038 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -10,7 +10,7 @@
--secondary-color: #000;
}
-html, body, p, a, address {
+html, body, p, a, address, h2 {
font-family: 'Abbiocco Beta', system-ui, -apple-system, BlinkMacSystemFont,
'Segoe UI', sans-serif;
}
@@ -18,4 +18,8 @@ html, body, p, a, address {
a {
text-decoration: none;
}
+
+html {
+ scroll-behavior: smooth;
+}
\ No newline at end of file
diff --git a/app/components/VProject.vue b/app/components/VProject.vue
new file mode 100644
index 0000000..2a493bf
--- /dev/null
+++ b/app/components/VProject.vue
@@ -0,0 +1,37 @@
+
+
+
+
+
+
↓ {{ project.title }}
+
{{ project.description }}
+
{{ project.shortDescription }}
+
+
+
+
+
+
\ No newline at end of file
diff --git a/app/layouts/default.vue b/app/layouts/default.vue
index 2a0273b..668ed2f 100644
--- a/app/layouts/default.vue
+++ b/app/layouts/default.vue
@@ -4,6 +4,6 @@
-
+
\ No newline at end of file
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 71a9aed..07ca868 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -1,6 +1,14 @@
-
-
Home not found
+
+
+
+
+
+
+
↓ {{ about.title }}
+
{{ about.description }}
+
+
+
+
+
No project at the moment ...
+
\ No newline at end of file
diff --git a/content.config.ts b/content.config.ts
index f54f53e..e32d8e2 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -1,10 +1,26 @@
-import { defineContentConfig, defineCollection } from '@nuxt/content'
+import { defineContentConfig, defineCollection, z } from '@nuxt/content'
export default defineContentConfig({
collections: {
content: defineCollection({
type: 'page',
- source: '**/*.md'
+ source: '*.md',
+ schema: z.object({
+
+ })
+ }),
+ projects: defineCollection({
+ type: 'page',
+ source: 'projects/*.md',
+ schema: z.object({
+ order: z.number(),
+ title: z.string(),
+ shortDescription: z.string(),
+ description: z.string(),
+ image: z.string(),
+ preview: z.string(),
+ isDraft: z.boolean()
+ })
})
}
})
\ No newline at end of file
diff --git a/content/about.md b/content/about.md
new file mode 100644
index 0000000..6795624
--- /dev/null
+++ b/content/about.md
@@ -0,0 +1,4 @@
+---
+title: About
+description: I'm a freelance type designer based in Grenoble, France. I collaborate with type foundries and design agencies on custom and retail projects. My design approach is grounded in the traditional type education I received at école Estienne (Paris) and my everlasting enthusiasm for expressive and lively letterforms. Since 2021, I have worked with…Letters from Sweden, Colophon Foundry, Nova Type Foundry, Black[Foundry], Université Sorbonne-Nouvelle, Spy Studio, The Imageniers – among others.
+---
\ No newline at end of file
diff --git a/content/index.md b/content/index.md
deleted file mode 100644
index d2cf256..0000000
--- a/content/index.md
+++ /dev/null
@@ -1,21 +0,0 @@
-# My First Page
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
-
-Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
\ No newline at end of file
diff --git a/content/projects/abbiocco.md b/content/projects/abbiocco.md
new file mode 100644
index 0000000..4ab1799
--- /dev/null
+++ b/content/projects/abbiocco.md
@@ -0,0 +1,7 @@
+---
+order: 2
+title: Abbiocco
+shortDescription: Humanist sans serif typeface family. Soon available.
+description: ...
+image: /images/projects/abbiocco.svg
+---
\ No newline at end of file
diff --git a/content/projects/bazaar.md b/content/projects/bazaar.md
new file mode 100644
index 0000000..15a14bb
--- /dev/null
+++ b/content/projects/bazaar.md
@@ -0,0 +1,7 @@
+---
+order: 1
+title: BAZAAR
+shortDescription: Gestural and spirited script typeface, inspired by street writing. Available at Letters from Sweden.
+description: Gestural and spirited script typeface, inspired by street writing. Available at Letters from Sweden. Letterforms are spaced extremely tightly, vary in height and balance themselves around a center line rather than sitting still on the baseline. Uppercase and lowercase follow peculiar strokes’ path, inspired by unique letterforms found in graffiti and street writing. This contributes to a very wild and fierce rhythm within words, especially in all-caps settings. Drawing BAZAAR required to question some of the most common features of a good typeface – balance and harmony. It is an ode to disorder and a tribute to those who challenge the rules. The typeface family comes in five weights, from Light to Black, and offers extensive language support along with contextual alternates and a set of icons.
+image: /images/projects/bazaar.svg
+---
\ No newline at end of file
diff --git a/content/projects/grenette.md b/content/projects/grenette.md
new file mode 100644
index 0000000..f51fc5b
--- /dev/null
+++ b/content/projects/grenette.md
@@ -0,0 +1,7 @@
+---
+order: 3
+title: Grenette
+shortDescription: Characterful and versatile serif typeface family. Developed at Colophon Foundry.
+description: ...
+image: /images/projects/grenette.svg
+---
\ No newline at end of file
diff --git a/content/projects/ica-medis.md b/content/projects/ica-medis.md
new file mode 100644
index 0000000..9317cac
--- /dev/null
+++ b/content/projects/ica-medis.md
@@ -0,0 +1,7 @@
+---
+order: 4
+title: ICA Medis
+shortDescription: Medis Black and modular style for ICA Supermarket, Stockholm, Sweden. In collaboration with Hummingbirds The Hybrid Agency & Letters from Sweden.
+description: ...
+image: /images/projects/ica-medis.svg
+---
\ No newline at end of file
diff --git a/content/projects/poolriders.md b/content/projects/poolriders.md
new file mode 100644
index 0000000..16bf754
--- /dev/null
+++ b/content/projects/poolriders.md
@@ -0,0 +1,7 @@
+---
+order: 5
+title: PoolRiders
+shortDescription: Lettering for a skateboard. Personal project.
+description: ...
+image: /images/projects/poolriders.svg
+---
\ No newline at end of file
diff --git a/public/images/projects/abbiocco.svg b/public/images/projects/abbiocco.svg
new file mode 100644
index 0000000..8383e29
--- /dev/null
+++ b/public/images/projects/abbiocco.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/projects/bazaar.svg b/public/images/projects/bazaar.svg
new file mode 100644
index 0000000..fbca261
--- /dev/null
+++ b/public/images/projects/bazaar.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/projects/grenette.svg b/public/images/projects/grenette.svg
new file mode 100644
index 0000000..617e9a9
--- /dev/null
+++ b/public/images/projects/grenette.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/projects/ica-medis.svg b/public/images/projects/ica-medis.svg
new file mode 100644
index 0000000..d4e34e9
--- /dev/null
+++ b/public/images/projects/ica-medis.svg
@@ -0,0 +1,9 @@
+
diff --git a/public/images/projects/poolriders.svg b/public/images/projects/poolriders.svg
new file mode 100644
index 0000000..37f22c2
--- /dev/null
+++ b/public/images/projects/poolriders.svg
@@ -0,0 +1,9 @@
+