Convert about me to MD

app.js

@@ -122,9 +122,23 @@ app.get('/', (req, res) => {
 });
 
 
-// About Route
+// About Route (Load markdown and render using EJS)
 app.get('/about', (req, res) => {
-    res.render('about', { title: `About ${process.env.OWNER_NAME}` });
+    const aboutMarkdownFile = path.join(__dirname, 'me', 'about.md');
+
+    // Read the markdown file and convert to HTML
+    fs.readFile(aboutMarkdownFile, 'utf-8', (err, data) => {
+        if (err) {
+            return res.status(500).send('Error loading About page');
+        }
+
+        const aboutContentHtml = marked(data); // Convert markdown to HTML
+
+        res.render('about', {
+            title: `About ${process.env.OWNER_NAME}`,
+            content: aboutContentHtml
+        });
+    });
 });
 
 // Display the Request a Quote form

me/about.md

@@ -0,0 +1,17 @@
+# About Me
+
+Hi, I’m Raven Scott, a Linux enthusiast and problem solver with a deep passion for technology and creativity. I thrive in environments where I can learn, experiment, and turn ideas into reality. Whether it's building systems, coding, or tackling complex technical challenges, I find joy in using technology to make life easier and more efficient.
+
+My passion for Linux and open-source technologies began early on, and since then, I’ve been on a continuous journey of growth and discovery. From troubleshooting networking issues to optimizing servers for performance, I love diving deep into the intricate details of how things work. The thrill of solving problems, especially when it comes to system security or performance optimization, is what fuels me every day.
+
+## What Drives Me
+
+I’m passionate about more than just the technical side. I believe in the power of technology to bring people together, and that’s why I’m dedicated to creating platforms and solutions that are accessible and impactful. Whether it's hosting services, developing peer-to-peer applications, or automating complex tasks, I’m always exploring new ways to push the boundaries of what's possible.
+
+Outside of work, I love contributing to community projects and sharing my knowledge with others. Helping people grow their own skills is one of the most rewarding aspects of what I do. From mentoring to writing documentation, I’m constantly looking for ways to give back to the tech community.
+
+## Creative Side
+
+When I’m not deep in the technical world, I’m exploring my creative side through music. I run my own music label, where I produce and distribute AI-generated music across all platforms. Music and technology blend seamlessly for me, as both are outlets for innovation and expression.
+
+In everything I do, from coding to creating music, my goal is to keep learning, growing, and sharing my passion with the world. If you ever want to connect, collaborate, or simply chat about tech or music, feel free to reach out!

views/about.ejs

@@ -12,73 +12,6 @@
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
     <!-- Custom CSS -->
     <link rel="stylesheet" href="<%= process.env.HOST_URL %>/css/styles.css">
-    <style>
-        /* Custom styles for a more professional look */
-        body {
-            background-color: #1a1a1a;
-            color: #e0e0e0;
-        }
-        
-
-        .about-me h2,
-        .about-me h3 {
-            color: #ffffff;
-            font-weight: bold;
-        }
-
-        .about-me p {
-            font-size: 1.1rem;
-            line-height: 1.7;
-            color: #d1d1d1;
-        }
-
-        .about-me {
-            padding: 50px 0;
-        }
-
-        .container {
-            max-width: 900px;
-            margin: auto;
-        }
-
-        .footer-logo {
-            font-size: 1.5rem;
-            font-weight: bold;
-        }
-
-        .footer-links a {
-            color: #9a9a9a;
-            font-size: 0.9rem;
-        }
-
-        .footer-links a:hover {
-            color: #ffffff;
-        }
-
-        .btn-primary {
-            background-color: #007bff;
-            border-color: #007bff;
-        }
-
-        .btn-primary:hover {
-            background-color: #0056b3;
-            border-color: #004085;
-        }
-
-        /* Add padding for better text readability */
-        .about-me p {
-            padding-bottom: 15px;
-        }
-
-        /* Separator style for sections */
-        .section-divider {
-            width: 80px;
-            height: 3px;
-            background-color: #007bff;
-            margin: 20px 0;
-            border-radius: 2px;
-        }
-    </style>
 </head>
 
 <body>
@@ -86,7 +19,7 @@
     <!-- Navigation Bar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="<%= process.env.HOST_URL %>">raven-scott.fyi</a>
+            <a class="navbar-brand" href="<%= process.env.HOST_URL %>"><%= process.env.SITE_NAME %></a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -108,31 +41,19 @@
 
     <!-- About Me Section -->
     <section class="about-me py-5">
-        <div class="container text-center">
+        <div class="container">
-            <h2 class="text-white mb-4">About Me</h2>
             <div class="section-divider"></div>
