diff --git a/src/gatsby-blog/.gitignore b/src/gatsby-blog/.gitignore deleted file mode 100644 index 54c67d47ef..0000000000 --- a/src/gatsby-blog/.gitignore +++ /dev/null @@ -1,6 +0,0 @@ -node_modules/ -.cache/ -.vscode -public -dist -src/gatsby-types.d.ts diff --git a/src/gatsby-blog/.node-version b/src/gatsby-blog/.node-version deleted file mode 100644 index 02c8b485ed..0000000000 --- a/src/gatsby-blog/.node-version +++ /dev/null @@ -1 +0,0 @@ -18.18.0 diff --git a/src/gatsby-blog/.prettierrc b/src/gatsby-blog/.prettierrc deleted file mode 100644 index 7ff0eaa385..0000000000 --- a/src/gatsby-blog/.prettierrc +++ /dev/null @@ -1,11 +0,0 @@ -{ - "plugins": ["prettier-plugin-tailwindcss"], - "semi": true, - "singleQuote": false, - "trailingComma": "all", - "bracketSpacing": true, - "bracketSameLine": false, - "arrowParens": "always", - "useTabs": false, - "tabWidth": 2 -} diff --git a/src/gatsby-blog/README.md b/src/gatsby-blog/README.md deleted file mode 100644 index 7c6411448f..0000000000 --- a/src/gatsby-blog/README.md +++ /dev/null @@ -1,129 +0,0 @@ -# Blogger README - -## Development - -To run the code: - -```bash -yarn # to install packages -yarn develop # run development -``` - -To edit the code, everything is in the `src` directory. - -!! Do not touch the `gatsby-types.d.ts` file, that is autogeneratedby **Gatsby** to help your typescript development. - -## Post Writing Guide - -### File Structure - -It is important for you to put the right file in the right place so then **Gastby** can go through them to build the entire blog, please remember that our entire deployment are static files, so, the source material has to be placed correctly in order to get a proper deployment - -```bash -#Simply put, every post has to be included in posts - -gatsby-blog/ # package root -├─ node_modules/ -├─ posts/ # all posts must be put in this directory -│ ├─ post_1.mdx # a post can be as simple as an MDX file -│ ├─ post_2/ # if a post has multiple files, make a directory -│ ├─ index.mdx # the MDX file contains the main write-up, it has to be named "index.mdx" -│ ├─ image_a.png # all the images and other assets should be included in the same directory -│ ├─ image_b.jpg -│ -⋮ -├─ src/ # this is where the source code of the blog goes, please DO NOT TOUCH -├─ .gitignore -├─ package.json -├─ README.md # this very file - -``` - -### MDX writing - -So, firstly, an MDX file does everything an MD file did. we assume you already know how to write in the Markdown format (.MD files), here's is a reference to the [basic syntax](https://www.markdownguide.org/basic-syntax/) just in case things slipped my memory. - -Then secondly, the X in the MD**X**! It makes 3 things possible:- - -1. **_Frontmatter metadata_** - **Utmost Important**, on every post you write, you **NEED** to fill this in -2. **_JSX Injections_** - namesake of the **X** in MD**X**, it makes making extremely fancy html pages alongside the regular MD text possible, but dont worry about this it's just not a thing we want to do everyday. -3. **_Shortcode Injections_** - Simplified version of **_pt2_**; some features such as `` and `, it's made possible via this feature. - -#### Frontmatter Metadata - -At the top of each MDX file, you fill in the metadata in between 2 breaks consists of 3 dashes `---`, like this: - -```md ---- -title: News Post 1 -slug: /news-1 -date: 2024-07-25 -author: wil -category: news ---- - -# Post Title - -rest of doc -⋮ -⋮ -end of doc -``` - -There is not any limitation to what could be filled in as metadata from the MDX perspective, it depends on our blog system, in which, here are the metadata our blog needs: - -``` ---- -title: # required -slug: # required see slug path -date: # required, eg: 2024-07-29 -category: # required, category: see categories -featured: # optional, boolean: "true" / "false" -author: # optional, author: see authors -featuredImage: # optional, see image path -tags: # optional, see tags ---- -``` - -##### Required Field - -if you missed an required field, this post will still be compiled, but it will not show up on any of our blog rolls - -##### Categories - -We have different blog-roll pages for different type of blog-posts, and this depends on the category field, the currently available categories are: - -- blog -- news - -##### Featured - -In some blog-roll pages, we have featured articles, if a post has the following field: - -``` -featured: true -``` - -It will should up first in its blog-roll as a featured article - -##### Author - -We could put any string in here, but if you provide us your author tag name and thumbnail, we can put it in the system. So then, when you use a name that is in the system, you can get a thumbnail, it is also **_potentially_** possible to click your name into _a page that consists of all your post_ - -!! author pages is yet to be implemented - -##### Featured Image - -The featured image will show up as the thumbnail of the posts in its blog-roll, and also as the top hero image in the blog-post-page, just refere to the image from your post's directory like the following - -``` -featuredImage: "./2D_many_phases.png" -``` - -If you do not provide a featured image, on its corresponding blog-rolls, a placeholder would would be shown as its thumbnail; in the post, there will be no hero image. - -##### Tags - -This is important for the related posts section at the end of each blog posts. Let's try to cooperated during stand-up meetings and make sure we are making new tags that we can re-use to futher categorize posts in a category. - -Bottomline being, e.g. when you are on _post-a_, how does its _related posts_ section knows that _post-b_ should be shown? It is simply because they have the same values in their **_Tags_** field. diff --git a/src/gatsby-blog/articles/fakeyou/ai-tools/best-tts-websites.mdx b/src/gatsby-blog/articles/fakeyou/ai-tools/best-tts-websites.mdx deleted file mode 100644 index 246baba7e7..0000000000 --- a/src/gatsby-blog/articles/fakeyou/ai-tools/best-tts-websites.mdx +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: The Best TTS Websites -metaText: this is a test meta text. -slug: /ai-tools/best-tts-websites -date: 2024-07-23 -featured: true -author: Wil -category: ai-tools ---- - -## Heading 2 - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac neque enim. Nam eget diam sit amet elit aliquet iaculis a id magna. Etiam sit amet tortor libero. Curabitur fringilla ullamcorper magna at ultrices. Aliquam erat volutpat. Fusce sit amet libero maximus, scelerisque dui et, bibendum mi. - -Mauris justo diam, facilisis sed consequat eu, porttitor in risus. Curabitur in -tempor quam, sit amet pellentesque ex. Proin porta lobortis nulla, vitae tempor -lorem accumsan vitae. Integer pulvinar aliquam mauris et tempus. Vivamus -accumsan facilisis nisi. Aenean quam justo, finibus nec ipsum ut, porttitor -vulputate nunc. Suspendisse a mi in odio dignissim lacinia in in risus. Nam -ultrices nulla eget justo malesuada viverra. - -### Heading 3 - -Quis ligula sem pellentesque ornare eleifend per curabitur quam. Est potenti augue facilisis mi diam. Cras dignissim turpis erat dictum fermentum aptent. Non proin pharetra semper turpis a ipsum mi euismod. Venenatis potenti eleifend auctor dictum neque felis. Quis purus dui lacus fringilla potenti. Ex tempus etiam mus nulla, sociosqu netus lacus ac. Nulla suspendisse fusce dolor nibh faucibus magnis. Sem habitant sed lorem per dictum. - -![2-D_Phase_5](./2-D_Phase_5_.jpg) - - -end of doc diff --git a/src/gatsby-blog/articles/fakeyou/ai-tools/best-video-lipsync-ai-tools.mdx b/src/gatsby-blog/articles/fakeyou/ai-tools/best-video-lipsync-ai-tools.mdx deleted file mode 100644 index 658fb56426..0000000000 --- a/src/gatsby-blog/articles/fakeyou/ai-tools/best-video-lipsync-ai-tools.mdx +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: The Best Video Lipsync AI Tools -metaText: this is a test meta text. -slug: /ai-tools/best-video-lipsync-ai-tools -date: 2024-07-23 -featured: true -author: Wil -category: ai-tools ---- - -## Heading 2 - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac neque enim. Nam eget diam sit amet elit aliquet iaculis a id magna. Etiam sit amet tortor libero. Curabitur fringilla ullamcorper magna at ultrices. Aliquam erat volutpat. Fusce sit amet libero maximus, scelerisque dui et, bibendum mi. - -Mauris justo diam, facilisis sed consequat eu, porttitor in risus. Curabitur in -tempor quam, sit amet pellentesque ex. Proin porta lobortis nulla, vitae tempor -lorem accumsan vitae. Integer pulvinar aliquam mauris et tempus. Vivamus -accumsan facilisis nisi. Aenean quam justo, finibus nec ipsum ut, porttitor -vulputate nunc. Suspendisse a mi in odio dignissim lacinia in in risus. Nam -ultrices nulla eget justo malesuada viverra. - -### Heading 3 - -Quis ligula sem pellentesque ornare eleifend per curabitur quam. Est potenti augue facilisis mi diam. Cras dignissim turpis erat dictum fermentum aptent. Non proin pharetra semper turpis a ipsum mi euismod. Venenatis potenti eleifend auctor dictum neque felis. Quis purus dui lacus fringilla potenti. Ex tempus etiam mus nulla, sociosqu netus lacus ac. Nulla suspendisse fusce dolor nibh faucibus magnis. Sem habitant sed lorem per dictum. - -![2-D_Phase_5](./2-D_Phase_5_.jpg) - - -end of doc diff --git a/src/gatsby-blog/articles/fakeyou/blog/post-1/2-D_Phase_5_.jpg b/src/gatsby-blog/articles/fakeyou/blog/post-1/2-D_Phase_5_.jpg deleted file mode 100644 index 34c0cc5fb2..0000000000 Binary files a/src/gatsby-blog/articles/fakeyou/blog/post-1/2-D_Phase_5_.jpg and /dev/null differ diff --git a/src/gatsby-blog/articles/fakeyou/blog/post-1/2D_many_phases.png b/src/gatsby-blog/articles/fakeyou/blog/post-1/2D_many_phases.png deleted file mode 100644 index 5d960405c4..0000000000 Binary files a/src/gatsby-blog/articles/fakeyou/blog/post-1/2D_many_phases.png and /dev/null differ diff --git a/src/gatsby-blog/articles/fakeyou/blog/post-1/index.mdx b/src/gatsby-blog/articles/fakeyou/blog/post-1/index.mdx deleted file mode 100644 index efed334a70..0000000000 --- a/src/gatsby-blog/articles/fakeyou/blog/post-1/index.mdx +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Blog Post 1 -metaText: this is a test meta text. -slug: /blog/post-1 -date: 2024-07-23 -featured: true -featuredImage: "./2D_many_phases.png" -author: Wil -category: blog ---- - -## Heading 2 - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac neque enim. Nam eget diam sit amet elit aliquet iaculis a id magna. Etiam sit amet tortor libero. Curabitur fringilla ullamcorper magna at ultrices. Aliquam erat volutpat. Fusce sit amet libero maximus, scelerisque dui et, bibendum mi. - -Mauris justo diam, facilisis sed consequat eu, porttitor in risus. Curabitur in -tempor quam, sit amet pellentesque ex. Proin porta lobortis nulla, vitae tempor -lorem accumsan vitae. Integer pulvinar aliquam mauris et tempus. Vivamus -accumsan facilisis nisi. Aenean quam justo, finibus nec ipsum ut, porttitor -vulputate nunc. Suspendisse a mi in odio dignissim lacinia in in risus. Nam -ultrices nulla eget justo malesuada viverra. - -### Heading 3 - -Quis ligula sem pellentesque ornare eleifend per curabitur quam. Est potenti augue facilisis mi diam. Cras dignissim turpis erat dictum fermentum aptent. Non proin pharetra semper turpis a ipsum mi euismod. Venenatis potenti eleifend auctor dictum neque felis. Quis purus dui lacus fringilla potenti. Ex tempus etiam mus nulla, sociosqu netus lacus ac. Nulla suspendisse fusce dolor nibh faucibus magnis. Sem habitant sed lorem per dictum. - -![2-D_Phase_5](./2-D_Phase_5_.jpg) - - -end of doc diff --git a/src/gatsby-blog/articles/fakeyou/blog/post-2.mdx b/src/gatsby-blog/articles/fakeyou/blog/post-2.mdx deleted file mode 100644 index cd0a88ee67..0000000000 --- a/src/gatsby-blog/articles/fakeyou/blog/post-2.mdx +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Blog Post 2 -slug: /blog/post-2 -date: 2024-07-24 ---- - -# Foobar - -this is the 2nd post as a prove of concept - diff --git a/src/gatsby-blog/gatsby-browser.js b/src/gatsby-blog/gatsby-browser.js deleted file mode 100644 index 8b843acc9b..0000000000 --- a/src/gatsby-blog/gatsby-browser.js +++ /dev/null @@ -1 +0,0 @@ -import "./src/styles/global.css" diff --git a/src/gatsby-blog/gatsby-config.ts b/src/gatsby-blog/gatsby-config.ts deleted file mode 100644 index ed99b8807f..0000000000 --- a/src/gatsby-blog/gatsby-config.ts +++ /dev/null @@ -1,71 +0,0 @@ -import type { GatsbyConfig } from "gatsby"; -import path from "path"; - -const config: GatsbyConfig = { - siteMetadata: { - title: `Storyteller AI Blog`, - siteUrl: `https://www.yourdomain.tld`, - }, - //pathPrefix: `/blog`, - // More easily incorporate content into your pages through automatic TypeScript type generation and better GraphQL IntelliSense. - // If you use VSCode you can also use the GraphQL plugin - // Learn more at: https://gatsby.dev/graphql-typegen - graphqlTypegen: true, - plugins: [ - "gatsby-plugin-postcss", - "gatsby-plugin-image", - "gatsby-plugin-sitemap", - "gatsby-plugin-sharp", - "gatsby-transformer-sharp", - { - resolve: "gatsby-plugin-manifest", - options: { - icon: `${__dirname}/src/images/icon.png`, - }, - }, - { - resolve: `gatsby-plugin-mdx`, - options: { - gatsbyRemarkPlugins: [ - { - resolve: `gatsby-remark-images`, - options: { - maxWidth: 1200, - }, - }, - ], - }, - }, - { - resolve: "gatsby-source-filesystem", - options: { - name: "images", - path: `${__dirname}/src/images/`, - }, - __key: "images", - }, - { - resolve: "gatsby-source-filesystem", - options: { - name: "pages", - path: `${__dirname}/src/pages/`, - }, - __key: "pages", - }, - { - resolve: `gatsby-source-filesystem`, - options: { - name: `posts`, - path: `${__dirname}/articles/fakeyou`, - }, - }, - { - resolve: "gatsby-plugin-resolve-src", - options: { - srcPath: path.resolve(__dirname, "src"), - }, - }, - ], -}; - -export default config; diff --git a/src/gatsby-blog/gatsby-node.js b/src/gatsby-blog/gatsby-node.js deleted file mode 100644 index bc9c69cac0..0000000000 --- a/src/gatsby-blog/gatsby-node.js +++ /dev/null @@ -1,57 +0,0 @@ -const path = require("path"); -const postTemplate = path.resolve( - `${__dirname}/src/components/postTemplate.tsx`, -); - -exports.createPages = async ({ graphql, actions, reporter }) => { - const { createPage } = actions; - - const result = await graphql(` - query { - allMdx { - nodes { - id - frontmatter { - title - slug - date(formatString: "MMMM DD, YYYY") - } - internal { - contentFilePath - } - } - } - } - `); - - exports.onCreateWebpackConfig = ({ actions }) => { - actions.setWebpackConfig({ - resolve: { - alias: { - "@babel/runtime": require.resolve("@babel/runtime"), - }, - }, - }); - }; - - if (result.errors) { - reporter.panicOnBuild("Error loading MDX result", result.errors); - } - - // Create blog post pages. - const posts = result.data.allMdx.nodes; - - // you'll call `createPage` for each result - posts.forEach((node) => { - createPage({ - // As mentioned above you could also query something else like frontmatter.title above and use a helper function - // like slugify to create a slug - path: node.frontmatter.slug, - // Provide the path to the MDX content file so webpack can pick it up and transform it into JSX - component: `${postTemplate}?__contentFilePath=${node.internal.contentFilePath}`, - // You can use the values in this context in - // our page layout component - context: { id: node.id }, - }); - }); -}; diff --git a/src/gatsby-blog/package.json b/src/gatsby-blog/package.json deleted file mode 100644 index 9f26f23540..0000000000 --- a/src/gatsby-blog/package.json +++ /dev/null @@ -1,53 +0,0 @@ -{ - "name": "storyteller-ai-blog", - "version": "1.0.0", - "private": true, - "description": "storyteller-ai-blog", - "author": "wil", - "keywords": [ - "gatsby" - ], - "scripts": { - "develop": "gatsby develop", - "start": "gatsby develop", - "build": "gatsby build", - "serve": "gatsby serve", - "build-pp": "gatsby build --prefix-paths", - "serve-pp": "gatsby serve --prefix-paths", - "clean": "gatsby clean", - "typecheck": "tsc --noEmit" - }, - "dependencies": { - "@babel/runtime": "^7.25.0", - "@fortawesome/fontawesome-svg-core": "6.2.1", - "@fortawesome/free-brands-svg-icons": "6.2.1", - "@fortawesome/free-solid-svg-icons": "6.2.1", - "@fortawesome/react-fontawesome": "^0.2.2", - "@mdx-js/react": "^3.0.1", - "autoprefixer": "^10.4.19", - "gatsby": "^5.13.5", - "gatsby-plugin-image": "^3.13.1", - "gatsby-plugin-manifest": "^5.13.1", - "gatsby-plugin-mdx": "^5.13.1", - "gatsby-plugin-postcss": "^6.13.1", - "gatsby-plugin-resolve-src": "^2.1.0", - "gatsby-plugin-sharp": "^5.13.1", - "gatsby-plugin-sitemap": "^6.13.1", - "gatsby-remark-images": "^7.13.1", - "gatsby-source-filesystem": "^5.13.1", - "gatsby-transformer-sharp": "^5.13.1", - "postcss": "^8.4.39", - "react": "^18.2.0", - "react-dom": "^18.2.0", - "tailwind-merge": "^2.4.0", - "tailwindcss": "^3.4.6" - }, - "devDependencies": { - "@types/node": "^20.11.19", - "@types/react": "^18.2.55", - "@types/react-dom": "^18.2.19", - "prettier": "^3.3.3", - "prettier-plugin-tailwindcss": "^0.6.5", - "typescript": "^5.3.3" - } -} diff --git a/src/gatsby-blog/postcss.config.js b/src/gatsby-blog/postcss.config.js deleted file mode 100644 index 33ad091d26..0000000000 --- a/src/gatsby-blog/postcss.config.js +++ /dev/null @@ -1,6 +0,0 @@ -module.exports = { - plugins: { - tailwindcss: {}, - autoprefixer: {}, - }, -} diff --git a/src/gatsby-blog/posts/news-1.mdx b/src/gatsby-blog/posts/news-1.mdx deleted file mode 100644 index e584a1c454..0000000000 --- a/src/gatsby-blog/posts/news-1.mdx +++ /dev/null @@ -1,16 +0,0 @@ ---- -title: News Post 1 -slug: /news-1 -date: 2024-07-25 -author: wil -category: news ---- - -# Breaking News - -this is a post that has the category of `news` - - - - -end of doc \ No newline at end of file diff --git a/src/gatsby-blog/posts/post-1/2-D_Phase_5_.jpg b/src/gatsby-blog/posts/post-1/2-D_Phase_5_.jpg deleted file mode 100644 index 34c0cc5fb2..0000000000 Binary files a/src/gatsby-blog/posts/post-1/2-D_Phase_5_.jpg and /dev/null differ diff --git a/src/gatsby-blog/posts/post-1/2D_many_phases.png b/src/gatsby-blog/posts/post-1/2D_many_phases.png deleted file mode 100644 index 5d960405c4..0000000000 Binary files a/src/gatsby-blog/posts/post-1/2D_many_phases.png and /dev/null differ diff --git a/src/gatsby-blog/posts/post-1/index.mdx b/src/gatsby-blog/posts/post-1/index.mdx deleted file mode 100644 index e6b48c7aed..0000000000 --- a/src/gatsby-blog/posts/post-1/index.mdx +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: Blog Post 1 -metaText: this is a test meta text. -slug: /blog-1 -date: 2024-07-23 -featured: true -featuredImage: "./2D_many_phases.png" -author: Wil -category: blog ---- - -## Heading 2 - -Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ac neque enim. Nam eget diam sit amet elit aliquet iaculis a id magna. Etiam sit amet tortor libero. Curabitur fringilla ullamcorper magna at ultrices. Aliquam erat volutpat. Fusce sit amet libero maximus, scelerisque dui et, bibendum mi. - -Mauris justo diam, facilisis sed consequat eu, porttitor in risus. Curabitur in -tempor quam, sit amet pellentesque ex. Proin porta lobortis nulla, vitae tempor -lorem accumsan vitae. Integer pulvinar aliquam mauris et tempus. Vivamus -accumsan facilisis nisi. Aenean quam justo, finibus nec ipsum ut, porttitor -vulputate nunc. Suspendisse a mi in odio dignissim lacinia in in risus. Nam -ultrices nulla eget justo malesuada viverra. - -### Heading 3 - -Quis ligula sem pellentesque ornare eleifend per curabitur quam. Est potenti augue facilisis mi diam. Cras dignissim turpis erat dictum fermentum aptent. Non proin pharetra semper turpis a ipsum mi euismod. Venenatis potenti eleifend auctor dictum neque felis. Quis purus dui lacus fringilla potenti. Ex tempus etiam mus nulla, sociosqu netus lacus ac. Nulla suspendisse fusce dolor nibh faucibus magnis. Sem habitant sed lorem per dictum. - -![2-D_Phase_5](./2-D_Phase_5_.jpg) - - -end of doc diff --git a/src/gatsby-blog/posts/post-2.mdx b/src/gatsby-blog/posts/post-2.mdx deleted file mode 100644 index f57494ae14..0000000000 --- a/src/gatsby-blog/posts/post-2.mdx +++ /dev/null @@ -1,10 +0,0 @@ ---- -title: Blog Post 2 -slug: /blog-2 -date: 2024-07-24 ---- - -# Foobar - -this is the 2nd post as a prove of concept - diff --git a/src/gatsby-blog/src/components/BlogRoll.tsx b/src/gatsby-blog/src/components/BlogRoll.tsx deleted file mode 100644 index 905bdea724..0000000000 --- a/src/gatsby-blog/src/components/BlogRoll.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from "react"; - -import { P } from "./MdTypography"; -import { BlogRollItem } from "./BlogRollItem"; -import { staiFrontmatter } from "../models/frontmatter"; - -export function BlogRoll({ - posts, -}: { - posts: Queries.IndexPageQuery["allMdx"]["nodes"]; -}) { - if (posts.length > 0) { - return ( -
    - {posts.map((post) => { - return - - })} -
