feat: implemented hugo (#7)

* refactor: changed project structure, implementing custom theme * ci * ci * Create main.yml * Revert "Create main.yml" This reverts commit 539e662. * ci * adding timeline image * Revert "adding timeline image" This reverts commit 21ccb8a. * feat: timeline in home * refact: home page * refact: timeline * refact: timeline * background image upload * completed home page * implemented single page design * added x and linkedin * add 2024 * image visibility --------- Co-authored-by: Vishnu Sanal T <[email protected]>
KochiFOSS · Nov 23, 2024 · a2da1e9 · a2da1e9
1 parent 19460e8
commit a2da1e9
Show file tree

Hide file tree

Showing 19 changed files with 376 additions and 46 deletions.
diff --git a/archetypes/default.md b/archetypes/default.md
@@ -1,5 +1,18 @@
 +++
 date = '{{ .Date }}'
-draft = true
+draft = false
 title = '{{ replace .File.ContentBaseName "-" " " | title }}'
+path = ""
+isFuture = false
+eventDate = ""
+eventTime = ""
+host = ""
+description = ""
+rsvpLink = ""
+cfpLink = ""
+note = ""
+noteLink = ""
+image = ""
+imageBig = ""
+highlightsLink = ""
 +++
diff --git a/content/2024-01.md b/content/2024-01.md
@@ -0,0 +1,17 @@
++++
+date = '2024-01-20'
+draft = false
+title = 'Jan 2024 Meetup'
+path = "2024-01"
+isFuture = false
+eventDate = "20 Jan 2024"
+eventTime = "10 AM"
+host = "TinkerSpace, Kalamassery"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/GESiP8KWcAAsIkO?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=mzJJ4u7JuQM"
++++
diff --git a/content/2024-02.md b/content/2024-02.md
@@ -0,0 +1,17 @@
++++
+date = '2024-02-24'
+draft = false
+title = 'Feb 2024 Meetup'
+path = "2024-02"
+isFuture = false
+eventDate = "24 Feb 2024"
+eventTime = "10 AM"
+host = "Litmus7, SmartCity Kochi"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/GHHAFzGWQAEwJDN?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=u6S285GyEuw"
++++
diff --git a/content/2024-05.md b/content/2024-05.md
@@ -0,0 +1,17 @@
++++
+date = '2024-05-25'
+draft = false
+title = 'May 2024 Meetup'
+path = "2024-05"
+isFuture = false
+eventDate = "25 May 2024"
+eventTime = "10 AM"
+host = "KeyValue Software Systems, SmartCity Kochi"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/GObXShoXoAAp9-B?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=jYf30SPMWus"
++++
diff --git a/content/2024-06.md b/content/2024-06.md
@@ -0,0 +1,17 @@
++++
+date = '2024-06-22'
+draft = false
+title = 'Jun 2024 Meetup'
+path = "2024-06"
+isFuture = false
+eventDate = "26 June 2024"
+eventTime = "10 AM"
+host = "IBS Software"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/GQ7njAcX0AMHHAe?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=Nmk3WJ7jfUY"
++++
diff --git a/content/2024-08.md b/content/2024-08.md
@@ -0,0 +1,17 @@
++++
+date = '2024-08-24'
+draft = false
+title = 'Aug 2024 Meetup'
+path = "2024-08"
+isFuture = false
+eventDate = "24 August 2024"
+eventTime = "10 AM"
+host = "Entri, Kakkanad"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/GVwQ1kuWYAANbDH?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=LNN7czjbIXI"
++++
diff --git a/content/2024-10.md b/content/2024-10.md
@@ -0,0 +1,17 @@
++++
+date = '2024-10-17'
+draft = false
+title = 'Oct 2024 Meetup'
+path = "2024-10"
+isFuture = false
+eventDate = "17 October 2024"
+eventTime = "10 AM"
+host = "IBM India Software Lab"
+hostLocation = "#"
+description = "#"
+rsvpLink = "#"
+cfpLink = "#"
+image = ""
+imageBig = "https://pbs.twimg.com/media/Ga36CdgWEAAiUtF?format=jpg&name=4096x4096"
+highlightsLink = "https://www.youtube.com/watch?v=Yyxlb6mPZI8"
++++
diff --git a/content/2024-11.md b/content/2024-11.md
@@ -0,0 +1,19 @@
++++
+date = '2024-11-20'
+draft = false
+title = 'Nov 2024 Meetup'
+path = "2024-11"
+isFuture = true
+eventDate = "Saturday, 23 November 2024"
+eventTime = "10 AM"
+host = "Kerala Startup Mission, Kochi"
+hostLocation = "https://geohack.toolforge.org/geohack.php?params=10.0554_N_76.3546_E"
+description = "10.0554N 76.3546E"
+rsvpLink = "https://ee.kobotoolbox.org/ZZ7WnC6D"
+cfpLink = "https://ee.kobotoolbox.org/T9aWLMJb"
+note = "PS: Bring your laptops with SuperTuxKart installed, we'll be having a small LAN party ;) "
+noteLink = "https://supertuxkart.net/"
+image = ""
+imageBig = ""
+highlightsLink = ""
++++
diff --git a/hugo.toml b/hugo.toml
@@ -1,3 +1,4 @@
 baseURL = 'kochifoss.github.io'
 languageCode = 'en-us'
 title = 'KochiFOSS'
+paginate = 10
diff --git a/layouts/404.html b/layouts/404.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Not found</title>
+</head>
+<body>
+    <center>
+        <h1>Page not found</h1>
+        <a href="/">Go to home page</a>
+    </center>
+</body>
+</html>
diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.tailwindcss.com"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
+    <title>Kochi FOSS</title>
+</head>
+
+<body class="bg-gradient-to-br from-sky-200 via-white via-white to-sky-200 bg-cover bg-no-repeat bg-fixed">
+    <div class="pt-10 pb-32 px-4 flex-col space-y-12 justify-center">
+        {{ partial "navbar" . }}
+        {{ block "main" . }}{{ end }}
+        {{ block "noticeboard" . }}{{end}}
+        {{ partial "footer" . }}
+    </div>
+</body>
+
+</html>
diff --git a/layouts/_default/index.html b/layouts/_default/index.html
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
@@ -0,0 +1,103 @@
+{{ define "main" }}
+<div class="container mx-auto min-h flex flex-col items-center justify-center">
+  <center>
+    <div class="w-full lg:w-72">
+      <img src="https://kochifoss.org/images/group.png" alt="Landing Image"
+        class="w-1/2 h-1/2 lg:w-full lg:h-auto object-cover rounded-lg shadow-lg">
+    </div>
+    <div class="w-full p-8">
+      <h1 class="text-3xl lg:text-5xl font-bold mb-4">Kochi FOSS</h1>
+      <p class="text-sm lg:text-lg lg:w-3/4 mb-6">A freewheeling community of developers and enthusiasts of Free (Libre)
+        and Open Source Software who gather in person for laid-back meetups in Kochi, India.</p>
+      {{/*  <a href="https://ee.kobotoolbox.org/ZZ7WnC6D"
+        class="inline-block bg-green-500 text-white font-bold px-6 py-3 rounded-md text-xs lg:text-sm">RSVP for next
+        meet</a>  */}}
+    </div>
+    <div
+      class="mx-auto flex flex-col lg:flex-row justify-center items-center space-y-8 lg:my-10 md:space-x-20 md:space-y-0">
+      <a href="https://matrix.to/#/#kochifoss:matrix.org"
+        class="flex items-center lg:space-x-2 hover:text-green-800 text-sm lg:text-lg">
+        <span>Matrix<br />#kochifoss:matrix.org</span>
+      </a>
+      <a href="https://xmpp.link/#[email protected]?join"
+        class="flex items-center lg:space-x-2 hover:text-green-800 text-sm lg:text-lg">
+        <span>XMPP<br />[email protected]</span>
+      </a>
+      <a href="https://t.me/KochiFOSS" class="flex items-center lg:space-x-2 hover:text-green-800 text-sm lg:text-lg">
+        <span>Telegram<br />@KochiFOSS</span>
+      </a>
+    </div>
+  </center>
+
+  <div class="my-4">
+    {{ range .Paginator.Pages}}
+    <div class=" flex items-center justify-center">
+      <div class="flex items-center space-x-4">
+
+        {{ if .Params.isFuture }}
+
+        <div class="flex justify-center mb-4 lg:mb-8">
+          <div class="flex flex-col gap-y-2 bg-gray-200 py-4 px-8 rounded-lg">
+            <center>
+            <h2 class="font-bold text-xl items-center">{{ .Params.title }}</h2>
+            <p class="flex-col space-y-4 mt-2">
+            <div>Host: <a class="font-bold space-y-2 text-blue-500 underline" href={{ .Params.hostLocation }}>{{
+                .Params.host }}</a>
+            </div>
+            <div>{{ .Params.description }}</div>
+            <div>Time & Date: <span class="font-bold">{{ .Params.eventDate }}</span></div>
+            </p>
+          </center>
+            <div class="flex flex-col items-center lg:flex-row justify-center">
+              <button class="flex items-center bg-green-500 w-3/12 py-1 rounded-lg hover:bg-green-400 justify-center whitespace-nowrap">
+                <a href={{ .Params.rsvpLink }} class="text-xs lg:text-sm text-white font-bold py-1">RSVP</a>
+              </button>
+              <button class="flex items-center bg-green-500 py-1 px-2 lg:mt-0 lg:ms-2 mt-2 rounded-lg hover:bg-green-400 justify-center whitespace-nowrap">
+                <a href={{ .Params.cfpLink }} class="text-xs lg:text-sm
+                 text-white font-bold py-1">Call for speakers</a>
+              </button>
+            </div>
+
+            <center>
+              <p class="text-sm mt-2 lg:mt-4">
+                {{ .Params.note }}<a class="font-bold space-y-2 text-blue-500 underline inline"
+                  style="text-decoration: none;" href={{ .Params.noteLink }}>🔗</a>
+              </p>
+            </center>
+          </div>
+        </div>
+        {{ else }}
+        <div class="flex flex-row">
+          <div class="text-gray-800 text-xs lg:text-sm mx-3 lg:w-1/2 py-6">{{ .Params.eventDate }}</div>
+
+        <div class="inline-block w-0.5 self-stretch bg-gray-400"></div>
+
+
+        <div class="flex flex-col py-4 lg:w-1/2">
+          <div class="px-4">
+            <h2 class="text-sm lg:text-lg font-semibold mb-1">{{ .Params.title }}</h2>
+            <p class="text-gray-600 mb-4 text-xs lg:text-sm whitespace-nowrap">{{ .Params.host }}</p>
+            <div class="flex space-x-4">
+              <div class="flex items-center border border-gray-500 px-2 py-1 rounded-lg hover:bg-white text-gray-700 whitespace-nowrap">
+                <span class="text-xs lg:text-sm">📄</span>
+                <a href={{ .Params.path }} class="text-xs lg:text-sm ms-1">Read more</a>
+              </div>
+              <button
+                class="flex items-center space-x-2 border border-gray-500 px-2 py-1 text-gray-700 rounded-lg hover:bg-white  whitespace-nowrap">
+                <span class="text-xs lg:text-sm">🎥</span>
+                <a href={{ .Params.highlightsLink }} class="text-xs lg:text-sm">View highlights</a>
+              </button>
+            </div>
+          </div>
+        </div>
+        </div>
+        {{ end }}
+      </div>
+    </div>
+    {{ end }}
+    <center>
+      {{ template "_internal/pagination.html" . }}
+    </center>
+  </div>
+</div>
+{{ end }}
diff --git a/layouts/_default/noticeboard.html b/layouts/_default/noticeboard.html
@@ -0,0 +1,3 @@
+{{ define "noticeboard"}}
+
+{{end}}
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
@@ -0,0 +1,47 @@
+{{ define "main" }}
+<div class="container mx-auto px-4 lg:px-24 py-2">
+    <!-- Single Text -->
+    <div class="mb-4">
+      <p class="text-2xl font-bold">{{ .Params.title }}</p>
+    </div>
+
+    <!-- Two Texts -->
+    <div class="flex flex-col mb-4">
+      <p class="text-lg mr-2 text-sm lg:text-lg">Host: <a href={{ .Params.hostLocation }} class="underline">{{ .Params.host }}</a></p>
+      <p class="text-lg mr-2 text-sm lg:text-lg">Time & Date: {{ .Params.eventTime }}, {{ .Params.eventDate }}</p>
+    </div>
+
+    <!-- Two Buttons in a Row -->
+    <div class="flex mb-4 font-bold ">
+      <button class="bg-green-500 text-white px-4 py-2 rounded mr-4"> <a href={{ if .Params.isFuture}} {{ .Params.rsvpLink }}{{else}} {{ .Params.highlightsLink }}{{end}}>{{ if .Params.isFuture}} RSVP {{else}} 🎥 View highlights {{end}}</a></button>
+      {{ if .Params.isFuture}}
+      <button class="bg-green-500 text-white px-4 py-2 rounded"> <a href={{ .Params.cfpLink }}>Call for speakers</a></button>
+      {{ end }}
+    </div>
+
+    {{ .Content }}
+
+    <!-- Section to Display List of Talks Posters -->
+    <div class="mt-8">
+      <h2 class="text-2xl font-bold mb-4">Gallery</h2>
+
+      <img src={{ .Params.imageBig }} alt="Talk Poster" class="w-full rounded">
+
+      {{/* <div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
+        <!-- Example Poster Item -->
+        <div class="bg-white shadow-md rounded-lg p-4">
+          <img src="https://via.placeholder.com/150" alt="Talk Poster" class="w-full h-48 object-cover rounded">
+          <h3 class="text-lg font-semibold mt-2">Talk Title 1</h3>
+          <p class="text-gray-600">Speaker Name</p>
+        </div>
+        <div class="bg-white shadow-md rounded-lg p-4">
+          <img src="https://via.placeholder.com/150" alt="Talk Poster" class="w-full h-48 object-cover rounded">
+          <h3 class="text-lg font-semibold mt-2">Talk Title 2</h3>
+          <p class="text-gray-600">Speaker Name</p>
+        </div>
+        <!-- Add more posters as needed -->
+      </div>
+    </div>  */}}
+
+  </div>
+{{ end }}