application-research · APiligrim · Jul 26, 2023 · Jul 26, 2023 · Aug 2, 2023 · Aug 2, 2023
diff --git a/README.md b/README.md
@@ -1,3 +1,14 @@
+# Filecoin Dev Summit 2023
+Website Url: https://fildev.io/, 
+Links Page: https://fil.page/
+
+
+<img width="1439" alt="Screen Shot 2023-09-25 at 2 17 46 AM" src="https://github.com/application-research/fildevsummit/assets/28320272/7400fc3b-0a69-4c6d-b18c-ca254b25e51f">
+
+# Updating Copy
+To update copy, please go to the `/content` folder and find `filecoin-dev-summit.tsx` which contains the content for the general page copy. To edit the Schedule, please open a github issue requesting a change you would like to make.
+
+
 # NEXT-SASS
 
 Why would I use this?
@@ -18,7 +29,7 @@ npm install
 npm run dev
 ```
 
-Go to `http://localhost:3005` in your browser of choice. Enjoy!
+Go to `http://localhost:10000` in your browser of choice. Enjoy!
 
 ### Scripts
 

diff --git a/app/ipfs-camp/2024/head.tsx → app/FDS-1/head.tsx b/app/ipfs-camp/2024/head.tsx → app/FDS-1/head.tsx
@@ -1,6 +1,7 @@
-import DefaultMetaTags from '@components/DefaultMetaTags';
 import PlausibleScript from '@root/components/PlausibleScript';
 
