durbok/noodl-docs
1
0
Fork 0
mirror of https://github.com/noodlapp/noodl-docs.git synced 2026-03-08 01:53:29 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Initial commit

Browse Source 
Co-Authored-By: kotte <14197736+mrtamagotchi@users.noreply.github.com>
Co-Authored-By: mikaeltellhed <2311083+mikaeltellhed@users.noreply.github.com>
Co-Authored-By: Tore Knudsen <18231882+torekndsn@users.noreply.github.com>
Co-Authored-By: Michael Cartner <32543275+michaelcartner@users.noreply.github.com>
This commit is contained in:
Eric Tuvesson
2023-09-05 12:08:55 +02:00
commit 53f0d6320e
2704 changed files with 76354 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

112
src/pages/index.js Normal file
View File

@@ -0,0 +1,112 @@
import React from 'react'
import Layout from '@theme/Layout'
import useDocusaurusContext from '@docusaurus/useDocusaurusContext'
import { Container } from '../components/layout/Container/Container'
import { ModuleListing } from '../blocks/ModuleListing'
import { frontpageData, FrontpageBlocks } from '../../static/data/frontpage'
import { Text } from '../components/typography/Text/Text'
import { HeroBlock } from '../blocks/HeroBlock'
import { GuideListing } from '../blocks/GuideListing'
import { VideoListing } from '../blocks/VideoListing'
import { ProjectListing } from '../blocks/ProjectListing'
import { PrefabListing } from '../blocks/PrefabListing'
import SearchBar from '@theme-original/SearchBar'
import Head from '@docusaurus/Head'
export default function Home() {
const { siteConfig } = useDocusaurusContext()
return (
<Layout title={`${siteConfig.title}`}>
<Head>
<meta
property="og:image"
content="https://docs.noodl.net/noodl-docs.png"
/>
<meta property="og:title" content="Noodl Documentation" />
<meta
property="og:description"
content="Explore Noodl guides, tutorials, videos, modules, and reference documentation here. Noodl is the low-code platform for designers + developers to build custom web apps and experiences."
/>
</Head>
<Container>
<main>
{frontpageData.map((item, i) => {
switch (item.type) {
case FrontpageBlocks.SearchBar:
return (
<div className="search-bar-outer" key={i}>
<SearchBar />
</div>
)
case FrontpageBlocks.Hero:
return (
<HeroBlock
key={i}
title={item.title}
text={item.text}
gridItems={item.gridItems}
playIcon={item.playIcon}
/>
)
case FrontpageBlocks.FeaturedModules:
return (
<ModuleListing
key={i}
title="Featured modules"
isFeaturedOnly
/>
)
case FrontpageBlocks.FeaturedGuides:
return (
<GuideListing
key={i}
title="Featured guides"
isFeaturedOnly
/>
)
case FrontpageBlocks.FeaturedProjects:
return (
<ProjectListing
key={i}
title="Featured example projects"
/>
)
case FrontpageBlocks.FeaturedVideos:
return (
<VideoListing
key={i}
title="Featured videos"
isFeaturedOnly
/>
)
case FrontpageBlocks.FeaturedPrefabs:
return (
<PrefabListing
key={i}
title="Featured prefabs"
isFeaturedOnly
/>
)
default:
return (
<Text key={i}>
Error: Wrong type provided in frontpage
data
</Text>
)
}
})}
</main>
</Container>
</Layout>
)
}

1
src/pages/index.module.css Normal file
View File

@@ -0,0 +1 @@

7
src/pages/markdown-page.md Normal file
View File

@@ -0,0 +1,7 @@
---
title: Markdown page example
---
# Markdown page example
You don't need React to write simple standalone pages.