attempts were made

Author: WhiteHoodHacker

.eslintrc.json

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

.gitignore

@@ -1,8 +1,38 @@
-node_modules/
-.cache/
-public
-src/gatsby-types.d.ts
-.DS_store
-_site/
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+/.cache/
+/.contentlayer/
+
+# misc
+.DS_Store
+*.pem
 .vscode/
-.prettierrc
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

README.md

@@ -1,38 +1,34 @@
-# sigpwny.com
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
 
-The new SIGPwny website, built with Gatsby.
+## Getting Started
 
-## Content Types
+First, run the development server:
 
-This site defines multiple content types that allow for customization, flexibility, and ease of use. For more information, see the [content README](./content/README.md).
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+```
 
-## Installing and Building
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
 
-Clean install all node packages:
-```
-npm ci
-```
+You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
 
-Install `gatsby-cli`:
-```
-npm install -g gatsby-cli
-```
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
 
-Build production and serve:
-```
-gatsby build
-gatsby serve
-```
+## Learn More
 
-Start a development server:
-```
-gatsby develop
-```
+To learn more about Next.js, take a look at the following resources:
 
-## Updating Dependencies
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
 
-This site only depends on official Gatsby plugins, so unless a plugin becomes deprecated, the latest versions of Gatsby and its plugins are pretty much guaranteed to work with each other. Ensure that breaking changes are addressed when dealing with major semver updates. Do not commit dependency updates without first verifying that the site built successfully and still operates normally.
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-```
-npm update
-```
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

components-old/Card/card.css

@@ -0,0 +1,18 @@
+.card {
+  background-color: var(--color-surface);
+  border-color: var(--color-surface);
+  border-radius: 0.75rem;
+  isolation: isolate;
+  overflow: hidden;
+  position: relative;
+  box-shadow: none;
+  bottom: 0;
+  right: 0;
+  line-height: 1.2;
+  transition: 0.1s;
+}
+.card-hover:hover .card {
+  box-shadow: 14px 14px var(--color-primary);
+  bottom: 7px;
+  right: 7px;
+}

components-old/Card/index.tsx

@@ -0,0 +1,74 @@
+import React from "react"
+import { GatsbyImage, StaticImage, getImage, IGatsbyImageData } from "gatsby-plugin-image"
+
+import "./card.css"
+import SmartLink from "../SmartLink"
+
+const Card = ({ heading, title, image, overlay_image, link }: CardProps) => {
+  var card_component = (
+    <div className="card h-100 grow use-color-text">
+      <div className="aspect-video grid">
+        {(image || overlay_image) ? (
+          <>
+            {image && image.path && getImage(image.path) && (
+              <GatsbyImage
+                image={getImage(image.path) as IGatsbyImageData}
+                alt={image.alt}
+                className="row-span-full col-span-full"
+              />
+            )}
+            {overlay_image && overlay_image.path && getImage(overlay_image.path) && (
+              <div className="row-span-full col-span-full overflow-hidden p-4 grid items-center">
+                {/* I spent a while to figure out that the combination of:
+                    - parent div: overflow-hidden
+                    - child div: max-h-full
+                    - child img: scale-down
+                    will resize the image in a nice way... I have no idea
+                    how it works.*/}
+                  <GatsbyImage
+                    image={getImage(overlay_image.path) as IGatsbyImageData}
+                    alt={overlay_image.alt}
+                    className="max-h-full"
+                    objectFit="scale-down"
+                  />
+              </div>
+            )}
+          </>
+        ) : (
+          <StaticImage
+            src="./placeholder.png"
+            alt="Placeholder image"
+          />
+        )}
+      </div>
+      {(title || heading) && (
+        <div className="p-2">
+          {heading && (
+            <p className="line-clamp-1 leading-4 m-0 font-mono font-size-small">
+              {heading}
+            </p>
+          )}
+          {title && (
+            <p className="line-clamp-2 leading-5 mb-1">
+              {title}
+            </p>
+          )}
+        </div>
+      )}
+    </div>
+  )
+  if (link) {
+    return (
+      <SmartLink to={link} className="card-hover flex grow">
+        {card_component}
+      </SmartLink>
+    )
+  }
+  return (
+    <div className="flex-grow">
+      {card_component}
+    </div>
+  )
+}
+
+export default Card

components-old/Card/placeholder.png

@@ -42,6 +42,8 @@ if (highlighted == true) {
 }
 ```
 
+![Markdown image syntax doesn't work :(, at least not without hacks](./image.png)
+
 Here is an unordered list:
 - Item A
 	- Subitem 1

src/components/CardGrid.tsx renamed to components-old/CardGrid.tsx

@@ -0,0 +1,70 @@
+import {
+  defineDocumentType,
+  defineNestedType,
+  makeSource
+} from "@contentlayer/source-files"
+import path from "path"
+import remarkGfm from "remark-gfm"
+import remarkMdxImages from "remark-mdx-images"
+
+import { calculateSemester } from "./src/utils/util"
+import transformImgSrc from './src/plugins/transform-img-src.mjs'
+
+export const Image = defineNestedType(() => ({
+  name: "Image",
+  fields: {
+    path: { type: "string", required: false },
+    alt: { type: "string", required: false },
+  },
+}))
+
+export const Meeting = defineDocumentType(() => ({
+  name: "Meeting",
+  contentType: "mdx",
+  filePathPattern: `**/*.{md,mdx}`,
+  fields: {
+    title: { type: "string", required: true },
+    time_start: { type: "string", required: true },
+    time_close: { type: "string", required: false },
+    week_number: { type: "number", required: false, default: 0 },
+    credit: { type: "list", of: { type: "string" }, default: ["SIGPwny"] },
+    featured: { type: "boolean", required: false, default: false },
+    location: { type: "string", required: false },
+    slides: { type: "string", required: false },
+    assets: { type: "list", of: { type: "string" } },
+    image: { type: "nested", of: Image}, // TODO: add default placeholder image
+    recording: { type: "string", required: false },
+    tags: { type: "list", of: { type: "string" }, default: ["untagged"] },
+  },
+  computedFields: {
+    semester: { type: "string", resolve: (meeting) => calculateSemester(meeting.time_start) },
+    slug: { type: "string", resolve: (meeting) => `/meetings/${meeting._raw.flattenedPath}` },
+    slidesDistUrl: {
+      type: "string",
+      resolve: (meeting) => {
+        if (!meeting.slides) return null
+        // get the content path of the slides (format: content/meetings/2021-09-01/slide_name.pdf)
+        const slidesPath = path.join(meeting._raw.flattenedPath, meeting.slides)
+        console.log(slidesPath)
+      }
+    },
+  },
+}))
+
+export default makeSource({
+  contentDirPath: "./content/meetings/", documentTypes: [Meeting],
+  mdx: { remarkPlugins: [remarkGfm, transformImgSrc] }
+  // mdx: {
+  //   remarkPlugins: [remarkGfm, remarkMdxImages],
+  //   esbuildOptions: (options) => {
+  //     options.loader = {
+  //       ...options.loader,
+  //       '.png': 'dataurl',
+  //       '.jpg': 'dataurl',
+  //       '.jpeg': 'dataurl',
+  //       '.gif': 'dataurl',
+  //     }
+  //     return options
+  //   },
+  // }
+})