From 5f835577bcba56c7f82018165372f98f1978e8be Mon Sep 17 00:00:00 2001
From: Valery Melou <me@valerymelou.com>
Date: Sun, 28 Jul 2024 03:25:22 +0100
Subject: [PATCH 1/2] fix: center the content on larger screens

---
 .../src/lib/blog-article.component.html       |  2 +-
 .../base-layout/base-layout.component.html    |  2 +-
 .../src/lib/footer/footer.component.html      | 42 ++++++++++---------
 3 files changed, 24 insertions(+), 22 deletions(-)

diff --git a/libs/blog/feature-article/src/lib/blog-article.component.html b/libs/blog/feature-article/src/lib/blog-article.component.html
index 8b031e5..90f352b 100644
--- a/libs/blog/feature-article/src/lib/blog-article.component.html
+++ b/libs/blog/feature-article/src/lib/blog-article.component.html
@@ -1,4 +1,4 @@
-<article class="relative max-w-3xl pt-10">
+<article class="relative my-10">
   <a routerLink="/blog" ui-flat-button color="accent" class="mb-4">
     <ng-icon name="bootstrapArrowLeft" strokeWidth="5" size="20"></ng-icon>
     <span class="ml-3">Articles</span>
diff --git a/libs/shared/layout/src/lib/base-layout/base-layout.component.html b/libs/shared/layout/src/lib/base-layout/base-layout.component.html
index c42566d..9a96b14 100644
--- a/libs/shared/layout/src/lib/base-layout/base-layout.component.html
+++ b/libs/shared/layout/src/lib/base-layout/base-layout.component.html
@@ -2,7 +2,7 @@
   <app-navbar></app-navbar>
   <app-social-bar></app-social-bar>
   <main
-    class="mx-5 flex flex-1 flex-col pt-20 lg:mx-[272px] lg:pt-0"
+    class="mx-5 flex w-full max-w-3xl flex-1 flex-col pt-20 lg:mx-auto lg:pt-0"
     [@routeAnimations]="prepareRoute()"
   >
     <router-outlet #outlet="outlet"></router-outlet>
diff --git a/libs/shared/layout/src/lib/footer/footer.component.html b/libs/shared/layout/src/lib/footer/footer.component.html
index 5276929..c655af6 100644
--- a/libs/shared/layout/src/lib/footer/footer.component.html
+++ b/libs/shared/layout/src/lib/footer/footer.component.html
@@ -1,24 +1,7 @@
-<footer class="mx-5 flex items-center py-8 text-sm font-light lg:mx-[272px]">
+<footer
+  class="mx-5 flex w-full max-w-3xl items-center py-8 text-sm font-light lg:mx-auto"
+>
   <div class="grid grid-cols-2 gap-8">
-    <div class="col-span-2 flex flex-col sm:col-span-1">
-      <p class="mt-auto">
-        The code of this website is available on
-        <a
-          href="https://github.com/valerymelou/valerymelou.com"
-          ui-link
-          target="_blank"
-          rel="noopener"
-          >GitHub</a
-        >.
-      </p>
-      <p>
-        All the content is from me and edited in
-        <a href="https://contentful.com" ui-link target="_blank" rel="noopener"
-          >Contentful</a
-        >.
-      </p>
-      <p class="text-sm">&copy; {{ date | date: 'yyyy' }} Valery Melou.</p>
-    </div>
     <div class="col-span-2 sm:col-span-1">
       <p>
         Coded in
@@ -54,5 +37,24 @@
         >.
       </p>
     </div>
+    <div class="col-span-2 flex flex-col sm:col-span-1">
+      <p class="mt-auto">
+        The code of this website is available on
+        <a
+          href="https://github.com/valerymelou/valerymelou.com"
+          ui-link
+          target="_blank"
+          rel="noopener"
+          >GitHub</a
+        >.
+      </p>
+      <p>
+        All the content is from me and edited in
+        <a href="https://contentful.com" ui-link target="_blank" rel="noopener"
+          >Contentful</a
+        >.
+      </p>
+      <p class="text-sm">&copy; {{ date | date: 'yyyy' }} Valery Melou.</p>
+    </div>
   </div>
 </footer>

From bbd0ebf257b449ca7ca3db19bb42452df456fbfb Mon Sep 17 00:00:00 2001
From: Valery Melou <me@valerymelou.com>
Date: Sun, 28 Jul 2024 04:33:59 +0100
Subject: [PATCH 2/2] feat: remove abstract from article body

---
 .../feature-article/src/lib/blog-article.component.html     | 6 ------
 1 file changed, 6 deletions(-)

diff --git a/libs/blog/feature-article/src/lib/blog-article.component.html b/libs/blog/feature-article/src/lib/blog-article.component.html
index 90f352b..8a4f164 100644
--- a/libs/blog/feature-article/src/lib/blog-article.component.html
+++ b/libs/blog/feature-article/src/lib/blog-article.component.html
@@ -30,12 +30,6 @@
     </figure>
   }
 
-  <p class="my-10">
-    {{ article.abstract }}
-  </p>
-
-  <hr class="my-10 border-slate-200 dark:border-slate-700" />
-
   <div class="mb-10">
     <div [cfRichTextDocument]="article.content">
       <ng-container *cfRichTextNode="BLOCKS.HEADING_1; let node = node">