diff --git a/.github/workflows/preview.yaml b/.github/workflows/preview.yaml new file mode 100644 index 0000000..14ccd2b --- /dev/null +++ b/.github/workflows/preview.yaml @@ -0,0 +1,24 @@ +name: GitHub Actions Vercel Preview Deployment +env: + VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} + VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }} +on: + push: + branches: + - canary + paths: + - docs/** + +jobs: + Deploy-Preview: + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + - name: Install Vercel CLI + run: npm install --global vercel@canary + - name: Pull Vercel Environment Information + run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }} + - name: Build Project Artifacts + run: vercel build --token=${{ secrets.VERCEL_TOKEN }} + - name: Deploy Project Artifacts to Vercel + run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }} \ No newline at end of file diff --git a/.github/workflows/production.yaml b/.github/workflows/production.yaml new file mode 100644 index 0000000..f4c63ed --- /dev/null +++ b/.github/workflows/production.yaml @@ -0,0 +1,24 @@ +name: GitHub Actions Vercel Production Deployment +env: + VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }} + VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }} +on: + push: + branches: + - main + paths: + - docs/** +jobs: + Deploy-Production: + if: github.repository == 'frontendweb3/section-blog-theme' + runs-on: ubuntu-latest + steps: + - uses: actions/checkout@v2 + - name: Install Vercel CLI + run: npm install --global vercel@canary + - name: Pull Vercel Environment Information + run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }} + - name: Build Project Artifacts + run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }} + - name: Deploy Project Artifacts to Vercel + run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }} \ No newline at end of file diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md new file mode 120000 index 0000000..4ae1956 --- /dev/null +++ b/CONTRIBUTING.md @@ -0,0 +1 @@ +docs/src/pages/docs/contributing.mdx \ No newline at end of file diff --git a/contributing.md b/contributing.md deleted file mode 100644 index 69b51fa..0000000 --- a/contributing.md +++ /dev/null @@ -1,119 +0,0 @@ -The section blog theme comes under an open-source license. Before starting the contribution, first read our [Code of Conduct](./CODE_OF_CONDUCT.md) guidelines. - -How to start a contribution? - -1. Clone Repo -2. Install Package -3. Structure -4. Start local development server - -## Clone Repo - -First, clone the section blog theme repository from GitHub. - -```bash - git clone https://github.com/frontendweb3/section-blog-theme.git - # or - gh repo clone frontendweb3/section-blog-theme -``` - -## Install-Package - -Install the package with pnpm. - -```bash -cd section-blog-theme && pnpm install -``` - -## Structure - -Our repository is part of a Monorepo structure, it is managed with Turbo. - -### Folder - -1. Docs -2. Package -3. Example - -### Docs - -The Docs folder contains the documentation, the documentation site is built with the nextra and nextra docs theme. - -### Packages - -The package folder contains the actual code of the section blog theme. - -### Example - -The example folder contains a demo site built or used with a section blog theme. - -## Start local development server - -1. Section blog theme server -2. Documentation server - -### Section blog theme server - -You can start the local development server with the following command. - -```bash -pnpm dev -``` - -### Documentation server - -Start your documentation server with following command. - -```bash -pnpm dev:docs -``` - -### Building - -Building theme for production. - -```bash -pnpm build -``` - -## What and where we found components? - -- `components/Article/Article.tsx` > article by frontmatter -- `components/banner/Banner.tsx` > Banner -- `components/Card/Card.tsx` > posts card -- `components/Command/Command.tsx` > command or cmd -- `components/Footer/Footer.tsx` > footer component -- `components/Header/Header.tsx` > header component -- `components/Header/ThemeToggle.tsx` > theme toggle -- `components/Layouts` > layouts folders -- `components/Layouts/404.tsx` > 404 error page -- `components/Layouts/500.tsx` > 500 error page -- `components/Layouts/BlogLayout.tsx` > posts type -- `components/Layouts/HomePage.tsx` > home type -- `components/Layouts/index.tsx` > main file -- `components/Layouts/Page.tsx` > page type -- `components/Layouts/Posts.tsx` > posts type -- `components/Layouts/Read.tsx` > read type -- `components/Layouts/Tag.tsx` > Generate Dynamic Tag -- `components/Navigation/ListItem.tsx` > Part of Header -- `components/Navigation/NavgationItem.tsx` > Part of Header -- `components/Navigation/NavigationItems.tsx` > Part of Header -- `components/Seo/Seo.tsx` > SEO component -- `components/SocialLink/DynmicIcon.tsx` > Part of Header -- `components/SocialLink/SocialLink.tsx` > Part of Header -- `components/ui/*` > Part of shadcn/ui -- `components.json` > shadcn/ui -- `src/index.tsx` > Main -- `src/tag.tsx` > Tag Page -- `src/types.ts` > type -- `styles/globals.css` > tailwind css -- `tsup.config.ts` > tsup config -- `utility/NextURL.ts` > check develpment or production \* -- `utility/slugify.ts` > convert title slugify \* -- `utility/useContent.ts` > return all posts \* -- `utility/useTagContent.ts` > return post based on tag -- `utility/useTags.ts` > return all tags based on posts -- `utility/utils.ts` > use by shadcn/ui and tailwind css -- `public/` > Public folder -- `__TEST__/` > testing folder -- `tsconfig.json` > typescript config diff --git a/docs/public/Blog.png b/docs/public/Blog.png deleted file mode 100644 index f2beaea..0000000 Binary files a/docs/public/Blog.png and /dev/null differ diff --git a/docs/public/showcase/officialrajdeepsingh.png b/docs/public/showcase/officialrajdeepsingh.png new file mode 100644 index 0000000..99058ed Binary files /dev/null and b/docs/public/showcase/officialrajdeepsingh.png differ diff --git a/docs/src/components/Showcase/Card.tsx b/docs/src/components/Showcase/Card.tsx new file mode 100644 index 0000000..25b521e --- /dev/null +++ b/docs/src/components/Showcase/Card.tsx @@ -0,0 +1,21 @@ +import Image from 'next/image'; +import { Cards, Card } from 'nextra/components' +import showcase from "@/src/showcase.json"; + +export const ShowcaseCard = () => { + return ( + + + { + showcase.map( + (item: { name: string; url: string; image: string }) => { + return ( + {item.name} + ) + } + ) + + } + + ); +}; \ No newline at end of file diff --git a/docs/src/pages/_meta.json b/docs/src/pages/_meta.json index 84e2cbb..184ad7f 100644 --- a/docs/src/pages/_meta.json +++ b/docs/src/pages/_meta.json @@ -6,5 +6,14 @@ "docs": { "type": "page", "title": "Documentation" + }, + "showcase": { + "type": "page", + "title": "Showcase" + }, + "contribution": { + "type": "page", + "title": "Contribution", + "href": "https://github.com/frontendweb3/section-blog-theme/contribute" } -} +} \ No newline at end of file diff --git a/docs/src/pages/docs/contributing.mdx b/docs/src/pages/docs/contributing.mdx new file mode 100644 index 0000000..4836f43 --- /dev/null +++ b/docs/src/pages/docs/contributing.mdx @@ -0,0 +1,107 @@ +The section blog theme comes under an open-source license. Before starting the contribution, first read our [Code of Conduct](./CODE_OF_CONDUCT.md) guidelines. + +# How to start a contribution? + +1. Clone Repo +2. Install Package +3. Structure +4. Start local development server + + +## Clone Repo +First, clone the section blog theme repository from GitHub. +```bash +git clone https://github.com/frontendweb3/section-blog-theme.git +# or +gh repo clone frontendweb3/section-blog-theme +``` + +## Install-Package +Install the NPM package with pnpm. +```bash +cd section-blog-theme && pnpm install +``` +## Structure +Our repository is part of a Monorepo structure, it is managed with Turbo. + +**Folder :** +1. Docs +2. Package +3. Example + +### Docs +The Docs folder contains the documentation, the documentation site is built with the nextra and nextra docs theme. +### Packages +The package folder contains the actual code of the section blog theme. + +### Example +The example folder contains a demo site built or used with a section blog theme. + +## Start local development server +1. Section blog theme server +2. Documentation server + +### Section blog theme server +You can start the local development server with the following command. +```bash +pnpm dev +``` + +### Documentation server +Start your documentation server with the following command. +```bash +pnpm dev:docs +``` + +### Building +Building theme for production. +```bash +pnpm build:core # buiding only section-blog-theme +# and +pnpm build # buiding section-blog-theme, and demo-section-blog package +# or +pnpm build:all # buiding section-blog-theme, demo-section-blog and docs +``` + + + +## What and where we found components? +- `components/Article/Article.tsx` article by front matter +- `components/banner/Banner.tsx` Banner +- `components/Card/Card.tsx` posts card +- `components/Command/Command.tsx` command or cmd +- `components/Footer/Footer.tsx` footer component +- `components/Header/Header.tsx` header component +- `components/Header/ThemeToggle.tsx` theme toggle +- `components/Layouts` layouts folders +- `components/Layouts/404.tsx` 404 error page +- `components/Layouts/500.tsx` 500 error page +- `components/Layouts/BlogLayout.tsx` posts type +- `components/Layouts/HomePage.tsx` home type +- `components/Layouts/index.tsx` main file +- `components/Layouts/Page.tsx` page type +- `components/Layouts/Posts.tsx` posts type +- `components/Layouts/Read.tsx` read type +- `components/Layouts/Tag.tsx` Generate Dynamic Tag +- `components/Navigation/ListItem.tsx` Part of Header +- `components/Navigation/NavgationItem.tsx` Part of Header +- `components/Navigation/NavigationItems.tsx` Part of Header +- `components/Seo/Seo.tsx` SEO component +- `components/SocialLink/DynmicIcon.tsx` Part of Header +- `components/SocialLink/SocialLink.tsx` Part of Header +- `components/ui/*` Part of shadcn UI +- `components.json` Part of shadcn UI +- `src/index.tsx` Main +- `src/tag.tsx` Tag Page +- `src/types.ts` type +- `styles/globals.css` tailwind CSS +- `tsup.config.ts` tsup config +- `utility/NextURL.ts` check development or production \* +- `utility/slugify.ts` convert title slugify +- `utility/useContent.ts` return all posts +- `utility/useTagContent.ts` return post based on tag +- `utility/useTags.ts` return all tags based on posts +- `utility/utils.ts` use by shadcn UI and tailwind CSS +- `public/` Public folder +- `__TEST__/` testing folder +- `tsconfig.json` typescript config diff --git a/docs/src/pages/docs/index.mdx b/docs/src/pages/docs/index.mdx index 3715c47..71f8fb2 100644 --- a/docs/src/pages/docs/index.mdx +++ b/docs/src/pages/docs/index.mdx @@ -47,43 +47,60 @@ export default function App({ Component, pageProps }) { ### Create Theme Config file -The next create a `theme.config.tsx` or `theme.config.jsx` file in your root level. - -```jsx copy filename="theme.config.tsx" +The next create a `theme.config.jsx` file in your root level. +```jsx copy filename="theme.config.jsx" const themeConfig = { settings: { - title: "My title", - description: "my descript is here ", - SiteURL:"https://section-theme-blog-docs.vercel.app", + title: "Start your blog or portfolio using MDX, Next.Js, and Nextra.", + description: "Section blog theme is build with Nextjs and tailwind css.", + SiteURL: "https://officialrajdeepsingh.dev", defaultSEO: { - title: "default SEO title is here", - titleTemplate: '%s | Section Blog Theme', + title: "Start your blog or portfolio using MDX, Next.Js, and Nextra.", + titleTemplate: "%s | Section Blog Theme", twitter: { handle: "@FrontendWeb3", site: "FrontendWeb3", cardType: "summary_large_image", - } - } + }, + }, }, - DateFormat: "MMM DD, YYYY", - bannerMessage: "How are your learn more ", + bannerMessage: + "Start your markdown portfolio blog with nextjs, nextra, tailwind CSS, and Shadcn UI using the section blog theme. ", SocialLinks: [ { name: "twitter", - url: "https://twitter.com/Official_R_deep", + url: "https://twitter.com/FrontendWeb3", }, { name: "linkedin", - url: "https://www.linkedin.com/in/officalrajdeepsingh/", + url: "https://www.linkedin.com/company/frontendweb", }, { name: "github", - url: "https://github.com/officialrajdeepsingh", + url: "https://github.com/frontendweb3/section-theme-blog", }, ], Logo: { - TextLogo: "Section" + logo: ( + <> + + + + + ), + link: "/", + target: "_blank", }, PrimaryNavigation: [ { @@ -101,8 +118,7 @@ const themeConfig = { { title: "Personal Blog", href: "https://officialrajdeepsingh.dev/", - description: - "Check out my personal portfolio blog website.", + description: "Check out my personal portfolio blog website.", }, { title: "Section Blog Theme", @@ -139,10 +155,9 @@ const themeConfig = { href: "/contact", title: "Contact", }, - ] + ], }; export default themeConfig; - ``` ### Rename your `index.tsx` to `index.mdx` diff --git a/docs/src/pages/docs/page-configuration.mdx b/docs/src/pages/docs/page-configuration.mdx index e684fe9..ed42930 100644 --- a/docs/src/pages/docs/page-configuration.mdx +++ b/docs/src/pages/docs/page-configuration.mdx @@ -131,8 +131,16 @@ Show posts related to a tags page. ```markdown {2} filename="tags/[slug].mdx" --- -type : tag +type: tag --- + +import { TagName, TagTitle } from "section-blog-theme/Tag"; + + + +# Posts Tagged with “” + +export { getStaticProps, getStaticPaths } from "section-blog-theme/Tag"; ``` ## 404 Create 404 error page in blog. diff --git a/docs/src/pages/showcase.mdx b/docs/src/pages/showcase.mdx new file mode 100644 index 0000000..61021c7 --- /dev/null +++ b/docs/src/pages/showcase.mdx @@ -0,0 +1,11 @@ +--- +title: Showcase +--- + +import { ShowcaseCard } from "@/components/Showcase/Card" + +## Showcase +Lists of projects powered by section blog theme. + + + \ No newline at end of file diff --git a/docs/src/showcase.json b/docs/src/showcase.json new file mode 100644 index 0000000..faad6a1 --- /dev/null +++ b/docs/src/showcase.json @@ -0,0 +1,7 @@ +[ + { + "name": "Rajdeep Singh", + "url": "http://officialrajdeepsingh.dev", + "image": "officialrajdeepsingh.png" + } +] \ No newline at end of file diff --git a/docs/tsconfig.json b/docs/tsconfig.json index 9db76be..b568039 100644 --- a/docs/tsconfig.json +++ b/docs/tsconfig.json @@ -21,7 +21,15 @@ "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, - "isolatedModules": true + "isolatedModules": true, + "paths": { + "@/src/*": [ + "./src/*" + ], + "@/components/*": [ + "./src/components/*" + ] + }, }, "include": [ "next-env.d.ts", @@ -32,4 +40,4 @@ "exclude": [ "node_modules" ] -} +} \ No newline at end of file diff --git a/examples/demo-section-blog/next.config.js b/examples/demo-section-blog/next.config.js index 3254f42..eb666f7 100644 --- a/examples/demo-section-blog/next.config.js +++ b/examples/demo-section-blog/next.config.js @@ -3,7 +3,7 @@ const withNextra = require("nextra")({ theme: "section-blog-theme", themeConfig: "./theme.config.tsx", - readingTime: true + readingTime: true, }); module.exports = withNextra({ @@ -20,8 +20,8 @@ module.exports = withNextra({ hostname: "picsum.photos", }, { - hostname:"cdn.pixabay.com" - } + hostname: "cdn.pixabay.com", + }, ], }, }); diff --git a/examples/demo-section-blog/package.json b/examples/demo-section-blog/package.json index 53aeb41..86567fb 100644 --- a/examples/demo-section-blog/package.json +++ b/examples/demo-section-blog/package.json @@ -6,23 +6,27 @@ "dev": "next dev", "build": "next build", "start": "next start", - "lint": "next lint" + "lint": "next lint", + "format":"pnpm exec prettier ./src --write" }, "dependencies": { - "@types/node": "20.10.4", - "@types/react": "18.2.45", - "@types/react-dom": "18.2.17", + "@types/node": "20.11.0", + "@types/react": "18.2.47", + "@types/react-dom": "18.2.18", "autoprefixer": "10.4.16", - "eslint": "^8.55.0", + "eslint": "^8.56.0", "eslint-config-next": "^14.0.4", "next": "14.0.4", "nextra": "^2.13.2", - "postcss": "8.4.32", + "postcss": "8.4.33", "react": "18.2.0", "react-dom": "18.2.0", "rimraf": "^5.0.5", "section-blog-theme": "workspace:*", - "tailwindcss": "3.3.6", + "tailwindcss": "3.4.1", "typescript": "5.3.3" + }, + "devDependencies": { + "prettier": "^3.1.1" } } diff --git a/examples/demo-section-blog/postcss.config.js b/examples/demo-section-blog/postcss.config.js index 33ad091..12a703d 100644 --- a/examples/demo-section-blog/postcss.config.js +++ b/examples/demo-section-blog/postcss.config.js @@ -3,4 +3,4 @@ module.exports = { tailwindcss: {}, autoprefixer: {}, }, -} +}; diff --git a/examples/demo-section-blog/src/pages/404.mdx b/examples/demo-section-blog/src/pages/404.mdx index 23d2e64..6f56b87 100644 --- a/examples/demo-section-blog/src/pages/404.mdx +++ b/examples/demo-section-blog/src/pages/404.mdx @@ -1,5 +1,5 @@ --- type: 404 title: Error -description : Error page +description: Error page --- diff --git a/examples/demo-section-blog/src/pages/_app.mdx b/examples/demo-section-blog/src/pages/_app.mdx index f518951..f7b0884 100644 --- a/examples/demo-section-blog/src/pages/_app.mdx +++ b/examples/demo-section-blog/src/pages/_app.mdx @@ -1,6 +1,5 @@ -import '@/styles/globals.css' -import "section-blog-theme/styles.css" +import "@/styles/globals.css"; +import "section-blog-theme/styles.css"; export default function App({ Component, pageProps }) { - return + return ; } - diff --git a/examples/demo-section-blog/src/pages/_document.jsx b/examples/demo-section-blog/src/pages/_document.jsx deleted file mode 100644 index 54e8bf3..0000000 --- a/examples/demo-section-blog/src/pages/_document.jsx +++ /dev/null @@ -1,13 +0,0 @@ -import { Html, Head, Main, NextScript } from 'next/document' - -export default function Document() { - return ( - - - -
- - - - ) -} diff --git a/examples/demo-section-blog/src/pages/about.mdx b/examples/demo-section-blog/src/pages/about.mdx index 30fcadc..a98f155 100644 --- a/examples/demo-section-blog/src/pages/about.mdx +++ b/examples/demo-section-blog/src/pages/about.mdx @@ -5,12 +5,13 @@ date: 2022-11-13T08:07:38.708Z description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. image: https://cdn.pixabay.com/photo/2014/08/15/06/15/imprint-418593_1280.jpg --- + # About us + #### Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat. -Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam atque beatae dolorum est in incidunt inventore ipsam iste magni molestiae molestias non placeat quaerat, quam rem unde veniam voluptate. +Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam atque beatae dolorum est in incidunt inventore ipsam iste magni molestiae molestias non placeat quaerat, quam rem unde veniam voluptate. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer auctor eleifend neque, id porttitor est condimentum vel. -Sed ullamcorper pulvinar scelerisque. Etiam eu mi urna. Praesent consectetur tellus a mi ultrices facilisis. - +Sed ullamcorper pulvinar scelerisque. Etiam eu mi urna. Praesent consectetur tellus a mi ultrices facilisis. diff --git a/examples/demo-section-blog/src/pages/contact.mdx b/examples/demo-section-blog/src/pages/contact.mdx index 38de4e6..112fe03 100644 --- a/examples/demo-section-blog/src/pages/contact.mdx +++ b/examples/demo-section-blog/src/pages/contact.mdx @@ -4,9 +4,11 @@ title: Contact us description: Lorem ipsum dolor sit amet, consectetur adipisicing elit. image: https://cdn.pixabay.com/photo/2016/05/31/10/52/contact-us-1426589_1280.png --- -import { Contact } from "@/components/Contact" + +import { Contact } from "@/components/Contact"; ## Contact Us + Got a technical issue? Want to send feedback about a beta feature? Need details about our Business plan? Let us know. - \ No newline at end of file + diff --git a/examples/demo-section-blog/src/pages/disclaimer.mdx b/examples/demo-section-blog/src/pages/disclaimer.mdx index 27107a3..fc88cfa 100644 --- a/examples/demo-section-blog/src/pages/disclaimer.mdx +++ b/examples/demo-section-blog/src/pages/disclaimer.mdx @@ -1,13 +1,16 @@ --- type: page title: Disclaimer -description : Disclaimer us -image : https://cdn.pixabay.com/photo/2017/03/03/13/56/key-2114046_1280.jpg +description: Disclaimer us +image: https://cdn.pixabay.com/photo/2017/03/03/13/56/key-2114046_1280.jpg --- + # Disclaimers + If you require any more information or have any questions about our site's disclaimer, please feel free to contact us by email at support@my-dot.com. ## Disclaimers + All the information on this website - https://my-demo.dev/ - is published in good faith and only general information. our site does not make any warranties about this information's completeness, reliability, and accuracy. Any action you take upon the information you find on this website is strictly at your own risk. our site will not be liable for any losses and/or damages in connection with the use of our website. You can visit other websites from our website by following hyperlinks to such external sites. While we strive to provide only quality links to useful and ethical websites, we have no control over the content and nature of these sites. These links to other websites do not imply a recommendation for all the content found on these sites. Site owners and content may change without notice and may occur before we have the opportunity to remove a link that may have gone 'bad.' @@ -15,7 +18,9 @@ You can visit other websites from our website by following hyperlinks to such ex Please be also aware that other sites may have different privacy policies and terms that are beyond our control when you leave our website. Please be sure to check the Privacy Policies of these sites and their "Terms of Service" before engaging in any business or uploading any information. ## Consent + You hereby consent to our disclaimer and agree to its terms by using our website. ## Update + Should we update, amend or make any changes to this document, those changes will be prominently posted here. diff --git a/examples/demo-section-blog/src/pages/index.mdx b/examples/demo-section-blog/src/pages/index.mdx index 443a0f0..3951365 100644 --- a/examples/demo-section-blog/src/pages/index.mdx +++ b/examples/demo-section-blog/src/pages/index.mdx @@ -1,48 +1,72 @@ --- type: home -title: Home Page -description : Home page +title: Home Page +description: Home page image: https://cdn.pixabay.com/photo/2023/05/21/19/45/rose-8009275_1280.jpg --- -import { Alert, AlertDescription, AlertTitle, Separator, Tabs, TabsContent, TabsList, TabsTrigger, Space } from "section-blog-theme/components" -import { AlertTriangle, Ban, Check, CheckCircle, HelpCircle, Terminal, Braces, BadgeAlert, BadgeX, Shield, Lightbulb} from "section-blog-theme/icons" +import { + Alert, + AlertDescription, + AlertTitle, + Separator, + Tabs, + TabsContent, + TabsList, + TabsTrigger, + Space, +} from "section-blog-theme/components"; +import { + AlertTriangle, + Ban, + Check, + CheckCircle, + HelpCircle, + Terminal, + Braces, + BadgeAlert, + BadgeX, + Shield, + Lightbulb, +} from "section-blog-theme/icons"; ![Rajdeep singh](https://capsule-render.vercel.app/api?type=soft&color=auto&height=400§ion=header&text=Build%20and%20Deploy&fontSize=90&animation=fadeIn) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam iaculis eros vitae dictum dignissim. Cras ex leo, accumsan in dapibus sed, tincidunt et nisi. Sed vehicula sollicitudin fringilla. -> Donec rutrum rutrum metus, in feugiat enim consequat quis. Duis dictum dolor nec eros venenatis ullamcorper. +> Donec rutrum rutrum metus, in feugiat enim consequat quis. Duis dictum dolor nec eros venenatis ullamcorper. Aenean gravida, lacus non gravida fermentum, ante enim `console.log` facilisis dolor, quis lacinia purus enim sed mauris. Nam viverra justo lectus, sit amet ultrices odio sodales eu. ## Icons +
- - - - - - - - - - - + + + + + + + + + + +
- ## Alert + - Heads up! + Heads up! - You can add components and dependencies to your app using the cli. + {" "} + You can add components and dependencies to your app using the cli.{" "} - ## Tabs + NPM @@ -68,13 +92,13 @@ Aenean gravida, lacus non gravida fermentum, ante enim `console.log` facilisis d ## Code Block + ```js filename="example.js" function MyButton() { - return ( - - ); + return ; } ``` + ## Space @@ -87,21 +111,63 @@ function MyButton() { - diff --git a/examples/demo-section-blog/src/pages/posts/10-things-you-most-likely-didnt-know-about-health.mdx b/examples/demo-section-blog/src/pages/posts/10-things-you-most-likely-didnt-know-about-health.mdx index 8a4d203..7c5d2b2 100644 --- a/examples/demo-section-blog/src/pages/posts/10-things-you-most-likely-didnt-know-about-health.mdx +++ b/examples/demo-section-blog/src/pages/posts/10-things-you-most-likely-didnt-know-about-health.mdx @@ -11,41 +11,49 @@ image: /images/vegetables.jpg author: Curtis Lopez --- - -Cupidatat voluptate deserunt non ea exercitation sit consequat ullamco ex nostrud elit magna. Nulla id proident labore pariatur pariatur ex ut ad enim et labore. Est do minim eiusmod culpa. +Cupidatat voluptate deserunt non ea exercitation sit consequat ullamco ex nostrud elit magna. Nulla id proident labore pariatur pariatur ex ut ad enim et labore. Est do minim eiusmod culpa. ## Proident + Culpa laboris aliquip ea consectetur mollit ea ipsum sint qui culpa laboris dolor adipisicing proident. Et officia consequat do nulla tempor cupidatat elit. Consequat proident magna dolor labore et esse aute dolor sit ea. Sint amet deserunt commodo aute consectetur Lorem qui aliqua tempor nulla. Velit non ea qui aliquip. Qui laborum labore excepteur duis velit velit enim enim veniam. Pariatur laboris commodo est laboris. In incididunt pariatur aliquip ut elit irure magna anim sunt. Anim labore ut sit magna ex proident dolor anim cupidatat adipisicing. ## 5 Things -* Minim est mollit commodo ad sit quis. -* Tempor id magna eu veniam sint et mollit magna laboris reprehenderit Lorem proident. -* Laborum id sint ex magna nulla est labore non. -* Pariatur qui qui ex duis nulla et aute magna incididunt cupidatat commodo. -* Sint amet deserunt commodo aute consectetur. + +- Minim est mollit commodo ad sit quis. +- Tempor id magna eu veniam sint et mollit magna laboris reprehenderit Lorem proident. +- Laborum id sint ex magna nulla est labore non. +- Pariatur qui qui ex duis nulla et aute magna incididunt cupidatat commodo. +- Sint amet deserunt commodo aute consectetur. ## Mian -Aliquip veniam aliquip nisi non amet pariatur quis. Laborum est aliquip cillum enim do officia minim labore pariatur nisi irure sunt anim ullamco. Mollit ullamco sint qui enim non Lorem aliquip nulla sint. Aute laborum tempor adipisicing officia magna fugiat sint cupidatat. + +Aliquip veniam aliquip nisi non amet pariatur quis. Laborum est aliquip cillum enim do officia minim labore pariatur nisi irure sunt anim ullamco. Mollit ullamco sint qui enim non Lorem aliquip nulla sint. Aute laborum tempor adipisicing officia magna fugiat sint cupidatat. ### Points -1. Consequat occaecat excepteur esse eu et ex officia adipisicing laborum qui duis tempor. -2. Amet do pariatur elit aute fugiat eu ad. -3. Dolore cupidatat in sint ut nulla reprehenderit dolor adipisicing commodo ipsum duis proident. + +1. Consequat occaecat excepteur esse eu et ex officia adipisicing laborum qui duis tempor. +2. Amet do pariatur elit aute fugiat eu ad. +3. Dolore cupidatat in sint ut nulla reprehenderit dolor adipisicing commodo ipsum duis proident. 4. Lorem anim veniam id aliqua. Excepteur aliqua minim Lorem officia ullamco pariatur. Fugiat sint pariatur tempor ullamco sit ea excepteur sint ut qui excepteur dolore anim. Eiusmod id dolor sit fugiat eu eiusmod tempor proident. Officia enim dolore excepteur proident incididunt et sint. Non laboris veniam nisi adipisicing magna. ## Duis cupidatat -Nulla ut irure aliqua ex aliquip nisi non amet excepteur ipsum laboris voluptate elit. Duis cupidatat mollit ea ipsum tempor consectetur. Aliquip proident magna Lorem amet esse laborum cillum. Culpa aute laborum velit velit in do. Esse ad nostrud ullamco occaecat nostrud sunt aliquip Lorem fugiat nisi anim et sunt dolor. + +Nulla ut irure aliqua ex aliquip nisi non amet excepteur ipsum laboris voluptate elit. Duis cupidatat mollit ea ipsum tempor consectetur. Aliquip proident magna Lorem amet esse laborum cillum. Culpa aute laborum velit velit in do. Esse ad nostrud ullamco occaecat nostrud sunt aliquip Lorem fugiat nisi anim et sunt dolor. + ## Voluptate + Nisi ad aliquip minim quis cupidatat eu minim voluptate tempor consequat irure eu. Consectetur laboris est ut officia deserunt in minim voluptate minim cupidatat labore commodo veniam. Commodo deserunt cupidatat deserunt commodo est Lorem eiusmod proident sunt sit voluptate aliquip commodo est. ## Consectetur -Consectetur aliqua eu veniam consequat eu adipisicing id ullamco incididunt. Laboris deserunt labore nisi occaecat amet minim cupidatat Lorem exercitation amet. Proident fugiat id deserunt do consectetur quis sit nostrud Lorem ea pariatur. + +Consectetur aliqua eu veniam consequat eu adipisicing id ullamco incididunt. Laboris deserunt labore nisi occaecat amet minim cupidatat Lorem exercitation amet. Proident fugiat id deserunt do consectetur quis sit nostrud Lorem ea pariatur. ## Cupidatat + Occaecat et esse sunt dolore nisi aliquip et non do sint. Aliquip veniam cillum labore velit deserunt quis eiusmod esse exercitation reprehenderit. Elit ad tempor aute laboris dolor officia cillum cupidatat eiusmod quis nulla officia esse incididunt. -> Qui duis excepteur culpa officia Lorem aliquip duis nisi id. Consequat ut eiusmod sit eiusmod. Aliqua anim ullamco ea esse sint veniam velit culpa non deserunt veniam. +> Qui duis excepteur culpa officia Lorem aliquip duis nisi id. Consequat ut eiusmod sit eiusmod. Aliqua anim ullamco ea esse sint veniam velit culpa non deserunt veniam. diff --git a/examples/demo-section-blog/src/pages/posts/15-common-misconceptions-about-health.mdx b/examples/demo-section-blog/src/pages/posts/15-common-misconceptions-about-health.mdx index bdbb7f1..420147f 100644 --- a/examples/demo-section-blog/src/pages/posts/15-common-misconceptions-about-health.mdx +++ b/examples/demo-section-blog/src/pages/posts/15-common-misconceptions-about-health.mdx @@ -15,21 +15,26 @@ author: "DR. Jeffery Schwartz" Qui quis consequat consequat voluptate elit excepteur tempor. Enim nisi incididunt est nostrud culpa aute id dolor. Do consectetur culpa pariatur nulla fugiat. Sint ut non proident pariatur magna id pariatur sunt elit ea commodo veniam. Mollit veniam occaecat consequat consectetur deserunt deserunt. Amet esse anim voluptate veniam voluptate cupidatat deserunt consequat veniam cupidatat enim labore. Aliquip quis irure esse nulla occaecat sint fugiat anim officia. ## voluptate + Sunt et ad ipsum consectetur culpa officia enim non magna irure consectetur qui ex. Nisi non qui fugiat aute laboris consequat est dolore ullamco excepteur irure cupidatat. Mollit irure quis consequat exercitation sunt irure duis. Exercitation officia aliqua sint non laborum fugiat magna pariatur et pariatur. In amet occaecat nostrud qui minim. ## Eiusmod -Eiusmod duis minim aliqua veniam dolor cupidatat sint ad esse cillum fugiat. Eu deserunt Lorem anim do amet consectetur incididunt tempor officia sint Lorem sunt est nulla. Irure proident eu officia esse sint quis cupidatat eiusmod et in commodo ea. Culpa aliquip eiusmod voluptate labore dolore velit culpa pariatur et. + +Eiusmod duis minim aliqua veniam dolor cupidatat sint ad esse cillum fugiat. Eu deserunt Lorem anim do amet consectetur incididunt tempor officia sint Lorem sunt est nulla. Irure proident eu officia esse sint quis cupidatat eiusmod et in commodo ea. Culpa aliquip eiusmod voluptate labore dolore velit culpa pariatur et. > Veniam aute sint aliquip proident exercitation qui commodo. Nostrud veniam pariatur labore aute. Veniam proident commodo irure ad adipisicing in fugiat fugiat ad eiusmod esse anim ex cupidatat. ## Exercitation -In consequat laboris et excepteur laboris proident eu Lorem laboris veniam in veniam ad ad. Tempor fugiat do ut dolore veniam qui. -1. Sunt officia pariatur nulla nulla esse exercitation aliqua. -2. Anim aute id et do sint est dolore in minim. + +In consequat laboris et excepteur laboris proident eu Lorem laboris veniam in veniam ad ad. Tempor fugiat do ut dolore veniam qui. + +1. Sunt officia pariatur nulla nulla esse exercitation aliqua. +2. Anim aute id et do sint est dolore in minim. 3. Anim consequat incididunt non laboris non sunt non. ### Lorem laborum -Elit Lorem adipisicing Lorem laborum laboris quis et fugiat commodo. Duis occaecat laborum aliquip officia est ut laborum veniam. Sint qui reprehenderit amet quis deserunt esse est culpa occaecat amet velit. + +Elit Lorem adipisicing Lorem laborum laboris quis et fugiat commodo. Duis occaecat laborum aliquip officia est ut laborum veniam. Sint qui reprehenderit amet quis deserunt esse est culpa occaecat amet velit. ## Magna pariatur ex id velit sit esse tempor cillum. diff --git a/examples/demo-section-blog/src/pages/posts/15-facts-you-never-knew-about-photography.mdx b/examples/demo-section-blog/src/pages/posts/15-facts-you-never-knew-about-photography.mdx index 1a631d0..25559e8 100644 --- a/examples/demo-section-blog/src/pages/posts/15-facts-you-never-knew-about-photography.mdx +++ b/examples/demo-section-blog/src/pages/posts/15-facts-you-never-knew-about-photography.mdx @@ -8,32 +8,35 @@ tags: - Photography - Jeanne Ballard facts image: /images/photographer.jpg -author: - name: Rajdeep Singh - url: "http://officialrajdeepsingh.dev" - image: https://avatars.githubusercontent.com/u/32416397?s=324&u=3ae103d5ff7b6bd219e5e1228afb102c10536fb9 +author: + name: Rajdeep Singh + url: "http://officialrajdeepsingh.dev" + image: https://avatars.githubusercontent.com/u/32416397?s=324&u=3ae103d5ff7b6bd219e5e1228afb102c10536fb9 --- -Dolor adipisicing adipisicing Lorem et irure veniam nisi anim excepteur mollit occaecat eu. Sit aute exercitation labore ut deserunt enim proident ex sunt proident incididunt sunt sit. Ad ad duis officia velit sunt nostrud et id dolore enim excepteur duis reprehenderit id. - +Dolor adipisicing adipisicing Lorem et irure veniam nisi anim excepteur mollit occaecat eu. Sit aute exercitation labore ut deserunt enim proident ex sunt proident incididunt sunt sit. Ad ad duis officia velit sunt nostrud et id dolore enim excepteur duis reprehenderit id. ## Nulla + Aliqua et culpa aute id in non ipsum velit deserunt pariatur ullamco. Nulla nostrud ea irure laboris anim et magna labore esse. Nulla mollit aliquip nulla do velit est do do aute sint eu nostrud proident Lorem. Velit minim ex commodo labore cillum culpa amet et quis. Dolor non non nisi dolor. Nisi amet ipsum deserunt in dolore veniam excepteur exercitation et ea ex laborum. Consequat amet ut duis deserunt elit proident culpa et non. Consequat Lorem magna do in mollit. Irure ad nisi enim duis. Ipsum cupidatat ex Lorem ea. ## Photography tips -* Commodo laborum eu laborum aliquip minim culpa. -* Cillum pariatur do nisi est labore nostrud ad sint est id laboris. Velit pariatur voluptate id occaecat non labore culpa exercitation duis ad velit. -* Aute minim sunt aliqua culpa laborum ut ex non cillum ut voluptate. In esse esse minim in fugiat excepteur elit ipsum minim. Magna exercitation dolor occaecat nisi incididunt irure. -Consectetur et labore nulla sit eu non duis eiusmod nostrud sunt. Ea consequat qui amet sit consectetur sint elit enim sint commodo laboris. +- Commodo laborum eu laborum aliquip minim culpa. +- Cillum pariatur do nisi est labore nostrud ad sint est id laboris. Velit pariatur voluptate id occaecat non labore culpa exercitation duis ad velit. +- Aute minim sunt aliqua culpa laborum ut ex non cillum ut voluptate. In esse esse minim in fugiat excepteur elit ipsum minim. Magna exercitation dolor occaecat nisi incididunt irure. + +Consectetur et labore nulla sit eu non duis eiusmod nostrud sunt. Ea consequat qui amet sit consectetur sint elit enim sint commodo laboris. Voluptate laborum irure aliquip sint ad aliquip consectetur. Nisi ad cupidatat non quis ea non duis mollit adipisicing commodo fugiat mollit. ## Ullamco + Anim non aliquip consectetur elit sunt aute duis nisi. Ullamco dolor nulla ipsum eu tempor ullamco dolor nostrud culpa ipsum enim culpa. Qui quis quis deserunt ea. Exercitation ipsum consectetur irure eiusmod. Commodo adipisicing dolor labore ullamco ut reprehenderit adipisicing magna proident consequat. ## Officia + Duis mollit non in voluptate et mollit aliquip ipsum officia proident aute velit. Nisi labore deserunt excepteur quis quis veniam ipsum anim enim consequat. Pariatur voluptate fugiat laboris eu ex cillum anim qui exercitation officia culpa occaecat. Ex id id labore do dolore reprehenderit non aliquip eu est voluptate elit qui elit. > Mollit aliqua aute eiusmod proident sit officia ipsum cillum adipisicing commodo dolor. Incididunt velit aute irure aliqua cupidatat reprehenderit adipisicing. @@ -42,16 +45,18 @@ Duis mollit non in voluptate et mollit aliquip ipsum officia proident aute velit Culpa et labore nostrud veniam. Est deserunt nulla fugiat velit laborum ipsum ullamco duis laborum ullamco in. Commodo ullamco nulla est reprehenderit nulla officia voluptate nisi. Occaecat Lorem velit voluptate qui laborum officia do culpa reprehenderit ex enim dolore ea et. -* Esse id elit id laboris ad consequat dolor dolore in ex ea veniam anim. -* Ullamco laboris dolor minim velit -* Ullamco irure mollit nostrud excepteur exercitation duis irure. +- Esse id elit id laboris ad consequat dolor dolore in ex ea veniam anim. +- Ullamco laboris dolor minim velit +- Ullamco irure mollit nostrud excepteur exercitation duis irure. ## Point -1. Veniam dolore deserunt do proident exercitation id adipisicing ut deserunt ad. + +1. Veniam dolore deserunt do proident exercitation id adipisicing ut deserunt ad. 2. Elit duis anim elit nisi eu ipsum. -4. Eiusmod laborum ex ullamco dolore ad minim cupidatat. +3. Eiusmod laborum ex ullamco dolore ad minim cupidatat. + +Nisi proident consequat enim labore consectetur consequat esse cillum anim nulla pariatur et laboris. Commodo dolor id nostrud laboris eu nulla cillum nulla voluptate duis Lorem minim est non. Et excepteur elit exercitation duis. Anim elit cupidatat in tempor et sint ad. -Nisi proident consequat enim labore consectetur consequat esse cillum anim nulla pariatur et laboris. Commodo dolor id nostrud laboris eu nulla cillum nulla voluptate duis Lorem minim est non. Et excepteur elit exercitation duis. Anim elit cupidatat in tempor et sint ad. +## Excepteur -## Excepteur**** Consectetur excepteur aliqua cillum sit ut veniam officia ipsum dolore anim ex elit qui magna. Aliqua magna tempor irure est nulla qui consectetur. diff --git a/examples/demo-section-blog/src/pages/posts/5-reasons-why-you-shouldnt-learn-photography-on-your-own.mdx b/examples/demo-section-blog/src/pages/posts/5-reasons-why-you-shouldnt-learn-photography-on-your-own.mdx index f91a35f..69923bb 100644 --- a/examples/demo-section-blog/src/pages/posts/5-reasons-why-you-shouldnt-learn-photography-on-your-own.mdx +++ b/examples/demo-section-blog/src/pages/posts/5-reasons-why-you-shouldnt-learn-photography-on-your-own.mdx @@ -9,22 +9,26 @@ image: /images/camera.jpg author: Jeanne Ballard --- -**Officia labore** esse ex ullamco qui. Laboris nostrud id non fugiat ad. Excepteur minim quis qui aliqua sit amet sint amet dolor nisi aliquip id id mollit. Aliqua anim consectetur mollit do Lorem culpa. +**Officia labore** esse ex ullamco qui. Laboris nostrud id non fugiat ad. Excepteur minim quis qui aliqua sit amet sint amet dolor nisi aliquip id id mollit. Aliqua anim consectetur mollit do Lorem culpa. Pariatur adipisicing est incididunt deserunt nostrud exercitation reprehenderit ea sunt nostrud anim eu laboris. Cillum deserunt excepteur dolor nostrud nisi. Laborum occaecat magna est ex non est elit. Minim sit reprehenderit consequat esse ut cupidatat laborum velit dolore consectetur nostrud esse ex ullamco. Velit ut laborum et pariatur fugiat reprehenderit cupidatat ullamco ex. ## Tips -1. Exercitation exercitation ullamco proident reprehenderit adipisicing tempor enim cillum aliqua officia. -2. Tempor ad commodo fugiat magna in ea nulla. + +1. Exercitation exercitation ullamco proident reprehenderit adipisicing tempor enim cillum aliqua officia. +2. Tempor ad commodo fugiat magna in ea nulla. 3. Ad mollit qui sunt nostrud elit commodo proident aliquip. Sit eiusmod aliquip sint veniam do. Qui cillum dolor ut elit ut ad. Exercitation pariatur id magna deserunt dolore cillum duis. Aliqua anim consectetur mollit do Lorem culpa. Pariatur adipisicing est incididunt deserunt nostrud exercitation reprehenderit ea sunt nostrud anim eu laboris. Cillum deserunt excepteur dolor nostrud nisi. Laborum occaecat magna est ex non est elit. Velit cupidatat magna eiusmod aute proident laboris fugiat ut laboris nisi. Velit amet qui elit irure qui ut. + ## Natural -Laboris commodo culpa anim aliqua quis irure deserunt sunt dolor ea reprehenderit exercitation. Cillum veniam minim sunt cillum ut veniam magna cillum incididunt elit. + +Laboris commodo culpa anim aliqua quis irure deserunt sunt dolor ea reprehenderit exercitation. Cillum veniam minim sunt cillum ut veniam magna cillum incididunt elit. ## Beauty + Adipisicing eu esse laborum adipisicing esse id aute ullamco tempor sint. Laborum et ex mollit reprehenderit labore Lorem est mollit anim amet esse. Labore adipisicing reprehenderit in sunt nulla Lorem exercitation cupidatat culpa aute aliqua non duis. - Sit aliqua do incididunt proident id voluptate mollit laborum. Sit in sint voluptate veniam laboris incididunt labore amet veniam cillum fugiat et eu. Reprehenderit aute occaecat eu nostrud reprehenderit deserunt elit aute. @@ -32,6 +36,7 @@ Adipisicing eu esse laborum adipisicing esse id aute ullamco tempor sint. Laboru - Quis consectetur ut magna do sunt irure reprehenderit amet fugiat cupidatat tempor. Exercitation ad ipsum aliquip ullamco ad ea. Cillum incididunt non cillum fugiat culpa reprehenderit qui exercitation ex nostrud. ## conclusion -Tempor minim incididunt sit in pariatur aliqua Lorem. Officia id ex sit sunt est dolor culpa minim voluptate. Tempor duis qui veniam aliquip consequat deserunt consectetur fugiat cupidatat consectetur in elit sint consequat. Sint veniam et quis enim. + +Tempor minim incididunt sit in pariatur aliqua Lorem. Officia id ex sit sunt est dolor culpa minim voluptate. Tempor duis qui veniam aliquip consequat deserunt consectetur fugiat cupidatat consectetur in elit sint consequat. Sint veniam et quis enim. Proident enim anim voluptate labore esse nostrud Lorem nisi mollit Lorem consequat laborum amet. Ipsum irure et labore consequat non occaecat. Commodo amet incididunt cupidatat fugiat sunt deserunt pariatur sunt ad proident ullamco. diff --git a/examples/demo-section-blog/src/pages/posts/7-useful-tips-from-python-experts-in-programming.mdx b/examples/demo-section-blog/src/pages/posts/7-useful-tips-from-python-experts-in-programming.mdx index cf6e54f..21051d5 100644 --- a/examples/demo-section-blog/src/pages/posts/7-useful-tips-from-python-experts-in-programming.mdx +++ b/examples/demo-section-blog/src/pages/posts/7-useful-tips-from-python-experts-in-programming.mdx @@ -14,9 +14,11 @@ author: Jeanne Ballard Irure do do esse exercitation deserunt. Esse elit fugiat officia Lorem mollit dolore elit consectetur irure officia nostrud eiusmod non sunt. Velit cillum amet do veniam voluptate nisi. Eiusmod quis esse aliqua sit nostrud aliquip sunt minim irure laboris reprehenderit irure ex. ## Proident + Proident incididunt `veniam laboris Lorem minim` non dolore irure quis in commodo nulla culpa. Cupidatat aliqua minim tempor eu cupidatat ex esse sit officia officia pariatur. Fugiat id consequat dolore ipsum quis occaecat labore minim ut. #### Code Block + ```python def myFunction(say): #you can add variables to the function print(say) @@ -29,12 +31,14 @@ myFunction("You are {} years old!".format(age)) ``` ## Lists -1. Dolor veniam officia incididunt commodo irure sunt veniam ad minim deserunt laboris. -2. Culpa in ea exercitation pariatur qui tempor. -3. In excepteur tempor mollit ex esse consequat amet. + +1. Dolor veniam officia incididunt commodo irure sunt veniam ad minim deserunt laboris. +2. Culpa in ea exercitation pariatur qui tempor. +3. In excepteur tempor mollit ex esse consequat amet. 4. Eu esse ut et Lorem do dolor adipisicing duis quis. -> Ex ipsum consequat mollit laborum esse ipsum nulla reprehenderit occaecat elit aliquip quis. +> Ex ipsum consequat mollit laborum esse ipsum nulla reprehenderit occaecat elit aliquip quis. ## Conclusion + Reprehenderit aliqua dolore mollit ut voluptate voluptate incididunt exercitation mollit do anim duis quis mollit. Nisi anim commodo occaecat labore id quis exercitation occaecat. diff --git a/examples/demo-section-blog/src/pages/posts/7-ways-to-use-computer-science-to-your-advantage.mdx b/examples/demo-section-blog/src/pages/posts/7-ways-to-use-computer-science-to-your-advantage.mdx index 7972e1b..6e05e56 100644 --- a/examples/demo-section-blog/src/pages/posts/7-ways-to-use-computer-science-to-your-advantage.mdx +++ b/examples/demo-section-blog/src/pages/posts/7-ways-to-use-computer-science-to-your-advantage.mdx @@ -11,20 +11,22 @@ image: /images/computer.jpg author: Emilio Tate --- - Deserunt sunt nulla mollit reprehenderit ad deserunt ullamco dolore id laboris reprehenderit ea. Deserunt fugiat excepteur quis excepteur amet dolor ex proident sit ad. Exercitation aliqua eu do enim qui do cillum nulla. ## Incididunt magna + Incididunt magna do magna cupidatat ullamco laboris amet. Tempor aute ipsum culpa esse ipsum veniam excepteur duis mollit irure cillum. -Et duis sit qui velit velit amet esse cupidatat veniam Lorem amet est irure dolore. Exercitation nulla laboris qui et sunt anim mollit sit ipsum. Excepteur ea veniam enim do excepteur magna amet. Veniam aliquip enim do voluptate incididunt et aliqua id ipsum eu. +Et duis sit qui velit velit amet esse cupidatat veniam Lorem amet est irure dolore. Exercitation nulla laboris qui et sunt anim mollit sit ipsum. Excepteur ea veniam enim do excepteur magna amet. Veniam aliquip enim do voluptate incididunt et aliqua id ipsum eu. ## Magna exercitation + Enim aliqua do magna cillum nisi magna exercitation nostrud qui amet sunt nulla tempor reprehenderit. Voluptate excepteur veniam elit dolore labore sint. Tempor voluptate enim nostrud fugiat. -Esse ut nisi non ullamco reprehenderit minim mollit esse tempor cupidatat. Commodo ea irure eu veniam elit cillum dolor in magna fugiat sit et. Sit nulla adipisicing anim aliquip. Nulla ut anim ea proident incididunt Lorem eu qui adipisicing eu aliquip culpa. +Esse ut nisi non ullamco reprehenderit minim mollit esse tempor cupidatat. Commodo ea irure eu veniam elit cillum dolor in magna fugiat sit et. Sit nulla adipisicing anim aliquip. Nulla ut anim ea proident incididunt Lorem eu qui adipisicing eu aliquip culpa. ## Images + ![desktop](/images/desk-desktop.jpg) Veniam dolor anim sint non non. Labore non mollit do ut. Duis reprehenderit elit qui Lorem aliqua minim sint deserunt et quis officia. Voluptate duis nulla dolor eu laboris aliqua incididunt est nisi incididunt sint anim voluptate. Consectetur amet dolor ex veniam tempor. Qui anim pariatur eu amet. diff --git a/examples/demo-section-blog/src/pages/posts/blog-that-had-gone-way-too-far.mdx b/examples/demo-section-blog/src/pages/posts/blog-that-had-gone-way-too-far.mdx index 878ef70..ca973b4 100644 --- a/examples/demo-section-blog/src/pages/posts/blog-that-had-gone-way-too-far.mdx +++ b/examples/demo-section-blog/src/pages/posts/blog-that-had-gone-way-too-far.mdx @@ -14,21 +14,27 @@ author: Ashley Paul Dolore ipsum minim dolore anim duis aliquip cupidatat excepteur. Laborum amet eiusmod voluptate amet. Ullamco cupidatat eu duis minim proident. Irure in pariatur adipisicing incididunt nulla qui. Id elit ea ullamco esse labore. ## Quis cupidatat -Irure tempor nisi consequat et veniam ad est. Mollit mollit dolor velit minim magna. Quis cupidatat laborum nulla Lorem consectetur -* Laborum occaecat -* Nostrud mollit -* Ex elit voluptate commodo est. -## Aute incididunt +Irure tempor nisi consequat et veniam ad est. Mollit mollit dolor velit minim magna. Quis cupidatat laborum nulla Lorem consectetur + +- Laborum occaecat +- Nostrud mollit +- Ex elit voluptate commodo est. + +## Aute incididunt + In dolor nostrud laborum aliqua aliquip irure consectetur non qui reprehenderit qui labore. Aute incididunt est excepteur irure Lorem in amet veniam sunt reprehenderit occaecat ea consequat cillum. Ut et esse exercitation cillum dolore Lorem nisi. Non minim ullamco cillum labore culpa excepteur amet Lorem culpa sit incididunt aute. In cillum proident magna officia in aute aliquip officia consequat. Do pariatur commodo excepteur proident ullamco elit ex irure eu. ### Reprehenderit -Culpa laborum consectetur ut laboris nisi excepteur adipisicing irure ex laborum duis culpa nisi reprehenderit. Cillum incididunt dolore sunt culpa qui elit pariatur in aliqua pariatur ullamco aute et. + +Culpa laborum consectetur ut laboris nisi excepteur adipisicing irure ex laborum duis culpa nisi reprehenderit. Cillum incididunt dolore sunt culpa qui elit pariatur in aliqua pariatur ullamco aute et. > Ea consectetur id laboris sit quis exercitation. ## Occaecat -Ea sunt Lorem occaecat incididunt do ad ullamco labore irure occaecat anim duis eiusmod culpa. Culpa cillum occaecat Lorem qui incididunt dolor est laboris anim enim quis amet et esse. -## Conclusion +Ea sunt Lorem occaecat incididunt do ad ullamco labore irure occaecat anim duis eiusmod culpa. Culpa cillum occaecat Lorem qui incididunt dolor est laboris anim enim quis amet et esse. + +## Conclusion + Elit nisi laborum esse commodo fugiat nostrud tempor nostrud. Tempor sunt eiusmod in tempor fugiat ex sunt labore ea anim excepteur nisi laborum. Quis culpa quis sint incididunt reprehenderit voluptate minim cillum duis laboris labore laborum id adipisicing. diff --git a/examples/demo-section-blog/src/pages/posts/cillum-cupidatat-proident-fugiat-aute.mdx b/examples/demo-section-blog/src/pages/posts/cillum-cupidatat-proident-fugiat-aute.mdx index 5a92045..cc82d11 100644 --- a/examples/demo-section-blog/src/pages/posts/cillum-cupidatat-proident-fugiat-aute.mdx +++ b/examples/demo-section-blog/src/pages/posts/cillum-cupidatat-proident-fugiat-aute.mdx @@ -3,31 +3,36 @@ type: post title: Cillum cupidatat proident fugiat aute description: Ea commodo Lorem ea ex enim consectetur anim. Consectetur culpa duis irure quis elit dolor consectetur sunt eiusmod excepteur. date: 2022-11-20T07:05:27.346Z -tags: - - Cillum - - cupidatat +tags: + - Cillum + - cupidatat - proident -image : /images/eyes.png +image: /images/eyes.png author: Linda Pittman --- + Cillum cupidatat proident fugiat aute. Ea commodo Lorem ea ex enim consectetur anim. Consectetur culpa duis irure quis elit dolor consectetur sunt eiusmod excepteur. ## Cupidatat id + Fugiat ullamco ullamco Lorem et laboris aliqua. Cupidatat id aliqua fugiat proident sunt veniam proident veniam. Sint ea fugiat sit labore nisi duis dolore non aliquip eu pariatur tempor. ### Nulla fugiat + Qui labore esse aliqua pariatur mollit ut mollit aute eu cillum ullamco sunt. Nulla fugiat pariatur magna eu id pariatur laboris laboris reprehenderit excepteur esse incididunt elit culpa. Esse ut est quis esse deserunt laboris non reprehenderit cupidatat esse fugiat. Ut eiusmod nulla pariatur et nostrud fugiat nulla. ## Duis deserunt -Pariatur qui non quis duis deserunt ut deserunt. Sint labore enim ad aliqua magna ex id ipsum adipisicing tempor amet culpa dolor. Ea aute incididunt culpa commodo non mollit sint. Mollit elit irure officia minim ex nulla dolore minim sit ex reprehenderit consectetur labore. +Pariatur qui non quis duis deserunt ut deserunt. Sint labore enim ad aliqua magna ex id ipsum adipisicing tempor amet culpa dolor. Ea aute incididunt culpa commodo non mollit sint. Mollit elit irure officia minim ex nulla dolore minim sit ex reprehenderit consectetur labore. ## Labore quis + Consectetur culpa ad culpa mollit anim do sint fugiat magna voluptate nulla tempor Lorem dolore. Culpa in ex consectetur reprehenderit et fugiat non. Ex commodo labore occaecat ipsum aliquip incididunt fugiat deserunt. Reprehenderit qui esse consequat occaecat qui ex consectetur irure est adipisicing deserunt. Labore quis ut voluptate quis irure ipsum. -### Minim ex +### Minim ex + Est ut minim cupidatat nisi anim incididunt id cupidatat nostrud ea et ut. Minim ex elit officia voluptate eiusmod deserunt officia. Nulla tempor deserunt sit culpa ullamco ullamco consectetur sit mollit laboris aliqua consequat enim. -> Ea amet est dolore do ipsum sit dolore adipisicing ullamco labore id. +> Ea amet est dolore do ipsum sit dolore adipisicing ullamco labore id. Adipisicing cupidatat id ullamco ex eiusmod adipisicing. Sit esse nostrud ut mollit velit exercitation est culpa veniam laboris id. Deserunt dolore irure aliquip exercitation dolor eu voluptate. diff --git a/examples/demo-section-blog/src/pages/posts/index.mdx b/examples/demo-section-blog/src/pages/posts/index.mdx index 3289e5a..f74f7c3 100644 --- a/examples/demo-section-blog/src/pages/posts/index.mdx +++ b/examples/demo-section-blog/src/pages/posts/index.mdx @@ -6,4 +6,4 @@ description: Home page # Latest Blog -Please read my latest article about Linux, Ubuntu, Raspberry Pi, React.js, Next.js, and Open source Contributor. \ No newline at end of file +Please read my latest article about Linux, Ubuntu, Raspberry Pi, React.js, Next.js, and Open source Contributor. diff --git a/examples/demo-section-blog/src/pages/posts/makdown.mdx b/examples/demo-section-blog/src/pages/posts/makdown.mdx index a77e598..b56f257 100644 --- a/examples/demo-section-blog/src/pages/posts/makdown.mdx +++ b/examples/demo-section-blog/src/pages/posts/makdown.mdx @@ -11,28 +11,27 @@ author: Section Theme --- ## Italic -An example of *italic* text -An example of *italic* text + +An example of _italic_ text +An example of _italic_ text ## Bold + +An example of **bold text** An example of **bold text** -An example of __bold text__ ## Bold and Italic -An example of ***bold and italic text*** -An example of ___bold and italic text___ + +An example of **_bold and italic text_** +An example of **_bold and italic text_** ## Strike through -An example of ~~Strike Through~~ +An example of ~~Strike Through~~ ## Blockquote -> Lorem ipsum dolor sit amet, consectetur adipiscing elit. - - -> > Lorem ipsum dolor sit amet, consectetur adipiscing elit. - +> Lorem ipsum dolor sit amet, consectetur adipiscing elit. ## Divider @@ -40,13 +39,11 @@ An example of ~~Strike Through~~
- -*** - +--- ## Super script -Superscript: X2Subscript: O2 +Superscript: X2Subscript: O2 ## Lists @@ -55,108 +52,101 @@ Superscript: X2Subscript: O2 - Item A - Item B - Item C - -#### Unordered list (*) -* Item A -* Item B -* Item C +#### Unordered list (\*) + +- Item A +- Item B +- Item C #### Unordered list (plus sign and nested) - -+ Item A -+ Item B - + Item B 1 - + Item B 2 - + Item B 3 -+ Item C - * Item C 1 - * Item C 2 - * Item C 3 + +- Item A +- Item B + - Item B 1 + - Item B 2 + - Item B 3 +- Item C + - Item C 1 + - Item C 2 + - Item C 3 #### Ordered list - + 1. Item A 2. Item B 3. Item C - ### Tables First table - -First Header | Second Header -------------- | ------------- -Content Cell | Content Cell -Content Cell | Content Cell +| First Header | Second Header | +| ------------ | ------------- | +| Content Cell | Content Cell | +| Content Cell | Content Cell | Second table - -| Function name | Description | -| ------------- | ------------------------------ | -| `help()` | Display the help window. | -| `destroy()` | **Destroy your computer!** | - +| Function name | Description | +| ------------- | -------------------------- | +| `help()` | Display the help window. | +| `destroy()` | **Destroy your computer!** | Third table - -| Item | Value | -| --------- | -----:| -| Computer | $1600 | -| Phone | $12 | -| Pipe | $1 | - +| Item | Value | +| -------- | ----: | +| Computer | $1600 | +| Phone | $12 | +| Pipe | $1 | Four table - | Left-Aligned | Center Aligned | Right Aligned | -| :------------ |:---------------:| -----:| -| col 3 is | some wordy text | $1600 | -| col 2 is | centered | $12 | -| zebra stripes | are neat | $1 | - - +| :------------ | :-------------: | ------------: | +| col 3 is | some wordy text | $1600 | +| col 2 is | centered | $12 | +| zebra stripes | are neat | $1 | ### GFM task list - [x] GFM task 1 - [x] GFM task 2 - [ ] GFM task 3 - - [ ] GFM task 3-1 - - [ ] GFM task 3-2 - - [ ] GFM task 3-3 + - [ ] GFM task 3-1 + - [ ] GFM task 3-2 + - [ ] GFM task 3-3 - [ ] GFM task 4 - - [ ] GFM task 4-1 - - [ ] GFM task 4-2 + - [ ] GFM task 4-1 + - [ ] GFM task 4-2 ## Links [Google](https://google.com) - [Facebook](https://facebook.com) - ## Inline code + Use `code` in your Markdown file. ## code + ```javascript filename="JavaScript" -import React from 'react'; -import ReactDOM from 'react-dom'; - +import React from "react"; +import ReactDOM from "react-dom"; + // This is a functional component const Welcome = () => { - return

Hello World!

-} + return

Hello World!

; +}; ``` + ```js filename="example.js" -console.log('hello, world') +console.log("hello, world"); ``` + ## Images ![The San Juan Mountains are beautiful!](https://cdn.pixabay.com/photo/2017/02/01/22/02/mountain-landscape-2031539_1280.jpg "San Juan Mountains") diff --git a/examples/demo-section-blog/src/pages/privacy-policy.mdx b/examples/demo-section-blog/src/pages/privacy-policy.mdx index 45fbd49..3ebb4db 100644 --- a/examples/demo-section-blog/src/pages/privacy-policy.mdx +++ b/examples/demo-section-blog/src/pages/privacy-policy.mdx @@ -4,7 +4,9 @@ title: Privacy Policy description: Read our privacy policy. date: 2022-11-08T08:57:51.118Z --- + # Privacy Policy + The officialrajdeepsingh.dev design and develop by rajdeep singh. The website provides education base articles related to computer science and biology. Our main priority is the privacy of our visitors. Therefore, we do not collect any sensitive data for the client. diff --git a/examples/demo-section-blog/src/pages/tags/[tag].mdx b/examples/demo-section-blog/src/pages/tags/[tag].mdx index a6397bb..4d714cb 100644 --- a/examples/demo-section-blog/src/pages/tags/[tag].mdx +++ b/examples/demo-section-blog/src/pages/tags/[tag].mdx @@ -2,10 +2,10 @@ type: tag --- -import { TagName, TagTitle } from 'section-blog-theme/Tag' +import { TagName, TagTitle } from "section-blog-theme/Tag"; # Posts Tagged with “” -export { getStaticProps, getStaticPaths } from 'section-blog-theme/Tag' +export { getStaticProps, getStaticPaths } from "section-blog-theme/Tag"; diff --git a/examples/demo-section-blog/tsconfig.json b/examples/demo-section-blog/tsconfig.json index f368640..e293f48 100644 --- a/examples/demo-section-blog/tsconfig.json +++ b/examples/demo-section-blog/tsconfig.json @@ -1,11 +1,7 @@ { "compilerOptions": { "target": "es5", - "lib": [ - "dom", - "dom.iterable", - "esnext" - ], + "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "strict": true, @@ -18,18 +14,10 @@ "jsx": "preserve", "incremental": true, "paths": { - "@/*": [ - "./src/*" - ] + "@/*": ["./src/*"] }, "forceConsistentCasingInFileNames": true }, - "include": [ - "next-env.d.ts", - "**/*.ts", - "**/*.tsx" - ], - "exclude": [ - "node_modules" - ] + "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"], + "exclude": ["node_modules"] }