initial commit

Author: dorelljames

components/Footer.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react'
 
 import { FaEnvelopeOpenText } from '@react-icons/all-files/fa/FaEnvelopeOpenText'
+import { FaFacebook } from '@react-icons/all-files/fa/FaFacebook'
 import { FaGithub } from '@react-icons/all-files/fa/FaGithub'
 import { FaLinkedin } from '@react-icons/all-files/fa/FaLinkedin'
 import { FaMastodon } from '@react-icons/all-files/fa/FaMastodon'
@@ -36,7 +37,9 @@ export const FooterImpl: React.FC = () => {
 
   return (
     <footer className={styles.footer}>
-      <div className={styles.copyright}>Copyright {currentYear} {config.author}</div>
+      <div className={styles.copyright}>
+        Copyright {currentYear} {config.author}
+      </div>
 
       <div className={styles.settings}>
         {hasMounted && (
@@ -53,6 +56,18 @@ export const FooterImpl: React.FC = () => {
       </div>
 
       <div className={styles.social}>
+        {config.twitter && (
+          <a
+            className={styles.twitter}
+            href={`https://www.facebook.com/${config.twitter}`}
+            title={`Facebook @${config.twitter}`}
+            target='_blank'
+            rel='noopener noreferrer'
+          >
+            <FaFacebook />
+          </a>
+        )}
+
         {config.twitter && (
           <a
             className={styles.twitter}

components/PageSocial.tsx

@@ -14,6 +14,23 @@ interface SocialLink {
 }
 
 const socialLinks: SocialLink[] = [
+  config.facebook && {
+    name: 'facebook',
+    href: `https://www.facebook.com/${config.facebook}`,
+    title: `Facebook @${config.facebook}`,
+    icon: (
+      <svg
+        fill='#000000'
+        width='800px'
+        height='800px'
+        viewBox='0 0 24 24'
+        xmlns='http://www.w3.org/2000/svg'
+      >
+        <path d='M12.001 2.002c-5.522 0-9.999 4.477-9.999 9.999 0 4.99 3.656 9.126 8.437 9.879v-6.988h-2.54v-2.891h2.54V9.798c0-2.508 1.493-3.891 3.776-3.891 1.094 0 2.24.195 2.24.195v2.459h-1.264c-1.24 0-1.628.772-1.628 1.563v1.875h2.771l-.443 2.891h-2.328v6.988C18.344 21.129 22 16.992 22 12.001c0-5.522-4.477-9.999-9.999-9.999z' />
+      </svg>
+    )
+  },
+
   config.twitter && {
     name: 'twitter',
     href: `https://twitter.com/${config.twitter}`,

lib/config.ts

@@ -54,6 +54,7 @@ export const description: string = getSiteConfig('description', 'Notion Blog')
 export const language: string = getSiteConfig('language', 'en')
 
 // social accounts
+export const facebook: string | null = getSiteConfig('facebook', null)
 export const twitter: string | null = getSiteConfig('twitter', null)
 export const mastodon: string | null = getSiteConfig('mastodon', null)
 export const github: string | null = getSiteConfig('github', null)

lib/site-config.ts

@@ -10,13 +10,14 @@ export interface SiteConfig {
   description?: string
   language?: string
 
+  facebook?: string
   twitter?: string
   github?: string
   linkedin?: string
   newsletter?: string
   youtube?: string
   zhihu?: string
-  mastodon?: string;
+  mastodon?: string
 
   defaultPageIcon?: string | null
   defaultPageCover?: string | null

site.config.ts

@@ -2,24 +2,25 @@ import { siteConfig } from './lib/site-config'
 
 export default siteConfig({
   // the site's root Notion page (required)
-  rootNotionPageId: '7875426197cf461698809def95960ebf',
+  rootNotionPageId: '67b39848cef94612b01ca6c1dc4d81a6',
 
   // if you want to restrict pages to a single notion workspace (optional)
   // (this should be a Notion ID; see the docs for how to extract this)
   rootNotionSpaceId: null,
 
   // basic site info (required)
-  name: 'Next.js Notion Starter Kit',
-  domain: 'nextjs-notion-starter-kit.transitivebullsh.it',
-  author: 'Travis Fischer',
+  name: 'JavaScript Cebu Community',
+  domain: 'jscebu.org',
+  author: 'JavaScript Cebu',
 
   // open graph metadata (optional)
-  description: 'Example Next.js Notion Starter Kit Site',
+  description: 'Community homepage for JavaScript Cebu',
 
   // social usernames (optional)
-  twitter: 'transitive_bs',
-  github: 'transitive-bullshit',
-  linkedin: 'fisch2',
+  facebook: 'JavascriptCebu',
+  twitter: 'JavascriptCebu',
+  github: 'javascriptcebu',
+  // linkedin: 'fisch2',
   // mastodon: '#', // optional mastodon profile URL, provides link verification
   // newsletter: '#', // optional newsletter URL
   // youtube: '#', // optional youtube channel name or `channel/UCGbXXXXXXXXXXXXXXXXXXXXXX`
@@ -42,11 +43,15 @@ export default siteConfig({
   // any pages defined here will override their default URL paths
   // example:
   //
-  // pageUrlOverrides: {
-  //   '/foo': '067dd719a912471ea9a3ac10710e7fdf',
-  //   '/bar': '0be6efce9daf42688f65c76b89f8eb27'
-  // }
-  pageUrlOverrides: null,
+  pageUrlOverrides: {
+    '/mission-vision': '0c6ba96856cb4941b4f5eb8f0a9d2c25',
+    '/members': 'c69fd58103314a0a871b5f072b9a8ef8',
+    '/ideas': 'ab4c593485a04708aef5aa418bdac513',
+    '/meeting-notes': '7cf10a64c4c64281845df4adc45a1f95',
+    '/tasks': '7e7678d78abd4bde8be7226af06c3487',
+    '/official-links': 'cb911533889445dfa31333f69e65eb0e'
+  },
+  // pageUrlOverrides: null,
 
   // whether to use the default notion navigation style or a custom one with links to
   // important pages. To use `navigationLinks`, set `navigationStyle` to `custom`.