Fixed some issues of blog posts

FahadLive · FahadLive · commit 7ba621ba305b · 2025-05-03T20:54:05.000+05:30
diff --git a/dist/.htaccess b/dist/.htaccess
@@ -0,0 +1,15 @@
+<IfModule mod_rewrite.c>
+  RewriteEngine On
+  RewriteBase /
+  RewriteRule ^index\.html$ - [L]
+  RewriteCond %{REQUEST_FILENAME} !-f
+  RewriteCond %{REQUEST_FILENAME} !-d
+  RewriteRule . /index.html [L]
+</IfModule>
+
+# php -- BEGIN cPanel-generated handler, do not edit
+# Set the “ea-php74” package as the default “PHP” programming language.
+<IfModule mime_module>
+  AddHandler application/x-httpd-ea-php74 .php .php7 .phtml
+</IfModule>
+# php -- END cPanel-generated handler, do not edit
diff --git a/dist/assets/index-Bs_CXERY.css b/dist/assets/index-Bs_CXERY.css
diff --git a/dist/assets/index-CQKjEJDG.js b/dist/assets/index-CQKjEJDG.js
diff --git a/dist/assets/index-D-2kAQSl.css b/dist/assets/index-D-2kAQSl.css
diff --git a/dist/index.html b/dist/index.html
@@ -22,8 +22,8 @@
         <meta property="og:url" content="https://foss.gecskp.ac.in/" />
         <meta property="og:type" content="website" />
         <title>FOSS Club</title>
-      <script type="module" crossorigin src="/assets/index-BIYiA-_V.js"></script>
-      <link rel="stylesheet" crossorigin href="/assets/index-Bs_CXERY.css">
+      <script type="module" crossorigin src="/assets/index-CQKjEJDG.js"></script>
+      <link rel="stylesheet" crossorigin href="/assets/index-D-2kAQSl.css">
     </head>
     <body>
         <div id="app"></div>
diff --git a/package.json b/package.json
@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "preview": "vite preview",
-    "build": "vite build  && shx cp .htaccess dist/",
+    "build": "vite build  && npx shx cp .htaccess dist/",
     "type-check": "vue-tsc --build"
   },
   "dependencies": {
diff --git a/src/App.vue b/src/App.vue
@@ -124,6 +124,11 @@ export default {
 </script>
 
 <style>
+:root {
+    --background-color: #121212;
+    --text-color: white;
+}
+
 .app-loader {
     position: fixed;
     top: 0;
@@ -150,6 +155,7 @@ body,
 html {
     width: 100%;
     height: 100%;
+    overscroll-behavior: none;
     overflow-x: hidden;
 }
 
@@ -178,7 +184,7 @@ html {
         ),
         linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
     background-size: 40px 40px;
-    z-index: 1;
+    z-index: 0;
     pointer-events: none;
 }
 
diff --git a/src/assets/base.css b/src/assets/base.css
diff --git a/src/assets/blog/os-chaaykadha-2.md b/src/assets/blog/os-chaaykadha-2.md
@@ -2,6 +2,7 @@
 title: ഒരു OpenSource ചായകഥ ☕️
 date: 2025-04-10
 description: an informal gathering that blended the warmth of a tea party with the excitement of open-source technology and friendly competition.
+author: Mohammed Fahad
 coverImage: /images/blog/os-chaayakdha-2/os-chaayakadha-poster.png
 ---
 
@@ -11,7 +12,7 @@ On April 10th, 2025, the FOSS Club hosted "ഒരു OpenSource ചായകഥ"
 
 The event kicked off with Fahad providing a fantastic introduction to the FOSS Club itself, along with a sneak peek into the fascinating worlds of Google Arcade and Hack Club.  Arul then expertly guided us through the ins and outs of Google Arcade, answering our burning questions as we sipped on steaming cups of tea.  The perfect blend of information and relaxation!
 
-Following the informative session, we transitioned into a lively round of Skribbl.io, unleashing our inner artists (or at least, attempting to!). The friendly competition and laughter were infectious, a great way to break the ice and foster a sense of community.
+Following the informative session, we transitioned into a lively round of Skribbl io, unleashing our inner artists (or at least, attempting to!). The friendly competition and laughter were infectious, a great way to break the ice and foster a sense of community.
 
 Next up, Fahad from CSE (yes, we had two Fahads – one from CSE and one from EC – making it a truly collaborative effort!) delivered an insightful presentation on Hack Club, highlighting its incredible opportunities for teenagers. He encouraged attendees to spread the word to their younger siblings and cousins, emphasizing the potential for growth and learning within the community.
 
diff --git a/src/assets/blog/world-map-explorer-release.md b/src/assets/blog/world-map-explorer-release.md
@@ -2,6 +2,7 @@
 title: World Map Explorer Takes Flight 🗺️
 date: 2025-03-27
 description: A successful launch event jointly hosted by FOSS Cell GEC Palakkad and IEEE SB GEC Palakkad
+author: Mohammed Fahad
 coverImage: /images/blog/world-map-explorer-release/world-map-explorer-release-poster.jpeg
 ---
 
diff --git a/src/assets/main.css b/src/assets/main.css
@@ -1 +0,0 @@
-@import "./base.css";
diff --git a/src/utils/blog.js b/src/utils/blog.js
@@ -28,6 +28,7 @@ export async function getPostList() {
       date: data.date,
       description: data.description,
       coverImage: data.coverImage || null,
+      author: data.author || "Core Team Member",
       content: md.render(content),
     });
   }
diff --git a/src/views/BlogPost.vue b/src/views/BlogPost.vue
@@ -5,8 +5,7 @@
         </div>
         <div class="post-header">
             <h1 class="post-title">{{ post.title }}</h1>
-            <p class="description">{{ post.description }}</p>
-            <p class="date">{{ formatDate(post.date) }}</p>
+            <p class="date">{{ post.author }} · {{ formatDate(post.date) }}</p>
         </div>
         <div class="post-content" v-html="post.content"></div>
     </div>
@@ -46,6 +45,7 @@ export default {
         this.pageTitle = this.post.title;
         this.pageDescription = this.post.description;
         this.imageUrl = this.post.coverImage;
+        this.author = this.post.author;
     },
     methods: {
         formatDate(date) {
@@ -61,39 +61,39 @@ export default {
 
 <style scoped>
 .blog-post {
-    font-family: poppins;
+    font-family: Poppins;
     max-width: 800px;
     margin: 0 auto;
     padding-bottom: 100px;
 }
 
 .post-title {
     font-weight: bolder;
-    font-size: 36px;
+    font-size: 3em;
 }
 
 .description {
-    font-size: 16px;
-    font-weight: light;
+    font-size: 1.2em;
+    font-weight: lighter;
     padding-bottom: 15px;
 }
 .post-header {
     margin-bottom: 30px;
     padding-bottom: 20px;
-    border-bottom: 1px solid #eee;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
 }
 
 .date {
-    color: #666;
-    font-size: 0.9em;
+    color: rgba(255, 255, 255, 0.6);
+    font-size: 1em;
 }
 
 .post-content {
     display: flex;
     flex-direction: column;
-    line-height: 2;
-    z-index: 10;
-    gap: 16px;
+    line-height: 2.2;
+    gap: 48px;
+    font-size: 1.2em;
 }
 
 .post-content :deep(img) {
