First release of Chapter Website

Co-authored-by: Sayak Saha <[email protected]>
Co-authored-by: Gourav Ghosal <[email protected]>
Co-authored-by: maaz619 <[email protected]>
Co-authored-by: xprilion <[email protected]>
Co-authored-by: Snehangshu Bhattacharya <[email protected]>

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/workflows/nextjs.yml

@@ -0,0 +1,93 @@
+# Sample workflow for building and deploying a Next.js site to GitHub Pages
+#
+# To get started with Next.js see: https://nextjs.org/docs/getting-started
+#
+name: Deploy Next.js site to Pages
+
+on:
+  # Runs on pushes targeting the default branch
+  push:
+    branches: ["master"]
+
+  # Allows you to run this workflow manually from the Actions tab
+  workflow_dispatch:
+
+# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+# Allow only one concurrent deployment, skipping runs queued between the run in-progress and latest queued.
+# However, do NOT cancel in-progress runs as we want to allow these production deployments to complete.
+concurrency:
+  group: "pages"
+  cancel-in-progress: false
+
+jobs:
+  # Build job
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Detect package manager
+        id: detect-package-manager
+        run: |
+          if [ -f "${{ github.workspace }}/yarn.lock" ]; then
+            echo "manager=yarn" >> $GITHUB_OUTPUT
+            echo "command=install" >> $GITHUB_OUTPUT
+            echo "runner=yarn" >> $GITHUB_OUTPUT
+            exit 0
+          elif [ -f "${{ github.workspace }}/package.json" ]; then
+            echo "manager=npm" >> $GITHUB_OUTPUT
+            echo "command=ci" >> $GITHUB_OUTPUT
+            echo "runner=npx --no-install" >> $GITHUB_OUTPUT
+            exit 0
+          else
+            echo "Unable to determine package manager"
+            exit 1
+          fi
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: "20"
+          cache: ${{ steps.detect-package-manager.outputs.manager }}
+      - name: Setup Pages
+        uses: actions/configure-pages@v5
+        with:
+          # Automatically inject basePath in your Next.js configuration file and disable
+          # server side image optimization (https://nextjs.org/docs/api-reference/next/image#unoptimized).
+          #
+          # You may remove this line if you want to manage the configuration yourself.
+          static_site_generator: next
+      - name: Restore cache
+        uses: actions/cache@v4
+        with:
+          path: |
+            .next/cache
+          # Generate a new cache whenever packages or source files change.
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          # If source files changed but packages didn't, rebuild from a prior cache.
+          restore-keys: |
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+      - name: Install dependencies
+        run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
+      - name: Build with Next.js
+        run: ${{ steps.detect-package-manager.outputs.runner }} next build
+      - name: Upload artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./out
+
+  # Deployment job
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4

client/.gitignore → .gitignore

@@ -4,23 +4,35 @@
 /node_modules
 /.pnp
 .pnp.js
-
-### VisualStudioCode ###
-/.vscode
+.yarn/install-state.gz
 
 # testing
 /coverage
 
+# next.js
+/.next/
+/out/
+
 # production
 /build
 
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+*.pem
 
+# debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+.idea

.prettierrc

@@ -0,0 +1,6 @@
+{
+  "trailingComma": "none",
+  "singleQuote": true,
+  "semi": true,
+  "tabWidth": 4
+}

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2020 Anubhav Singh
+Copyright (c) 2024 GDG Cloud Kolkata
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -1 +1,20 @@
-A sample Coming Soon page.
+# Google Developer Groups Cloud Kolkata (GDG Cloud Kol)
+
+## _[Join Us](https://gdg.community.dev/gdg-cloud-kolkata/)_ _|_ _[Follow Us](https://social.gdgcloudkol.org)_
+
+### Who Are We?
+
+The place for cloud developers and architects to come together to learn, discuss and explore the latest advances in cloud technologies.
+Disclaimer: GDG Cloud Kolkata is an independent group; our activities and the opinions expressed here should in no way be linked to Google, the corporation. To learn more about the GDG program, visit <https://developers.google.com/community/gdg/>
+
+### What We Do?
+
+- Conduct monthly events on Google Cloud Technologies and open source technologies.
+- Conduct an annual mega event **Google Cloud Community Days**.
+- Host contests and support the local communities with mentorship, speakers, partnerships _(TnC applied)_.
+
+### Connect
+
+- Mail: <[email protected]>, <[email protected]>
+- Socials: **gdgcloudkol** across all social platforms.
+- Hashtags: _#gdgcloudkol_

app/code-of-conduct/page.tsx

