Skip to content

Commit

Permalink
adds geoweek
Browse files Browse the repository at this point in the history
  • Loading branch information
@joicemjoseph
joicemjoseph committed Nov 13, 2024
1 parent b479b03 commit d359624
Show file tree
Hide file tree
Showing 4 changed files with 172 additions and 334 deletions.
6 changes: 5 additions & 1 deletion src/components/NavbarButton.jsx
View file
Original file line number Diff line number Diff line change
@@ -1,9 +1,13 @@
import React from "react";

export default function NavbarButton({ isMobile, text, link }) {
export default function NavbarButton({ isMobile, text, link, target }) {
return (
<a
href={link}
{...(target && {
target,
rel: "noopener noreferrer"
})}
className={`${
isMobile
? "bg-transparent font-bold hover:bg-white rounded-lg hover:text-[#1a1d20] active:bg-gray-600"
Expand Down
8 changes: 6 additions & 2 deletions src/components/navbar.jsx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,8 @@ export default function Navbar() {
<div className="hidden text-[#2b2b2b] font-semibold md:flex space-x-4">
{/* Add your navigation links here */}
<NavbarButton isMobile={false} link="/" text="HOME" />
<NavbarButton isMobile={false} link="/sotm" text="SOTM '24" />
<NavbarButton isMobile={false} link="https://kerala.stateofthemap.in" target="_blank" text="SOTM '24" />
<NavbarButton isMobile={false} link="/geoweek" text="GEO WEEK '24" />
<NavbarButton isMobile={false} link="/about" text="ABOUT US" />
<NavbarButton
isMobile={false}
Expand Down Expand Up @@ -84,7 +85,10 @@ export default function Navbar() {
<NavbarButton isMobile={true} link="/" text="HOME" />
</div>
<div className="m-2 p-2 mr-8">
<NavbarButton isMobile={true} link="/sotm" text="SOTM '24" />
<NavbarButton isMobile={true} link="https://kerala.stateofthemap.in" target="_blank" text="SOTM '24" />
</div>
<div className="m-2 p-2 mr-8">
<NavbarButton isMobile={false} link="/geoweek" text="GEO WEEK '24" />
</div>
<div className="m-2 p-2 mr-8">
<NavbarButton isMobile={true} link="/blogs" text="BLOGS" />
Expand Down
161 changes: 161 additions & 0 deletions src/pages/geoweek.astro
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,161 @@
---
// src/pages/sotm2024/index.astro
import Layout from "../layouts/Layout.astro";
import { MetaTags } from '../components/MetaTags';
const pageTitle = "OSM GeoWeek Kerala 2024";
const registrationLink = "https://docs.google.com/forms/d/e/1FAIpQLSfDizLrHUUNzELS6MREtXVV6uhPtChr0YfbwQg7JjVbzhENSA/viewform?usp=sf_link";
// OpenGraph metadata
const ogData = {
title: "OSM GeoWeek Kerala 2024",
description: "Join us this November for OpenStreetMap Geography Awareness Week in Kerala. Participate in mapping events, workshops, and community meetups to improve Kerala's digital geography.",
url: "https://kerala.openstreetmap.in/geoweek",
image: "https://wiki.openstreetmap.org/w/images/8/84/Sotm_kerala_2024.jpg", // Update with your actual banner image URL
siteName: "OpenStreetMap Kerala",
locale: "en_IN",
type: "event",
twitterHandle: "@mapkerala", // Update with your actual Twitter handle
eventDetails: {
startDate: "2024-11-15",
endDate: "2024-11-17",
location: "KVASU Pookode, Wayanad, Kerala",
organizer: "OpenStreetMap Kerala Community"
}
};
---

<Layout title={pageTitle}>
<!-- Add OpenGraph meta tags -->
<head slot="head">
<meta property="og:title" content={ogData.title} />
<meta property="og:description" content={ogData.description} />
<meta property="og:image" content={ogData.image} />
<meta property="og:url" content={ogData.url} />
<meta property="og:type" content="website" />

<!-- Twitter Card tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content={ogData.title} />
<meta name="twitter:description" content={ogData.description} />
<meta name="twitter:image" content={ogData.image} />

<!-- Additional meta tags -->
<meta name="description" content={ogData.description} />
<link rel="canonical" href={ogData.url} />
<!-- Event specific Open Graph tags -->
<meta property="event:start_time" content={ogData.eventDetails.startDate} />
<meta property="event:end_time" content={ogData.eventDetails.endDate} />
<meta property="event:location" content={ogData.eventDetails.location} />
<meta property="event:organizer" content={ogData.eventDetails.organizer} />
<!-- Schema.org Event markup -->
</head>

<main class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 py-12">
<!-- Hero Section -->
<div class="text-center mb-16">
<h1 class="text-4xl font-bold text-gray-900 sm:text-5xl mb-4">
OpenStreetMap GeoWeek Kerala 2024
</h1>
<p class="text-xl text-gray-600 max-w-3xl mx-auto mb-8">
Join us this November for a celebration of open mapping in Kerala. Let's map together, learn together, and make our digital geography more inclusive.
</p>
<div class="flex justify-center gap-4">
<a href={registrationLink} target="_blank" rel="noopener noreferrer"
class="inline-block px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors">
Register Now
</a>
</div>
</div>

<!-- About Section -->
<section class="mb-16">
<div class="bg-white rounded-lg shadow-sm p-8">
<h2 class="text-3xl font-bold text-gray-900 mb-6">About OSM GeoWeek</h2>
<p class="text-gray-600 mb-6">
OpenStreetMap Geography Awareness Week (OSMGeoWeek) is an annual global celebration
that brings together mappers, developers, and enthusiasts to promote open mapping
and geospatial awareness. During this week, communities worldwide organize events
to showcase the power of collaborative mapping and welcome new contributors to the
OpenStreetMap ecosystem.
</p>
<div class="grid md:grid-cols-3 gap-6 mt-8">
<div class="p-6 border border-gray-200 rounded-lg">
<h3 class="text-xl font-semibold mb-2">Mapping Events</h3>
<p class="text-gray-600">Join collaborative mapping sessions focused on improving Kerala's digital geography.</p>
</div>
<div class="p-6 border border-gray-200 rounded-lg">
<h3 class="text-xl font-semibold mb-2">Workshops</h3>
<p class="text-gray-600">Learn mapping techniques and tools through hands-on training sessions.</p>
</div>
<div class="p-6 border border-gray-200 rounded-lg">
<h3 class="text-xl font-semibold mb-2">Community Meetups</h3>
<p class="text-gray-600">Connect with fellow mappers and share experiences in person.</p>
</div>
</div>
</div>
</section>

<!-- Schedule Section -->
<section class="mb-16">
<div class="bg-white rounded-lg shadow-sm p-8">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Event Schedule</h2>
<div class="space-y-6">
<div class="flex gap-4 p-4 border border-gray-200 rounded-lg">
<div class="w-32 flex-shrink-0">
<p class="font-semibold">Day 1</p>
<p class="text-gray-600">Nov 15, 2024</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Opening Ceremony & Introduction to OSM</h3>
<p class="text-gray-600">Virtual kickoff event introducing OSM basics and mapping tools</p>
</div>
</div>
<div class="flex gap-4 p-4 border border-gray-200 rounded-lg">
<div class="w-32 flex-shrink-0">
<p class="font-semibold">Day 2</p>
<p class="text-gray-600">Nov 16, 2024</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Mapping Workshop</h3>
<p class="text-gray-600">Hands-on mapping session focusing on Kerala's urban areas</p>
</div>
</div>
<div class="flex gap-4 p-4 border border-gray-200 rounded-lg">
<div class="w-32 flex-shrink-0">
<p class="font-semibold">Day 3</p>
<p class="text-gray-600">Nov 17, 2024</p>
</div>
<div>
<h3 class="text-xl font-semibold mb-2">Community Meetup</h3>
<p class="text-gray-600">Local chapter meetup and mapping party in Kochi</p>
</div>
</div>
</div>
</div>
</section>

<!-- Call to Action -->
<section class="text-center">
<div class="bg-blue-50 rounded-lg shadow-sm p-8">
<h2 class="text-3xl font-bold text-gray-900 mb-6">Join the Movement</h2>
<p class="text-gray-600 mb-8 max-w-2xl mx-auto">
Whether you're a seasoned mapper or new to OpenStreetMap, there's a place for you in our community.
Register now to participate in OSM GeoWeek events and help make Kerala's map better for everyone.
</p>
<div class="space-x-4">
<a href={registrationLink} target="_blank" rel="noopener noreferrer"
class="inline-block px-6 py-3 bg-blue-600 text-white font-semibold rounded-lg hover:bg-blue-700 transition-colors">
Register Now
</a>
<a href="https://wiki.openstreetmap.org/wiki/OSM_Kerala_Community_Meetup_2024" target="_blank" rel="noopener noreferrer"
class="inline-block px-6 py-3 border border-blue-600 text-blue-600 font-semibold rounded-lg hover:bg-blue-50 transition-colors">
Learn More
</a>
</div>
</div>
</section>
</main>
</Layout>
---
Loading

0 comments on commit d359624

Please sign in to comment.