Merge branch 'jinx-vi-0:main' into main

.github/workflows/greetings.yml

@@ -0,0 +1,16 @@
+name: Greetings
+
+on: [pull_request_target, issues]
+
+jobs:
+  greeting:
+    runs-on: ubuntu-latest
+    permissions:
+      issues: write
+      pull-requests: write
+    steps:
+    - uses: actions/first-interaction@v1
+      with:
+        repo-token: ${{ secrets.GITHUB_TOKEN }}
+        issue-message: "👋 Hey there, rockstar! Thanks for dropping an issue! The BlogLog team is on it like pineapple on pizza (love it or hate it). Stick around, magic's about to happen!"
+        pr-message: "🎉 Boom! Your pull request just flew into the BlogLog HQ. High fives all around! Our team of tech wizards will check it out and get back to you faster than you can say 'code ninja!' Thanks for leveling up the project!"

public/css/style.css

@@ -337,4 +337,63 @@ img {
 
 .pagination:hover {
   color: var(--black);
-}
+}
+
+
+/* About us page  */
+.welcome-section {
+  background-color: #f9f9f9;
+  padding: 40px;
+  border-radius: 10px;
+  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
+  max-width: 800px;
+  margin: auto;
+}
+
+.welcome-section h2 {
+  font-size: 2.5rem;
+  color: #333;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.welcome-section p {
+  font-size: 1.1rem;
+  color: #555;
+  line-height: 1.6;
+  margin-bottom: 20px;
+}
+
+.features-list {
+  list-style-type: none;
+  padding: 0;
+}
+
+.features-list li {
+  background: #e0f7fa;
+  border-left: 5px solid #00796b;
+  padding: 10px 15px;
+  margin-bottom: 10px;
+  transition: background 0.3s;
+}
+
+.features-list li:hover {
+  background: #b2ebf2;
+}
+
+.welcome-section a.cta-button {
+  display: inline-block;
+  background-color: #00796b;
+  color: white;
+  padding: 15px 30px;
+  text-decoration: none;
+  border-radius: 5px;
+  font-size: 1.2rem;
+  margin: 20px auto;
+  text-align: center;
+  transition: background 0.3s;
+}
+
+.welcome-section a.cta-button:hover {
+  background-color: #004d40;
+}

views/about.ejs

@@ -1 +1,23 @@
-<h1>About</h1>
+<section class="welcome-section">
+    <h2>Welcome to BlogLog</h2>
+    <p>BlogLog is your personalized blogging companion tailored to keep track of your thoughts, experiences, and reflections in one convenient log.</p>
+
+    <h3>Key Features:</h3>
+    <ul class="features-list">
+        <li>Create new blog posts effortlessly.</li>
+        <li>Read and view individual blog posts with ease.</li>
+        <li>Update existing blog posts in a few simple steps.</li>
+        <li>Delete blog posts when they're no longer needed.</li>
+        <li>Responsive design for a seamless experience on any device.</li>
+        <li>User-friendly interface for intuitive navigation and interaction.</li>
+    </ul>
+
+    <h3>Why Choose BlogLog?</h3>
+    <p>BlogLog is designed to make blogging enjoyable and stress-free. Whether you're a seasoned writer or a first-time blogger, you'll find the tools you need to express yourself creatively.</p>
+
+
+
+    <h3>Get Started Today!</h3>
+    <p>Join our growing community of bloggers and start your journey with BlogLog today! It’s quick and easy to create your first post.</p>
+    <a href="/create-post" class="cta-button">Create Your First Post</a>
+</section>