From 1a10fcdf4955b8aada9294b3b46a119e5a290885 Mon Sep 17 00:00:00 2001
From: Eli Winderickx <eli.winderickx@student.ap.be>
Date: Sun, 24 Mar 2024 20:34:27 +0100
Subject: [PATCH] Grafische overhoal & Post sort 	modified:  
 components/BlogList.js 	modified:   components/Header.js 
 modified:   components/Layout.js 	deleted:    data/info.md 	new
 file:   data/over.md 	renamed:    pages/info.js -> pages/over.js 
 renamed:    posts/24Jun-zabbix-prom.md -> posts/23-06-24-zabbix-prom.md 
 renamed:    posts/1Jul-SELinuxMetZabbix.md ->
 posts/23-07-01-SELinuxMetZabbix.md 	renamed:   
 posts/9Jul-zabbix-ha-cluster.md -> posts/23-07-09-Zabbix-ha-cluster.md 
 renamed:    posts/16Jul-rebranding-zabbix.md ->
 posts/23-07-16-Rebranding-zabbix.md 	renamed:    posts/21Jul-OpenSSH.md ->
 posts/23-07-21-OpenSSH.md 	renamed:    posts/22Jul-Permissions.md ->
 posts/23-07-22-Permissions.md 	renamed:    posts/24Jul-SyncRepo.md ->
 posts/23-07-24-SyncRepo.md 	renamed:    posts/28Jul-SystemdApps.md ->
 posts/23-07-28-SystemdApps.md 	renamed:    posts/31Jul-SELinux.md ->
 posts/23-07-31-SELinux.md 	renamed:    posts/1Aug-Documentatie.md ->
 posts/23-08-01-Documentatie.md 	renamed:    posts/10Aug-AWK_basis.md
 -> posts/23-08-10-AWK_basis.md 	renamed:    posts/16Aug-GetAGrep.md ->
 posts/23-08-16-GetAGrep.md 	renamed:    posts/23Aug-Git_masterclass.md ->
 posts/23-08-23-Git_masterclass.md 	renamed:   
 posts/30Aug-ZabbixBackup.md -> posts/23-08-30-ZabbixBackup.md 	renamed:   
 posts/6Sept-Kickstart.md -> posts/23-09-06-Kickstart.md 	renamed:   
 posts/27Sept-GitlabUpgrade.md -> posts/23-09-27-GitlabUpgrade.md 
 renamed:    posts/4Okt-HashicorpVault.md -> posts/23-10-04-HashicorpVault.md 
 renamed:    posts/8Okt-Certbot.md -> posts/23-10-08-Certbot.md 
 renamed:    posts/11Okt-HashicorpVault.md -> posts/23-10-11-HashicorpVault.md
 	renamed:    posts/12Okt_ACL.md -> posts/23-10-12-ACL.md 
 renamed:    posts/18Okt-InABind.md -> posts/23-10-18-InABind.md 
 renamed:    posts/23Okt-Autofs.md -> posts/23-10-23-Autofs.md 	renamed:   
 posts/25Okt-RPM.md -> posts/23-10-25-RPM.md 	renamed:   
 posts/26Okt-Journald.md -> posts/23-10-26-Journald.md 	modified:  
 styles/Info.module.css

