chore: feedback apply

app/app.config.ts

@@ -1,7 +1,7 @@
 export default defineAppConfig({
   metaTitle: 'La boite aux lettres - Laurette Colmard',
   metaDesc:'Characters with character, by type designer Laurette Colmard.',
-  title: 'La Boîte aux lettres',
+  title: 'La Boîte aux lettres - Laurette Colmard',
   description: "Characters with character,",
   description2: "by type designer Laurette Colmard."
 })

app/components/AppFooter.vue

@@ -2,11 +2,13 @@
 const appConfig = useAppConfig()
 
 onMounted(() => {
-  const protectedEmail = document.getElementById('protected-email')
-
-  if(protectedEmail)
-    protectedEmail.innerHTML = 'moc.' + 'liamg' + '@' + 'dramloc.' + 'ettelrual';
+  const protectedEmail = document.getElementById('protected-email') as HTMLAnchorElement
 
+  if (protectedEmail) {
+    const email = 'laurette.colmard' + '@' + 'gmail' + '.' + 'com'
+    protectedEmail.href = 'mailto:' + email
+    protectedEmail.innerHTML = 'moc.' + 'liamg' + '@' + 'dramloc.' + 'etterual'
+  }
 })
 </script>
 
@@ -17,7 +19,7 @@ onMounted(() => {
       <address>
         Laurette Colmard<br>
         29 rue Colonel Bougault, 38100 Grenoble (FR)<br>
-        <span id="protected-email" class="protected"></span>
+        <a id="protected-email" class="protected"></a>
       </address>
     </div>
   </footer>
@@ -27,6 +29,8 @@ onMounted(() => {
 .protected {
   unicode-bidi: bidi-override;
   direction: rtl;
+  color: inherit;
+  text-decoration: none;
 }
 
 footer {

app/components/VProject.vue

@@ -129,7 +129,7 @@ header {
   background: transparent;
   color: #FFFFFF;
   border-radius: 16px;
-  border: 0.5px solid var(--primary-color);
+  border: 2px solid var(--primary-color);
   padding: 0.3rem 0.4rem;
   font-size: 1.25rem;
   margin-top: 0.85rem;

app/pages/index.vue

@@ -2,7 +2,7 @@
 const appConfig = useAppConfig()
 const route = useRoute()
 
-const PROJECTS_PER_PAGE = 7
+const PROJECTS_PER_PAGE = 8
 const displayCount = ref(PROJECTS_PER_PAGE)
 
 const { data: projects } = await useAsyncData(`projects-${route.path}`, async () => {

content/projects/bazaar.md

@@ -5,5 +5,5 @@ shortDescription: Gestural and spirited script typeface, inspired by street writ
 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
 toggleUrl: https://lettersfromsweden.se/font/bazaar
-toggleText: See the font !
+toggleText: Buy the font !
 ---