-            <p class="lead">Hi, I’m Raven Scott, a Linux enthusiast and problem solver with a deep passion for technology and creativity. I thrive in environments where I can learn, experiment, and turn ideas into reality. Whether it's building systems, coding, or tackling complex technical challenges, I find joy in using technology to make life easier and more efficient.</p>
+            <!-- Inject the HTML content generated from the markdown -->
-            
+            <div class="markdown-content">
-            <p>My passion for Linux and open-source technologies began early on, and since then, I’ve been on a continuous journey of growth and discovery. From troubleshooting networking issues to optimizing servers for performance, I love diving deep into the intricate details of how things work. The thrill of solving problems, especially when it comes to system security or performance optimization, is what fuels me every day.</p>
+                <%- content %>
-
+            </div>
-            <h3 class="text-white mt-5">What Drives Me</h3>
-            <div class="section-divider"></div>
-            <p>I’m passionate about more than just the technical side. I believe in the power of technology to bring people together, and that’s why I’m dedicated to creating platforms and solutions that are accessible and impactful. Whether it's hosting services, developing peer-to-peer applications, or automating complex tasks, I’m always exploring new ways to push the boundaries of what's possible.</p>
-            
-            <p>Outside of work, I love contributing to community projects and sharing my knowledge with others. Helping people grow their own skills is one of the most rewarding aspects of what I do. From mentoring to writing documentation, I’m constantly looking for ways to give back to the tech community.</p>
-
-            <h3 class="text-white mt-5">Creative Side</h3>
-            <div class="section-divider"></div>
-            <p>When I’m not deep in the technical world, I’m exploring my creative side through music. I run my own music label, where I produce and distribute AI-generated music across all platforms. Music and technology blend seamlessly for me, as both are outlets for innovation and expression.</p>
-
-            <p>In everything I do, from coding to creating music, my goal is to keep learning, growing, and sharing my passion with the world. If you ever want to connect, collaborate, or simply chat about tech or music, feel free to reach out!</p>
         </div>
     </section>
 
     <!-- Footer -->
     <footer class="text-white text-center py-4">
         <div class="container">
-            <h4 class="footer-logo mb-3">Never Stop Learning</h4>
+            <h4 class="footer-logo mb-3"><%= process.env.FOOTER_TAGLINE %></h4>
             <p class="footer-links mb-3">
                 <a href="/" class="text-white text-decoration-none me-3">Home</a>
                 <a href="/about" class="text-white text-decoration-none me-3">About</a>
@@ -140,11 +61,10 @@
                 <a href="<%= process.env.HOST_URL %>/sitemap.xml" class="text-white text-decoration-none me-3">Sitemap</a>
                 <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
             </p>
-            <p class="mb-0">&copy; 2024 Raven Scott. All rights reserved.</p>
+            <p class="mb-0">&copy; 2024 <%= process.env.OWNER_NAME %>. All rights reserved.</p>
         </div>
     </footer>
 
-
     <!-- Bootstrap JS Bundle -->
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>
 

views/blog-post.ejs

@@ -18,7 +18,7 @@
     <!-- Navbar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="<%= process.env.HOST_URL %>">raven-scott.fyi</a>
+            <a class="navbar-brand" href="<%= process.env.HOST_URL %>"><%= process.env.SITE_NAME %></a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -53,7 +53,7 @@
     <!-- Footer -->
     <footer class="text-white text-center py-4">
         <div class="container">
-            <h4 class="footer-logo mb-3">Never Stop Learning</h4>
+            <h4 class="footer-logo mb-3"><%= process.env.FOOTER_TAGLINE %></h4>
             <p class="footer-links mb-3">
                 <a href="/" class="text-white text-decoration-none me-3">Home</a>
                 <a href="/about" class="text-white text-decoration-none me-3">About</a>
@@ -61,7 +61,7 @@
                 <a href="<%= process.env.HOST_URL %>/sitemap.xml" class="text-white text-decoration-none me-3">Sitemap</a>
                 <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
             </p>
-            <p class="mb-0">&copy; 2024 Raven Scott. All rights reserved.</p>
+            <p class="mb-0">&copy; 2024 <%= process.env.OWNER_NAME %>. All rights reserved.</p>
         </div>
     </footer>
 

views/contact.ejs

@@ -21,7 +21,7 @@
     <!-- Navigation Bar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="<%= process.env.HOST_URL %>">raven-scott.fyi</a>
+            <a class="navbar-brand" href="<%= process.env.HOST_URL %>"><%= process.env.SITE_NAME %></a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -84,7 +84,7 @@
     <!-- Footer -->
     <footer class=" text-white text-center py-4">
         <div class="container">
-            <p class="mb-0">&copy; 2024 Raven Scott. All rights reserved.</p>
+            <p class="mb-0">&copy; 2024 <%= process.env.OWNER_NAME %>. All rights reserved.</p>
         </div>
     </footer>
 

views/index.ejs

@@ -11,7 +11,7 @@
     <!-- Navbar -->
     <nav class="navbar navbar-expand-lg navbar-dark">
         <div class="container-fluid">
-            <a class="navbar-brand" href="<%= process.env.HOST_URL %>">raven-scott.fyi</a>
+            <a class="navbar-brand" href="<%= process.env.HOST_URL %>"><%= process.env.SITE_NAME %></a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
@@ -99,7 +99,7 @@
 
     <footer class="text-white text-center py-4">
         <div class="container">
-            <h4 class="footer-logo mb-3">Never Stop Learning</h4>
+            <h4 class="footer-logo mb-3"><%= process.env.FOOTER_TAGLINE %></h4>
             <p class="footer-links mb-3">
                 <a href="/" class="text-white text-decoration-none me-3">Home</a>
                 <a href="/about" class="text-white text-decoration-none me-3">About</a>
@@ -107,7 +107,7 @@
                 <a href="<%= process.env.HOST_URL %>/sitemap.xml" class="text-white text-decoration-none me-3">Sitemap</a>
                 <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
             </p>
-            <p class="mb-0">&copy; 2024 Raven Scott. All rights reserved.</p>
+            <p class="mb-0">&copy; 2024 <%= process.env.OWNER_NAME %>. All rights reserved.</p>
         </div>
     </footer>