- ); - } - return

There are no Posts!

; -} \ No newline at end of file diff --git a/src/gatsby-blog/src/components/BlogRollItem.tsx b/src/gatsby-blog/src/components/BlogRollItem.tsx deleted file mode 100644 index 803476f954..0000000000 --- a/src/gatsby-blog/src/components/BlogRollItem.tsx +++ /dev/null @@ -1,47 +0,0 @@ -import React from "react"; -import { Link } from "gatsby"; -import { GatsbyImage, getImage } from "gatsby-plugin-image"; -import { staiFrontmatter } from "../models/frontmatter"; -import { getCateogry } from "../models"; -import { H4 } from "./MdTypography"; - -export const BlogRollItem = ({postFrontmatter: pfm}:{postFrontmatter: staiFrontmatter})=> { - const category = getCateogry(pfm.category) - const featuredImage = - pfm.featuredImage?.childImageSharp?.gatsbyImageData && - getImage(pfm.featuredImage.childImageSharp.gatsbyImageData); - - return ( -
  • - -
    - {featuredImage && ( - - )} -
    - -
    -
    - - {category.displayName} - -
    - -

    - {pfm.title} -

    - -
    - {/*

    {frontmatter.date}

    */} - {/*

    by {frontmatter.author ?? "unknown"}

    */} - -
  • - ); -} \ No newline at end of file diff --git a/src/gatsby-blog/src/components/Button.tsx b/src/gatsby-blog/src/components/Button.tsx deleted file mode 100644 index 5d4626aa40..0000000000 --- a/src/gatsby-blog/src/components/Button.tsx +++ /dev/null @@ -1,40 +0,0 @@ -import { Link } from "gatsby"; -import React, { ReactNode } from "react"; -import { twMerge } from "tailwind-merge"; - -interface ButtonProps { - onClick?: () => void; - to?: string; - children?: ReactNode; - className?: string; - variant?: "primary" | "secondary"; -} - -const Button = ({ - onClick, - to, - children, - className, - variant = "primary", -}: ButtonProps) => { - const baseClasses = - "flex w-fit px-4 py-2 rounded-lg font-semibold text-white hover:bg-primary-400 transition-colors duration-200"; - const variantClasses = variant === "primary" ? "bg-primary" : "bg-secondary"; - const btnClasses = twMerge(baseClasses, variantClasses, className); - - return ( - <> - {onClick ? ( - - ) : ( - - {children} - - )} - - ); -}; - -export default Button; diff --git a/src/gatsby-blog/src/components/HeroPost.tsx b/src/gatsby-blog/src/components/HeroPost.tsx deleted file mode 100644 index fbb319bd4d..0000000000 --- a/src/gatsby-blog/src/components/HeroPost.tsx +++ /dev/null @@ -1,54 +0,0 @@ -import React from "react"; -import { Link } from "gatsby"; -import { GatsbyImage, getImage } from "gatsby-plugin-image"; - -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { faChevronRight } from "@fortawesome/free-solid-svg-icons"; - -import * as MdTypography from "./MdTypography"; -import { staiFrontmatter } from "../models/frontmatter"; -import { getCateogry } from "../models"; -const { P, H2 } = MdTypography; - -export const HeroPost = ({postFrontmatter}:{postFrontmatter:staiFrontmatter})=>{ - const pfm = postFrontmatter; - const category = getCateogry(pfm.category); - const featuredImage = - pfm.featuredImage?.childImageSharp?.gatsbyImageData && - getImage(pfm.featuredImage.childImageSharp.gatsbyImageData); - - return( - -
    -
    - {featuredImage ? ( - - ): -
    - Featured Post Image Placeholder Here -
    - } -
    -
    -

    - {category.displayName} -

    -

    - {pfm.title} -

    -

    - Read More - -

    -
    -
    - - ) -} \ No newline at end of file diff --git a/src/gatsby-blog/src/components/MdTypography.tsx b/src/gatsby-blog/src/components/MdTypography.tsx deleted file mode 100644 index a459ed2e04..0000000000 --- a/src/gatsby-blog/src/components/MdTypography.tsx +++ /dev/null @@ -1,62 +0,0 @@ -import React, { DetailedHTMLProps, HTMLAttributes } from "react"; -import { twMerge } from "tailwind-merge"; - -type HeadingProps = DetailedHTMLProps< - HTMLAttributes, - HTMLHeadingElement ->; - -export const P = ({ - children, - className, - ...rest -}: DetailedHTMLProps< - HTMLAttributes, - HTMLParagraphElement ->) => ( -

    - {children} -

    -); - -export const H1 = ({ children, className, ...rest }: HeadingProps) => ( -

    - {children} -

    -); - -export const H2 = ({ children, className, ...rest }: HeadingProps) => ( -

    - {children} -

    -); - -export const H3 = ({ children, className, ...rest }: HeadingProps) => ( -

    - {children} -

    -); - -export const H4 = ({ children, className, ...rest }: HeadingProps) => ( -

    - {children} -

    -); - -export const H5 = ({ children, className, ...rest }: HeadingProps) => ( -
    - {children} -
    -); - -export const H6 = ({ children, className, ...rest }: HeadingProps) => ( -
    - {children} -
    -); diff --git a/src/gatsby-blog/src/components/SocialIcons.tsx b/src/gatsby-blog/src/components/SocialIcons.tsx deleted file mode 100644 index 0421e16562..0000000000 --- a/src/gatsby-blog/src/components/SocialIcons.tsx +++ /dev/null @@ -1,35 +0,0 @@ -import React from "react"; -import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; -import { - // faFacebook, - faInstagram, - // faLinkedin, - faTiktok, - faTwitter, -} from "@fortawesome/free-brands-svg-icons"; - -const socialMedia = [ - { name: "Twitter", icon: faTwitter, link: "https://twitter.com" }, - { name: "Instagram", icon: faInstagram, link: "https://instagram.com" }, - { name: "Tiktok", icon: faTiktok, link: "https://tiktok.com" }, -]; - -const SocialIcons = () => { - return ( -
    - {socialMedia.map((social, index) => ( - - - - ))} -
    - ); -}; - -export default SocialIcons; diff --git a/src/gatsby-blog/src/components/Youtube.tsx b/src/gatsby-blog/src/components/Youtube.tsx deleted file mode 100644 index 9f6c694171..0000000000 --- a/src/gatsby-blog/src/components/Youtube.tsx +++ /dev/null @@ -1,31 +0,0 @@ -import React from "react"; - -const respIframeWrapper = { - position: "relative" as "relative", - height: 0, - overflow: "hidden", - paddingBottom: "50%", -}; - -export const Youtube = ({ - videoId, - title, -}: { - videoId: string; - title?: string; -}) => { - return ( -
    -