@@ -0,0 +1,31 @@
+import Header from '@/components/Header'
+import SectionHeader from '@/components/blocks/SectionHeader'
+import COC from '@/public/assets/content/coc/content.json'
+import Socials from "@/components/Socials";
+import Footer from "@/components/Footer";
+
+function ContentBlock({ title, description }: { title: string, description: string }) {
+    return <div className='flex flex-col'>
+        <h3 className="text-3xl">{title}</h3>
+        <p className='text-md'> {description} </p>
+    </div>
+}
+
+export default function page() {
+    return (
+        <section className='flex flex-col w-full space-y-8'>
+            <Header />
+            <section className='flex flex-col local-container gap-6 p-4'>
+                <SectionHeader title1={COC.title_1} title_color={COC.title_color} color={COC.color} description={COC.description} />
+                <p className='text-md'>{COC.content}</p>
+                {
+                    COC.sections.map((content, index) => {
+                        return <ContentBlock key={index} title={content.title} description={content.description} />
+                    })
+                }
+            </section>
+            <Socials />
+            <Footer />
+        </section>
+    )
+}

app/globals.css

@@ -0,0 +1,123 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body.modal-open {
+  height: 100vh;
+  overflow-y: hidden;
+}
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 0 0% 3.9%;
+
+    --card: 0 0% 100%;
+    --card-foreground: 0 0% 3.9%;
+
+    --popover: 0 0% 100%;
+    --popover-foreground: 0 0% 3.9%;
+
+    --primary: 0 0% 9%;
+    --primary-foreground: 0 0% 98%;
+
+    --secondary: 0 0% 96.1%;
+    --secondary-foreground: 0 0% 9%;
+
+    --muted: 0 0% 96.1%;
+    --muted-foreground: 0 0% 45.1%;
+
+    --accent: 0 0% 96.1%;
+    --accent-foreground: 0 0% 9%;
+
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 0 0% 89.8%;
+    --input: 0 0% 89.8%;
+    --ring: 0 0% 3.9%;
+
+    --radius: 0.5rem;
+
+    --google-red: 5, 81%, 56%;
+    --google-green: 136, 53%, 43%;
+    --google-blue: 217, 89%, 61%;
+    --google-yellow: 45, 97%, 50%;
+  }
+
+  .dark {
+    --background: 0 0% 3.9%;
+    --foreground: 0 0% 98%;
+
+    --card: 0 0% 3.9%;
+    --card-foreground: 0 0% 98%;
+
+    --popover: 0 0% 3.9%;
+    --popover-foreground: 0 0% 98%;
+
+    --primary: 0 0% 98%;
+    --primary-foreground: 0 0% 9%;
+
+    --secondary: 0 0% 14.9%;
+    --secondary-foreground: 0 0% 98%;
+
+    --muted: 0 0% 14.9%;
+    --muted-foreground: 0 0% 63.9%;
+
+    --accent: 0 0% 14.9%;
+    --accent-foreground: 0 0% 98%;
+
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 0 0% 98%;
+
+    --border: 0 0% 14.9%;
+    --input: 0 0% 14.9%;
+    --ring: 0 0% 83.1%;
+
+    --google-red: 5, 81%, 56%;
+    --google-green: 136, 53%, 43%;
+    --google-blue: 217, 89%, 61%;
+    --google-yellow: 45, 97%, 50%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  html{
+    @apply scroll-smooth;
+  }
+}
+
+/* @layer components{
+  .arrow{
+    @apply flex;
+  }
+} */
+
+.slick-arrow, .slick-prev::before,.slick-next::before{
+  display:none !important;
+}
+.slick-slider{
+  display: flex !important;
+}
+
+.local-container{
+  @apply w-full max-w-6xl mx-auto
+}
+
+
+.dotted-bg {
+  --dot-bg: #161616;
+  --dot-color: #848282;
+  --dot-size: 1px;
+  --dot-space: 50px;
+  background:
+          linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
+          linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
+          var(--dot-color);
+}

app/layout.tsx

@@ -0,0 +1,43 @@
+import Navbar from "@/components/Navbar";
+import type { Metadata } from "next";
+import localFont from 'next/font/local';
+import "slick-carousel/slick/slick-theme.css";
+import "slick-carousel/slick/slick.css";
+import "./globals.css";
+
+const googleSans = localFont({
+  src: [
+    {
+      path: '../public/assets/fonts/GoogleSans-Regular_0.ttf',
+      weight: '400'
+    },
+    {
+      path: '../public/assets/fonts/GoogleSans-Bold-v1.27.ttf',
+      weight: '700'
+    }
+  ],
+  variable: '--font-google'
+})
+
+export const metadata: Metadata = {
+  title: "GDG Cloud Kolkata Chapter Website",
+  description: "Chapter Website of GDG Cloud Kolkata",
+  icons: './favicon.ico'
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body className={`${googleSans.className}`}>
+        <Navbar />
+        <main className="flex flex-col items-start justify-start w-full mx-auto">
+          {children}
+        </main>
+      </body>
+    </html>
+  );
+}