├── .foam
    └── templates
    │   └── your-first-template.md
├── .gitignore
├── .vscode
    ├── extensions.json
    ├── foam.json
    ├── settings.json
    └── spellright.dict
├── README.md
├── components
    ├── AnchorTag.js
    ├── CodeBlock.js
    ├── Header.js
    ├── Image.js
    ├── Layout.js
    └── button.js
├── next.config.js
├── package-lock.json
├── package.json
├── pages
    ├── _app.js
    ├── excalidrawn.md
    ├── inbox.md
    ├── index.md
    ├── jsx-component-in-mdx-example.md
    ├── next-image-component-example.md
    ├── notes
    │   ├── note.md
    │   └── syntax-highlighting.md
    ├── readme.md
    └── todo.md
├── public
    └── images
    │   ├── excalidrawn.png
    │   └── excalidrawn.svg
├── siteconfig.js
├── styles
    ├── global.css
    └── prism-theme-night-owl.css
└── yarn.lock


/.foam/templates/your-first-template.md:
--------------------------------------------------------------------------------
 1 | # Foam Note Templates
 2 | 
 3 | Foam includes note templates! 
 4 | This allows you to easily create notes that have similar structure without having to use copy/paste :)
 5 | 
 6 | Templates support the [VS Code's Snippet Syntax](https://code.visualstudio.com/docs/editor/userdefinedsnippets#_snippet-syntax), which means you can:
 7 | - add variables to the newly created note
 8 | - add tabstop to automatically navigate to the key parts of the note, just like a form
 9 | Below you can see an example showing a todo list and a timestamp.
10 | 
11 | ## Todo List
12 | 
13 | 1. ${1:First tabstop}
14 | 2. ${2:A second tabstop}
15 | 3. ${3:A third tabstop}
16 | 
17 | Note Created: ${CURRENT_YEAR}-${CURRENT_MONTH}-${CURRENT_DATE}
18 | 
19 | ---
20 | 
21 | Try out the above example by running the `Foam: Create New Note From Template` command and selecting the `your-first-template` template. Notice what happens when your new note is created!
22 | 
23 | To remove this template, simply delete the `.foam/templates/your-first-template.md` file.
24 | 
25 | Enjoy!
26 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # next.js
12 | /.next/
13 | /out/
14 | 
15 | # production
16 | /build
17 | 
18 | # misc
19 | .DS_Store
20 | *.pem
21 | 
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 | 
27 | # local env files
28 | .env.local
29 | .env.development.local
30 | .env.test.local
31 | .env.production.local
32 | 
33 | # vercel
34 | .vercel
35 | 


--------------------------------------------------------------------------------
/.vscode/extensions.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   // See http://go.microsoft.com/fwlink/?LinkId=827846
 3 |   // for the documentation about the extensions.json format
 4 |   "recommendations": [
 5 |     // Foam's own extension
 6 |     "foam.foam-vscode",
 7 | 
 8 |     // Tons of markdown goodies (lists, tables of content, so much more)
 9 |     "yzhang.markdown-all-in-one",
10 | 
11 |     // [[wiki-links]], backlinking etc
12 |     "kortina.vscode-markdown-notes",
13 | 
14 |     // Image-pasting for markdown
15 |     "mushan.vscode-paste-image",
16 | 
17 |     // Spell checking for text, markdown and latex
18 |     "ban.spellright",
19 |   ]
20 | }
21 | 


--------------------------------------------------------------------------------
/.vscode/foam.json:
--------------------------------------------------------------------------------
1 | {
2 |   "purpose": "this file exists to tell the foam-vscode plugin that it's currently in a foam workspace",
3 |   "future": "we may use this for custom configuration"
4 | }
5 | 


--------------------------------------------------------------------------------
/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "editor.minimap.enabled": false,
 3 |   "editor.wrappingIndent": "indent",
 4 |   "editor.overviewRulerBorder": false,
 5 |   "editor.lineHeight": 24,
 6 |   "[markdown]": {
 7 |     "editor.quickSuggestions": true
 8 |   },
 9 |   "files.defaultLanguage": "markdown",
10 |   "files.exclude": {
11 |     "**/node_modules": true
12 |   },
13 |   "files.watcherExclude": {
14 |     "**/node_modules": true
15 |   },
16 |   "foam.edit.linkReferenceDefinitions": "withoutExtensions",
17 |   "foam.openDailyNote.directory": "journal",
18 |   "foam.openDailyNote.titleFormat": "fullDate",
19 |   "git.enableSmartCommit": true,
20 |   "git.postCommitCommand": "sync",
21 |   "markdown.preview.breaks": true,
22 |   "pasteImage.path": "${projectRoot}/attachments",
23 |   "pasteImage.showFilePathConfirmInputBox": true,
24 |   "prettier.singleQuote": false,
25 |   "spellright.notificationClass": "warning",
26 |   "vscodeMarkdownNotes.noteCompletionConvention": "noExtension",
27 |   "vscodeMarkdownNotes.slugifyMethod": "github-slugger",
28 | }
29 | 