---
 components/BlogList.js                         |  8 +++++++-
 components/Header.js                           |  6 +++---
 components/Layout.js                           |  2 +-
 data/info.md                                   | 17 -----------------
 data/over.md                                   | 18 ++++++++++++++++++
 pages/{info.js => over.js}                     |  2 +-
 ...-zabbix-prom.md => 23-06-24-zabbix-prom.md} |  0
 ...tZabbix.md => 23-07-01-SELinuxMetZabbix.md} |  0
 ...luster.md => 23-07-09-Zabbix-ha-cluster.md} |  0
 ...zabbix.md => 23-07-16-Rebranding-zabbix.md} |  0
 .../{21Jul-OpenSSH.md => 23-07-21-OpenSSH.md}  |  0
 ...-Permissions.md => 23-07-22-Permissions.md} |  0
 ...{24Jul-SyncRepo.md => 23-07-24-SyncRepo.md} |  0
 ...-SystemdApps.md => 23-07-28-SystemdApps.md} |  0
 .../{31Jul-SELinux.md => 23-07-31-SELinux.md}  |  0
 ...ocumentatie.md => 23-08-01-Documentatie.md} |  0
 ...0Aug-AWK_basis.md => 23-08-10-AWK_basis.md} |  0
 ...{16Aug-GetAGrep.md => 23-08-16-GetAGrep.md} |  0
 ...terclass.md => 23-08-23-Git_masterclass.md} |  0
 ...abbixBackup.md => 23-08-30-ZabbixBackup.md} |  0
 ...Sept-Kickstart.md => 23-09-06-Kickstart.md} |  0
 ...labUpgrade.md => 23-09-27-GitlabUpgrade.md} |  0
 ...corpVault.md => 23-10-04-HashicorpVault.md} |  0
 posts/{8Okt-Certbot.md => 23-10-08-Certbot.md} |  0
 ...corpVault.md => 23-10-11-HashicorpVault.md} |  0
 posts/{12Okt_ACL.md => 23-10-12-ACL.md}        |  0
 .../{18Okt-InABind.md => 23-10-18-InABind.md}  |  0
 posts/{23Okt-Autofs.md => 23-10-23-Autofs.md}  |  0
 posts/{25Okt-RPM.md => 23-10-25-RPM.md}        |  0
 ...{26Okt-Journald.md => 23-10-26-Journald.md} |  0
 styles/Info.module.css                         | 18 ++++++++++++++++++
 31 files changed, 48 insertions(+), 23 deletions(-)
 delete mode 100644 data/info.md
 create mode 100644 data/over.md
 rename pages/{info.js => over.js} (93%)
 rename posts/{24Jun-zabbix-prom.md => 23-06-24-zabbix-prom.md} (100%)
 rename posts/{1Jul-SELinuxMetZabbix.md => 23-07-01-SELinuxMetZabbix.md} (100%)
 rename posts/{9Jul-zabbix-ha-cluster.md => 23-07-09-Zabbix-ha-cluster.md} (100%)
 rename posts/{16Jul-rebranding-zabbix.md => 23-07-16-Rebranding-zabbix.md} (100%)
 rename posts/{21Jul-OpenSSH.md => 23-07-21-OpenSSH.md} (100%)
 rename posts/{22Jul-Permissions.md => 23-07-22-Permissions.md} (100%)
 rename posts/{24Jul-SyncRepo.md => 23-07-24-SyncRepo.md} (100%)
 rename posts/{28Jul-SystemdApps.md => 23-07-28-SystemdApps.md} (100%)
 rename posts/{31Jul-SELinux.md => 23-07-31-SELinux.md} (100%)
 rename posts/{1Aug-Documentatie.md => 23-08-01-Documentatie.md} (100%)
 rename posts/{10Aug-AWK_basis.md => 23-08-10-AWK_basis.md} (100%)
 rename posts/{16Aug-GetAGrep.md => 23-08-16-GetAGrep.md} (100%)
 rename posts/{23Aug-Git_masterclass.md => 23-08-23-Git_masterclass.md} (100%)
 rename posts/{30Aug-ZabbixBackup.md => 23-08-30-ZabbixBackup.md} (100%)
 rename posts/{6Sept-Kickstart.md => 23-09-06-Kickstart.md} (100%)
 rename posts/{27Sept-GitlabUpgrade.md => 23-09-27-GitlabUpgrade.md} (100%)
 rename posts/{4Okt-HashicorpVault.md => 23-10-04-HashicorpVault.md} (100%)
 rename posts/{8Okt-Certbot.md => 23-10-08-Certbot.md} (100%)
 rename posts/{11Okt-HashicorpVault.md => 23-10-11-HashicorpVault.md} (100%)
 rename posts/{12Okt_ACL.md => 23-10-12-ACL.md} (100%)
 rename posts/{18Okt-InABind.md => 23-10-18-InABind.md} (100%)
 rename posts/{23Okt-Autofs.md => 23-10-23-Autofs.md} (100%)
 rename posts/{25Okt-RPM.md => 23-10-25-RPM.md} (100%)
 rename posts/{26Okt-Journald.md => 23-10-26-Journald.md} (100%)