+import DefaultMetaTags from '@components/DefaultMetaTags';
+
 export default async function Head({ params }) {
   return (
     <>

diff --git a/app/FDS-1/layout.tsx b/app/FDS-1/layout.tsx
@@ -0,0 +1,8 @@
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+    return (
+      <html lang="en">
+        <body>{children}</body>
+      </html>
+    );
+  }
+
diff --git a/app/ipfs-thing/2023/head.tsx → app/FDS-1/list/head.tsx b/app/ipfs-thing/2023/head.tsx → app/FDS-1/list/head.tsx
@@ -1,6 +1,7 @@
-import DefaultMetaTags from '@components/DefaultMetaTags';
 import PlausibleScript from '@root/components/PlausibleScript';
 
+import DefaultMetaTags from '@components/DefaultMetaTags';
+
 export default async function Head({ params }) {
   return (
     <>

diff --git a/app/ipfs-camp/2024/layout.tsx → app/FDS-1/list/layout.tsx b/app/ipfs-camp/2024/layout.tsx → app/FDS-1/list/layout.tsx
diff --git a/app/FDS-1/list/page.tsx b/app/FDS-1/list/page.tsx
@@ -0,0 +1,77 @@
+import '@root/global.scss';
+
+import { headers } from 'next/headers';
+import { makeRequest } from '@root/common/utilities';
+import FooterTiny from '@root/components/FooterTiny';
+import ResponsiveNavbar from '@root/components/ResponsiveNavbar';
+import SectionEventPage from '@root/components/SectionEventPage';
+import { FILECOIN_DEV_SUMMIT_ICELAND_PAGE_CONTENT } from '@root/content/iceland-page-content';
+import { FILECOIN_DEV_SUMMIT_NAVIGATION_CONTENT, FOOTER_FILECOIN_DEV_SUMMIT_CONTENT } from '@root/content/fildevsummit/filecoin-dev-singapore-iceland-2023';
+import { FIL_DEV_SUMMIT_PAGE_STYLE_CONTENT } from '@root/content/fildevsummit/filecoin-dev-iceland';
+
+export async function generateMetadata({ params, searchParams }) {
+  const title = 'FIL Dev Summit 2023: Iceland';
+  const description =
+    'FIL Dev Summit is a gathering of developers, builders, and engaged community members who want to contribute to the core protocol and network evolution of Filecoin (think IPFS Thing, but bigger!).';
+  const url = 'https://fildev.io';
+
+  return {
+    title,
+    description,
+    url,
+    openGraph: {
+      title,
+      description,
+      url,
+      // SUMMARY_LARGE_IMAGE: 1500x785
+      images: ['https://i.ibb.co/XXgFfk0/twitter.png'],
+    },
+    twitter: {
+      title,
+      description,
+      url,
+      handle: '@filecoin',
+      cardType: 'summary_large_image',
+    },
+  };
+}
+
+export default async function Page(props) {
+  const blocks = FILECOIN_DEV_SUMMIT_ICELAND_PAGE_CONTENT;
+  const footerContent = FOOTER_FILECOIN_DEV_SUMMIT_CONTENT;
+
+  const navContent = FILECOIN_DEV_SUMMIT_NAVIGATION_CONTENT;
+  const pageStyle = FIL_DEV_SUMMIT_PAGE_STYLE_CONTENT;
+
+  const currentHeaders = headers();
+  const host = currentHeaders.get('host');
+
+  const promises = blocks.flatMap((innerBlocks) => {
+    return innerBlocks.block.map(async (blockItem) => {
+      // Fetch table data
+      const airtableData = blockItem.scheduleData.airtable.endPoint;
+
+      let tableData = await makeRequest({
+        endpoint: airtableData,
+        host: host,
+      });
+
+      // Set data to blockItem.scheduleData.airtable.data
+      blockItem.scheduleData.airtable.data = tableData;
+    });
+  });
+
+  await Promise.all(promises);
+
+  return (
+    <div style={{ background: pageStyle.backgroundColor, color: pageStyle.textColor }}>
+      <ResponsiveNavbar navContent={navContent} />
+
+      <div style={{ paddingTop: '3rem' }}>
+        <SectionEventPage blocks={blocks} pageStyle={pageStyle} />
+      </div>
+
+      <FooterTiny {...footerContent} />
+    </div>
+  );
+}
diff --git a/app/FDS-1/page.tsx b/app/FDS-1/page.tsx
@@ -0,0 +1,78 @@
+import '@root/global.scss';
+
+import { headers } from 'next/headers';
+import FooterTiny from '@root/components/FooterTiny';
+import Hero from '@root/components/Hero';
+import ResponsiveNavbar from '@root/components/ResponsiveNavbar';
+import SectionEventPage from '@root/components/SectionEventPage';
+
+import { makeRequest } from '@root/common/utilities';
+import { FILECOIN_DEV_SUMMIT_SINGAPORE_2024_HERO_CONTENT, FIL_DEV_SUMMIT_SINGAPORE_NAVIGATION_CONTENT, FILECOIN_DEV_SUMMIT_SINGAPORE_PAGE_CONTENT, FIL_DEV_SUMMIT_PAGE_STYLE_CONTENT, FOOTER_FILECOIN_DEV_SUMMIT_CONTENT } from '@root/content/fildevsummit/filecoin-dev-singapore';
+
+export async function generateMetadata({ params, searchParams }) {
+  const title = 'FIL Dev Summit 2024: Singapore';
+  const description =
+    'FIL Dev Summit is a gathering of developers, builders, and engaged community members who want to contribute to the core protocol and network evolution of Filecoin (think IPFS Thing, but bigger!).';
+  const url = 'https://fildev.io';
+
+  return {
+    title,
+    description,
+    url,
+    openGraph: {
+      title,
+      description,
+      url,
+      // SUMMARY_LARGE_IMAGE: 1500x785
+      images: ['https://i.ibb.co/XXgFfk0/twitter.png'],
+    },
+    twitter: {
+      title,
+      description,
+      url,
+      handle: '@filecoin',
+      cardType: 'summary_large_image',
+    },
+  };
+}
+
+export default async function Page(props) {
+  const blocks = FILECOIN_DEV_SUMMIT_SINGAPORE_PAGE_CONTENT;
+  const currentHeaders = headers();
+  const footerContent = FOOTER_FILECOIN_DEV_SUMMIT_CONTENT;
+  const hero = FILECOIN_DEV_SUMMIT_SINGAPORE_2024_HERO_CONTENT;
+  const host = currentHeaders.get('host');
+  const navContent = FIL_DEV_SUMMIT_SINGAPORE_NAVIGATION_CONTENT;
+  const pageStyle = FIL_DEV_SUMMIT_PAGE_STYLE_CONTENT;
+
+  const promises = blocks?.flatMap((contentItem) =>
+    contentItem?.block?.map(async (blockItem) => {
+      if ('scheduleData' in blockItem && blockItem.scheduleData.airtable) {
+        try {
+          const airtableEndpoint = blockItem.scheduleData.airtable.endPoint;
+          const data = await makeRequest({ endpoint: airtableEndpoint, host });
+
+          blockItem.scheduleData.airtable.data = data;
+        } catch (error) {
+          console.error('Error fetching tableData for blockItem:', blockItem, error);
+        }
+      }
+    })
+  );
+
+  await Promise.all(promises);
+
+  return (
+    <div style={{ background: pageStyle.backgroundColor, color: pageStyle.textColor }}>
+      <ResponsiveNavbar navContent={navContent} />
+
+      <div style={{ paddingBottom: '4rem' }}>
+        <Hero {...hero} />
+      </div>
+
+      <SectionEventPage blocks={blocks} pageStyle={pageStyle} />
+
+      <FooterTiny {...footerContent} />
+    </div>
+  );
+}
diff --git a/app/ipfs-friends-cafe/head.tsx → app/FDS-2/head.tsx b/app/ipfs-friends-cafe/head.tsx → app/FDS-2/head.tsx
@@ -1,6 +1,7 @@
-import DefaultMetaTags from '@components/DefaultMetaTags';
 import PlausibleScript from '@root/components/PlausibleScript';
 
+import DefaultMetaTags from '@components/DefaultMetaTags';
+
 export default async function Head({ params }) {
   return (
     <>

diff --git a/app/FDS-2/layout.tsx b/app/FDS-2/layout.tsx
@@ -0,0 +1,8 @@
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+    return (
+      <html lang="en">
+        <body>{children}</body>
+      </html>
+    );
+  }
+
diff --git a/app/FDS-2/list/head.tsx b/app/FDS-2/list/head.tsx
@@ -0,0 +1,12 @@
+import PlausibleScript from '@root/components/PlausibleScript';
+
+import DefaultMetaTags from '@components/DefaultMetaTags';
+
+export default async function Head({ params }) {
+  return (
+    <>
+      <DefaultMetaTags />
+      <PlausibleScript />
+    </>
+  );
+}
diff --git a/app/FDS-2/list/layout.tsx b/app/FDS-2/list/layout.tsx
@@ -0,0 +1,8 @@
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+    return (
+      <html lang="en">
+        <body>{children}</body>
+      </html>
+    );
+  }
+
diff --git a/app/FDS-2/list/page.tsx b/app/FDS-2/list/page.tsx
@@ -0,0 +1,75 @@
+import '@root/global.scss';
+
+import { headers } from 'next/headers';
+import FooterTiny from '@root/components/FooterTiny';
+import ResponsiveNavbar from '@root/components/ResponsiveNavbar';
+import SectionEventPage from '@root/components/SectionEventPage';
+
+import { makeRequest } from '@root/common/utilities';
+import { FILECOIN_DEV_SUMMIT_NAVIGATION_CONTENT, FILECOIN_DEV_SUMMIT_PAGE_STYLE_CONTENT, FOOTER_FILECOIN_DEV_SUMMIT_CONTENT } from '@root/content/fildevsummit/filecoin-dev-singapore-iceland-2023';
+import { FILECOIN_DEV_SUMMIT_SINGAPORE_PAGE_CONTENT } from '@root/content/singapore-page-content';
+
+export async function generateMetadata({ params, searchParams }) {
+  const title = 'FIL Dev Summit 2023: Singapore';
+  const description =
+    'FIL Dev Summit is a gathering of developers, builders, and engaged community members who want to contribute to the core protocol and network evolution of Filecoin (think IPFS Thing, but bigger!).';
+  const url = 'https://fildev.io';
+
+  return {
+    title,
+    description,
+    url,
+    openGraph: {
+      title,
+      description,
+      url,
+      // SUMMARY_LARGE_IMAGE: 1500x785
+      images: ['https://i.ibb.co/XXgFfk0/twitter.png'],
+    },
+    twitter: {
+      title,
+      description,
+      url,
+      handle: '@filecoin',
+      cardType: 'summary_large_image',
+    },
+  };
+}
+
+export default async function Page(props) {
+  const blocks = FILECOIN_DEV_SUMMIT_SINGAPORE_PAGE_CONTENT;
+  const footerContent = FOOTER_FILECOIN_DEV_SUMMIT_CONTENT;
+
+  const navContent = FILECOIN_DEV_SUMMIT_NAVIGATION_CONTENT;
+  const pageStyle = FILECOIN_DEV_SUMMIT_PAGE_STYLE_CONTENT;
+  const currentHeaders = headers();
+  const host = currentHeaders.get('host');
+
+  const promises = blocks.flatMap((innerBlocks) => {
+    return innerBlocks.block.map(async (blockItem) => {
+      // Fetch table data
+      const airtableEndpoint = blockItem.scheduleData.airtable.endPoint;
+      let tableData = await makeRequest({
+        endpoint: airtableEndpoint,
+        host: host,
+      });
+
+      // Set data to blockItem.scheduleData.airtable.data
+      blockItem.scheduleData.airtable.data = tableData;
+    });
+  });
+
+  await Promise.all(promises);
+
+  return (
+    <div style={{ background: pageStyle.backgroundColor, color: pageStyle.textColor }}>
+      <ResponsiveNavbar navContent={navContent} />
+
+      <div style={{ paddingTop: '3rem' }}>
+        <SectionEventPage blocks={blocks} pageStyle={pageStyle} />
+      </div>
+
+      <FooterTiny {...footerContent} />
+    </div>
+  );
+}