New Logo , Moved All .md files into posts (#17)

* Navbar link changed and also changed the view of maintainers page with a y-axis scroll * logo and group photo change * use latest community photo * all the .md files are moved to the posts subfolder need to create a layout so that all the markdown files will be styled Changed the logo from the old one to the new one * tweaks * class to className navbar div * updated about.md and removed unused dep from osm --------- Co-authored-by: Akshay S Dinesh <[email protected]>
osmkerala · Nov 6, 2023 · 72ffe62 · 72ffe62
1 parent 1a2d760
commit 72ffe62
Show file tree

Hide file tree

Showing 10 changed files with 122 additions and 159 deletions.
diff --git a/public/group_photo.jpeg b/public/group_photo.jpeg
diff --git a/src/components/navbar.jsx b/src/components/navbar.jsx
@@ -13,8 +13,8 @@ export default function Navbar() {
           <div className="m-2 p-2 container mx-auto">
             <div className="flex justify-between items-center">
               <div className="flex items-center">
-                <div>
-                  <img src="/osmkerala.png" alt="logo" width={100} />
+                <div className=" pr-4">
+                  <img src="/osm_logo/[email protected]" alt="logo" width={70} />
                 </div>
                 <a href="/">
                   <div className="text-3xl font-bold">OSM Kerala</div>

diff --git a/src/layouts/BlogPostLayout.astro b/src/layouts/BlogPostLayout.astro
@@ -3,6 +3,7 @@ const { frontmatter } = Astro.props;
 import Footer from '../components/elements/footer.astro';
 import Navbar from '../components/navbar.jsx';
 ---
+
 <!doctype html>
 <html lang="en">
 <head>
@@ -11,51 +12,21 @@ import Navbar from '../components/navbar.jsx';
   <meta name="viewport" content="width=device-width" />
   <link rel="icon" type="image/svg+xml" href="/osmkerala.png" />
   <meta name="generator" content={Astro.generator} />
-  <!-- <title>{title}</title> -->
-  <style>
-    h1 {
-      font-size: 2em;
-      /* Add any other styles you want for h1 */
-    }
-  </style>
+  <title>{frontmatter.title}</title> <!-- You can include the title from frontmatter -->
 </head>
 <body>
   <Navbar client:load />
-  <div class="m-2 p-2 ">
+  <div class="m-2 p-2">
     <h1 class="text-3xl font-bold">{frontmatter.title}</h1>
-    <h2 class="text-xl font-medium">{frontmatter.description}</h2>
-    <p>{frontmatter.description}</p>
-    <slot>
-      <h1 class="font-bold"></h1>
-    </slot> <!-- Markdown content is injected here -->
+    <p class="text-lg font-bold">{frontmatter.description}</p>
+    <h3 class="text-md font-semibold">Author: {frontmatter.author}</h3>
+    <hr class="border-black my-4" />
+    <div class="p-2 m-2"> <!-- Applies default styles for Markdown content -->
+      <!-- Markdown content is injected here -->
+      <slot>
+      </slot>
+    </div>
   </div>
-  <Footer/>
+  <Footer />
 </body>
 </html>
-
-<style is:global>
-  :root {
-    --accent: 136, 58, 234;
-    /* ... (other styles) ... */
-  }
-  html {
-    font-family: system-ui, sans-serif;
-    /* ... (other styles) ... */
-  }
-  .markdown-styles h1 {
-    /* Add your specific styles for h1 here */
-    font-size: 2em;
-    /* Other style properties */
-  }
-  code {
-    font-family:
-      Menlo,
-      Monaco,
-      Lucida Console,
-      Liberation Mono,
-      DejaVu Sans Mono,
-      Bitstream Vera Sans Mono,
-      Courier New,
-      monospace;
-  }
-</style>
diff --git a/src/pages/about.md b/src/pages/about.md
diff --git a/src/pages/blogs.astro b/src/pages/blogs.astro
@@ -9,4 +9,4 @@ import HeadingComponent from '../components/elements/heading';
 description="An overview of OSM Kerala's inspiring journey and continued efforts to strengthen the use of OSM in Kerala for disaster response and community development."
 linkToBlog="/posts/osm" imageLink="/blog1.jpeg" />
     <div>
-</Layout>
+</Layout>
diff --git a/src/pages/mapathon-keralam-osm-community-statement.astro b/src/pages/mapathon-keralam-osm-community-statement.astro
@@ -1,7 +1,5 @@
 ---
 import Layout from '../layouts/Layout.astro';
-
-
 ---
 
 

diff --git a/src/pages/posts/about.md b/src/pages/posts/about.md
@@ -0,0 +1,62 @@
+---
+title: "About us"
+date: 2020-10-26T10:34:54+05:30
+description: "A brief description about us"
+author: osmkerala
+authors: ["osmkerala"]
+tags: ["OpenStreetMap", "About Us"]
+layout: ../../layouts/BlogPostLayout.astro
+---
+
+![image](/group_photo.jpeg)
+
+we are a group of people who love maps and want to keep that data open.Openstreetmap activities in India started active from 2007.OSM Kerala Community has been very active over the past 13 years.Community has been mapping various features over the years.During the 2018 floods, Openstreetmaps was widely used.Community has been actively enaging with various partners.
+
+<h3 class="text-2xl font-semibold">Boundaries</h3>
+
+- State Boundaries
+- District Boundaries
+- Taluk Boundaries
+
+<h3 class="text-2xl font-semibold">Political</h3>
+
+- Lok Sabha Constituencies
+- Assembly Constituencies
+
+<h3 class="text-2xl font-semibold">Local Govt Bodies</h3>
+
+- Local Bodies in KeralaYes check.svg
+- Local Bodies Wards in Kerala
+
+<h3 class="text-2xl font-semibold">Environment</h3>
+
+- Rivers
+- Lakes
+- Reservoirs
+- Lagoons and Estuaries
+- Water Streams
+- Ponds
+- Forests
+
+<h3 class="text-2xl font-semibold">Roads</h3>
+
+- National Highway
+- State Highway
+- Major District road
+
+<h3 class="text-2xl font-semibold">Railways</h3>
+
+- Railways Stations
+- Kochi Metro
+- Proposed Silverline (K-rail)
+
+<h3 class="text-2xl font-semibold">Amenity</h3>
+
+- Police station
+- Fire and Rescue station
+- Health Facilities in Kerala
+
+<h3 class="text-2xl font-semibold">Activies</h3>
+
+- Mapathons
+- Webinars
-Original file line number
+Diff line change
@@ -1,7 +1,5 @@
     ---
     import Layout from '../layouts/Layout.astro';
     ---
@@ Expand Down @@