diff --git a/components/BlogList.js b/components/BlogList.js
index b1fa155..eeb470f 100644
--- a/components/BlogList.js
+++ b/components/BlogList.js
@@ -17,7 +17,13 @@ const BlogList = ({ allBlogs }) => {
         <ul>
             {
                 allBlogs && allBlogs.length > 1 &&
-                allBlogs.map(post => (
+                allBlogs
+                .sort((post1,post2) => {
+                    if(post1.slug < post2.slug) return 1
+                    if(post1.slug > post2.slug) return -1
+                    return 0
+                })
+                .map(post => (
                     <li key={post.slug}>
                         <Link href={{ pathname: `/blog/${post.slug}` }} className={styles.blog__link}>
                             <div className={styles.hero_image}>
diff --git a/components/Header.js b/components/Header.js
index c760e2e..2bb9fcb 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -2,7 +2,7 @@ import Link from "next/link"
 import styles from "../styles/Header.module.css"
 
 export default function Header(props) {
-    const isInfoPage = typeof window !== "undefined" && window.location.pathname === "/info"
+    const isInfoPage = typeof window !== "undefined" && window.location.pathname === "/over"
 
     return (
         <header className={styles.header}>
@@ -15,8 +15,8 @@ export default function Header(props) {
                     <h1>{props.siteTitle}</h1>
                 </Link>
                 <div>
-                    <Link href={isInfoPage ? "/" : "/info"}>
-                        <h1>{isInfoPage ? "close" : "info"}</h1>
+                    <Link href={isInfoPage ? "/" : "/over"}>
+                        <h1>{isInfoPage ? "sluiten" : "over deze blog"}</h1>
                     </Link>
                 </div>
             </nav>
diff --git a/components/Layout.js b/components/Layout.js
index 0e66320..721eba8 100644
--- a/components/Layout.js
+++ b/components/Layout.js
@@ -8,7 +8,7 @@ export default function Layout(props) {
           className={styles.layout}
           style={{
             backgroundColor: `${props.bgColor && props.bgColor}`,
-            color: props.pathname === "info" ? "white" : undefined
+            color: props.pathname === "over" ? "white" : undefined
           }}
       >
         <Meta
diff --git a/data/info.md b/data/info.md
deleted file mode 100644
index 990bbb8..0000000
--- a/data/info.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-title: info page
-background_color: '#d5d3c5'
----
-## Welkom op deze blog
-
-Bedankt voor je bezoek. Hopelijk heb je iets aan deze blog. Je kan steeds contact opnemen met mij via onderstaande platformen. Aarzel niet en neem gerust contact op!
-
-- [Github](https://github.com/winderickxeli)
-- [Gitlab](https://gitlab.com/eliwinderickx)
-- [LinkedIn](https://www.linkedin.com/in/eli-winderickx-507944223)
-
-Vriendelijke groet
-
-Eli
-
-![](/eli.jpg)
\ No newline at end of file
diff --git a/data/over.md b/data/over.md
new file mode 100644
index 0000000..ce96bc4
--- /dev/null
+++ b/data/over.md
@@ -0,0 +1,18 @@
+---
+title: Over page
+background_color: '#d5d3c5'
+---
+## Welkom op deze blog
+
+Hier probeer ik interessante weetjes te verzamelen over de producten waarmee ik werk. Dit varieert van Red Hat producten, Zabbix en andere Linux gerelateerde producten. Met jouw vragen kan je steeds terecht op onderstaande platformen.
+
+Aarzel dus niet en neem gerust contact op!
+
+- [Gitlab](https://gitlab.com/eliwinderickx)
+- [Github](https://github.com/winderickxeli)
+- [LinkedIn](https://www.linkedin.com/in/eli-winderickx-507944223)
+
+![](/eli.jpg)
+
+Eli
+
diff --git a/pages/info.js b/pages/over.js
similarity index 93%
rename from pages/info.js
rename to pages/over.js
index 4a39669..2dae3f1 100644
--- a/pages/info.js
+++ b/pages/over.js
@@ -18,7 +18,7 @@ export default function Info({ frontmatter, markdownBody, title }) {
 }
 
 export async function getStaticProps() {
-  const content = await import(`../data/info.md`)
+  const content = await import(`../data/over.md`)
   const config = await import(`../data/config.json`)
 
   const data = matter(content.default)
diff --git a/posts/24Jun-zabbix-prom.md b/posts/23-06-24-zabbix-prom.md
similarity index 100%
rename from posts/24Jun-zabbix-prom.md
rename to posts/23-06-24-zabbix-prom.md
diff --git a/posts/1Jul-SELinuxMetZabbix.md b/posts/23-07-01-SELinuxMetZabbix.md
similarity index 100%
rename from posts/1Jul-SELinuxMetZabbix.md
rename to posts/23-07-01-SELinuxMetZabbix.md
diff --git a/posts/9Jul-zabbix-ha-cluster.md b/posts/23-07-09-Zabbix-ha-cluster.md
similarity index 100%
rename from posts/9Jul-zabbix-ha-cluster.md
rename to posts/23-07-09-Zabbix-ha-cluster.md
diff --git a/posts/16Jul-rebranding-zabbix.md b/posts/23-07-16-Rebranding-zabbix.md
similarity index 100%
rename from posts/16Jul-rebranding-zabbix.md
rename to posts/23-07-16-Rebranding-zabbix.md
diff --git a/posts/21Jul-OpenSSH.md b/posts/23-07-21-OpenSSH.md
similarity index 100%
rename from posts/21Jul-OpenSSH.md
rename to posts/23-07-21-OpenSSH.md
diff --git a/posts/22Jul-Permissions.md b/posts/23-07-22-Permissions.md
similarity index 100%
rename from posts/22Jul-Permissions.md
rename to posts/23-07-22-Permissions.md
diff --git a/posts/24Jul-SyncRepo.md b/posts/23-07-24-SyncRepo.md
similarity index 100%
rename from posts/24Jul-SyncRepo.md
rename to posts/23-07-24-SyncRepo.md
diff --git a/posts/28Jul-SystemdApps.md b/posts/23-07-28-SystemdApps.md
similarity index 100%
rename from posts/28Jul-SystemdApps.md
rename to posts/23-07-28-SystemdApps.md
diff --git a/posts/31Jul-SELinux.md b/posts/23-07-31-SELinux.md
similarity index 100%
rename from posts/31Jul-SELinux.md
rename to posts/23-07-31-SELinux.md
diff --git a/posts/1Aug-Documentatie.md b/posts/23-08-01-Documentatie.md
similarity index 100%
rename from posts/1Aug-Documentatie.md
rename to posts/23-08-01-Documentatie.md
diff --git a/posts/10Aug-AWK_basis.md b/posts/23-08-10-AWK_basis.md
similarity index 100%
rename from posts/10Aug-AWK_basis.md
rename to posts/23-08-10-AWK_basis.md
diff --git a/posts/16Aug-GetAGrep.md b/posts/23-08-16-GetAGrep.md
similarity index 100%
rename from posts/16Aug-GetAGrep.md
rename to posts/23-08-16-GetAGrep.md
diff --git a/posts/23Aug-Git_masterclass.md b/posts/23-08-23-Git_masterclass.md
similarity index 100%
rename from posts/23Aug-Git_masterclass.md
rename to posts/23-08-23-Git_masterclass.md
diff --git a/posts/30Aug-ZabbixBackup.md b/posts/23-08-30-ZabbixBackup.md
similarity index 100%
rename from posts/30Aug-ZabbixBackup.md
rename to posts/23-08-30-ZabbixBackup.md
diff --git a/posts/6Sept-Kickstart.md b/posts/23-09-06-Kickstart.md
similarity index 100%
rename from posts/6Sept-Kickstart.md
rename to posts/23-09-06-Kickstart.md
diff --git a/posts/27Sept-GitlabUpgrade.md b/posts/23-09-27-GitlabUpgrade.md
similarity index 100%
rename from posts/27Sept-GitlabUpgrade.md
rename to posts/23-09-27-GitlabUpgrade.md
diff --git a/posts/4Okt-HashicorpVault.md b/posts/23-10-04-HashicorpVault.md
similarity index 100%
rename from posts/4Okt-HashicorpVault.md
rename to posts/23-10-04-HashicorpVault.md
diff --git a/posts/8Okt-Certbot.md b/posts/23-10-08-Certbot.md
similarity index 100%
rename from posts/8Okt-Certbot.md
rename to posts/23-10-08-Certbot.md
diff --git a/posts/11Okt-HashicorpVault.md b/posts/23-10-11-HashicorpVault.md
similarity index 100%
rename from posts/11Okt-HashicorpVault.md
rename to posts/23-10-11-HashicorpVault.md
diff --git a/posts/12Okt_ACL.md b/posts/23-10-12-ACL.md
similarity index 100%
rename from posts/12Okt_ACL.md
rename to posts/23-10-12-ACL.md
diff --git a/posts/18Okt-InABind.md b/posts/23-10-18-InABind.md
similarity index 100%
rename from posts/18Okt-InABind.md
rename to posts/23-10-18-InABind.md
diff --git a/posts/23Okt-Autofs.md b/posts/23-10-23-Autofs.md
similarity index 100%
rename from posts/23Okt-Autofs.md
rename to posts/23-10-23-Autofs.md
diff --git a/posts/25Okt-RPM.md b/posts/23-10-25-RPM.md
similarity index 100%
rename from posts/25Okt-RPM.md
rename to posts/23-10-25-RPM.md
diff --git a/posts/26Okt-Journald.md b/posts/23-10-26-Journald.md
similarity index 100%
rename from posts/26Okt-Journald.md
rename to posts/23-10-26-Journald.md
diff --git a/styles/Info.module.css b/styles/Info.module.css
index 6036f89..efe5c9a 100644
--- a/styles/Info.module.css
+++ b/styles/Info.module.css
@@ -13,4 +13,22 @@
     .info_blurb {
       padding: 3rem;
     }
+  }
+
+  .info_blurb img {
+    width: 75px;
+    border-radius: 50%;
+    border: solid 1px #ebebeb;
+    transition: all 0.4s;
+  }
+
+  .info_blurb img:hover {
+    border-radius: 10%;
+    border: solid 1px #ebebeb;
+    transition: all 0.4s;
+  }
+
+  .info_blurb ul {
+    list-style-type: "@ ";
+    list-style-position: inside;
   }
\ No newline at end of file