Convert about me to MD

This commit is contained in:
Raven Scott 2024-09-26 02:41:22 -04:00
parent 1634778e57
commit 815cbc034a
6 changed files with 49 additions and 98 deletions

18
app.js
View File

@ -122,9 +122,23 @@ app.get('/', (req, res) => {
}); });
// About Route // About Route (Load markdown and render using EJS)
app.get('/about', (req, res) => { 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 // Display the Request a Quote form

17
me/about.md Normal file
View File

@ -0,0 +1,17 @@
# About Me
Hi, Im 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, Ive 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
Im passionate about more than just the technical side. I believe in the power of technology to bring people together, and thats why Im 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, Im 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, Im constantly looking for ways to give back to the tech community.
## Creative Side
When Im not deep in the technical world, Im 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!

View File

@ -12,73 +12,6 @@
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<!-- Custom CSS --> <!-- Custom CSS -->
<link rel="stylesheet" href="<%= process.env.HOST_URL %>/css/styles.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> </head>
<body> <body>
@ -86,7 +19,7 @@
<!-- Navigation Bar --> <!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -108,31 +41,19 @@
<!-- About Me Section --> <!-- About Me Section -->
<section class="about-me py-5"> <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> <div class="section-divider"></div>
<p class="lead">Hi, Im 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, Ive 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>Im passionate about more than just the technical side. I believe in the power of technology to bring people together, and thats why Im 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, Im 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, Im 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 Im not deep in the technical world, Im 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> </div>
</section> </section>
<!-- Footer --> <!-- Footer -->
<footer class="text-white text-center py-4"> <footer class="text-white text-center py-4">
<div class="container"> <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"> <p class="footer-links mb-3">
<a href="/" class="text-white text-decoration-none me-3">Home</a> <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> <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 %>/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> <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
</p> </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> </div>
</footer> </footer>
<!-- Bootstrap JS Bundle --> <!-- Bootstrap JS Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.bundle.min.js"></script>

View File

@ -18,7 +18,7 @@
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -53,7 +53,7 @@
<!-- Footer --> <!-- Footer -->
<footer class="text-white text-center py-4"> <footer class="text-white text-center py-4">
<div class="container"> <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"> <p class="footer-links mb-3">
<a href="/" class="text-white text-decoration-none me-3">Home</a> <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> <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 %>/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> <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
</p> </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> </div>
</footer> </footer>

View File

@ -21,7 +21,7 @@
<!-- Navigation Bar --> <!-- Navigation Bar -->
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -84,7 +84,7 @@
<!-- Footer --> <!-- Footer -->
<footer class=" text-white text-center py-4"> <footer class=" text-white text-center py-4">
<div class="container"> <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> </div>
</footer> </footer>

View File

@ -11,7 +11,7 @@
<!-- Navbar --> <!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark"> <nav class="navbar navbar-expand-lg navbar-dark">
<div class="container-fluid"> <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"> <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> <span class="navbar-toggler-icon"></span>
</button> </button>
@ -99,7 +99,7 @@
<footer class="text-white text-center py-4"> <footer class="text-white text-center py-4">
<div class="container"> <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"> <p class="footer-links mb-3">
<a href="/" class="text-white text-decoration-none me-3">Home</a> <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> <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 %>/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> <a href="<%= process.env.HOST_URL %>/rss" class="text-white text-decoration-none">RSS Feed</a>
</p> </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> </div>
</footer> </footer>