--------------------------------------------------------------------------------
/.vscode/spellright.dict:
--------------------------------------------------------------------------------
1 | wikilink
2 | spellright
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Foamy NextJS Starter
 2 | 
 3 | This starter combines [Foam](https://foambubble.github.io/foam) with [NextJS](https://nextjs.org). I built this using [NextJS with MDX example repo](https://github.com/vercel/next.js/tree/canary/examples/with-mdx) as my base repo. 
 4 | 
 5 | ## Getting Started
 6 | 1. Click on **Use this template** button
 7 | 2. Clone the repository locally
 8 |  
 9 | ```bash
10 | cd your-local-repo-name
11 | npm install 
12 | # or
13 | yarn install
14 | 
15 | npm run dev
16 | # or
17 | yarn dev
18 | ```
19 | 
20 | Foam requires specific VS Code extensions for it to work properly. Open the repository as a folder using the File > Open... menu item. When prompted to install recommended extensions, click **Install all** (or **Show Recommendations** if you want to review and install them one by one).
21 | 
22 | Open `index.md` in `/pages` directory and edit to your heart's content. All other markdown files and notes folder are examples. Before doing so, I recommend clicking around to see how things work.
23 | 
24 | ## How to customize
25 | I purposefully built this starter to be bare in styling and functionality to leave plenty of room to customize and build on top. 
26 | 
27 | ### Basic Global styles
28 | I used Gridlover to generate a typography system with modular scale and vertical rhythm. Add your preferred fonts, [choose your own scale](https://www.gridlover.net/try), and replace all styles in `/styles/global.css` between these comments 
29 | ```CSS
30 | /* begin gridlover perfect fourth scale */
31 | // ...
32 | /* end gridlover perfect fourth scale */
33 | ```
34 | 
35 | ### Syntax highlighting theme
36 | Add your preferred prism theme CSS file in `/styles` folder and import it to `_app.js`
37 | ```javascript
38 | import '../styles/prism-theme-night-owl.css'
39 | ```
40 | You can convert your VS Code theme to use with this tool:
41 | [VS Code to Prism Themes](https://prism.dotenv.dev/)
42 | 
43 | *Note:* This uses prism-react-renderer for syntax highlight. It's set to use styles from css so the theme is set to null in CodeBlock component. Refer to [prism-react-renderer FAQ](https://github.com/FormidableLabs/prism-react-renderer#faq) for other methods.
44 | 
45 | ### CSS Styling Methods
46 | NextJS uses CSS Modules by default. [Next JS Docs: Built-In CSS Support](https://nextjs.org/docs/basic-features/built-in-css-support) on how to configure for other methods.
47 | 
48 | ### Siteconfig.js
49 | `siteconfig.js` is used for populating site name in the Header and Layout components.
50 | ```javascript
51 | export default {
52 |   "title": "Foamy NextJS",
53 |   "description": "Digital Garden built with Foam and NextJS with MDX",
54 |   "author": "Yenly Ma"
55 | }
56 | ```
57 | 
58 | ### Remark and Rehype plugins
59 | Add/remove plugins in `next.config.js`
60 | ```javascript
61 | const remarkImages = require('remark-images')
62 | const remarkExternalLinks = require('remark-external-links')
63 | const remarkFootnote = require('remark-numbered-footnote-labels')
64 | 
65 | const withMDX = require('@next/mdx')({
66 |   extension: /\.mdx?$/,
67 |   options: {
68 |     remarkPlugins: [
69 |       remarkImages,
70 |       remarkExternalLinks,
71 |       [remarkFootnotes]
72 |     ]
73 |   },
74 | })
75 | ```
76 | 
77 | ### How to upgrade Foam
78 | [Fork the latest Foam template](https://github.com/foambubble/foam-template). Copy `.vscode` directory to your root level of your repo. Open your workspace and things should magically work. It's Foam's magic sauce. If not, try:
79 | - update VS Code extensions defined in `.vscode/extensions.json`
80 | - disable and enable extensions needed and restart VS Code
81 | 
82 | ### How to deploy
83 | I pick this stack for its easy [deploy to Vercel](https://nextjs.org/docs/deployment). To deploy under a sub-path on your domain, [use `basePath` option](https://nextjs.org/docs/api-reference/next.config.js/basepath).
84 | 
85 | ### Recommended Resources
86 | - [Foam Recipes](https://foambubble.github.io/foam/recipes)
87 | - [Learn NextJS](https://nextjs.org/learn/basics/create-nextjs-app) or dig into their [Docs](https://nextjs.org/docs/getting-started)
88 | - [MDXJS](https://mdxjs.com/) 
89 |   - [MDX Conf 2020](https://egghead.io/playlists/mdx-conf-3fc2) - Demystifying MDX talk is particularly helpful for me as a beginner
90 | 


--------------------------------------------------------------------------------
/components/AnchorTag.js:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link'
 2 | 
 3 | const AnchorTag = (props) => {
 4 |   const { href, title, target, children } = props
 5 |   if (target) {
 6 |     return <a {...props}>{children}</a>
 7 |   }
 8 |   return <Link href={`/${href}`}><a>{title || children}</a></Link>
 9 | }
10 | 
11 | export default AnchorTag


--------------------------------------------------------------------------------
/components/CodeBlock.js:
--------------------------------------------------------------------------------
 1 | import React from 'react'
 2 | import Highlight, { defaultProps } from 'prism-react-renderer'
 3 | 
 4 | const CodeBlock = ({ children, className }) => {
 5 |   const language = className.replace(/language-/, '')
 6 | 
 7 |   return (
 8 |     <Highlight {...defaultProps} theme={null} code={children} language="javascript">
 9 |       {({ className, style, tokens, getLineProps, getTokenProps }) => (
10 |         <pre className={className} style={{...style, padding: '20px'}}>
11 |           {tokens.map((line, i) => (
12 |             <div key={i} {...getLineProps({line, key: i})}>
13 |               {line.map((token, key) => (
14 |                 <span key={key} {...getTokenProps({token, key})} />
15 |               ))}
16 |             </div>
17 |           ))}
18 |         </pre>
19 |       )}
20 |     </Highlight>
21 |   )
22 | }
23 | 
24 | export default CodeBlock
25 | 


--------------------------------------------------------------------------------
/components/Header.js:
--------------------------------------------------------------------------------
 1 | import Link from 'next/link'
 2 | 
 3 | export default function Header({ siteName }) {
 4 |   return (
 5 |     <>
 6 |       <header className="header">
 7 |         <nav className="nav">
 8 |           <Link href="/"><a>{siteName}</a></Link>
 9 |         </nav>
10 |       </header>
11 |     </>
12 |   )
13 | }


--------------------------------------------------------------------------------
/components/Image.js:
--------------------------------------------------------------------------------
 1 | import NextImage from 'next/image'
 2 | 
 3 | export default function Image(props) {
 4 |   let {
 5 |     src,
 6 |     alt,
 7 |     width = 600,
 8 |     height = 460,
 9 |     layout = 'intrinsic' } = props
10 |   if(src.includes('?')) {
11 |     const dimensions = src.split('?')
12 |     const widthHeight = dimensions[1].split('x')
13 |     width = widthHeight[0]
14 |     height = widthHeight[1]
15 |   }
16 |   if (layout === 'fixed' || layout === 'responsive') {
17 |     return (
18 |       <>
19 |         <NextImage
20 |           src={src}
21 |           alt={alt}
22 |           width={width}
23 |           height={height}
24 |           layout={layout}
25 |         />
26 |       </>
27 |       )
28 |   } else {
29 |     return (
30 |       <>
31 |         <NextImage
32 |           src={src}
33 |           alt={alt}
34 |           width={width}
35 |           height={height}
36 |         />
37 |       </>
38 |     )
39 |   }
40 | }


--------------------------------------------------------------------------------
/components/Layout.js:
--------------------------------------------------------------------------------
 1 | import Head from 'next/head'
 2 | import Header from './Header'
 3 | 
 4 | export default function Layout({ children, siteData }) {
 5 |   return (
 6 |     <>
 7 |       <Head>
 8 |         <meta name="viewport" content="width=device-width, initial-scale=1" />
 9 |         <meta name="author" content={siteData.author} />
10 |         <meta name="description" content={siteData.description} />
11 |         <title>{siteData.title}</title>
12 |       </Head>
13 |       <Header siteName={siteData.title} />
14 |       <main className="container">
15 |         {children}
16 |       </main>
17 |     </>
18 |   )
19 | }


--------------------------------------------------------------------------------
/components/button.js:
--------------------------------------------------------------------------------
 1 | export default function Button({ children }) {
 2 |   return (
 3 |     <button
 4 |       style={{
 5 |         borderRadius: '3px',
 6 |         border: '1px solid black',
 7 |         color: 'black',
 8 |         padding: '0.5em 1em',
 9 |         cursor: 'pointer',
10 |         fontSize: '1.1em',
11 |       }}
12 |     >
13 |       {children}
14 |     </button>
15 |   )
16 | }
17 | 


--------------------------------------------------------------------------------
/next.config.js:
--------------------------------------------------------------------------------
 1 | const remarkImages = require('remark-images')
 2 | const remarkExternalLinks = require('remark-external-links')
 3 | const remarkFootnote = require('remark-numbered-footnote-labels')
 4 | const remarkUnwrapImages = require('remark-unwrap-images')
 5 | 
 6 | const withMDX = require('@next/mdx')({
 7 |   extension: /\.mdx?$/,
 8 |   options: {
 9 |     remarkPlugins: [
10 |       remarkImages,
11 |       remarkExternalLinks,
12 |       remarkFootnote,
13 |       remarkUnwrapImages
14 |     ]
15 |   },
16 | })
17 | module.exports = withMDX({
18 |   pageExtensions: ['js', 'jsx', 'mdx', 'md'],
19 | })
20 | 


--------------------------------------------------------------------------------
/package-lock.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "name": "foamy-nextjs",
  3 |   "version": "1.0.0",
  4 |   "lockfileVersion": 1,
  5 |   "requires": true,
  6 |   "dependencies": {
  7 |     "@types/unist": {
  8 |       "version": "2.0.3",
  9 |       "resolved": "https://registry.npmjs.org/@types/unist/-/unist-2.0.3.tgz",
 10 |       "integrity": "sha512-FvUupuM3rlRsRtCN+fDudtmytGO6iHJuuRKS1Ss0pG5z8oX0diNEw94UEL7hgDbpN94rgaK5R7sWm6RrSkZuAQ=="
 11 |     },
 12 |     "extend": {
 13 |       "version": "3.0.2",
 14 |       "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
 15 |       "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
 16 |     },
 17 |     "hast-util-whitespace": {
 18 |       "version": "1.0.4",
 19 |       "resolved": "https://registry.npmjs.org/hast-util-whitespace/-/hast-util-whitespace-1.0.4.tgz",
 20 |       "integrity": "sha512-I5GTdSfhYfAPNztx2xJRQpG8cuDSNt599/7YUn7Gx/WxNMsG+a835k97TDkFgk123cwjfwINaZknkKkphx/f2A=="
 21 |     },
 22 |     "is-absolute-url": {
 23 |       "version": "3.0.3",
 24 |       "resolved": "https://registry.npmjs.org/is-absolute-url/-/is-absolute-url-3.0.3.tgz",
 25 |       "integrity": "sha512-opmNIX7uFnS96NtPmhWQgQx6/NYFgsUXYMllcfzwWKUMwfo8kku1TvE6hkNcH+Q1ts5cMVrsY7j0bxXQDciu9Q=="
 26 |     },
 27 |     "is-url": {
 28 |       "version": "1.2.4",
 29 |       "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
 30 |       "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww=="
 31 |     },
 32 |     "mdast-util-definitions": {
 33 |       "version": "3.0.1",
 34 |       "resolved": "https://registry.npmjs.org/mdast-util-definitions/-/mdast-util-definitions-3.0.1.tgz",
 35 |       "integrity": "sha512-BAv2iUm/e6IK/b2/t+Fx69EL/AGcq/IG2S+HxHjDJGfLJtd6i9SZUS76aC9cig+IEucsqxKTR0ot3m933R3iuA==",
 36 |       "requires": {
 37 |         "unist-util-visit": "^2.0.0"
 38 |       }
 39 |     },
 40 |     "remark-external-links": {
 41 |       "version": "7.0.0",
 42 |       "resolved": "https://registry.npmjs.org/remark-external-links/-/remark-external-links-7.0.0.tgz",
 43 |       "integrity": "sha512-Iihlg28wFTWyGyTquKolM6nHLkgrRnRXp/QSwjbWGThwIFVKIMHZLAkCii26aTGDEiKr6p1QfMt4oltBIIngug==",
 44 |       "requires": {
 45 |         "extend": "^3.0.0",
 46 |         "is-absolute-url": "^3.0.0",
 47 |         "mdast-util-definitions": "^3.0.0",
 48 |         "space-separated-tokens": "^1.0.0",
 49 |         "unist-util-visit": "^2.0.0"
 50 |       }
 51 |     },
 52 |     "remark-images": {
 53 |       "version": "2.0.0",
 54 |       "resolved": "https://registry.npmjs.org/remark-images/-/remark-images-2.0.0.tgz",
 55 |       "integrity": "sha512-1X6XTBQZW489HSwU0k+aU3xAlVe3TyPll6N2Mt1onwINTIqcTk9QTC57937Z8NQDJ8h7gKGXy9d4TJug2dm8lg==",
 56 |       "requires": {
 57 |         "is-url": "^1.2.2",
 58 |         "unist-util-is": "^4.0.0",
 59 |         "unist-util-visit-parents": "^3.0.0"
 60 |       }
 61 |     },
 62 |     "remark-unwrap-images": {
 63 |       "version": "2.0.0",
 64 |       "resolved": "https://registry.npmjs.org/remark-unwrap-images/-/remark-unwrap-images-2.0.0.tgz",
 65 |       "integrity": "sha512-uehiJU5U1ZNQxTKUlAKOQhVyFsc+9WWvamkuoF3ILdMpASHwA1JbzTOZcRWv+annYfDWuPSuoZAWdt1r0SlrfQ==",
 66 |       "requires": {
 67 |         "hast-util-whitespace": "^1.0.0",
 68 |         "unist-util-visit": "^2.0.0"
 69 |       }
 70 |     },
 71 |     "space-separated-tokens": {
 72 |       "version": "1.1.5",
 73 |       "resolved": "https://registry.npmjs.org/space-separated-tokens/-/space-separated-tokens-1.1.5.tgz",
 74 |       "integrity": "sha512-q/JSVd1Lptzhf5bkYm4ob4iWPjx0KiRe3sRFBNrVqbJkFaBm5vbbowy1mymoPNLRa52+oadOhJ+K49wsSeSjTA=="
 75 |     },
 76 |     "unist-util-is": {
 77 |       "version": "4.0.2",
 78 |       "resolved": "https://registry.npmjs.org/unist-util-is/-/unist-util-is-4.0.2.tgz",
 79 |       "integrity": "sha512-Ofx8uf6haexJwI1gxWMGg6I/dLnF2yE+KibhD3/diOqY2TinLcqHXCV6OI5gFVn3xQqDH+u0M625pfKwIwgBKQ=="
 80 |     },
 81 |     "unist-util-visit": {
 82 |       "version": "2.0.3",
 83 |       "resolved": "https://registry.npmjs.org/unist-util-visit/-/unist-util-visit-2.0.3.tgz",
 84 |       "integrity": "sha512-iJ4/RczbJMkD0712mGktuGpm/U4By4FfDonL7N/9tATGIF4imikjOuagyMY53tnZq3NP6BcmlrHhEKAfGWjh7Q==",
 85 |       "requires": {
 86 |         "@types/unist": "^2.0.0",
 87 |         "unist-util-is": "^4.0.0",
 88 |         "unist-util-visit-parents": "^3.0.0"
 89 |       }
 90 |     },
 91 |     "unist-util-visit-parents": {
 92 |       "version": "3.1.0",
 93 |       "resolved": "https://registry.npmjs.org/unist-util-visit-parents/-/unist-util-visit-parents-3.1.0.tgz",
 94 |       "integrity": "sha512-0g4wbluTF93npyPrp/ymd3tCDTMnP0yo2akFD2FIBAYXq/Sga3lwaU1D8OYKbtpioaI6CkDcQ6fsMnmtzt7htw==",
 95 |       "requires": {
 96 |         "@types/unist": "^2.0.0",
 97 |         "unist-util-is": "^4.0.0"
 98 |       }
 99 |     }
100 |   }
101 | }
102 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "foamy-nextjs",
 3 |   "version": "1.0.0",
 4 |   "scripts": {
 5 |     "dev": "next",
 6 |     "build": "next build",
 7 |     "start": "next start"
 8 |   },
 9 |   "dependencies": {
10 |     "@mdx-js/loader": "^1.6.21",
11 |     "@next/mdx": "^10.0.1",
12 |     "next": "^10.0.1",
13 |     "prism-react-renderer": "^1.1.1",
14 |     "react": "^17.0.1",
15 |     "react-dom": "^17.0.1",
16 |     "remark-external-links": "^7.0.0",
17 |     "remark-images": "^2.0.0",
18 |     "remark-numbered-footnote-labels": "^1.1.0",
19 |     "remark-unwrap-images": "^2.0.0"
20 |   },
21 |   "devDependencies": {},
22 |   "license": "ISC"
23 | }
24 | 


--------------------------------------------------------------------------------
/pages/_app.js:
--------------------------------------------------------------------------------
 1 | import '../styles/global.css'
 2 | import '../styles/prism-theme-night-owl.css'
 3 | import Layout from '../components/Layout'
 4 | import siteData from '../siteconfig'
 5 | import { MDXProvider } from '@mdx-js/react'
 6 | import CodeBlock from '../components/CodeBlock'
 7 | import AnchorTag from '../components/AnchorTag'
 8 | import Image from '../components/Image'
 9 | 
10 | const mdComponents = {
11 |     a: props => <AnchorTag {...props} />,
12 |     code: CodeBlock,
13 |     img: (props) => <div className="nextImageWrapper"><Image  {...props} /></div>,
14 |     Image: (props) => <div className="nextImageWrapper"><Image  {...props} /></div>
15 | }
16 | 
17 | export default function App({ Component, pageProps }) {
18 |   return (
19 |     <MDXProvider components={mdComponents}>
20 |       <Layout siteData={siteData}>
21 |         <Component {...pageProps} />
22 |       </Layout>
23 |     </MDXProvider>  
24 |   )
25 | }
26 | 


--------------------------------------------------------------------------------
/pages/excalidrawn.md:
--------------------------------------------------------------------------------
 1 | # Excalidrawn
 2 | 
 3 | ## PNG Drawing
 4 | ![Excalidrawn PNG](/images/excalidrawn.png?600x460)
 5 | ```markdown
 6 | ![Excalidrawn PNG](/images/excalidrawn.png?600x460)
 7 | ```
 8 | 
 9 | ## SVG Drawing
10 | ![Excalidrawn SVG](/images/excalidrawn.svg?300x230)
11 | ```markdown
12 | ![Excalidrawn SVG](/images/excalidrawn.svg?300x230)
13 | ```
14 | 
15 | Created using [Excalidraw](https://excalidraw.com/)
16 | 
17 | 


--------------------------------------------------------------------------------
/pages/inbox.md:
--------------------------------------------------------------------------------
 1 | # Inbox
 2 | 
 3 | - Here you can write disorganised notes to be categorised later
 4 | - Bullet points are useful, but it could be free form text as well
 5 | - Sometimes it's better to just get things off your mind quickly, rather than stop to think where it belongs
 6 | - But don't let this list get too long
 7 | - Move information to more specific documents and link to them.
 8 |   - This helps you navigate between documents quickly
 9 |   - For example, you can `Cmd`+`Click` this: [[todo]]
10 | - Some notes don't end up making sense the next day
11 | - That's ok, you can just delete them!
12 |   - You can always find them in your git history, if you really need it!
13 |   
14 | 
15 | 
16 | [//begin]: # "Autogenerated link references for markdown compatibility"
17 | [todo]: todo "Todo"
18 | [//end]: # "Autogenerated link references"


--------------------------------------------------------------------------------
/pages/index.md:
--------------------------------------------------------------------------------
 1 | # Foamy NextJS
 2 | 
 3 | ## Foam 
 4 | - [[readme]]
 5 | - [[inbox]]
 6 | - [[todo]]
 7 | - For up-to-date tips, see [Foam Recipes](https://foambubble.github.io/foam/recipes/recipes)
 8 | 
 9 | ## NextJS
10 | - [Learn NextJS](https://nextjs.org/learn/basics/create-nextjs-app)
11 | - [NextJS Examples](https://github.com/vercel/next.js/tree/canary/examples)
12 | 
13 | ### Examples
14 | - [[syntax-highlighting]]
15 | - image in markdown [[excalidrawn]]
16 |   - [[next-image-component-example]]
17 | - [[note]] in subfolder using remark footnotes
18 | - [[jsx-component-in-mdx-example]]
19 | 
20 | 
21 | 
22 | [//begin]: # "Autogenerated link references for markdown compatibility"
23 | [readme]: readme "Foam"
24 | [inbox]: inbox "Inbox"
25 | [todo]: todo "Todo"
26 | [syntax-highlighting]: notes/syntax-highlighting "Syntax Highlighting"
27 | [excalidrawn]: excalidrawn "Excalidrawn"
28 | [next-image-component-example]: next-image-component-example "Next Image Component Example"
29 | [note]: notes/note "Note"
30 | [jsx-component-in-mdx-example]: jsx-component-in-mdx-example "JSX Component in Mdx Example"
31 | [//end]: # "Autogenerated link references"


--------------------------------------------------------------------------------
/pages/jsx-component-in-mdx-example.md:
--------------------------------------------------------------------------------
 1 | import Button from '../components/button.js'
 2 | 
 3 | # JSX Component in Mdx Example
 4 | 
 5 | Look, a button! 👇
 6 | 
 7 | <Button>👋 Hello</Button>
 8 | 
 9 | 
10 | 


--------------------------------------------------------------------------------
/pages/next-image-component-example.md:
--------------------------------------------------------------------------------
 1 | # Next Image Component Example
 2 | 
 3 | ## Markdown image syntax
 4 | - Uses default options for `next/image` component.
 5 | - `next/image` requires absolute paths for src
 6 | - width and height is required
 7 |   - I set default dimensions, so `next/image` component won't throw an error, but it will distort your images if you don't provide image dimensions in the query string
 8 | ```markdown
 9 | ![Excalidrawn PNG](/images/excalidrawn.png?600x460)
10 | ```
11 | **NOTE:** Markdown image syntax does not accept any other props in the query string. 
12 | 
13 | 
14 | ## Custom JSX in MDX tag
15 | Example using `next/image` component via custom JSX in MDX tag `<Image />`
16 | 
17 | <Image src="/images/excalidrawn.png" alt="Excalidrawn PNG" height="460" width="600" layout="responsive" />
18 | 
19 | ```jsx
20 | <Image src="/images/excalidrawn.png" alt="Excalidrawn PNG" height="460" width="600" layout="responsive" />
21 | ```
22 | Following props are accepted and its defaults in `<Image />`
23 | ```js
24 | let {
25 |     src,
26 |     alt,
27 |     width = 600,
28 |     height = 460,
29 |     layout = 'intrinsic' } = props
30 | ```
31 | 
32 | **NOTE:** I decided not to support `layout='fill'` option because it's overly complicated for use in markdown content. I recommend importing `next/image` component and work with it directly since it requires wrapping a div container and tinkering with its style. 
33 | 
34 | If you don't want your images to be aligned center, you can change CSS styling for `.nextImageWrapper` in global.css
35 | 
36 | If you want to customize your MDX components, you can find this code in `_app.js`
37 | ```js
38 | import Image from '../components/Image'
39 | 
40 | const mdComponents = {
41 |     a: props => <AnchorTag {...props} />,
42 |     code: CodeBlock,
43 |     img: (props) => <div className="nextImageWrapper"><Image  {...props} /></div>,
44 |     Image: (props) => <div className="nextImageWrapper"><Image  {...props} /></div>
45 | }
46 | ```
47 | 


--------------------------------------------------------------------------------
/pages/notes/note.md:
--------------------------------------------------------------------------------
 1 | # Note
 2 | 
 3 | A note in subfolder
 4 | 
 5 | `remark-numbered-footnote-labels` is a quality plugin[^quality]!
 6 | 
 7 | I'm baby distillery squid cloud bread thundercats enamel pin mixtape scenester, poke raw denim. Tumblr stumptown hashtag beard. +1 vinyl master cleanse raclette shaman, hot chicken etsy pork belly forage chillwave you probably haven't heard of them salvia. Gastropub irony kickstarter PBR&B tofu salvia.[^hipsum]
 8 | 
 9 | 
10 | [^quality]: If you do not find it so, please file a GitHub issue or pull request!
11 | [^hipsum]: [Hipsum](https://hipsum.co/)
12 | 


--------------------------------------------------------------------------------
/pages/notes/syntax-highlighting.md:
--------------------------------------------------------------------------------
 1 | # Syntax Highlighting
 2 | 
 3 | Using the MDXProvider
 4 | ```javascript
 5 | // src/App.js
 6 | import React from 'react'
 7 | import {MDXProvider} from '@mdx-js/react'
 8 | const components = {
 9 |   pre: props => <div {...props} />,
10 |   code: props => <pre style={{color: 'tomato'}} {...props} />
11 | }
12 | export default props => (
13 |   <MDXProvider components={components}>
14 |     <main {...props}></main>
15 |   </MDXProvider>
16 | )
17 | ```
18 | 
19 | Source -> [MDXJS](https://mdxjs.com/guides/syntax-highlighting)


--------------------------------------------------------------------------------
/pages/readme.md:
--------------------------------------------------------------------------------
 1 | # Foam
 2 | 
 3 | 👋 Welcome to your new Foam Workspace!
 4 | 
 5 | ## Getting started
 6 | 
 7 | This documentation assumes that you have a GitHub account and have [Visual Studio Code](https://code.visualstudio.com/) installed on your Linux/MacOS/Windows machine.
 8 | 
 9 | 1. If you haven't yet, browse over to the main [Foam documentation workspace](https://foambubble.github.io/foam) to get an idea of what Foam is and how to use it.
10 | 2. Press "Use this template" button at [foam-template](https://github.com/foambubble/foam-template/generate) (that's this repository!) to fork it to your own GitHub account. If you want to keep your thoughts to yourself, remember to set the repository private.
11 | 3. [Clone the repository to your local machine](https://help.github.com/en/github/creating-cloning-and-archiving-repositories/cloning-a-repository) and open it in VS Code.
12 | 
13 |     *Open the repository as a folder using the `File > Open...` menu item. In VS Code, "open workspace" refers to [multi-root workspaces](https://code.visualstudio.com/docs/editor/multi-root-workspaces).*
14 | 
15 | 4. When prompted to install recommended extensions, click **Install all** (or **Show Recommendations** if you want to review and install them one by one)
16 | 
17 | After setting up the repository, open [.vscode/settings.json](.vscode/settings.json) and edit, add or remove any settings you'd like for your Foam workspace.
18 | 
19 | To learn more about how to use **Foam**, read the [Recipes](https://foambubble.github.io/foam/recipes) bubbles of the Foam documentation workspace.
20 | 
21 | 
22 | ## Using Foam
23 | 
24 | We've created a few Bubbles (markdown documents) to get you started.
25 | 
26 | - [[inbox]] - a place to write down quick notes to be categorised later
27 | - [[foam-tips]] - tips to get the most out of your Foam workspace
28 | - [[todo]] - a place to keep track of things to do
29 | 
30 | ## Note on `[[wiki-links]]`
31 | 
32 | ⚠️ Until [foambubble/foam#16](https://github.com/foambubble/foam/issues/16) is resolved, `[[wiki-links]]` links (like the links above) won't work in the GitHub Markdown preview (i.e. this Readme on github.com).
33 | 
34 | They should work as expected in VS Code, and in rendered GitHub Pages.
35 | 
36 | If GitHub preview (or general 100% support with all Markdown tools) is a requirement, for the time being you can use the standard `[description](page.md)` syntax.
37 | 
38 | 
39 | 
40 | 
41 | 
42 | [//begin]: # "Autogenerated link references for markdown compatibility"
43 | [inbox]: inbox "Inbox"
44 | [todo]: todo "Todo"
45 | [//end]: # "Autogenerated link references"


--------------------------------------------------------------------------------
/pages/todo.md:
--------------------------------------------------------------------------------
 1 | # Todo
 2 | 
 3 | - [x] This is an example of a todo list item that's complete
 4 | - [x] Todo lists are useful for keeping organised and focused
 5 | - [ ] This one is not completed yet
 6 | - [ ] You can mark it completed by pressing `Option`+`C` (or `Alt`+`C`) when your cursor is on this line
 7 |   - [ ] You can also select multiple lines and mark them all at once!
 8 | - [ ] When you press enter at the end of a line, it adds a new todo item on the next line
 9 | - [ ] This, and more is provided by the [Markdown All in One](https://marketplace.visualstudio.com/items?itemName=yzhang.markdown-all-in-one) plugin by [Yu Zhang](https://github.com/yzhang-gh)
10 | 


--------------------------------------------------------------------------------
/public/images/excalidrawn.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yenly/foamy-nextjs/3f6a1fc9d931a6852c26df102631a942a7c7aba9/public/images/excalidrawn.png


--------------------------------------------------------------------------------
/public/images/excalidrawn.svg:
--------------------------------------------------------------------------------
 1 | <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 727.935546875 478.771484375">
 2 |   <!-- svg-source:excalidraw -->
 3 |   <defs>
 4 |     <style>
 5 |       @font-face {
 6 |         font-family: "Virgil";
 7 |         src: url("https://excalidraw.com/FG_Virgil.woff2");
 8 |       }
 9 |       @font-face {
10 |         font-family: "Cascadia";
11 |         src: url("https://excalidraw.com/Cascadia.woff2");
12 |       }
13 |     </style>
14 |   </defs>
15 |   <g transform="translate(10 12.197265625) rotate(0 160.521484375 97.505859375)"><path d="M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-2.0435205540526997 10.999513915597975 C1.4983127397722948 9.539580595781917, 7.69183233398255 9.366971459681992, 10.517067651403082 -2.9287882243201375 M0.5533003383408892 11.740810646533548 C3.4863552360274674 7.0544383355243765, 8.133942934827898 1.8826255246617887, 10.678819507312905 0.19504839881209146 M-2.68897948021076 26.231867933361887 C2.7565251119180285 19.644961932610805, 9.68749012780359 10.60756047025737, 20.041496137434507 -3.1427281038672206 M0.9377589656225656 24.523386753811597 C8.060727135233053 15.270893490816029, 16.294957088992724 4.947495422509277, 20.70791154755082 1.395533620768738 M1.1061783562320748 36.65606744010125 C8.187870516451946 31.514390507095193, 16.62078648371314 20.64786997113253, 31.57845217496792 -3.839229430885684 M0.45866277803662214 36.43159236740445 C11.906575119312386 27.547706000287594, 19.03618503763232 15.197631373707473, 32.065662465474404 -1.7112963924870606 M-2.9475905876607484 46.155555382975265 C14.4077336058442 32.47988440690051, 33.36461625966925 13.953415729798891, 43.186716348487664 -2.4206985618592256 M-0.3960916809738464 49.55928006642394 C15.443119804499087 28.739027270282257, 32.93490959586387 13.14706418434514, 41.231478797826696 0.30749348256280484 M-2.200559208067247 59.0874583343942 C18.285457945576994 43.79365536813417, 31.23976925843842 24.914720984997658, 56.441606040806235 3.2582502453996547 M-0.17471431930560755 60.64608374749909 C11.512673943675095 50.556173883091446, 23.620924504182774 34.130286139257784, 54.14719404070145 1.6965931873245843 M-0.8586601221749177 74.87841203654555 C25.125374272461844 42.59558989709697, 49.823407314030625 16.057108823737003, 60.531719884736134 0.042221483078456856 M-0.7947466408649078 72.04606835203616 C14.284284152497655 56.31054823973444, 26.615231870901805 40.44217019007941, 65.16675106519241 1.6323332882045278 M3.48545530282874 82.65427098161683 C29.125881975047516 59.72863098985344, 51.573236062041275 25.99637863910617, 76.38393776308986 -2.6499616066353155 M-1.261620774557997 84.54493944644139 C30.151123479671774 55.29795142160921, 57.72529897757954 19.216870669072108, 73.99370211739334 -1.714815023391111 M-0.6786420792342795 99.86981799201831 C24.512495302093235 69.42526929972811, 47.11850994892336 38.41779797821942, 84.78842080867992 -2.950257031554173 M-1.3872185032816304 96.17725280234382 C21.081658111320152 76.28460292172551, 37.49895203548041 55.15635287447701, 84.61870881839798 0.8822600689439071 M-4.029923077570466 107.16492589949192 C27.466249142057276 78.10796859453818, 62.48565897838781 41.59456138411703, 94.52361140431881 -0.6664040494906089 M-0.22813514796104783 111.27007607570411 C30.49631381692423 70.03697983945314, 65.16911465436888 34.035505050909435, 94.25704216430009 -0.23018899338416077 M-0.22725433835782383 122.76781502644798 C18.686116417897114 95.50384737817888, 41.58503394880883 67.79983827871214, 102.48123318281901 -3.4069231682571157 M0.9154662585069957 123.03374628815135 C37.52854854371439 74.79695888785791, 80.22000518266844 29.33632490592578, 108.28608252619338 -1.5242691439690574 M0.8398377712161533 137.35121486507393 C39.17609183117622 88.92161693159379, 76.12973539886224 41.10194609399349, 113.13523199800255 4.048593434556572 M0.06159108721625728 134.60553150609172 C42.095745523825784 86.09166439144579, 88.09918501917768 34.77967812200505, 116.52676062118115 0.526762888818233 M0.5201081339639444 144.66207365755733 C44.391785989431966 96.0195959280442, 86.24124857150798 51.15219174996015, 125.2910120406629 2.6056435906924023 M-1.1721459157395344 145.86684042093154 C40.74033382044815 101.37410529824751, 73.92285582558571 57.13691852945031, 126.80529362833812 -1.5078377390615927 M2.5069864851705046 159.99303332384093 C50.312151925326 100.50552059838543, 104.13530250520446 39.11033957876328, 139.95445998293204 -2.3862202397450014 M0.6020368303710321 158.32284649850192 C26.782551518882585 127.02183953134407, 54.80119490559082 92.07996077243051, 137.90541031541161 0.5431588823007052 M-2.2417153050901892 168.26076784375257 C53.77586526343397 110.16099080680986, 108.38194977801375 48.62316584783706, 148.6055880196748 -0.00880693077424155 M-1.164330371979832 169.97773641379897 C35.02648396222859 136.02134663560025, 67.30689616944979 95.04435126851058, 149.2012945127201 -0.2582107419132894 M2.7195069299268413 182.70675534400175 C42.65071141761254 134.66648521301772, 79.70039480756328 86.81284291964171, 158.00223457691018 3.5068786742566846 M-1.6141698736638728 183.66905241663727 C45.49045431990254 129.10330031098295, 91.14441055772048 75.52741122582927, 157.56818961074424 0.12473287839632231 M3.270681876769433 196.96914177593126 C67.36158561726654 117.77697295179613, 132.98748431557146 41.618276162525575, 168.24175035759217 2.3833324727843155 M0.2542896935684071 195.57436407919693 C49.50346621680992 144.35880524613094, 94.31929342429463 92.1863237514571, 169.74092786328038 1.5263447486128552 M13.044601544453103 196.90185223261824 C69.62277038187523 120.61219244721352, 135.7561747413032 51.88243413172461, 176.95873154286159 2.0027535114217 M11.373876394602188 194.18158697904633 C74.27051984255255 125.97249985221309, 132.29199123807973 55.05948551447204, 179.72254408050907 -1.2130081067585157 M24.19185329387051 194.23809125691238 C76.30344556524992 135.7665564820059, 129.0216551544225 73.1122723427473, 192.45101888999173 0.23996812582049812 M20.419041102120218 194.47969847879583 C89.81160499538686 116.34749174529134, 154.84145616498563 42.56816722151022, 191.10647035595545 0.9321632606461442 M33.11102301257041 192.00347031829605 C68.70515193397027 156.86017571461227, 105.59194108806173 116.49126333755585, 198.28009413184378 -0.8490199348493541 M31.458400192269906 195.53718679253228 C72.93976658144179 146.0031807856167, 116.53884416004858 94.5340130109998, 201.5019784306106 0.7122074375700141 M39.60530622091421 194.88981997843916 C109.19847986766185 116.36055427817915, 175.8092953938519 42.1062909334347, 211.23454628409166 -0.05229907923046356 M41.41088981229252 194.20875940074885 C107.66201992643774 123.780848495149, 170.18265551564062 50.74407895373707, 211.35969859155955 0.3617427021624795 M53.40931732207566 197.90858304119917 C95.9065010658175 151.38590691915516, 136.6915936551368 103.90615721273655, 220.37971449522172 1.2909384762221061 M52.04505365552295 194.82514447534498 C103.89078272464795 140.07099903569602, 153.89039073118317 82.79261140843603, 221.511514646981 0.4036688489792185 M65.37071645204117 197.53659650262097 C104.24548924550342 143.76987593592003, 146.2205931776799 94.61440225048901, 232.14287809653274 0.7965834572407914 M64.30573953638998 194.78390430462633 C106.28154691449231 145.91604228511002, 149.54021660019075 94.96203075265777, 232.31705810114744 -0.3006265860178404 M73.2562091296095 193.22227830093703 C103.125675538845 157.067965991589, 139.58989080581227 120.88240059683534, 241.49488345213604 -0.24500531825451452 M74.24739516541604 194.23923671830482 C127.18522668357129 131.0069281597924, 185.6614758237878 68.62933286424047, 244.41680152942504 0.3187354995394381 M84.40938381901664 192.86498595216915 C148.8162352542485 124.48917404756754, 201.3671608257411 58.00460291370706, 251.33625455389324 -1.7856502971872277 M85.98091422244738 195.3004915578771 C143.1388480375756 127.68594911204814, 200.07323074297528 63.99180500358164, 254.66494090634882 1.161368285622767 M92.77334219742463 198.41690018183624 C134.1663530476343 146.9082497609208, 173.10923674412876 102.52321753544247, 262.92997565536336 -0.31733753525999164 M94.18215394051091 195.8483299002301 C142.08355295761004 146.90450274238995, 184.94003174023214 96.28481489037343, 266.52118847223187 -0.3731888760204864 M103.95526261156567 195.9346124807019 C149.49917318538334 149.0157900063575, 191.14699269940667 96.30769806054667, 276.04380041532045 -0.18530675032561003 M106.5725094197851 195.72601204101602 C167.5409763141465 128.19067649142605, 225.86948740635899 59.00255813979114, 276.3538486715424 1.2729589377710786 M118.69503099903734 192.52077342523106 C166.55405831133282 133.70989485996662, 226.70251505423036 74.91328420269956, 285.8218420619871 -2.4691984065441255 M116.82850503131479 193.7659742896587 C168.6106895001384 136.81161505537926, 220.43011548145918 76.29338770932098, 287.0253436050127 -0.9719654182660957 M129.10558656306242 196.13916257626352 C187.30118670411147 125.40730656927835, 254.0067237081455 49.32364574539286, 295.715759989211 2.9334983162992194 M127.12365968833251 196.61187568839446 C166.19160488264785 148.61255065344733, 206.0588547257142 102.9955069207566, 297.4196794655628 -1.107801106583267 M138.0123130724885 197.87856277901406 C180.24550237889204 143.93004510682184, 227.92158634646984 96.34517075363543, 307.96537025646484 -2.874398577205701 M137.6571583962581 196.3229816622721 C203.36002662150213 120.03498332460572, 268.96992781292096 47.567653346048814, 306.40050848830015 -0.8548000568190782 M149.43364936178818 195.90154006307264 C192.44752004619056 147.20934173225024, 234.37450390220104 101.4239576998371, 317.2857872888462 -2.156078398094045 M147.405383002699 194.473250069153 C193.49591243303894 144.80608121077742, 238.2814756131391 96.07413117391062, 318.37245650051955 0.01606868420029839 M155.82291657002497 196.96613895861321 C207.52667237789078 137.38900121115554, 261.08499055200093 80.4881241784784, 323.70048081158376 3.8154472709453118 M159.69078539015757 195.79495397987625 C209.95941128939467 139.57873602941342, 258.33750090149357 80.74643031185252, 324.71058781088834 2.6890507022518313 M167.07882600032485 195.4023798606317 C204.1338610393007 153.3905248326681, 240.77670391996494 106.38884426634968, 321.73503829262256 13.078182267604973 M170.0916153710518 193.7045326213296 C211.6860228867704 145.28057348562714, 253.02813258404433 96.84719636503218, 324.11989418491163 16.771390952405756 M178.69504545611738 193.89176851959414 C227.4191403470494 145.76940088164284, 273.8863443303097 87.79992450416964, 325.09734651804405 31.275958179376936 M181.6963275373793 196.48276751248457 C229.3865311228874 142.15421486970598, 278.39454239469677 83.57846985031908, 325.10389737927676 29.18317914452279 M187.31950962678266 195.80056000067117 C221.9630038031931 158.77302636769593, 252.75299854623034 113.62358141245218, 323.85775872899245 38.39024666682789 M189.266483114349 195.73521831532398 C245.51580781638557 134.03385581806637, 296.0563238877931 74.94648085421335, 325.76832797591004 39.369884625838864 M198.22426907702308 191.96947345329656 C225.6494478155609 162.52426352852245, 256.18363300398516 135.782251836741, 325.23194074349243 50.44996718705906 M202.78893649748485 193.03052656358315 C243.22460294980448 147.26836727466187, 286.87124429821336 100.93372860296918, 324.2512192865624 54.04451971703483 M209.02547682354086 195.96721651104372 C253.1301052756349 145.1344920902423, 301.1394170823987 86.46019734819866, 325.4551989297266 68.32605348808734 M212.32925882654123 196.82828334231954 C253.39564149416864 152.30645581822014, 290.49129563621216 109.40047097053447, 325.03502035428534 65.88603836393027 M222.225141143545 191.8622183273358 C247.66379124782648 162.24421234548936, 280.3249373214958 129.02690791683864, 326.89167985576904 79.05711105757085 M223.99063485127635 194.0089842281116 C255.640632347243 157.3298830482902, 288.80707677401927 117.4186575102743, 323.64508317854023 78.58890454576043 M235.24232941984792 195.45611464436033 C262.2173380259175 160.6743730075773, 293.56892176599774 122.19933843813527, 325.6671002124133 88.35332522725152 M234.0430230677839 195.73919416236558 C266.9581738418948 155.83007879858175, 300.41014184303543 115.29110716959453, 323.9349686884018 88.63252966848599 M240.1093902852622 192.24975995430472 C271.0503451879348 166.5288968268971, 297.180884632534 134.99735599392162, 327.6772808534814 98.76322881953958 M243.6684913471577 193.61711871148768 C271.5088958565361 158.175288083102, 301.6870372033186 126.09517450641057, 327.1396701009734 99.75459450373593 M251.59695362260032 191.3182274993566 C277.9593933678121 162.60262217638788, 305.3895402891397 132.73370238034784, 327.3373829117859 116.52986382662259 M255.89871693549145 193.73510406688425 C273.36146843372865 170.15022842775488, 294.8643177307469 146.92364875144636, 325.43734903734867 111.99471086791657 M267.33893056467474 195.18580927170336 C284.5522707006008 173.97114801139094, 295.4821541657974 159.8336789055333, 327.0508487701391 126.22049099068802 M266.5524864538789 196.74213704496145 C282.751767308381 174.80320791220996, 299.99324529933415 151.24318918185784, 326.23077649362136 124.51163120243412 M271.957513494298 197.70101601353255 C288.0638315210277 182.66498148042467, 304.78536724337624 163.049260169659, 328.6783430323632 141.3562993841461 M277.1731958984138 195.90634508712557 C288.42180243131037 180.8300320940013, 297.38179337768514 168.5844229315627, 326.4287738118948 136.40045815391755 M285.1881760442826 193.91157721703166 C295.6743023548419 187.46758500388597, 303.02052304485835 176.73297371605426, 324.2869886392516 151.2685680887389 M285.96635064018994 193.17749625978286 C300.8792609375571 180.07855866783632, 312.28894089235934 166.682008074254, 324.0079487962437 149.7363062533277 M294.004673097441 193.93944112438822 C309.8423547444812 180.56887864037054, 316.28510218687484 171.03154807722697, 324.3390126946264 159.50192367687657 M296.737065425301 193.24949925433958 C304.91118408465434 183.30006518830555, 316.0046487306158 176.28854769251367, 325.0138415387713 162.16505939729348 M308.08798175759523 193.61048430801242 C311.5384084009336 187.3196473075445, 321.54247042025975 177.90894496476753, 324.4409825813 170.67050189074666 M305.1715053458503 196.37761296742468 C310.6277659049717 188.36254674475052, 318.56159006409524 184.95809943593835, 327.1226605355714 173.94703252722115 M318.24641299548375 194.14337931975484 C319.62412623260076 193.23186470063422, 321.41554618440244 190.11283148159166, 327.5378220145658 185.58696365841976 M318.140263689708 194.21024021796643 C319.3629063162864 191.69377397056132, 322.83098849485344 189.30352561727634, 325.8038080499575 185.39887805060795" stroke="#228be6" stroke-width="1" fill="none"></path><path d="M0.9991612376515709 -2.4964621335152812 C116.86088301689486 -4.61455302833374, 235.55250837725248 -0.9784093604223756, 322.71398569810964 -2.2524999370613483 M0.8753792530619589 -0.8170381336799678 C117.30422008215385 -1.5819302879915083, 235.3801284157274 -1.4153304658563033, 321.0319680146885 -0.36961365893914416 M317.64972679689527 -3.1823183186352253 C319.64252343929655 48.3765266794162, 316.942372353443 93.91280011374693, 322.40315537527204 196.5803072564304 M320.3425271566957 0.9838496092706919 C316.6519511193905 43.60834520526951, 318.129446134058 89.2849285850818, 322.7318603452295 195.4979120735079 M321.5294230932209 194.12841631457778 C206.25780123877487 192.35468811338916, 96.41821233163698 195.4258349606188, 2.6709895195142113 195.91210844550753 M320.08876166642307 194.63082023170108 C224.60152240578893 196.69310231526822, 129.8353062485983 195.29041005725594, 1.1903945004546892 195.8661202358054 M-1.2980421297252178 193.22007478401065 C6.9282642415836015 132.01854304534754, 1.5154590419604936 66.68872685233873, -3.6903883926570415 -2.7381019480526447 M-0.7971385661512613 196.33599206246436 C-2.4025551857037497 149.1111293688391, -1.831611532120223 104.86035152933982, -0.8110532108694315 1.6504581216722727" stroke="#495057" stroke-width="2" fill="none"></path></g><g transform="translate(131.94921875 86.201171875) rotate(0 34.5 17.5)"><text x="34.5" y="25" font-family="Virgil, Segoe UI Emoji" font-size="28px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Foam</text></g><g transform="translate(396.892578125 10) rotate(0 160.521484375 97.505859375)"><path d="M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M0.3207306780945167 10.970740893899976 C2.6738630167597224 6.416327832989106, 4.898777521702378 6.476772826146475, 9.338884191167486 1.7774027432396773 M-1.0330725616682663 11.934554304599343 C4.735020253353603 8.442137602397734, 4.8707409498520295 3.433959375203118, 10.550309461307657 -1.5133823205635188 M3.3731117511353705 25.43769624242103 C6.6184550471994275 16.69031231168896, 15.062612357020335 7.566556873428482, 23.99915240173962 -3.117193831673312 M1.2164982391706918 23.546860195412396 C6.000668712176403 20.845043731436135, 10.264671298763798 12.871718407374964, 21.67940175188508 0.19918703978652985 M-2.7519307603221854 33.87090224940454 C10.594341198778793 24.013596662435507, 23.901955188206607 10.198323378093733, 32.404360239810146 -0.4310314318851347 M-1.4942397178244313 35.87521465849255 C8.261268278412238 30.423824096350724, 14.298482695653124 18.993089934125884, 33.09976138868073 -0.7221742997632141 M3.1182161588221007 48.71301485658519 C13.026377418514015 33.31147982842374, 18.83831762619963 20.32072037045106, 41.5648361748045 3.8014375780104643 M-2.1032799892128295 49.8724530624681 C13.140689747280142 35.470195264157255, 25.065557193206377 20.478637735960685, 41.041870521936346 -0.27359202053854403 M3.8793733623902114 63.512566886373264 C20.581399721068966 36.998504275783915, 40.51551601686809 13.239419427752118, 51.67699133953518 2.5420051902009853 M0.12437064210872961 61.776256178968055 C16.990111086967236 44.38752052080058, 30.89733927691395 27.620044320982366, 53.54326577274567 1.4751706938667901 M2.94670198319465 75.51260033095626 C19.661299047687464 43.220317333846594, 47.09988463616625 20.803133205919856, 59.925518116814686 2.076682146873928 M0.8668737972339997 72.12623582439868 C25.144816984818625 47.79774554911886, 45.44460088676933 19.258227066131752, 63.366093137202455 -1.9265087151409617 M3.723644404047917 84.28037593252168 C25.50286853644988 61.133526171730765, 49.49265578324664 31.035595850897018, 76.60839013945552 -0.10930205978320373 M-0.9729995277432693 84.58114444016621 C30.43061009794727 49.97928355984949, 58.18890582925535 19.327936196503757, 74.93460798640045 0.7523878188444542 M1.070865228772007 94.3370827634798 C19.2994614551532 79.84545710753316, 38.80554387493265 59.976281791912704, 81.26186229027019 -1.4564991875829207 M-0.9864279907198323 98.7360846728997 C19.191552146411382 74.09715008742864, 41.712481506705124 46.553824038545876, 85.27267506643341 0.48701898722927695 M-3.9445126018395698 110.01399990557255 C36.90243960777607 64.00165451914404, 75.61847158206794 22.417664924010225, 94.7854707020712 -0.4562422443377159 M-1.6968037876209294 109.1661710535598 C37.32836867401147 70.52059670784517, 73.12445185033478 27.95388150731253, 94.94126849839509 0.05918410641976379 M0.13973801603518154 125.85575393121024 C26.780028760287102 96.533534718128, 52.61817528895654 66.11069749829957, 103.567032757671 1.224354512139918 M-1.5585868263433156 122.01728747877559 C32.0628623951702 88.47267795887737, 63.45784495689155 52.65512900046403, 104.9759717783792 0.11982311782217181 M1.930184465208768 137.47648058258034 C27.164252653551795 98.1864400854532, 55.86090654391708 64.09337575505053, 114.95158806089165 1.3721051542602467 M0.6044313892067663 134.04974888995326 C28.664646921453812 100.96532068271009, 57.92101848433797 65.82757248963668, 115.16841874848905 0.006226168065516902 M-1.3533246215063315 144.18953435187038 C19.70486320163032 118.03385052241855, 48.04288457776702 92.60724758103925, 123.99063455252661 0.0839137637652172 M-0.11943126987695507 145.45551085349913 C38.64743769286805 98.06160747758622, 83.66276588199733 52.36682310656134, 127.62802971279933 0.7856952881104959 M-0.3887133914643315 156.00572828366285 C52.96906828466615 100.56084766069444, 93.78562905255079 46.960593475007435, 134.08638676006763 -1.580681126686673 M1.342930117300282 158.68937186031724 C47.40924591845354 103.43503724329264, 93.67041338362773 52.20255283732111, 137.7542115137979 1.6665901879446212 M-2.672619254649067 174.1005322871553 C34.17471330099528 128.0214420790345, 68.21084466613435 89.3093641879665, 145.85035177850062 0.04771855070373432 M-1.1671412515975945 171.35571838478216 C41.218150259298675 128.7465317859093, 78.55558838483614 84.38527368345272, 149.68797729986946 -0.011965055263132462 M-1.8881757990990469 183.5054481353407 C40.79156596784471 139.8727824358432, 79.60193515337251 90.25921571023281, 159.12403573900824 0.1926111103847769 M0.8215837639115866 183.28947422164183 C57.90132711105598 120.22457080078865, 112.44016756407545 55.32213478609102, 159.4450433813344 1.7024226349687357 M2.4247965984523154 192.1397425303432 C50.065843671919595 133.57224032932686, 110.01901910417517 75.02189163933343, 168.88974235626327 -2.094522074425757 M0.554389644967948 193.38753248643576 C52.13724530034993 136.67123545736231, 103.75404594162961 76.38421643805174, 170.09574628737965 -0.5941759551170839 M12.834895694454772 195.76572696317916 C70.780049002516 125.31360599872868, 137.24799876593403 49.50461429085155, 178.78212959343546 3.319479962870379 M10.848847885907277 196.2394229669973 C49.759225152431824 148.41897236117293, 89.47197605610711 102.980168705516, 180.48959195498753 -0.7302223570468354 M21.738038889915572 197.50881554824144 C63.798796292894764 143.74294051684382, 111.31510946430559 96.35695722787389, 191.0351072586305 -2.5004213128904293 M21.38214575610918 195.94999997975873 C86.83360536543661 119.94250740768646, 152.19893842077713 47.7627757621918, 189.46699174187265 -0.4766235296820007 M33.16102038332098 195.52775381907486 C76.01697960782334 147.01146153226512, 117.78189885093701 101.41759756584526, 200.35280114564702 -1.7805358384757484 M31.128536738752302 194.09649404427566 C77.05281612539736 144.62106654845067, 121.66670931548343 96.09239710064091, 201.44172982105738 0.3961276941893484 M39.573788955969896 196.5759654514119 C92.03919798591733 136.0984452873194, 146.3904031296637 78.24667843777144, 210.0653940810965 0.4184077415343164 M43.40981961310917 195.41442102151004 C94.4496876851368 138.30498151669647, 143.6112273618285 78.59759296692414, 211.06718643665795 -0.6987169518146522 M50.908646021973574 195.01535021317244 C91.17492963244398 149.18661398925505, 131.147278879122 98.55723780983996, 219.37674477440277 -3.0133607752527984 M53.795638229545936 193.38839553883003 C99.02682451778665 140.63493166593705, 144.00307504949012 88.0574771463587, 221.6620224788844 0.5256402573304253 M62.528674078255904 193.60166111446395 C118.7994941310462 136.43111709770355, 172.94849603405746 69.94666336457753, 233.1043954678021 2.7639224009578416 M65.31596768452262 196.00792441501 C121.39203576340859 132.41125774846537, 178.6552886545168 64.49569284548593, 233.11047925904037 0.8203564630552596 M71.39414115455318 195.35109595758132 C114.18813359776931 147.94639422571095, 153.81289809369966 93.59768288328492, 242.50079398634333 -1.7918293978513675 M73.1482156955929 195.2922280852307 C142.56803767118072 118.35184894457097, 206.3239420379522 44.15575011046614, 244.2220710845233 -0.9092503518032636 M81.9386740148116 192.95347997086853 C119.08247388891893 152.05382725951796, 158.1185040544423 113.86854030605974, 254.27289350796153 -1.6179880672787614 M85.59786114014516 193.80405494661628 C141.97149357724393 130.27474203977314, 200.31459202870204 66.26507492365478, 253.48671502042262 1.2635231420728001 M92.70593758227903 196.1513592891617 C159.02185847751204 118.72726323004316, 228.65590272302222 35.86011284908964, 264.97522073315906 3.025227140794105 M95.35435759993385 196.84161870410446 C155.62534615388807 131.29225286247112, 212.06294588296942 66.1819888067477, 264.6383918052281 1.069230984773724 M105.39588260842875 192.85381545839175 C149.70704695213135 141.59894543710726, 200.31992226882858 86.86664052003289, 277.1760255366678 1.3357530067373973 M106.81116027273983 194.57473341837516 C161.02446183243467 131.80956013395766, 217.37025390365372 65.58219470146027, 274.5734471518302 0.9604233096965755 M117.93954885273331 195.72795798314854 C170.93029750911887 130.36839759757152, 228.5567115448352 62.14552729309839, 286.7177184685853 -0.8989387054839258 M116.97814554367045 195.95488380978975 C178.71392244653654 121.99193462642401, 241.20925010631512 48.450418021823204, 285.3291850250237 -0.6751192674847026 M123.94980564029049 193.15079625239696 C180.65581054294046 135.17407005710268, 234.5799055803512 71.96165655936521, 298.8525013446343 -2.2408604475301064 M126.80289779002075 194.24691588152206 C187.13479168820666 120.45558558091636, 250.58926489905394 49.57256159948279, 298.42153493179114 -1.4461491982838683 M135.2672743618229 192.39720663947674 C197.21732046362737 122.01422217892383, 259.99868300669596 51.14396251267411, 309.1033841461624 2.314615013313727 M138.71570893127307 194.3346541695583 C185.125313549828 136.45182711196307, 236.18361575196366 78.92612929406562, 307.58025467130244 -1.320912351402065 M149.99522057367813 195.49074440210282 C197.07478230960982 140.53340606990193, 239.81051971203706 90.11774890048088, 319.3970451201423 0.39609769413741935 M149.36478117909735 196.73834779269745 C197.2952908694679 137.00964379245397, 247.4090444207426 76.37350745602541, 318.739648284915 -0.9737803627279642 M155.773529073502 197.52455349923943 C202.065436725827 145.66679729007586, 250.94344362634104 89.1314610875823, 328.50055880719185 6.037698069123079 M159.99805866018 196.0709296319245 C199.1078966817816 149.09795683986604, 237.0696292186021 103.85800529283132, 326.6784824243106 2.0236312065668023 M168.4723004957077 194.4251704876884 C204.1686621961641 158.31625670017627, 236.62663818839326 119.06315253364093, 324.2863431478504 17.139079371242477 M169.12464612707586 193.80978865943243 C221.21868857942243 138.96404760276235, 269.3289039786683 83.39221535871572, 324.0524233777613 15.854580597188871 M177.498206242715 194.42248877395417 C233.34120443382338 135.25883776686047, 279.43291095914157 80.39764117419942, 324.3242786524017 25.91469895716834 M179.8616469134149 193.82570892668795 C225.96989647513485 141.82376943750063, 273.43136287729624 92.19922882853128, 324.90798616751636 28.218234657020215 M191.70844767671417 193.4320482453716 C234.7629523211152 141.71598706504275, 283.7517445591198 87.23118086782794, 324.4024210411615 37.1043973802478 M189.1080006489459 195.89933084324994 C227.39976861317928 154.31173166534143, 266.1310938824972 114.85873568155345, 326.7935123723081 40.02588315695392 M202.30060820265632 192.93540689541234 C238.34362677030526 152.69654581612053, 275.3196607606802 108.39675065188884, 328.66026580052215 51.12879506887211 M202.12369269303005 193.046841725765 C242.0820322817555 149.05270148620184, 283.75092138977095 103.78366758998644, 325.77024252617497 50.81531905585243 M209.9749505622112 196.01405586746614 C253.2200783651418 146.4711257166178, 288.1545073756305 99.29153809884068, 322.2599544982309 62.68210076076953 M213.7163698347085 194.06375858445745 C252.79708926770883 149.50803272523416, 295.878536860194 101.27149338932182, 323.69947701980124 65.87373948192267 M224.01295945618995 195.63998801212736 C263.2024566566068 150.75370158564857, 301.75702155139794 96.9869847276261, 326.2529196466855 77.46305838518468 M223.25315975409694 195.3485682806743 C250.80943785034938 163.21851620558132, 280.6070539458146 130.9969594086046, 324.3268604769907 76.66087804839638 M229.454796017405 193.43124532158353 C268.49294359055216 153.5493261355848, 295.65993496583565 119.8859251832094, 324.76097168667934 92.62325952385949 M234.59972407228906 196.25338263082185 C252.35909639837635 170.37638615034015, 271.62222429749323 147.16886179696954, 323.9141569518181 88.02919303623425 M247.32890262866889 197.33008853802207 C273.13074644742954 160.78500630253936, 298.09534954429284 130.97162762754363, 325.0510252220346 102.77764324920419 M244.84633378537868 193.24945407630625 C266.0645145511217 167.0075002162108, 290.03712197763434 143.54960412355572, 326.41706278638674 102.77691209206525 M254.7770029227941 191.47799715363058 C272.2200049445342 170.29522129798755, 295.8910637252233 150.13690934839093, 324.28433513556365 110.86065780340634 M255.2453692644595 195.98967568353387 C274.0749144125096 175.73396684356138, 289.85008005713496 153.36996150279043, 327.04694272679035 112.69169390729569 M269.17910178259314 198.0906694105965 C280.836251353967 174.83227615635818, 297.3305323844903 154.73693044399616, 324.985437560079 122.75597017865341 M264.14882025562525 193.37108114391089 C277.43142180978595 182.94269611900936, 289.06740772183826 166.155685647859, 326.5522708941226 127.36783779833179 M276.2784853408785 191.33302230110732 C291.4096108893801 176.4052068528609, 306.79374962384696 160.6916162418287, 322.5110908494027 137.92617569735563 M273.9457858799697 193.59734477384356 C287.2579285308558 178.56922224158262, 300.1331193319044 167.69501585734827, 323.5000717554869 137.02349328680253 M290.3067209804627 191.19419156735057 C297.42007360236175 180.02622262772124, 312.3688099145705 160.71955605482245, 323.7995116943282 148.26895969125508 M287.9999746335867 194.24128151473815 C296.40776214246915 184.48023843653712, 306.1089456102353 169.91283256757168, 323.8376562399578 149.54432177866875 M298.10865733415824 193.36253170151377 C309.96346629923903 185.1970868059627, 318.65865681939584 174.55477011576417, 323.5590209486776 164.5203549827619 M297.58720438756984 194.30734693300093 C305.26147652156715 187.67529856522995, 308.27862298887794 178.6861148390562, 325.8937675646388 161.07425404555931 M310.61136525578706 191.8553255260071 C314.2437346412706 188.83679182291098, 312.6784382793223 184.45361191243106, 323.0172797452633 175.11090356406362 M306.1768433590224 197.04884680026083 C310.6199791251166 190.80762299495387, 315.95870754613765 184.81275254882146, 325.94031735062345 173.05915190388055 M317.6451148778461 194.48194283351063 C318.98122112253725 192.56444498536015, 322.7983436409993 188.13586237564314, 325.4843121354536 185.41158903130642 M318.497218252372 195.16393457345424 C321.2116304758132 192.17088066738665, 324.39647230516863 187.09300007605398, 326.1344698117182 186.77278000192095" stroke="#fa5252" stroke-width="1" fill="none"></path><path d="M2.2409334129655862 -1.6662645631809812 C114.3567134776497 5.313071809482545, 223.7353062681688 2.4815086204571744, 322.42077162589635 -1.6816603210272432 M-1.0735680505319671 -0.3461628223427679 C123.78888127324976 5.387087983901199, 246.73319108142792 3.1237335008013014, 320.751862298004 -1.028722666728273 M320.61128168180585 2.0335312001407146 C323.2755503871623 58.5640605516066, 320.87754239823255 113.49255056591429, 320.7906708009541 192.3374203555286 M319.9027052577585 -1.659033989533782 C318.8480306491355 42.32307711666472, 316.198837660263 86.72415833089545, 320.62095881067216 196.16993745602667 M318.30866166474925 193.11799409799588 C217.63267216867595 197.7250672047715, 118.43080270219245 196.75437702869058, -0.800995545491937 194.76318708370707 M320.9631444350221 195.98429032858482 C208.12307128462894 194.894436345757, 97.43817550496583 196.5105787851759, -0.9871194082154277 195.06776097683507 M-0.24659008905291557 195.86153007671237 C-6.273264177116143 150.87148287645215, -7.002822764190423 106.9939959484087, -3.819665264338255 -3.061974871903658 M0.896130507811904 196.12746133841574 C-4.300363597493343 120.02031108754198, -2.556425330262355 46.53147176501295, 1.9851840790361166 -1.1793208476155996" stroke="#495057" stroke-width="2" fill="none"></path></g><g transform="translate(510.890625 89.138671875) rotate(0 53 17.5)"><text x="53" y="25" font-family="Virgil, Segoe UI Emoji" font-size="28px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">NextJS</text></g><g transform="translate(191.6640625 294.138671875) rotate(0 160.2109375 87.31640625)"><path d="M0 0 C0 0, 0 0, 0 0 M0 0 C0 0, 0 0, 0 0 M-1.4493574223388328 13.448044875680981 C5.618388051440904 11.16070196205648, 4.206027953958658 6.7624305971230765, 9.224304513585698 0.5017861927941203 M-1.400223488258232 10.792176880359232 C2.823429309006176 9.588660648303087, 6.8410562938665365 4.835491789591487, 11.80284084672941 -1.37087662712785 M2.1937238240800117 23.20306935319221 C9.38276564606191 18.56751882133283, 9.763231961428623 5.5975203133040115, 21.422475198561216 2.097531543502164 M-1.4543945358880546 24.88171533466792 C4.989461998260357 18.06752116562852, 9.813026066618344 15.178762728484568, 20.363128956684733 -1.60491007620697 M-2.916529106078716 40.54415423590814 C12.80487219422551 25.757746167163813, 19.826581286622115 19.64192336040543, 34.77032906324307 -0.7499555012897368 M-1.8883781136107167 38.42071165870999 C9.880329302171063 22.716222656033985, 22.427752116526026 9.349289054640778, 30.661744437596596 1.7615799178614502 M0.563256027176898 46.23250021100871 C14.617172633037807 30.17941806997227, 29.132072575231767 19.202191676299435, 45.98783090766125 2.180187306213284 M0.180153865367096 49.5080474900537 C8.191140820497068 40.13484665081007, 15.838656212880409 30.75637255235319, 41.59191166106217 -1.2377652778894657 M-3.732818672331163 63.39085885090421 C12.271096799041711 41.14780016408298, 30.771632711943305 19.634819227510796, 53.13467311462826 -1.701029291801273 M-1.664196006851384 61.87554422532807 C13.237280843595567 42.562856344175046, 30.15108676591423 28.10967765415934, 54.478276623175205 -0.6160682220534675 M-3.5263108217903962 72.71149089778213 C16.76261966254005 58.425303365090336, 32.55364499756268 38.85023007036462, 63.38382931695659 2.2166241968540916 M0.04384326582759712 71.61945430593936 C12.732365129973445 56.19912472784914, 29.579478610596563 40.344865275085354, 64.30759469502945 1.2951891517756948 M1.5745032116116988 87.08587584382997 C18.98654576107681 69.37879578199079, 33.49727561536687 44.60972714726457, 73.14655439745876 -2.3824039856331183 M0.9316520544977891 84.0176707982938 C20.090610485683154 62.96113421943103, 38.62007210924527 40.66020222745568, 72.66623062271866 -0.09133446499572528 M3.543569281697117 94.23442151145801 C19.343884308285453 73.67823543894372, 38.34980216776591 50.77881696193851, 84.19738448894725 3.1355531529245866 M1.070161076262437 96.34693697402045 C18.846266865452712 74.48904238357906, 37.07455990443291 51.04324104209972, 86.67765852733658 0.44366024403851156 M-3.3137084207406318 111.56262573240818 C31.422558623954707 68.80764032560015, 67.60164060907952 32.152854522225596, 91.79913697423459 -1.7716186452852867 M-1.4644124898036992 110.92650798907997 C22.238114841857087 86.82242577963525, 39.683631301572376 63.17714232191406, 95.93996190497697 -0.011386779715337525 M1.8281784581204477 124.5643338290908 C28.340746646681822 89.07388494466628, 66.71817814388469 44.353324904826835, 108.82791048613322 -2.946814888075231 M-1.5894191765973744 121.70890836510142 C23.64282174502564 95.08359107216074, 51.123313998988515 67.1829763455003, 107.46333362673354 -0.43639496985101545 M-2.9359214489071377 133.6779002936933 C43.44284685623027 83.90234319266315, 89.16007479321992 34.42753941034546, 113.2420258784652 -0.9040027530349803 M-1.6540411130248316 135.32359366849101 C37.13001153636587 92.10555875227726, 73.358463507215 51.93070379645569, 117.9515169097096 -1.0624335547395063 M1.2271217409890909 144.91589836840328 C43.47313864706452 92.7021123766583, 79.76487426126025 46.406322923450816, 130.831262342024 4.027940591577412 M0.842148947007658 145.89416009065505 C38.731813737621884 102.63537848621154, 75.11270796421681 65.11711971663149, 127.36354143297984 1.6719401215798868 M1.171539355218074 156.7632793900574 C50.47811625153814 103.8339921168478, 93.26150393272218 50.303752356157474, 139.18723944071763 -1.6350454707392261 M-0.44228856274448825 159.73182741921295 C32.951133750307534 120.59775904336301, 67.43571899580957 78.68993851723867, 136.10394142554622 1.5474641896542016 M-0.48393535369191176 169.85541618999528 C50.354073559040444 118.99955218508036, 97.02638167350884 58.316073177816165, 151.05958176476815 0.9312464701132478 M-1.0980091146818394 170.9745682452049 C48.342452076508046 117.01807215351951, 94.16726392354273 61.54912566203669, 149.42782350075845 0.405350057238608 M4.489973008251974 175.29814789047265 C40.96694136630324 140.55096875443672, 77.29152277023448 97.58973016569834, 161.5410517149727 0.546588490534949 M4.340354940472537 176.81951810924738 C46.55927406209866 130.48154178486357, 90.68910170304753 81.47506686579739, 160.3696231444665 1.2446055854216846 M17.816694953704843 176.04480214344596 C58.45606079885853 125.13345247192001, 109.47053842823749 68.00645279496825, 171.71136855601728 2.155574252188977 M14.479275001198857 178.17895792701276 C52.415116373870156 136.07861796828107, 90.60768983504784 93.33235114624793, 170.05631605882516 -1.0928441094174501 M26.55887446443939 177.9888989082616 C62.11613315803234 136.43569320810457, 101.06842590020936 93.38814330804726, 177.87636488749004 -3.0309319283673832 M25.138630614208658 179.68410842053422 C59.59893463011457 142.0848321737068, 90.95383552586499 107.44368075086835, 181.10500302265967 -1.3248771549897704 M35.662096797242725 176.79022135547623 C71.09709393556322 133.3232072367899, 111.16763900227281 93.68595229021204, 192.03277366461563 -2.202682004014991 M35.718333920249 176.63193159164283 C80.67370243278901 125.70432070270806, 124.92024479543953 72.71926722772118, 190.20374248999843 -0.5239615502454705 M48.06717696983945 180.455443669709 C87.15558124824334 127.91640939849917, 135.2348936860912 78.18580555727208, 198.23850855355602 -3.0663318635721915 M45.12448704209822 179.38141527263835 C86.64385559149346 130.77075756313522, 129.5389538411862 83.40918452915187, 202.3139614219009 -1.0274407886659818 M54.73552551089169 180.67418209964157 C106.1738496299141 120.33621169872937, 156.1801119232478 64.17351232934783, 213.1954424814109 1.3282689182051268 M55.91673000956588 178.12736480128936 C105.17474804762199 123.33648120455824, 148.45285985360934 72.15564419249417, 212.97860401145792 0.3347178167359716 M68.35291260999904 181.27295160801796 C99.65304162030775 133.9548783430215, 136.4672231022946 93.75701513472671, 222.51674458621744 -2.7956254693763793 M66.69601988449278 176.55166909583315 C110.8732827667926 125.9354176277917, 157.61409476920568 71.06904328024038, 222.54911000879162 0.5328524084164591 M79.75606586769861 176.27097052164498 C117.77677221152648 127.73941848097084, 158.08499673596725 81.06749274288643, 234.58990516695016 -1.3284396229475572 M79.61185548575102 176.75635312997582 C131.49828226644075 114.82701919659462, 183.87560715281785 54.638280810039554, 231.93307064605526 0.4697350593002996 M91.63643444546503 178.33411718139166 C123.83858109340316 136.92782660346464, 157.1675870413449 97.15542497657782, 243.72308703352118 -1.0974866750767935 M89.39017971424393 179.31607600789212 C138.44081439677765 121.4909068483572, 186.10144957576966 66.55504922299981, 243.38169976243344 -0.006745352218980871 M101.84580121571037 176.6714737921897 C133.82933092865508 133.41861194270453, 175.86065901244393 93.99324792783088, 257.1291360567801 -1.4130116442699334 M100.92023467790604 178.29081383922562 C156.71260468444225 111.22920677999231, 211.13517031427818 47.342425487878344, 252.87761292914195 1.3087917327209364 M110.22103251178429 178.92879027303317 C170.33270255100717 104.08898567383972, 231.3036730898441 35.60952040140308, 264.7916861185141 -2.572879584970309 M111.5627104167032 178.07774181408863 C162.57261370715156 115.40594937094572, 214.13172135292885 54.425225868221865, 264.36180577442786 0.6320246284511353 M122.04895107797384 175.80478170697876 C170.7492569222046 125.78668320503635, 217.53429390502947 70.58688593992159, 273.1689232614478 2.4321202624411367 M122.01684642763246 178.34428667806222 C173.3561886373525 119.80447681747042, 224.60548048308775 59.19514637493956, 275.4016795085696 -1.6789421202286654 M134.73182501950365 176.2248385911456 C180.72921018498096 122.03572853860906, 234.85682975167492 63.32523253471126, 288.4991978392432 -0.7456744783538422 M132.06808758972213 177.44050160719615 C190.55149188350288 110.98965126003256, 250.6248453097109 40.19823356480962, 284.6982656488766 0.6088587369502023 M141.25224075253587 178.67707788671538 C200.48118923863393 114.11619330714957, 258.9291150751424 51.517992143055345, 296.74675986649993 0.8024181303888085 M141.37555528903184 177.49137948300907 C183.71768492235978 126.98913251202846, 228.5248501649855 78.2933102335541, 297.91351234468976 -0.5035055692750412 M150.4373599541701 179.5070388689321 C187.8789540645709 133.69863708071716, 229.8582421429376 89.27265229114182, 307.38515356875524 -1.5817854095242407 M151.93945694365237 177.72959736748814 C197.00006229004936 127.38634338042426, 238.65064270668782 78.65935847500504, 308.29849470238116 1.3645830473016864 M163.54477811244342 177.8525021771026 C208.13675937909593 124.92656365014294, 249.58989632658412 75.30764475986608, 319.90344553248354 -2.9496237822238505 M162.16880352870578 176.22795297808955 C206.8687718392257 130.7093631540181, 249.4321859516389 79.68769849326898, 319.320085110354 0.14677720335519046 M173.71464381777864 177.9674028927171 C232.4224389310682 110.10356415644024, 288.8014275499492 46.188782287359736, 323.318812768532 4.5616438987091765 M172.03936052779721 177.41516179900054 C232.40248193705995 110.07788779175992, 287.8650087141222 44.32246352321112, 324.7104271389345 3.7451159981479343 M185.54326870027833 177.6940753335982 C228.78433118341383 126.9132169141354, 276.54154722426136 72.83041258598097, 321.6312180631197 13.707615135926984 M183.1781492460474 177.3594601532436 C217.17666038354903 141.1960781667592, 245.31395052852451 106.599610053705, 326.3237581873083 14.560589840695888 M198.08990554437997 181.94801186113978 C220.46014546503858 145.98006067286732, 248.0660845057247 118.52135435484058, 325.59274544264895 24.89324298359253 M193.95981943720045 178.56153219840849 C237.96330010997877 130.06856659491442, 279.4710926962239 81.03395756470891, 325.82320383820456 29.350454848704715 M201.46015168201103 181.99793234808615 C233.60842306808053 139.5758525291837, 270.04088796944717 101.9996083206783, 321.4839189731213 40.71091101069504 M206.88328614491894 178.1215913758265 C238.8371234374815 141.83547908503323, 272.68814057865063 99.09483716315454, 324.78250768302706 38.88652687084431 M218.18515322125344 181.44584401545245 C246.3577620463455 150.7437426932439, 271.8105902459169 117.05763851979654, 325.98992657152706 52.56397022812777 M214.61957900925367 179.6130565743627 C247.6898243067153 140.78844470354437, 277.5972575306873 104.13605877905752, 325.72468949531907 53.30506459198111 M226.31679004491968 178.58557010542617 C259.7882097981567 135.49512145719643, 292.4143623748454 96.8140852406356, 327.11929742865965 65.40479346763263 M225.30975027629836 179.7688989854233 C255.1340744278304 150.0776062363562, 282.3251285848062 120.03318418019855, 324.7494039541553 64.27688566807578 M239.77022328582223 176.1601526101948 C274.99339531666556 143.67531280571237, 303.7240171004168 101.15484691860875, 323.90066489834106 75.77410105161992 M237.38196156714673 176.37873042541457 C262.3752945968745 149.89137964274886, 288.62951677038075 123.52260416198038, 324.712738026639 75.35607712075738 M248.4488953267736 179.2368522719459 C273.26786088671537 144.35031166557482, 301.8452526861792 114.3931618438473, 329.13200261338375 86.65712247227715 M248.48898387789257 178.35130333574278 C264.1962171291592 156.8649337367639, 283.5947421813943 135.3032544091322, 324.78894708386383 91.02365701643215 M258.3695298005863 181.08214858286686 C277.8502793233824 157.22709811532104, 286.5277535789934 144.78712862857358, 324.8495654566003 98.11330597179177 M258.4456975796296 177.7770107828141 C278.35027704583774 157.95067854112895, 294.3561949714891 139.2632975294917, 324.7518958719237 99.50478404650632 M271.7871315900729 177.0367397851453 C283.30923771757955 161.30322332498173, 297.97374424719743 150.24447742275729, 325.7968305318127 117.90602812257411 M270.16659241845167 179.9903864580349 C282.9931810050099 162.24811340783452, 298.7166289417512 147.262574461564, 323.25649948292175 113.58596710760894 M279.3199868280457 174.39054287096866 C298.58531438190596 158.2905799438767, 312.817652694173 142.68250662421525, 322.17373327981437 124.35875550636611 M280.6032675154524 179.63260467781134 C289.3128669211588 168.02793264176105, 300.43411464297606 154.58798615227303, 325.40045947093273 125.6587269807007 M288.0746628973174 174.25769358252438 C301.84699323977594 163.32550457979045, 310.36085268312127 152.44539404668376, 323.8253133044274 136.75830219557798 M289.68193136672556 178.71398038354965 C302.09753361957013 165.37174280771623, 311.5799721537288 154.63932055966959, 325.72540967806 136.3103538124106 M297.7710084307005 181.45154641200008 C308.45095640755903 170.98118404359786, 314.9940589706893 161.078383543303, 326.99095048846425 154.21099143239735 M299.240901843365 178.67646914165618 C308.9338591354328 169.93663538958918, 317.06178276036377 158.37277211834933, 323.7786523503971 149.36756879414497 M312.8671533110073 178.35967460158318 C317.6661261920411 170.94823580394686, 324.1991430979656 163.14729663094727, 321.77330596473746 158.27236520901158 M309.96810619146436 178.4561671435371 C314.2088053140532 173.02881084190395, 319.5966201459738 168.05412007562308, 326.39459910903804 160.71373374230996" stroke="#7950f2" stroke-width="1" fill="none"></path><path d="M1.9854938786308713 -0.8874617592023682 C128.41202018372252 0.12401464249962668, 256.0429861329588 -1.5470308136406836, 318.00873475154935 -0.028206310540322004 M0.7657202693521653 -0.5265972266267839 C70.91231508488427 -3.095375768446478, 141.51562324090608 -2.2128586533866046, 321.36586027333607 0.8721201798660853 M317.56973784044385 -3.5128289349377155 C320.92091910608536 53.25109771873322, 319.1305122829271 107.11208171493345, 317.13052420690656 177.83867908641696 M319.1278867777437 1.8945234660059214 C320.941707378787 45.21049872599325, 324.13998944179434 90.82734106666905, 318.515518611297 172.9035734180361 M322.10232531913994 172.4971541548569 C228.0654833003212 179.56338366909299, 130.3002274130052 179.78960146487924, -0.8679742936658544 175.99442245553888 M321.77581091948025 175.32120208016525 C203.01908035611856 169.93048035009386, 85.63811545666958 171.62082531585406, 1.346255968934384 173.80885358165457 M-2.409067463129759 174.53729976341128 C-2.963632385967794 115.57608966597836, -1.5672792603955896 62.88747402044973, 0.7041862495243549 -0.22554920986294746 M-0.6337119285017252 172.72431179322302 C-0.9516146120456686 118.99647082123192, 1.3513465586277018 66.6008690002418, -0.11563652195036411 -1.8905510660260916" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(223.5 359.630859375) rotate(0 130 22.5)"><text x="130" y="32" font-family="Virgil, Segoe UI Emoji" font-size="36px" fill="#000000" text-anchor="middle" style="white-space: pre;" direction="ltr">Foamy NextJS</text></g><g><g transform="translate(175.3125 129.439453125) rotate(0 50.96919897515329 79.75597637087111)"><path d="M-2.210663406178355 2.666720364615321 C14.059515178079408 28.63802044602732, 81.81256863263746 130.2047629178812, 98.80090784616769 155.7077986102551 M1.7847379598021504 1.64605760961771 C18.839495996733508 27.865451031426588, 88.22042117844026 131.92166803111633, 104.14906135648489 157.86589513212442" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(175.3125 129.439453125) rotate(0 50.96919897515329 79.75597637087111)"><path d="M84.06729555330793 136.94869692828252 C84.54459190155406 144.8457578454336, 92.68604960449798 150.37839209480194, 105.47236725017429 155.16468941286206 M80.10618658750872 138.25780883449806 C89.27238530278568 146.44482956256462, 97.6722256938845 154.08094923606183, 102.69967983178795 158.7703164858371" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(175.3125 129.439453125) rotate(0 50.96919897515329 79.75597637087111)"><path d="M101.3195142890595 125.83649862733313 C95.88466317535763 137.26303352236712, 98.12349830683378 146.5975620970077, 105.47236725017429 155.16468941286206 M97.35840532326029 127.14561053354868 C100.64254170499942 139.2286400471979, 102.96152469636775 150.781455555624, 102.69967983178795 158.7703164858371" stroke="#000000" stroke-width="2" fill="none"></path></g></g><g><g transform="translate(557.21484375 131.103515625) rotate(0 -72.6816914040595 77.01973706010733)"><path d="M1.9190547209233042 -0.5095663111656905 C-22.665721756095685 25.717767755066355, -122.7978048661103 131.69125590709348, -147.28243752904237 157.29397309608757 M-0.4836969298124312 -3.254498975872994 C-24.20974976718426 22.208311165372532, -117.64141326129437 127.01707864304385, -142.00709561526776 153.40349291026592" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(557.21484375 131.103515625) rotate(0 -72.6816914040595 77.01973706010733)"><path d="M-131.41483246880077 122.65638909210014 C-131.24043887088982 134.64740355222287, -140.70972927189848 141.37489693680178, -144.12993076339365 154.02805772557855 M-129.03307942832313 124.25740598794567 C-131.2289776462994 131.66781778679317, -135.83097338143037 136.1258097899014, -142.76041652344168 153.8499344470352" stroke="#000000" stroke-width="2" fill="none"></path></g><g transform="translate(557.21484375 131.103515625) rotate(0 -72.6816914040595 77.01973706010733)"><path d="M-116.20518151141535 136.43269193939355 C-120.70967580900647 144.387999006034, -134.86474533705695 146.87129819374942, -144.12993076339365 154.02805772557855 M-113.82342847093771 138.03370883523908 C-119.29632233996696 142.62958425249064, -127.08025308678243 144.20550483369774, -142.76041652344168 153.8499344470352" stroke="#000000" stroke-width="2" fill="none"></path></g></g></svg>


--------------------------------------------------------------------------------
/siteconfig.js:
--------------------------------------------------------------------------------
1 | export default {
2 |   "title": "Foamy NextJS",
3 |   "description": "Digital Garden built with Foam and NextJS with MDX",
4 |   "author": "Yenly Ma"
5 | }


--------------------------------------------------------------------------------
/styles/global.css:
--------------------------------------------------------------------------------
  1 | * {
  2 |   box-sizing: border-box;
  3 | }
  4 | 
  5 | /* begin gridlover perfect fourth scale */
  6 | html, .root {
  7 |   font-size: 18px;
  8 |   line-height: 27px;
  9 | }
 10 | body {
 11 |   font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu,
 12 |     Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
 13 |   font-size: 1rem;
 14 |   line-height: 1.5rem;
 15 | }
 16 | h1, .h1 {
 17 |   font-size: 2.3888889rem;
 18 |   line-height: 3rem;
 19 |   margin-top: 1.5rem;
 20 |   margin-bottom: 3rem;
 21 | }
 22 | h2, .h2 {
 23 |   font-size: 1.7777778rem;
 24 |   line-height: 3rem;
 25 |   margin-top: 1.5rem;
 26 |   margin-bottom: 1.5rem;
 27 | }
 28 | h3, .h3 {
 29 |   font-size: 1.3333333rem;
 30 |   line-height: 1.5rem;
 31 |   margin-top: 1.5rem;
 32 |   margin-bottom: 0rem;
 33 | }
 34 | h4, .h4 {
 35 |   font-size: 1rem;
 36 |   line-height: 1.5rem;
 37 |   margin-top: 1.5rem;
 38 |   margin-bottom: 0rem;
 39 | }
 40 | h5, .h5 {
 41 |   font-size: 1rem;
 42 |   line-height: 1.5rem;
 43 |   margin-top: 1.5rem;
 44 |   margin-bottom: 0rem;
 45 | }
 46 | p, ul, ol, pre, table, blockquote  {
 47 |   margin-top: 0rem;
 48 |   margin-bottom: 1.5rem;
 49 | }
 50 | ul ul, ol ol, ul ol, ol ul {
 51 |   margin-top: 0rem;
 52 |   margin-bottom: 0rem;
 53 | }
 54 | 
 55 | /* Let's make sure all's aligned */
 56 | hr, .hr {
 57 |   border: 1px solid;
 58 |   margin: -1px 0;
 59 | }
 60 | a, b, i, strong, em, small, code {
 61 |   line-height: 0;
 62 | }
 63 | sub, sup {
 64 |   line-height: 0;
 65 |   position: relative;
 66 |   vertical-align: baseline;
 67 | }
 68 | sup {
 69 |   top: -0.5em;
 70 | }
 71 | sub {
 72 |   bottom: -0.25em;
 73 | }
 74 | /* end gridlover perfect fourth scale */
 75 | 
 76 | .container {
 77 |   max-width: 680px;
 78 |   margin: auto;
 79 | }
 80 | 
 81 | .contains-task-list {
 82 |   list-style-type: none;
 83 | }
 84 | 
 85 | .task-list-item input {
 86 |   margin-left: -20px;
 87 | }
 88 | 
 89 | pre {
 90 |   font-size: 0.80rem;
 91 | }
 92 | 
 93 | a {
 94 |   color: #0070f3;
 95 |   text-decoration: none;
 96 | }
 97 | 
 98 | a:hover {
 99 |   text-decoration: underline;
100 | }
101 | 
102 | /* img {
103 |   max-width: 100%;
104 |   display: block;
105 | } */
106 | 
107 | .nextImageWrapper {
108 |   text-align: center;
109 | }
110 | 
111 | .footnotes {
112 |   font-size: 0.8rem;
113 |   line-height: 1.25rem;
114 | }


--------------------------------------------------------------------------------
/styles/prism-theme-night-owl.css:
--------------------------------------------------------------------------------
  1 | code[class*="language-"],
  2 | pre[class*="language-"] {
  3 |   color: #d6deeb;
  4 |   font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;
  5 |   text-align: left;
  6 |   white-space: pre;
  7 |   word-spacing: normal;
  8 |   word-break: normal;
  9 |   word-wrap: normal;
 10 |   line-height: 1.5;
 11 | 
 12 |   -moz-tab-size: 4;
 13 |   -o-tab-size: 4;
 14 |   tab-size: 4;
 15 | 
 16 |   -webkit-hyphens: none;
 17 |   -moz-hyphens: none;
 18 |   -ms-hyphens: none;
 19 |   hyphens: none;
 20 | }
 21 | 
 22 | pre[class*="language-"]::-moz-selection,
 23 | pre[class*="language-"] ::-moz-selection,
 24 | code[class*="language-"]::-moz-selection,
 25 | code[class*="language-"] ::-moz-selection {
 26 |   text-shadow: none;
 27 |   background: rgba(29, 59, 83, 0.99);
 28 | }
 29 | 
 30 | pre[class*="language-"]::selection,
 31 | pre[class*="language-"] ::selection,
 32 | code[class*="language-"]::selection,
 33 | code[class*="language-"] ::selection {
 34 |   text-shadow: none;
 35 |   background: rgba(29, 59, 83, 0.99);
 36 | }
 37 | 
 38 | @media print {
 39 |   code[class*="language-"],
 40 |   pre[class*="language-"] {
 41 |     text-shadow: none;
 42 |   }
 43 | }
 44 | 
 45 | /* Code blocks */
 46 | pre[class*="language-"] {
 47 |   padding: 1em;
 48 |   margin: 0.5em 0;
 49 |   overflow: auto;
 50 | }
 51 | 
 52 | :not(pre) > code[class*="language-"],
 53 | pre[class*="language-"] {
 54 |   color: white;
 55 |   background: #011627;
 56 | }
 57 | 
 58 | :not(pre) > code[class*="language-"] {
 59 |   padding: 0.1em;
 60 |   border-radius: 0.3em;
 61 |   white-space: normal;
 62 | }
 63 | 
 64 | .token.comment,
 65 | .token.prolog,
 66 | .token.cdata {
 67 |   color: rgb(99, 119, 119);
 68 |   font-style: italic;
 69 | }
 70 | 
 71 | .token.punctuation {
 72 |   color: rgb(199, 146, 234);
 73 | }
 74 | 
 75 | .namespace {
 76 |   color: rgb(178, 204, 214);
 77 | }
 78 | 
 79 | .token.deleted {
 80 |   color: rgba(239, 83, 80, 0.56);
 81 |   font-style: italic;
 82 | }
 83 | 
 84 | .token.symbol,
 85 | .token.property {
 86 |   color: rgb(128, 203, 196);
 87 | }
 88 | 
 89 | .token.tag,
 90 | .token.operator,
 91 | .token.keyword {
 92 |   color: rgb(127, 219, 202);
 93 | }
 94 | 
 95 | .token.boolean {
 96 |   color: rgb(255, 88, 116);
 97 | }
 98 | 
 99 | .token.number {
100 |   color: rgb(247, 140, 108);
101 | }
102 | 
103 | .token.constant,
104 | .token.function,
105 | .token.builtin,
106 | .token.char {
107 |   color: rgb(130, 170, 255);
108 | }
109 | 
110 | .token.selector,
111 | .token.doctype {
112 |   color: rgb(199, 146, 234);
113 |   font-style: italic;
114 | }
115 | 
116 | .token.attr-name,
117 | .token.inserted {
118 |   color: rgb(173, 219, 103);
119 |   font-style: italic;
120 | }
121 | 
122 | .token.string,
123 | .token.url,
124 | .token.entity,
125 | .language-css .token.string,
126 | .style .token.string {
127 |   color: rgb(173, 219, 103);
128 | }
129 | 
130 | .token.class-name,
131 | .token.atrule,
132 | .token.attr-value {
133 |   color: rgb(255, 203, 139);
134 | }
135 | 
136 | .token.regex,
137 | .token.important,
138 | .token.variable {
139 |   color: rgb(214, 222, 235);
140 | }
141 | 
142 | .token.important,
143 | .token.bold {
144 |   font-weight: bold;
145 | }
146 | 
147 | .token.italic {
148 |   font-style: italic;
149 | }
150 | 


--------------------------------------------------------------------------------