diff --git a/FASTN/ds.ftd b/FASTN/ds.ftd index 8d54f3876..850ebb9cf 100644 --- a/FASTN/ds.ftd +++ b/FASTN/ds.ftd @@ -60,6 +60,8 @@ boolean show-banner: true optional ftd.raw-image-src favicon: boolean search: true optional string search-url: /search/ +optional string get-started-url: /getting-started/ +optional boolean right-section: true ftd.ui list fluid-wrap: -- ftd.ui list page.footer: @@ -160,6 +162,8 @@ document-image: $page.document-image favicon: $page.favicon search: $page.search search-url: $page.search-url +get-started-url: $page.get-started-url +right-section: $page.right-section fluid-width: false max-width.fixed.px: 1340 fluid-wrap: $page.fluid-wrap diff --git a/FASTN/featured-ds.ftd b/FASTN/featured-ds.ftd index 219e4b7cf..645c95fa8 100644 --- a/FASTN/featured-ds.ftd +++ b/FASTN/featured-ds.ftd @@ -63,9 +63,14 @@ string published-date: ft-ui.template list cards: string github-url: string demo-link: - +string demo-text: +string demo-url: +string quick-url: +string manual-url: +string manual: -- ds.page: +title: $featured-category.title show-footer: true site-logo: $fastn-assets.files.images.fastn.svg site-name: NULL @@ -101,6 +106,12 @@ owners: $featured-category.owners license-url: $featured-category.license-url license: $featured-category.license published-date: $featured-category.published-date +cta-url: $featured-category.demo-link +cta-text: Demo +github-url: $featured-category.github-url +quick-url: $featured-category.quick-url +manual-url: $featured-category.manual-url +manual: $featured-category.manual -- end: ds.page.abstract-bar @@ -108,7 +119,7 @@ published-date: $featured-category.published-date -- ft-ui.grid-view: $featured-category.category templates: $featured-category.cards -more-link-text: View more +;;more-link-text: View more more-link: $featured-category.featured-link show-large: true @@ -116,9 +127,8 @@ show-large: true -- ds.preview-card: image: $featured-category.image -cta-url: $featured-category.demo-link -cta-text: Demo -github-url: $featured-category.github-url +demo-text: $featured-category.demo-text +demo-url: $featured-category.demo-url -- end: ds.page diff --git a/content-library/index.ftd b/content-library/index.ftd index 96acf2e38..5d212d65c 100644 --- a/content-library/index.ftd +++ b/content-library/index.ftd @@ -2518,6 +2518,7 @@ boolean $mouse-in: false -- ftd.row: link: $cta-primary-large.link width: fill-container +min-width.fixed.px: 192 role: $inherited.types.button-medium color: $inherited.colors.cta-tertiary.text background.solid: $inherited.colors.cta-primary.base diff --git a/featured/ds/doc-site.ftd b/featured/ds/doc-site.ftd index 2bae9efb2..b014422d7 100644 --- a/featured/ds/doc-site.ftd +++ b/featured/ds/doc-site.ftd @@ -13,7 +13,9 @@ published-date: 24-May-2023 cards: $doc-sites github-url: https://github.com/fastn-stack/fastn-template/ demo-link: https://fastn-community.github.io/doc-site/ - +quick-url: https://fastn-community.github.io/doc-site/ +manual: User Manual +manual-url: https://fastn-community.github.io/doc-site/ diff --git a/featured/index.ftd b/featured/index.ftd index de93ab10c..6f3a3b7de 100644 --- a/featured/index.ftd +++ b/featured/index.ftd @@ -74,7 +74,7 @@ more-link: /featured/fonts/ -- component grid-view: optional caption title: template list templates: -optional string more-link: +optional string more-link: optional string more-link-text: boolean $hover: false optional body body: @@ -88,6 +88,7 @@ spacing.fixed.px if { ftd.device == "mobile" }: 24 margin-top.px if { grid-view.push-top }: -90 max-width.fixed.px if { !grid-view.show-large } : 980 max-width.fixed.px if { grid-view.show-large } : 1340 +padding-horizontal.px if { grid-view.show-large }: 24 -- ftd.row: width: fill-container @@ -153,7 +154,7 @@ $grid-view.body -- ftd.row: width: fill-container -spacing.fixed.px: 32 +spacing.fixed.px: 28 overflow-x: auto margin-vertical.px: 40 @@ -227,7 +228,7 @@ margin-top.px if { ftd.device == "mobile" }: 24 -- ftd.text: $view-all.title if: { view-all.title != NULL } role: $inherited.types.heading-medium -color: $inherited.colors.accent.primary +color: $inherited.colors.text-strong width: fill-container -- end: ftd.desktop @@ -272,6 +273,7 @@ body: $obj.body is-last: $obj.is-last wip: $obj.wip two-fold: $obj.two-fold +show-large: $obj.show-large -- end: ftd.row @@ -293,6 +295,7 @@ body: $obj.body is-last: $obj.is-last wip: $obj.wip two-fold: $obj.two-fold +show-large: $obj.show-large -- end: ftd.column @@ -329,11 +332,14 @@ width if { ftd.device == "mobile" }: fill-container spacing.fixed.px: 16 min-width.fixed.px: 302 width.fixed.px: 302 +min-width.fixed.px if { grid-of-items.show-large }: 412 +width.fixed.px if { grid-of-items.show-large }: 412 classes if { grid-of-items.two-fold }: two-folded $on-mouse-enter$: $ftd.set-bool($a = $grid-of-items.mouse-in, v = true) $on-mouse-leave$: $ftd.set-bool($a = $grid-of-items.mouse-in, v = false) -height.fixed.px if { !grid-of-items.two-fold }: 224 -height.fixed.px if { grid-of-items.two-fold }: 520 +height.fixed.px if { grid-of-items.show-large }: 317 +height.fixed.px if { grid-of-items.two-fold }: 317 +width.fixed.px if { grid-of-items.two-fold }: 856 align-content: center border-color: $inherited.colors.border border-width.px: 1 @@ -437,9 +443,11 @@ if: { $grid-of-items.screenshot != NULL } src: $grid-of-items.screenshot $on-mouse-enter$: $ftd.set-bool($a=$grid-of-items.github-hover, v = true) $on-mouse-leave$: $ftd.set-bool($a=$grid-of-items.github-hover, v = false) -fit: contain +fit: cover width: fill-container height.fixed.px: 224 +height.fixed.px if { grid-of-items.show-large || grid-of-items.two-fold }: 317 +width.fixed.px if { grid-of-items.two-fold }: 856 /-- ftd.image: if: { $grid-of-items.screenshot != NULL } @@ -515,6 +523,7 @@ optional body body: boolean is-last: false boolean wip: false boolean two-fold: false +boolean show-large: false -- template list doc-sites: diff --git a/getting-started/all-selected.ftd b/getting-started/all-selected.ftd new file mode 100644 index 000000000..fad783d64 --- /dev/null +++ b/getting-started/all-selected.ftd @@ -0,0 +1,190 @@ +-- import: fastn.com/getting-started as lib + +-- ds.page: +full-width: true +sidebar: false + +-- selected-template: Selected Designs +selected-templates: $selected-templates + +Choose your use case, explore our readymade templates, and start building your +product. + +-- lib.featured-template: What do you want to build? +cta-text: Build from Scratch +cta-link: / +templates: $lib.templates + +Choose your use case, explore our readymade templates, and start building your +product. + +-- lib.specific: Need something specific? +cta-text: Request a design +cta-link: / + + If you can't find the category you're looking for in the list, please request + it here. + +-- end: ds.page + + + + + + + + + +-- component selected-template: +caption title: +body body: +selected-template-image list selected-templates: + +-- ftd.column: +width: fill-container +spacing.fixed.px: 40 +border-bottom-width.px: 1 +padding-bottom.px: 40 +border-color: $inherited.colors.border + +-- ftd.column: +spacing.fixed.px: 4 + +-- ftd.text: $selected-template.title +role: $inherited.types.heading-large +color: $inherited.colors.text-strong + +-- ftd.text: +role: $inherited.types.copy-regular +color: $inherited.colors.text + +$selected-template.body + +-- end: ftd.column + +-- ftd.row: +width: fill-container +spacing.fixed.px: 48 +wrap: true + +-- selected-template-list: $obj.title +$loop$: $selected-template.selected-templates as $obj +src: $obj.src +sub-title: $obj.sub-title +link: $obj.link +cta-text: $obj.cta-text +cta-link: $obj.cta-link + +-- end: ftd.row + +-- end: ftd.column + +-- end: selected-template + + + + + + + + +-- component selected-template-list: +caption title: +string sub-title: +ftd.image-src src: +string link: +string cta-text: +string cta-link: +boolean $mouse-in: false + +-- ftd.column: +width.fixed.px: 352 +spacing.fixed.px: 12 +cursor: pointer + +-- ftd.image: +src: $selected-template-list.src +width.fixed.px: 350 +height.fixed.px: 215 +link: $selected-template-list.link + +-- ftd.row: +width: fill-container +spacing: space-between + +-- ftd.column: +spacing.fixed.px: 2 + +-- ftd.text: $selected-template-list.title +role: $inherited.types.button-large +color: $inherited.colors.text-strong + +-- ftd.text: $selected-template-list.sub-title +role: $inherited.types.copy-small +color: $inherited.colors.text + +-- end: ftd.column + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.background.step-1 +background.solid if { selected-template-list.mouse-in }: $inherited.colors.hover +$on-mouse-leave$: $ftd.set-bool($a = $selected-template-list.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $selected-template-list.mouse-in, v = true) +padding-vertical.px: 4 +padding-horizontal.px: 16 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $selected-template-list.cta-link +color: $inherited.colors.text-strong +role: $inherited.types.button-medium + +-- ftd.text: $selected-template-list.cta-text + +-- end: ftd.row + +-- end: ftd.row + +-- end: ftd.column + +-- end: selected-template-list + + + + + + + + +-- record selected-template-image: +caption title: +string sub-title: +ftd.image-src src: +string link: / +string cta-text: +string cta-link: + +-- selected-template-image list selected-templates: + +-- selected-template-image: Midnight rush blog +sub-title: Documentation site +link: / +src: $fastn-assets.files.images.get-started.blog-temp.png +cta-text: Remove +cta-link: / + +-- selected-template-image: Midnight rush blog +sub-title: Documentation site +link: / +src: $fastn-assets.files.images.get-started.blog-temp.png +cta-text: Remove +cta-link: / + +-- selected-template-image: Midnight rush blog +sub-title: Documentation site +link: / +src: $fastn-assets.files.images.get-started.blog-temp.png +cta-text: Remove +cta-link: / + +-- end: selected-templates \ No newline at end of file diff --git a/getting-started/blog/all-templates.ftd b/getting-started/blog/all-templates.ftd new file mode 100644 index 000000000..97319ba18 --- /dev/null +++ b/getting-started/blog/all-templates.ftd @@ -0,0 +1,109 @@ +-- import: fastn.com/featured as ft-ui + +-- ds.page: +full-width: true +sidebar: false + +-- ft-ui.view-all: +templates: $blog + +-- end: ds.page + + + + + + + + + + +-- ft-ui.template list blog: + +-- ft-ui.template: Simple Site Blog +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png +show-large: true + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg +show-large: true + +-- ft-ui.template: Midnight Storm +template-url: getting-started/blog/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg +show-large: true + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg +show-large: true + +-- ft-ui.template: Dash Dash DS +template-url: getting-started/blog/dash-dash-ds/ +screenshot: $fastn-assets.files.images.featured.blog.dash-dash-ds.png +show-large: true +wip: true + +-- ft-ui.template: Pink Tree +template-url: getting-started/blog/pink-tree/ +screenshot: $fastn-assets.files.images.featured.blog.pink-tree.png +show-large: true +wip: true + +-- ft-ui.template: Rocky +template-url: getting-started/blog/rocky/ +screenshot: $fastn-assets.files.images.featured.blog.rocky.png +show-large: true +wip: true + +-- ft-ui.template: Simple Blog +template-url: getting-started/blog/simple-blog/ +screenshot: $fastn-assets.files.images.featured.blog.simple-blog.png +show-large: true +wip: true + +-- ft-ui.template: Yellow Lily +template-url: getting-started/blog/yellow-lily/ +screenshot: $fastn-assets.files.images.featured.blog.yellow-lily.png +show-large: true +wip: true + +-- ft-ui.template: Blue Wave +template-url: getting-started/blog/blue-wave/ +screenshot: $fastn-assets.files.images.featured.blog.blue-wave.png +show-large: true +wip: true + +-- ft-ui.template: Blog Components +template-url: getting-started/blog/blog-components/ +screenshot: $fastn-assets.files.images.featured.blog.blog-components.png +show-large: true +wip: true + +-- ft-ui.template: Navy Nebula +template-url: getting-started/blog/navy-nebula/ +screenshot: $fastn-assets.files.images.featured.blog.navy-nebula.png +show-large: true +wip: true + +-- ft-ui.template: Blog Template 1 +template-url: getting-started/blog/blog-template-1/ +screenshot: $fastn-assets.files.images.featured.blog.blog-template-1.png +show-large: true +wip: true + +-- ft-ui.template: Galaxia +template-url: getting-started/blog/galaxia/ +screenshot: $fastn-assets.files.images.featured.blog.galaxia.png +show-large: true +wip: true + +-- ft-ui.template: Little Blue +template-url: getting-started/blog/little-blue/ +screenshot: $fastn-assets.files.images.featured.blog.little-blue.png +show-large: true +wip: true + +-- end: blog \ No newline at end of file diff --git a/getting-started/blog/blog-components.ftd b/getting-started/blog/blog-components.ftd new file mode 100644 index 000000000..2262082d7 --- /dev/null +++ b/getting-started/blog/blog-components.ftd @@ -0,0 +1,39 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Blog Components +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.blog-components.png +owners: [$priyanka-yadav.info, $meenu-kumari.info] +license-url: https://github.com/FifthTry/blog-components/blob/main/LICENSE +license: Creative Commons +published-date: 15-May-2022 +cards: $blog-sites +github-url: https://github.com/FifthTry/blog-components +demo-link: https://fifthtry.github.io/blog-components/ +quick-url: https://fifthtry.github.io/blog-components/ +manual: User Manual +manual-url: https://fifthtry.github.io/blog-components/ +demo-text: Demo +demo-url: https://fifthtry.github.io/blog-components/ + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site Blog +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/blog-template-1.ftd b/getting-started/blog/blog-template-1.ftd new file mode 100644 index 000000000..78c35fa8b --- /dev/null +++ b/getting-started/blog/blog-template-1.ftd @@ -0,0 +1,40 @@ +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Blog Template 1 +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.blog-template-1.png +owners: [$priyanka-yadav.info, $yashveer-mehra.info] +license-url: https://github.com/fastn-community/blog-template-1/ +license: Creative Commons +published-date: 24-May-2023 +cards: $blog-sites +github-url: https://github.com/fastn-community/blog-template-1/ +demo-link: https://fastn-community.github.io/blog-template-1/ +quick-url: https://fastn-community.github.io/blog-template-1 +manual: User Manual +manual-url: https://fastn-community.github.io/blog-template-1 +demo-text: Demo +demo-url: https://fastn-community.github.io/blog-template-1 + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites + diff --git a/getting-started/blog/blue-wave.ftd b/getting-started/blog/blue-wave.ftd new file mode 100644 index 000000000..c6a87e2f2 --- /dev/null +++ b/getting-started/blog/blue-wave.ftd @@ -0,0 +1,41 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Blug Wave +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.blue-wave.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/MeenuKumari28/blue-wave/ +license: Creative Commons +published-date: 12-Jul-2023 +cards: $blog-sites +github-url: https://github.com/MeenuKumari28/blue-wave +demo-link: https://meenukumari28.github.io/blue-wave/ +quick-url: https://meenukumari28.github.io/blue-wave/ +manual: User Manual +manual-url: https://meenukumari28.github.io/blue-wave/ +demo-text: Demo +demo-url: https://meenukumari28.github.io/blue-wave/ + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/dash-dash-ds.ftd b/getting-started/blog/dash-dash-ds.ftd new file mode 100644 index 000000000..e7e87d44a --- /dev/null +++ b/getting-started/blog/dash-dash-ds.ftd @@ -0,0 +1,43 @@ +-- import: fastn.com/u/jay-kumar +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Dash Dash DS +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.dash-dash-ds.png +owners: [$jay-kumar.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/dash-dash-ds/blob/main/LICENSE +license: Creative Commons +published-date: 05-Feb-2022 +cards: $blog-sites +github-url: https://github.com/FifthTry/dash-dash-ds +demo-link: https://fifthtry.github.io/dash-dash-ds/featured-posts/ +quick-url: https://fifthtry.github.io/dash-dash-ds +manual: User Manual +manual-url: https://fifthtry.github.io/dash-dash-ds +demo-text: Demo +demo-url: https://fifthtry.github.io/dash-dash-ds + + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/doc-site.ftd b/getting-started/blog/doc-site.ftd new file mode 100644 index 000000000..3294ec0fe --- /dev/null +++ b/getting-started/blog/doc-site.ftd @@ -0,0 +1,44 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Simple Site +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.doc-site-blog.png +owners: [$muskan-verma.info, $ganesh-salunke.info, $priyanka-yadav.info] +license-url: https://github.com/fastn-community/doc-site/blob/main/LICENSE +license: Creative Commons +published-date: 24-May-2023 +cards: $blog-sites +github-url: https://github.com/fastn-stack/fastn-template/ +demo-link: https://fastn-community.github.io/doc-site/blog/ +quick-url: https://fastn-community.github.io/doc-site +manual: User Manual +manual-url: https://fastn-community.github.io/doc-site +demo-text: Demo +demo-url: https://fastn-community.github.io/doc-site + + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/blog/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg + +-- end: blog-sites diff --git a/getting-started/blog/galaxia.ftd b/getting-started/blog/galaxia.ftd new file mode 100644 index 000000000..9c9d81bab --- /dev/null +++ b/getting-started/blog/galaxia.ftd @@ -0,0 +1,46 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Galaxia +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.galaxia.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/meenukumari28/galaxia/ +license: Creative Commons +published-date: 01-Aug-2023 +cards: $blog-sites +github-url: https://github.com/meenukumari28/galaxia/ +demo-link: https://meenukumari28.github.io/galaxia/ +quick-url: https://meenukumari28.github.io/galaxia/ +manual: User Manual +manual-url: https://meenukumari28.github.io/galaxia/ +demo-text: Demo +demo-url: https://meenukumari28.github.io/galaxia/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- ft-ui.template: Rocky +template-url: getting-started/blog/rocky/ +screenshot: $fastn-assets.files.images.featured.blog.rocky.png + +-- end: blog-sites diff --git a/getting-started/blog/index.ftd b/getting-started/blog/index.ftd new file mode 100644 index 000000000..2c8353b75 --- /dev/null +++ b/getting-started/blog/index.ftd @@ -0,0 +1,107 @@ +-- import: fastn.com/featured as ft-ui +-- import: fastn.com/getting-started as gs + +-- ds.page: +document-title: fastn | The Beginner-Friendly Full-Stack Framework +document-description: Design, develop, and deploy stunning websites and web apps effortlessly. Easy-to-learn full-stack framework. No coding knowledge required. Start now! +document-image: https://fastn.com/-/fastn.com/images/fastn-dot-com-og-image.jpg +full-width: true +sidebar: false + +-- ds.page.fluid-wrap: + +-- gs.hero-section: Blog post page +cta-text: View all designs +cta-link: getting-started/blog/all-templates/ +image: $fastn-assets.files.images.get-started.simple-blog.png + +Fastn provides exhaustive frameworks to set up and scale your project in +minutes. Fastn provides exhaustive frameworks to set up and scale your project +in minutes. + +-- featured-design: + +-- gs.business-card: Create and customize Business card in minutes +icon: $fastn-assets.files.images.get-started.icon.svg +image: $fastn-assets.files.images.get-started.card.png +cta-text: View all designs +cta-link: / + +Connect your TikTok, Instagram, Twitter, website, store, videos, music, podcast, +events and more. It all comes together in a link in bio landing page designed +to convert. + +-- gs.template-cards: +title-1: Simple +sub-title-1: Start with one of dozens of templates (or a blank canvas) and make it your own +image-1: $fastn-assets.files.images.get-started.template-1.png +title-2: Free +sub-title-2: Build up to three sites per account and use all of Carrd's core features – for free! +image-2: $fastn-assets.files.images.get-started.template-1.png +title-3: Light and dark theme +sub-title-3: Connect your TikTok, Instagram, Twitter, website, store, videos, music, +image-3: $fastn-assets.files.images.get-started.template-2.png + +-- end: ds.page.fluid-wrap + +-- end: ds.page + + + + + + + + + + + +-- component featured-design: + +-- ftd.column: +width: fill-container +;;align-content: center +min-width.fixed.px: 1300 +padding-vertical.px: 112 +padding-horizontal.px: 70 + +-- ft-ui.grid-view: Featured Design +templates: $blog +more-link-text: View all +more-link: /featured/fonts/ +show-large: true + +-- end: ftd.column + +-- end: featured-design + + + + + + + + + + + + + +-- ft-ui.template list blog: + +-- ft-ui.template: Midnight Rush +template-url: featured/blogs/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg +show-large: true + +-- ft-ui.template: Midnight Storm +template-url: featured/blogs/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg +show-large: true + +-- ft-ui.template: Misty Gray +template-url: featured/blogs/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg +show-large: true + +-- end: blog \ No newline at end of file diff --git a/getting-started/blog/little-blue.ftd b/getting-started/blog/little-blue.ftd new file mode 100644 index 000000000..8c63d28dc --- /dev/null +++ b/getting-started/blog/little-blue.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Little Blue +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.little-blue.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/meenukumari28/little-blue/ +license: Creative Commons +published-date: 01-Aug-2023 +cards: $blog-sites +github-url: https://github.com/meenukumari28/little-blue/ +demo-link: https://meenukumari28.github.io/little-blue/ +quick-url: https://meenukumari28.github.io/little-blue/ +manual: User Manual +manual-url: https://meenukumari28.github.io/little-blue/ +demo-text: Demo +demo-url: https://meenukumari28.github.io/little-blue/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/mg-blog.ftd b/getting-started/blog/mg-blog.ftd new file mode 100644 index 000000000..5cad52532 --- /dev/null +++ b/getting-started/blog/mg-blog.ftd @@ -0,0 +1,43 @@ +-- import: fastn.com/u/saurabh-lohiya +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Misty Gray +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.misty-gray.jpg +owners: [$muskan-verma.info, $saurabh-lohiya.info] +license-url: https://github.com/fastn-community/misty-gray/blob/main/LICENSE +license: Creative Commons +published-date: 20-June-2023 +cards: $blog-sites +github-url: https://github.com/fastn-community/misty-gray/ +demo-link: https://fastn-community.github.io/misty-gray/blog/ +quick-url: https://fastn-community.github.io/misty-gray/blog/ +manual: User Manual +manual-url: https://fastn-community.github.io/misty-gray/blog/ +demo-text: Demo +demo-url: https://fastn-community.github.io/misty-gray/blog/ + + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/blog/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg + +-- end: blog-sites diff --git a/getting-started/blog/mr-blog.ftd b/getting-started/blog/mr-blog.ftd new file mode 100644 index 000000000..0775c6bba --- /dev/null +++ b/getting-started/blog/mr-blog.ftd @@ -0,0 +1,39 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Rush +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg +owners: [$muskan-verma.info, $priyanka-yadav.info] +license-url: https://github.com/fastn-community/midnight-rush/blob/main/LICENSE +license: Creative Commons +published-date: 21-May-2023 +cards: $blog-sites +github-url: https://github.com/fastn-community/midnight-rush +demo-link: https://fastn-community.github.io/midnight-rush/blog/ +quick-url: https://fastn-community.github.io/midnight-rush/blog/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-rush/blog/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-rush/blog/ + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Storm +template-url: getting-started/blog/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/ms-blog.ftd b/getting-started/blog/ms-blog.ftd new file mode 100644 index 000000000..310160af8 --- /dev/null +++ b/getting-started/blog/ms-blog.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Storm +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.midnight-storm.jpg +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/fastn-community/midnight-storm/blob/main/LICENSE +license: Creative Commons +published-date: 02-June-2023 +cards: $blog-sites +github-url: https://github.com/fastn-community/midnight-storm/ +demo-link: https://fastn-community.github.io/midnight-storm/blog/ +quick-url: https://fastn-community.github.io/midnight-storm/blog/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-storm/blog/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-storm/blog/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/navy-nebula.ftd b/getting-started/blog/navy-nebula.ftd new file mode 100644 index 000000000..797191c6d --- /dev/null +++ b/getting-started/blog/navy-nebula.ftd @@ -0,0 +1,43 @@ +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Navy Nebula +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.navy-nebula.png +owners: [$yashveer-mehra.info, $priyanka-yadav.info] +license-url: https://github.com/fastn-community/navy-nebula/blob/main/LICENSE +license: Creative Commons +published-date: 24-Jul-2023 +cards: $blog-sites +github-url: https://github.com/fastn-community/navy-nebula/ +demo-link: https://fastn-community.github.io/navy-nebula/ +quick-url: https://fastn-community.github.io/navy-nebula/ +manual: User Manual +manual-url: https://fastn-community.github.io/navy-nebula/ +demo-text: Demo +demo-url: https://fastn-community.github.io/navy-nebula/ + + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/pink-tree.ftd b/getting-started/blog/pink-tree.ftd new file mode 100644 index 000000000..2b5fc831b --- /dev/null +++ b/getting-started/blog/pink-tree.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Pink Tree +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.pink-tree.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/MeenuKumari28/pink-tree/ +license: Creative Commons +published-date: 12-Jul-2023 +cards: $blog-sites +github-url: https://github.com/MeenuKumari28/pink-tree/ +demo-link: https://meenukumari28.github.io/pink-tree/ +quick-url: https://meenukumari28.github.io/pink-tree/ +manual: User Manual +manual-url: https://meenukumari28.github.io/pink-tree/ +demo-text: Demo +demo-url: https://meenukumari28.github.io/pink-tree/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/rocky.ftd b/getting-started/blog/rocky.ftd new file mode 100644 index 000000000..519472008 --- /dev/null +++ b/getting-started/blog/rocky.ftd @@ -0,0 +1,43 @@ +-- import: fastn.com/u/jay-kumar +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Dash Dash DS +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.rocky.png +owners: [$jay-kumar.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/Rocky-Blog-Theme/blob/main/LICENSE +license: Creative Commons +published-date: 20-Jan-2022 +cards: $blog-sites +github-url: https://github.com/FifthTry/Rocky-Blog-Theme/ +demo-link: https://fifthtry.github.io/Rocky-Blog-Theme/blog-index/ +quick-url: https://fifthtry.github.io/Rocky-Blog-Theme/blog-index/ +manual: User Manual +manual-url: https://fifthtry.github.io/Rocky-Blog-Theme/blog-index/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Rocky-Blog-Theme/blog-index/ + + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/simple-blog.ftd b/getting-started/blog/simple-blog.ftd new file mode 100644 index 000000000..06a21e387 --- /dev/null +++ b/getting-started/blog/simple-blog.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/jay-kumar +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Simple Blog +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.simple-blog.png +owners: [$jay-kumar.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/simple-blog/blob/main/LICENSE +license: Creative Commons +published-date: 24-Jun-2022 +cards: $blog-sites +github-url: https://github.com/FifthTry/simple-blog/ +demo-link: https://fifthtry.github.io/simple-blog/posts/ +quick-url: https://fifthtry.github.io/simple-blog/posts/ +manual: User Manual +manual-url: https://fifthtry.github.io/simple-blog/posts/ +demo-text: Demo +demo-url: https://fifthtry.github.io/simple-blog/posts/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/blog/ms-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-storm.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/blog/yellow-lily.ftd b/getting-started/blog/yellow-lily.ftd new file mode 100644 index 000000000..4b7582be4 --- /dev/null +++ b/getting-started/blog/yellow-lily.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Yellow Lily +featured-link: getting-started/blog/all-templates/ +category: Blogs +image: $fastn-assets.files.images.featured.blog.yellow-lily.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/MeenuKumari28/yellow-lily/ +license: Creative Commons +published-date: 21-Jun-2023 +cards: $blog-sites +github-url: https://github.com/MeenuKumari28/yellow-lily/ +demo-link: https://meenukumari28.github.io/yellow-lily/ +quick-url: https://meenukumari28.github.io/yellow-lily/ +manual: User Manual +manual-url: https://meenukumari28.github.io/yellow-lily/ +demo-text: Demo +demo-url: https://meenukumari28.github.io/yellow-lily/ + + + + + + + +-- ft-ui.template list blog-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/blog/doc-site/ +screenshot: $fastn-assets.files.images.featured.blog.doc-site-blog.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/blog/mr-blog/ +screenshot: $fastn-assets.files.images.featured.blog.midnight-rush-blog.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/blog/mg-blog/ +screenshot: $fastn-assets.files.images.featured.blog.misty-gray.jpg + +-- end: blog-sites diff --git a/getting-started/documentation/all-templates.ftd b/getting-started/documentation/all-templates.ftd new file mode 100644 index 000000000..752df676b --- /dev/null +++ b/getting-started/documentation/all-templates.ftd @@ -0,0 +1,85 @@ +-- import: fastn.com/featured as ft-ui + +-- ds.page: +full-width: true +sidebar: false + +-- ft-ui.view-all: +templates: $doc-sites + +-- end: ds.page + + + + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg +show-large: true + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg +show-large: true + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg +show-large: true + +-- ft-ui.template: Misty Gray +template-url: getting-started/documentation/misty-gray/ +screenshot: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg +show-large: true + +-- ft-ui.template: Dash Dash DS +template-url: getting-started/documentation/dash-dash-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.dash-dash-ds.png +show-large: true +wip: true + +-- ft-ui.template: API DS +template-url: getting-started/documentation/api-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.api-ds.png +show-large: true +wip: true + +-- ft-ui.template: Framework DS +template-url: getting-started/documentation/framework/ +screenshot: $fastn-assets.files.images.featured.doc-sites.ds-framework.png +show-large: true +wip: true + +-- ft-ui.template: Blue Sapphire Template +template-url: getting-started/documentation/blue-sapphire-template/ +screenshot: $fastn-assets.files.images.featured.doc-sites.blue-sapphire-template.png +show-large: true +wip: true + +-- ft-ui.template: Forest Template +template-url: getting-started/documentation/forest-template/ +screenshot: $fastn-assets.files.images.featured.doc-sites.forest-template.png +show-large: true +wip: true + +-- ft-ui.template: Docusaurus Theme +template-url: getting-started/documentation/docusaurus-theme/ +screenshot: $fastn-assets.files.images.featured.doc-sites.docusaurus-theme.png +show-large: true +wip: true + +-- ft-ui.template: Spider Book DS +template-url: getting-started/documentation/spider-book-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.spider-book-ds.png +show-large: true +wip: true + +-- end: doc-sites \ No newline at end of file diff --git a/getting-started/documentation/api-ds.ftd b/getting-started/documentation/api-ds.ftd new file mode 100644 index 000000000..3e1be3f37 --- /dev/null +++ b/getting-started/documentation/api-ds.ftd @@ -0,0 +1,41 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: API DS +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.api-ds.png +owners: [$ganesh-salunke.info] +license-url: https://github.com/FifthTry/api-ds/blob/main/LICENSE +license: Creative Commons +published-date: 03-Jan-2023 +cards: $doc-sites +github-url: https://github.com/FifthTry/api-ds +demo-link: https://fifthtry.github.io/api-ds/ +quick-url: https://fifthtry.github.io/api-ds/ +manual: User Manual +manual-url: https://fifthtry.github.io/api-ds/ +demo-text: Demo +demo-url: https://fifthtry.github.io/api-ds/ + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites + diff --git a/getting-started/documentation/blue-sapphire-template.ftd b/getting-started/documentation/blue-sapphire-template.ftd new file mode 100644 index 000000000..184e3c60d --- /dev/null +++ b/getting-started/documentation/blue-sapphire-template.ftd @@ -0,0 +1,38 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Blue Sapphire Template +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.blue-sapphire-template.png +owners: [$ganesh-salunke.info] +license-url: https://github.com/FifthTry/Blue-Sapphire-Template/blob/main/LICENSE +license: Creative Commons +published-date: 04-Feb-2022 +cards: $doc-sites +github-url: https://github.com/FifthTry/Blue-Sapphire-Template +demo-link: https://fifthtry.github.io/Blue-Sapphire-Template/ +quick-url: https://fifthtry.github.io/Blue-Sapphire-Template/ +manual: User Manual +manual-url: https://fifthtry.github.io/Blue-Sapphire-Template/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Blue-Sapphire-Template/ + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites diff --git a/getting-started/documentation/dash-dash-ds.ftd b/getting-started/documentation/dash-dash-ds.ftd new file mode 100644 index 000000000..413f8577c --- /dev/null +++ b/getting-started/documentation/dash-dash-ds.ftd @@ -0,0 +1,45 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/jay-kumar +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Dash Dash DS +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.dash-dash-ds.png +owners: [$ganesh-salunke.info, $jay-kumar.info] +license-url: https://github.com/FifthTry/dash-dash-ds/blob/main/LICENSE +license: Creative Commons +published-date: 05-Feb-2022 +cards: $doc-sites +github-url: https://github.com/FifthTry/dash-dash-ds +demo-link: https://fifthtry.github.io/dash-dash-ds/ +quick-url: https://fifthtry.github.io/dash-dash-ds/ +manual: User Manual +manual-url: https://fifthtry.github.io/dash-dash-ds/ +demo-text: Demo +demo-url: https://fifthtry.github.io/dash-dash-ds/ + + + + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites diff --git a/getting-started/documentation/doc-site.ftd b/getting-started/documentation/doc-site.ftd new file mode 100644 index 000000000..b7a923ec9 --- /dev/null +++ b/getting-started/documentation/doc-site.ftd @@ -0,0 +1,45 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Simple Site +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.doc-site.jpg +owners: [$ganesh-salunke.info, $muskan-verma.info] +license-url: https://github.com/fastn-community/doc-site/blob/main/LICENSE +license: Creative Commons +published-date: 24-May-2023 +cards: $doc-sites +github-url: https://github.com/fastn-stack/fastn-template/ +demo-link: https://fastn-community.github.io/doc-site/ +quick-url: https://fastn-community.github.io/doc-site/ +manual: User Manual +manual-url: https://fastn-community.github.io/doc-site/ +demo-text: Demo +demo-url: https://fastn-community.github.io/doc-site/ + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/documentation/misty-gray/ +screenshot: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg + +-- end: doc-sites + + + + diff --git a/getting-started/documentation/docusaurus-theme.ftd b/getting-started/documentation/docusaurus-theme.ftd new file mode 100644 index 000000000..65a829190 --- /dev/null +++ b/getting-started/documentation/docusaurus-theme.ftd @@ -0,0 +1,40 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/saurabh-garg +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Docusaurus Theme +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.docusaurus-theme.png +owners: [$saurabh-garg.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/Docusaurus-theme/blob/main/LICENSE +license: Creative Commons +published-date: 30-Dec-2021 +cards: $doc-sites +github-url: https://github.com/FifthTry/Docusaurus-theme +demo-link: https://fifthtry.github.io/Docusaurus-theme/ +quick-url: https://fifthtry.github.io/Docusaurus-theme/ +manual: User Manual +manual-url: https://fifthtry.github.io/Docusaurus-theme/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Docusaurus-theme/ + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites \ No newline at end of file diff --git a/getting-started/documentation/forest-template.ftd b/getting-started/documentation/forest-template.ftd new file mode 100644 index 000000000..8120e5b3b --- /dev/null +++ b/getting-started/documentation/forest-template.ftd @@ -0,0 +1,46 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/arpita-jaiswal +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Forest Template DS +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.forest-template.png +owners: [$arpita-jaiswal.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/Forest-Template/blob/master/LICENSE +license: Creative Commons +published-date: 21-Jan-2022 +cards: $doc-sites +github-url: https://github.com/FifthTry/Forest-Template +demo-link: https://fifthtry.github.io/Forest-Template/ +quick-url: https://fifthtry.github.io/Forest-Template/ +manual: User Manual +manual-url: https://fifthtry.github.io/Forest-Template/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Forest-Template/ + + + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites + + diff --git a/getting-started/documentation/framework.ftd b/getting-started/documentation/framework.ftd new file mode 100644 index 000000000..94175e3e3 --- /dev/null +++ b/getting-started/documentation/framework.ftd @@ -0,0 +1,48 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/arpita-jaiswal +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Framework DS +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.ds-framework.png +owners: [$arpita-jaiswal.info, $priyanka-yadav.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/df/blob/main/LICENSE +license: Creative Commons +published-date: 27-April-2022 +cards: $doc-sites +github-url: https://github.com/FifthTry/df +demo-link: https://fifthtry.github.io/df/ +quick-url: https://fifthtry.github.io/df/ +manual: User Manual +manual-url: https://fifthtry.github.io/df/ +demo-text: Demo +demo-url: https://fifthtry.github.io/df/ + + + + + + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites \ No newline at end of file diff --git a/getting-started/documentation/index.ftd b/getting-started/documentation/index.ftd new file mode 100644 index 000000000..c21c4a5e8 --- /dev/null +++ b/getting-started/documentation/index.ftd @@ -0,0 +1,104 @@ +-- import: fastn.com/featured as ft-ui +-- import: fastn.com/getting-started as gs + +-- ds.page: +document-title: fastn | The Beginner-Friendly Full-Stack Framework +document-description: Design, develop, and deploy stunning websites and web apps effortlessly. Easy-to-learn full-stack framework. No coding knowledge required. Start now! +document-image: https://fastn.com/-/fastn.com/images/fastn-dot-com-og-image.jpg +full-width: true +sidebar: false + +-- ds.page.fluid-wrap: + +-- gs.hero-section: Documentation site +cta-text: View all designs +cta-link: getting-started/documentation/all-templates/ +image: $fastn-assets.files.images.get-started.simple-blog.png + +Fastn provides exhaustive frameworks to set up and scale your project in +minutes. Fastn provides exhaustive frameworks to set up and scale your project +in minutes. + +-- featured-design: + +-- gs.business-card: Create and customize Business card in minutes +icon: $fastn-assets.files.images.get-started.icon.svg +image: $fastn-assets.files.images.get-started.card.png +cta-text: View all designs +cta-link: / + +Connect your TikTok, Instagram, Twitter, website, store, videos, music, podcast, +events and more. It all comes together in a link in bio landing page designed +to convert. + +-- gs.template-cards: +title-1: Simple +sub-title-1: Start with one of dozens of templates (or a blank canvas) and make it your own +image-1: $fastn-assets.files.images.get-started.template-1.png +title-2: Free +sub-title-2: Build up to three sites per account and use all of Carrd's core features – for free! +image-2: $fastn-assets.files.images.get-started.template-1.png +title-3: Light and dark theme +sub-title-3: Connect your TikTok, Instagram, Twitter, website, store, videos, music, +image-3: $fastn-assets.files.images.get-started.template-2.png + +-- end: ds.page.fluid-wrap + +-- end: ds.page + + + + + + + + + + + +-- component featured-design: + +-- ftd.column: +width: fill-container +;;align-content: center +min-width.fixed.px: 1300 +padding-vertical.px: 112 +padding-horizontal.px: 70 + +-- ft-ui.grid-view: Documentation Sites +templates: $doc +more-link-text: View all +more-link: /featured/fonts/ +show-large: true + +-- end: ftd.column + +-- end: featured-design + + + + + + + + + + + + + +-- ft-ui.template list doc: + +-- ft-ui.template: Midnight Rush +template-url: featured/ds/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: featured/ds/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- ft-ui.template: Misty Gray +template-url: featured/ds/misty-gray/ +screenshot: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg + +-- end: doc \ No newline at end of file diff --git a/getting-started/documentation/midnight-storm.ftd b/getting-started/documentation/midnight-storm.ftd new file mode 100644 index 000000000..87d159f0b --- /dev/null +++ b/getting-started/documentation/midnight-storm.ftd @@ -0,0 +1,41 @@ +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Storm +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg +owners: [$meenu-kumari.info, $muskan-verma.info] +license-url: https://github.com/fastn-community/midnight-storm/blob/main/LICENSE +license: Creative Commons +published-date: 02-June-2023 +cards: $doc-sites +github-url: https://github.com/fastn-community/midnight-storm +demo-link: https://fastn-community.github.io/midnight-storm/ +quick-url: https://fastn-community.github.io/midnight-storm/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-storm/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-storm/ + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/midnight-rush/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/documentation/misty-gray/ +screenshot: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg + +-- end: doc-sites diff --git a/getting-started/documentation/misty-gray.ftd b/getting-started/documentation/misty-gray.ftd new file mode 100644 index 000000000..f8006ca93 --- /dev/null +++ b/getting-started/documentation/misty-gray.ftd @@ -0,0 +1,40 @@ +-- import: fastn.com/u/saurabh-lohiya +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Misty Gray +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg +owners: [$muskan-verma.info, $saurabh-lohiya.info] +license-url: https://github.com/fastn-community/misty-gray/blob/main/LICENSE +license: Creative Commons +published-date: 20-June-2023 +cards: $doc-sites +github-url: https://github.com/fastn-community/misty-gray +demo-link: https://fastn-community.github.io/misty-gray/ +quick-url: https://fastn-community.github.io/misty-gray/ +manual: User Manual +manual-url: https://fastn-community.github.io/misty-gray/ +demo-text: Demo +demo-url: https://fastn-community.github.io/misty-gray/ + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites diff --git a/getting-started/documentation/mr-ds.ftd b/getting-started/documentation/mr-ds.ftd new file mode 100644 index 000000000..da4178e8f --- /dev/null +++ b/getting-started/documentation/mr-ds.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Rush +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg +owners: [$muskan-verma.info, $priyanka-yadav.info] +license-url: https://github.com/fastn-community/midnight-rush/blob/main/LICENSE +license: Creative Commons +published-date: 22-May-2023 +cards: $doc-sites +github-url: https://github.com/fastn-community/midnight-rush +demo-link: https://fastn-community.github.io/midnight-rush/ +quick-url: https://fastn-community.github.io/midnight-rush/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-rush/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-rush/ + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/documentation/misty-gray/ +screenshot: $fastn-assets.files.images.featured.doc-sites.misty-gray.jpg + +-- end: doc-sites diff --git a/getting-started/documentation/spider-book-ds.ftd b/getting-started/documentation/spider-book-ds.ftd new file mode 100644 index 000000000..9be8ceeed --- /dev/null +++ b/getting-started/documentation/spider-book-ds.ftd @@ -0,0 +1,49 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Spider Book DS +featured-link: /getting-started/documentation/all-templates/ +category: Documentation Sites +image: $fastn-assets.files.images.featured.doc-sites.spider-book-ds.png +owners: [$priyanka-yadav.info, $ganesh-salunke.info] +license-url: https://github.com/FifthTry/spider-book-ds/blob/main/LICENSE +license: Creative Commons +published-date: 20-Sep-2022 +cards: $doc-sites +github-url: https://github.com/FifthTry/spider-book-ds +demo-link: https://fifthtry.github.io/spider-book-ds/ +quick-url: https://fifthtry.github.io/spider-book-ds/ +manual: User Manual +manual-url: https://fifthtry.github.io/spider-book-ds/ +demo-text: Demo +demo-url: https://fifthtry.github.io/spider-book-ds/ + + + + + + + + + + + +-- ft-ui.template list doc-sites: + +-- ft-ui.template: Simple Site +template-url: getting-started/documentation/doc-site/ +screenshot: $fastn-assets.files.images.featured.doc-site.jpg + +-- ft-ui.template: Midnight Rush +template-url: getting-started/documentation/mr-ds/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-rush.jpg + +-- ft-ui.template: Midnight Storm +template-url: getting-started/documentation/midnight-storm/ +screenshot: $fastn-assets.files.images.featured.doc-sites.midnight-storm.jpg + +-- end: doc-sites + + + diff --git a/getting-started/index.ftd b/getting-started/index.ftd new file mode 100644 index 000000000..bcccca4a6 --- /dev/null +++ b/getting-started/index.ftd @@ -0,0 +1,631 @@ +-- ds.page: +full-width: true +sidebar: false + +-- featured-template: What do you want to build? +cta-text: Build from Scratch +cta-link: https://github.com/fastn-stack/fastn-template +templates: $templates + +Choose your use case, explore our readymade templates, and start building your +product. + +-- specific: Need something specific? +cta-text: Request a design +cta-link: / + + If you can't find the category you're looking for in the list, please request + it here. + +-- end: ds.page + + + + + + + + + + +-- component featured-template: +caption title: +body body: +string cta-text: +string cta-link: +boolean $mouse-in: false +template-image list templates: + +-- ftd.column: +width: fill-container +spacing.fixed.px: 32 +border-bottom-width.px: 1 +padding-bottom.px: 32 +border-color: $inherited.colors.border + +-- ftd.row: +width: fill-container +spacing.fixed.px: 278 +padding-top.px: 37 + +-- ftd.column: +spacing.fixed.px: 4 +padding-bottom.px: 48 + +-- ftd.text: $featured-template.title +role: $inherited.types.heading-large +color: $inherited.colors.text-strong + +-- ftd.text: +role: $inherited.types.copy-regular +color: $inherited.colors.text + +$featured-template.body + +-- end: ftd.column + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.background.step-1 +background.solid if { featured-template.mouse-in }: $inherited.colors.hover +$on-mouse-leave$: $ftd.set-bool($a = $featured-template.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $featured-template.mouse-in, v = true) +padding-vertical.px: 12 +padding-horizontal.px: 24 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $featured-template.cta-link +color: $inherited.colors.text-strong +role: $inherited.types.button-medium + +-- ftd.text: $featured-template.cta-text + +-- ftd.image: +src: $fastn-assets.files.images.landing.arrow-icon.svg +width.fixed.px: 18 + +-- end: ftd.row + +-- end: ftd.row + +-- ftd.row: +width: fill-container +spacing.fixed.px: 32 +wrap: true + +-- template-image-list: $obj.title +$loop$: $featured-template.templates as $obj +src: $obj.src +cta-text: $obj.cta-text +cta-link: $obj.cta-link + +-- end: ftd.row + +-- end: ftd.column + +-- end: featured-template + + + + + + + + +-- component template-image-list: +caption title: +ftd.image-src src: +boolean $mouse-in: false +string cta-text: +string cta-link: + +-- ftd.column: +width.fixed.px: 352 +spacing.fixed.px: 12 +cursor: pointer +$on-mouse-enter$: $ftd.set-bool($a=$template-image-list.mouse-in, v = true) +$on-mouse-leave$: $ftd.set-bool($a=$template-image-list.mouse-in, v = false) + +-- ftd.image: +src: $template-image-list.src +width.fixed.px: 350 +height.fixed.px: 215 + +-- ftd.text: $template-image-list.title +role: $inherited.types.button-large +color: $inherited.colors.text-strong + +-- ftd.column: +if: { template-image-list.mouse-in } +width.fixed.px: 350 +height.fixed.px: 215 +border-radius.px: 6 +background.solid: $overlay-bg +anchor: parent +z-index: 1 +left.px: 0 +top.px: 0 +align-content: center + +-- cta-button: $template-image-list.cta-text +link: $template-image-list.cta-link + +-- end: ftd.column + +-- end: ftd.column + +-- end: template-image-list + + + + + + + + + + + +-- component specific: +caption title: +body body: +string cta-text: +string cta-link: +boolean $mouse-in: false + +-- ftd.column: +width: fill-container +spacing.fixed.px: 24 +padding-vertical.px: 32 + +-- ftd.column: +spacing.fixed.px: 4 + +-- ftd.text: $specific.title +role: $inherited.types.heading-medium +color: $inherited.colors.text-strong + +-- ftd.text: +role: $inherited.types.copy-regular +color: $inherited.colors.text + +$specific.body + +-- end: ftd.column + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.cta-primary.base +background.solid if { specific.mouse-in }: $inherited.colors.cta-primary.hover +$on-mouse-leave$: $ftd.set-bool($a = $specific.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $specific.mouse-in, v = true) +padding-vertical.px: 12 +padding-horizontal.px: 24 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $specific.cta-link +color: $inherited.colors.cta-tertiary.text +role: $inherited.types.button-medium + +-- ftd.text: $specific.cta-text + +-- ftd.image: +src: $fastn-assets.files.images.landing.arrow-icon.svg +width.fixed.px: 18 + +-- end: ftd.row + +-- end: ftd.column + +-- end: specific + + + + + + + + + +-- component cta-button: +caption title: +optional string link: + +-- ftd.row: +border-radius.px: 30 +padding-vertical.px: 12 +padding-horizontal.px: 24 +align-content: center +background.solid: $inherited.colors.accent.primary +link: $cta-button.link + +-- ftd.text: $cta-button.title +color: $inherited.colors.cta-tertiary.text +role: $inherited.types.copy-small +white-space: nowrap +style: bold + +-- end: ftd.row + +-- end: cta-button + + + + + + + + + + + +-- component hero-section: +caption title: +body body: +string cta-text: +string cta-link: +ftd.image-src image: +boolean $mouse-in: false + +-- ftd.column: +width: fill-container + +-- ftd.desktop: + +-- ftd.row: +width: fill-container +background.solid: $inherited.colors.background.step-1 +align-content: center +spacing: space-between + +-- ftd.column: +width.fixed.percent: 50 +spacing.fixed.px: 24 +padding.px: 70 + +-- ftd.column: +spacing.fixed.px: 16 + +-- ftd.text: $hero-section.title +role: $inherited.types.heading-hero +color: $inherited.colors.text-strong + +-- ftd.text: +role: $inherited.types.copy-large +color: $inherited.colors.text + +$hero-section.body + +-- end: ftd.column + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.cta-primary.base +background.solid if { hero-section.mouse-in }: $inherited.colors.cta-primary.hover +$on-mouse-leave$: $ftd.set-bool($a = $hero-section.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $hero-section.mouse-in, v = true) +padding-vertical.px: 12 +padding-horizontal.px: 24 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $hero-section.cta-link +color: $inherited.colors.cta-tertiary.text +role: $inherited.types.button-medium + +-- ftd.text: $hero-section.cta-text + +-- ftd.image: +src: $fastn-assets.files.images.landing.arrow-icon.svg +width.fixed.px: 18 + +-- end: ftd.row + +-- end: ftd.column + +-- ftd.image: +src: $hero-section.image +height.fixed.px: 496 +fit: contain + +-- end: ftd.row + +-- end: ftd.desktop + +-- ftd.mobile: + +-- ftd.column: +width: fill-container +background.solid: $inherited.colors.background.step-1 +spacing.fixed.px: 24 +padding-horizontal.px: 24 + +-- ftd.column: +spacing.fixed.px: 16 + +-- ftd.text: $hero-section.title +role: $inherited.types.heading-hero +color: $inherited.colors.text-strong + +-- ftd.text: +role: $inherited.types.copy-large +color: $inherited.colors.text + +$hero-section.body + +-- end: ftd.column + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.cta-primary.base +background.solid if { hero-section.mouse-in }: $inherited.colors.cta-primary.hover +$on-mouse-leave$: $ftd.set-bool($a = $hero-section.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $hero-section.mouse-in, v = true) +padding-vertical.px: 12 +padding-horizontal.px: 24 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $hero-section.cta-link +color: $inherited.colors.cta-tertiary.text +role: $inherited.types.button-medium + +-- ftd.text: $hero-section.cta-text + +-- ftd.image: +src: $fastn-assets.files.images.landing.arrow-icon.svg +width.fixed.px: 18 + +-- end: ftd.row + +-- ftd.image: +src: $hero-section.image +width: fill-container +fit: contain + +-- end: ftd.column + +-- end: ftd.mobile + +-- end: ftd.column + +-- end: hero-section + + + + + + + + + +-- component business-card: +caption title: +body body: +string cta-text: +string cta-link: +ftd.image-src icon: +ftd.image-src image: +boolean $mouse-in: false + +-- ftd.row: +width: fill-container +background.solid: $inherited.colors.custom.two +align-content: center +spacing.fixed.px: 74 +padding-vertical.px: 80 + +-- ftd.image: +src: $business-card.image +height.fixed.px: 387 +fit: contain + +-- ftd.column: +padding-right.px: 140 +width.fixed.px: 573 +spacing.fixed.px: 32 + +-- ftd.image: +src: $business-card.icon +height.fixed.px: 67 + +-- ftd.text: $business-card.title +role: $inherited.types.heading-large +color: $inherited.colors.cta-tertiary.text + +-- ftd.text: +role: $inherited.types.copy-large +color: $inherited.colors.cta-tertiary.text +opacity: 0.9 + +$business-card.body + +-- ftd.row: +align-content: center +background.solid: $inherited.colors.cta-primary.base +background.solid if { business-card.mouse-in }: $inherited.colors.cta-primary.hover +$on-mouse-leave$: $ftd.set-bool($a = $business-card.mouse-in, v = false) +$on-mouse-enter$: $ftd.set-bool($a = $business-card.mouse-in, v = true) +padding-vertical.px: 12 +padding-horizontal.px: 24 +border-radius.px: 58 +spacing.fixed.px: 4 +link: $business-card.cta-link +color: $inherited.colors.cta-tertiary.text +role: $inherited.types.button-medium + +-- ftd.text: $business-card.cta-text + +-- ftd.image: +src: $fastn-assets.files.images.landing.arrow-icon.svg +width.fixed.px: 18 + +-- end: ftd.row + +-- end: ftd.column + +-- end: ftd.row + +-- end: business-card + + + + + + + + + + +-- component template-cards: +string title-1: +string title-2: +string title-3: +string sub-title-1: +string sub-title-2: +string sub-title-3: +ftd.image-src image-1: +ftd.image-src image-2: +ftd.image-src image-3: + +-- ftd.column: +width: fill-container +padding-vertical.px: 128 +padding-horizontal.px: 140 + +-- ftd.row: +width: fill-container + +-- ftd.image: +src: $template-cards.image-1 +width.fixed.px: 580 +height.fixed.px: 433 + +-- ftd.column: +spacing.fixed.px: 32 +width.fixed.px: 580 +height.fixed.px: 433 +background.solid: $inherited.colors.background.step-1 +align-content: center +padding-horizontal.px: 34 + +-- ftd.text: $template-cards.title-1 +role: $inherited.types.heading-large +color: $inherited.colors.text-strong + +-- ftd.text: $template-cards.sub-title-1 +role: $inherited.types.copy-large +color: $inherited.colors.text +text-align: center + +-- end: ftd.column + +-- end: ftd.row + +-- ftd.row: +width: fill-container + +-- ftd.column: +spacing.fixed.px: 32 +width.fixed.px: 580 +height.fixed.px: 433 +background.solid: $inherited.colors.background.step-1 +align-content: center +padding-horizontal.px: 34 + +-- ftd.text: $template-cards.title-2 +role: $inherited.types.heading-large +color: $inherited.colors.text-strong + +-- ftd.text: $template-cards.sub-title-2 +role: $inherited.types.copy-large +color: $inherited.colors.text +text-align: center + +-- end: ftd.column + +-- ftd.image: +src: $template-cards.image-2 +width.fixed.px: 580 +height.fixed.px: 433 + +-- end: ftd.row + +-- ftd.row: +width: fill-container + +-- ftd.image: +src: $template-cards.image-3 +width.fixed.px: 580 +height.fixed.px: 433 + +-- ftd.column: +spacing.fixed.px: 32 +width.fixed.px: 580 +height.fixed.px: 433 +background.solid: $inherited.colors.background.step-1 +align-content: center +padding-horizontal.px: 34 + +-- ftd.text: $template-cards.title-3 +role: $inherited.types.heading-large +color: $inherited.colors.text-strong + +-- ftd.text: $template-cards.sub-title-3 +role: $inherited.types.copy-large +color: $inherited.colors.text +text-align: center + +-- end: ftd.column + +-- end: ftd.row + + +-- end: ftd.column + +-- end: template-cards + + + + + + +-- record template-image: +caption title: +ftd.image-src src: +string cta-text: +string cta-link: + +-- template-image list templates: + +-- template-image: Documentation site +cta-text: Start Project +cta-link: getting-started/documentation/ +src: $fastn-assets.files.images.get-started.doc.png + +-- template-image: Blog Page +cta-text: Start Project +cta-link: getting-started/blog/ +src: $fastn-assets.files.images.get-started.blog.png + +-- template-image: Landing Page +cta-text: Start Project +cta-link: getting-started/landing/ +src: $fastn-assets.files.images.get-started.landing.png + +-- template-image: Portfolio Site +cta-text: Start Project +cta-link: getting-started/portfolio/ +src: $fastn-assets.files.images.get-started.portfolio.png + +-- template-image: Resume Page +cta-text: Start Project +cta-link: getting-started/resume/ +src: $fastn-assets.files.images.get-started.resume.png + +-- end: templates + + + + +-- ftd.color overlay-bg: +light: #00000066 +dark: #00000066 \ No newline at end of file diff --git a/getting-started/landing/all-templates.ftd b/getting-started/landing/all-templates.ftd new file mode 100644 index 000000000..ae43e5808 --- /dev/null +++ b/getting-started/landing/all-templates.ftd @@ -0,0 +1,62 @@ +-- import: fastn.com/featured as ft-ui + +-- ds.page: +full-width: true +sidebar: false + +-- ft-ui.view-all: +templates: $landing + +-- end: ds.page + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg +show-large: true + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png +show-large: true + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png +show-large: true + +-- ft-ui.template: Studious Couscous +template-url: getting-started/landing/studious-couscous/ +screenshot: $fastn-assets.files.images.featured.landing.studious-couscous.png +show-large: true +wip: true + +-- ft-ui.template: CT Landing Page +template-url: getting-started/landing/ct-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ct-landing-page.png +show-large: true +wip: true + +-- ft-ui.template: Docusaurus Theme +template-url: getting-started/landing/docusaurus-theme/ +screenshot: $fastn-assets.files.images.featured.landing.docusaurus-theme.png +show-large: true +wip: true + +-- ft-ui.template: Forest FOSS Template +template-url: getting-started/landing/forest-foss-template/ +screenshot: $fastn-assets.files.images.featured.landing.forest-foss-template.png +show-large: true +wip: true + +-- end: landing diff --git a/getting-started/landing/ct-landing.ftd b/getting-started/landing/ct-landing.ftd new file mode 100644 index 000000000..f9fba54cb --- /dev/null +++ b/getting-started/landing/ct-landing.ftd @@ -0,0 +1,48 @@ +-- import: fastn.com/u/saurabh-lohiya +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: CT Landing Page +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.ct-landing-page.png +owners: [$yashveer-mehra.info, $saurabh-lohiya.info] +license-url: https://github.com/saurabh-lohiya/ct-landing-page/ +license: Creative Commons +published-date: 20-June-2023 +cards: $landing +github-url: https://github.com/saurabh-lohiya/ct-landing-page/ +demo-link: https://saurabh-lohiya.github.io/ct-landing-page/ +quick-url: https://saurabh-lohiya.github.io/ct-landing-page/ +manual: User Manual +manual-url: https://saurabh-lohiya.github.io/ct-landing-page/ +demo-text: Demo +demo-url: https://saurabh-lohiya.github.io/ct-landing-page/ + + + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- end: landing + diff --git a/getting-started/landing/docusaurus-theme.ftd b/getting-started/landing/docusaurus-theme.ftd new file mode 100644 index 000000000..93f148aa5 --- /dev/null +++ b/getting-started/landing/docusaurus-theme.ftd @@ -0,0 +1,45 @@ +-- import: fastn.com/u/saurabh-garg +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Docusaurus Theme +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.docusaurus-theme.png +owners: [$ganesh-salunke.info, $saurabh-garg.info] +license-url: https://github.com/FifthTry/Docusaurus-theme/blob/main/LICENSE +license: Creative Commons +published-date: 30-Dec-2021 +cards: $landing +github-url: https://github.com/FifthTry/Docusaurus-theme +demo-link: https://fifthtry.github.io/Docusaurus-theme/ +quick-url: https://fifthtry.github.io/Docusaurus-theme/ +manual: User Manual +manual-url: https://fifthtry.github.io/Docusaurus-theme/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Docusaurus-theme/ + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- end: landing diff --git a/getting-started/landing/forest-foss-template.ftd b/getting-started/landing/forest-foss-template.ftd new file mode 100644 index 000000000..fbfc8cf42 --- /dev/null +++ b/getting-started/landing/forest-foss-template.ftd @@ -0,0 +1,44 @@ +-- import: fastn.com/u/arpita-jaiswal +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Forest FOSS Template +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.forest-foss-template.png +owners: [$arpita-jaiswal.info] +license-url: https://github.com/FifthTry/Forest-FOSS-Template/blob/main/LICENSE +license: Creative Commons +published-date: 30-Dec-2021 +cards: $landing +github-url: https://github.com/FifthTry/Forest-FOSS-Template +demo-link: https://fifthtry.github.io/Forest-FOSS-Template/ +quick-url: https://fifthtry.github.io/Forest-FOSS-Template/ +manual: User Manual +manual-url: https://fifthtry.github.io/Forest-FOSS-Template/ +demo-text: Demo +demo-url: https://fifthtry.github.io/Forest-FOSS-Template/ + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- end: landing diff --git a/getting-started/landing/index.ftd b/getting-started/landing/index.ftd new file mode 100644 index 000000000..bae4f6959 --- /dev/null +++ b/getting-started/landing/index.ftd @@ -0,0 +1,104 @@ +-- import: fastn.com/featured as ft-ui +-- import: fastn.com/getting-started as gs + +-- ds.page: +document-title: fastn | The Beginner-Friendly Full-Stack Framework +document-description: Design, develop, and deploy stunning websites and web apps effortlessly. Easy-to-learn full-stack framework. No coding knowledge required. Start now! +document-image: https://fastn.com/-/fastn.com/images/fastn-dot-com-og-image.jpg +full-width: true +sidebar: false + +-- ds.page.fluid-wrap: + +-- gs.hero-section: Landing page +cta-text: View all designs +cta-link: getting-started/landing/all-templates/ +image: $fastn-assets.files.images.get-started.simple-blog.png + +Fastn provides exhaustive frameworks to set up and scale your project in +minutes. Fastn provides exhaustive frameworks to set up and scale your project +in minutes. + +-- featured-design: + +-- gs.business-card: Create and customize Business card in minutes +icon: $fastn-assets.files.images.get-started.icon.svg +image: $fastn-assets.files.images.get-started.card.png +cta-text: View all designs +cta-link: / + +Connect your TikTok, Instagram, Twitter, website, store, videos, music, podcast, +events and more. It all comes together in a link in bio landing page designed +to convert. + +-- gs.template-cards: +title-1: Simple +sub-title-1: Start with one of dozens of templates (or a blank canvas) and make it your own +image-1: $fastn-assets.files.images.get-started.template-1.png +title-2: Free +sub-title-2: Build up to three sites per account and use all of Carrd's core features – for free! +image-2: $fastn-assets.files.images.get-started.template-1.png +title-3: Light and dark theme +sub-title-3: Connect your TikTok, Instagram, Twitter, website, store, videos, music, +image-3: $fastn-assets.files.images.get-started.template-2.png + +-- end: ds.page.fluid-wrap + +-- end: ds.page + + + + + + + + + + + +-- component featured-design: + +-- ftd.column: +width: fill-container +;;align-content: center +min-width.fixed.px: 1300 +padding-vertical.px: 112 +padding-horizontal.px: 70 + +-- ft-ui.grid-view: Featured Design +templates: $landing +more-link-text: View all +more-link: /featured/fonts/ +show-large: true + +-- end: ftd.column + +-- end: featured-design + + + + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: featured/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: featured/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Midnight Rush +template-url: featured/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- end: landing \ No newline at end of file diff --git a/getting-started/landing/midnight-storm-landing.ftd b/getting-started/landing/midnight-storm-landing.ftd new file mode 100644 index 000000000..b44cb971e --- /dev/null +++ b/getting-started/landing/midnight-storm-landing.ftd @@ -0,0 +1,45 @@ +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Storm +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.ms-landing-demo.png +owners: [$muskan-verma.info, $meenu-kumari.info] +license-url: https://github.com/fastn-community/midnight-storm/blob/main/LICENSE +license: Creative Commons +published-date: 21-May-2023 +cards: $landing +github-url: https://github.com/fastn-community/midnight-storm +demo-link: https://fastn-community.github.io/midnight-storm/landing/ +quick-url: https://fastn-community.github.io/midnight-storm/landing/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-storm/landing/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-storm/landing/ + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Studious Couscous +template-url: getting-started/landing/studious-couscous/ +screenshot: $fastn-assets.files.images.featured.landing.studious-couscous.png + +-- end: landing diff --git a/getting-started/landing/misty-gray-landing.ftd b/getting-started/landing/misty-gray-landing.ftd new file mode 100644 index 000000000..c58aa46fc --- /dev/null +++ b/getting-started/landing/misty-gray-landing.ftd @@ -0,0 +1,45 @@ +-- import: fastn.com/u/saurabh-lohiya +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Misty Gray +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.misty-gray-landing.png +owners: [$muskan-verma.info, $saurabh-lohiya.info] +license-url: https://github.com/fastn-community/misty-gray/blob/main/LICENSE +license: Creative Commons +published-date: 20-June-2023 +cards: $landing +github-url: https://github.com/fastn-community/misty-gray +demo-link: https://fastn-community.github.io/misty-gray/landing/ +quick-url: https://fastn-community.github.io/misty-gray/landing/ +manual: User Manual +manual-url: https://fastn-community.github.io/misty-gray/landing/ +demo-text: Demo +demo-url: https://fastn-community.github.io/misty-gray/landing/ + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- ft-ui.template: Studious Couscous +template-url: getting-started/landing/studious-couscous/ +screenshot: $fastn-assets.files.images.featured.landing.studious-couscous.png + +-- end: landing diff --git a/getting-started/landing/mr-landing.ftd b/getting-started/landing/mr-landing.ftd new file mode 100644 index 000000000..b3cadadec --- /dev/null +++ b/getting-started/landing/mr-landing.ftd @@ -0,0 +1,46 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/muskan-verma +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Midnight Rush +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg +owners: [$muskan-verma.info, $priyanka-yadav.info] +license-url: https://github.com/fastn-community/midnight-rush/blob/main/LICENSE +license: Creative Commons +published-date: 21-May-2023 +cards: $landing +github-url: https://github.com/fastn-community/midnight-rush +demo-link: https://fastn-community.github.io/midnight-rush/landing/ +quick-url: https://fastn-community.github.io/midnight-rush/landing/ +manual: User Manual +manual-url: https://fastn-community.github.io/midnight-rush/landing/ +demo-text: Demo +demo-url: https://fastn-community.github.io/midnight-rush/landing/ + + + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Studious Couscous +template-url: getting-started/landing/studious-couscous/ +screenshot: $fastn-assets.files.images.featured.landing.studious-couscous.png + +-- end: landing \ No newline at end of file diff --git a/getting-started/landing/studious-couscous.ftd b/getting-started/landing/studious-couscous.ftd new file mode 100644 index 000000000..1338b1a16 --- /dev/null +++ b/getting-started/landing/studious-couscous.ftd @@ -0,0 +1,44 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Studious Couscous +featured-link: getting-started/landing/all-templates/ +category: Landing Pages +image: $fastn-assets.files.images.featured.landing.studious-couscous.png +owners: [$yashveer-mehra.info, $priyanka-yadav.info] +license-url: https://github.com/priyanka9634/studious-couscous +license: Creative Commons +published-date: 21-June-2023 +cards: $landing +github-url: https://github.com/priyanka9634/studious-couscous +demo-link: https://priyanka9634.github.io/studious-couscous/ +quick-url: https://priyanka9634.github.io/studious-couscous/ +manual: User Manual +manual-url: https://priyanka9634.github.io/studious-couscous/ +demo-text: Demo +demo-url: https://priyanka9634.github.io/studious-couscous/ + + + + + + + + + +-- ft-ui.template list landing: + +-- ft-ui.template: Midnight Storm +template-url: getting-started/landing/midnight-storm-landing/ +screenshot: $fastn-assets.files.images.featured.landing.ms-landing-demo.png + +-- ft-ui.template: Misty Gray +template-url: getting-started/landing/misty-gray-landing/ +screenshot: $fastn-assets.files.images.featured.landing.misty-gray-landing.png + +-- ft-ui.template: Midnight Rush +template-url: getting-started/landing/mr-landing/ +screenshot: $fastn-assets.files.images.featured.landing.midnight-rush-landing.jpg + +-- end: landing diff --git a/getting-started/portfolio/all-templates.ftd b/getting-started/portfolio/all-templates.ftd new file mode 100644 index 000000000..8aa358861 --- /dev/null +++ b/getting-started/portfolio/all-templates.ftd @@ -0,0 +1,33 @@ +-- import: fastn.com/featured as ft-ui + +-- ds.page: +full-width: true +sidebar: false + +-- ft-ui.view-all: +templates: $portfolios + +-- end: ds.page + + + + + +-- ft-ui.template list portfolios: + +-- ft-ui.template: Texty PS +template-url: getting-started/portfolio/texty-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.texty-ps.png +show-large: true + +-- ft-ui.template: Johny PS +template-url: getting-started/portfolio/johny-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.johny-ps.png +show-large: true + +-- ft-ui.template: Portfolio +template-url: getting-started/portfolio/portfolio/ +screenshot: $fastn-assets.files.images.featured.portfolios.portfolio.png +show-large: true + +-- end: portfolios diff --git a/getting-started/portfolio/index.ftd b/getting-started/portfolio/index.ftd new file mode 100644 index 000000000..f568aba17 --- /dev/null +++ b/getting-started/portfolio/index.ftd @@ -0,0 +1,104 @@ +-- import: fastn.com/featured as ft-ui +-- import: fastn.com/getting-started as gs + +-- ds.page: +document-title: fastn | The Beginner-Friendly Full-Stack Framework +document-description: Design, develop, and deploy stunning websites and web apps effortlessly. Easy-to-learn full-stack framework. No coding knowledge required. Start now! +document-image: https://fastn.com/-/fastn.com/images/fastn-dot-com-og-image.jpg +full-width: true +sidebar: false + +-- ds.page.fluid-wrap: + +-- gs.hero-section: Portfolio page +cta-text: View all designs +cta-link: getting-started/portfolio/all-templates/ +image: $fastn-assets.files.images.get-started.simple-blog.png + +Fastn provides exhaustive frameworks to set up and scale your project in +minutes. Fastn provides exhaustive frameworks to set up and scale your project +in minutes. + +-- featured-design: + +-- gs.business-card: Create and customize Business card in minutes +icon: $fastn-assets.files.images.get-started.icon.svg +image: $fastn-assets.files.images.get-started.card.png +cta-text: View all designs +cta-link: / + +Connect your TikTok, Instagram, Twitter, website, store, videos, music, podcast, +events and more. It all comes together in a link in bio landing page designed +to convert. + +-- gs.template-cards: +title-1: Simple +sub-title-1: Start with one of dozens of templates (or a blank canvas) and make it your own +image-1: $fastn-assets.files.images.get-started.template-1.png +title-2: Free +sub-title-2: Build up to three sites per account and use all of Carrd's core features – for free! +image-2: $fastn-assets.files.images.get-started.template-1.png +title-3: Light and dark theme +sub-title-3: Connect your TikTok, Instagram, Twitter, website, store, videos, music, +image-3: $fastn-assets.files.images.get-started.template-2.png + +-- end: ds.page.fluid-wrap + +-- end: ds.page + + + + + + + + + + + +-- component featured-design: + +-- ftd.column: +width: fill-container +;;align-content: center +min-width.fixed.px: 1300 +padding-vertical.px: 112 +padding-horizontal.px: 70 + +-- ft-ui.grid-view: Featured Design +templates: $portfolios +more-link-text: View all +more-link: getting-started/portfolio/all-templates/ +show-large: true + +-- end: ftd.column + +-- end: featured-design + + + + + + + + + + + + + +-- ft-ui.template list portfolios: + +-- ft-ui.template: Texty PS +template-url: getting-started/portfolio/texty-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.texty-ps.png + +-- ft-ui.template: Johny PS +template-url: getting-started/portfolio/johny-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.johny-ps.png + +-- ft-ui.template: Portfolio +template-url: getting-started/portfolio/portfolio/ +screenshot: $fastn-assets.files.images.featured.portfolios.portfolio.png + +-- end: portfolios \ No newline at end of file diff --git a/getting-started/portfolio/johny-ps.ftd b/getting-started/portfolio/johny-ps.ftd new file mode 100644 index 000000000..ec08f5529 --- /dev/null +++ b/getting-started/portfolio/johny-ps.ftd @@ -0,0 +1,40 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Johny PS +featured-link: getting-started/portfolio/all-templates/ +category: Featured Portfolio / Personal Sites +image: $fastn-assets.files.images.featured.portfolios.johny-ps.png +owners: [$ganesh-salunke.info, $priyanka-yadav.info, $meenu-kumari.info] +license-url: https://github.com/FifthTry/jony-ps/blob/main/LICENSE +license: Creative Commons +published-date: 23-Nov-2022 +cards: $text-ps +github-url: https://github.com/FifthTry/jony-ps +demo-link: https://fifthtry.github.io/jony-ps/ +quick-url: https://fifthtry.github.io/jony-ps/ +manual: User Manual +manual-url: https://fifthtry.github.io/jony-ps/ +demo-text: Demo +demo-url: https://fifthtry.github.io/jony-ps/ + + + + + + + + +-- ft-ui.template list text-ps: + +-- ft-ui.template: Texty PS +template-url: getting-started/portfolio/texty-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.texty-ps.png + +-- ft-ui.template: Portfolio +template-url: getting-started/portfolio/portfolio/ +screenshot: $fastn-assets.files.images.featured.portfolios.portfolio.png + +-- end: text-ps diff --git a/getting-started/portfolio/portfolio.ftd b/getting-started/portfolio/portfolio.ftd new file mode 100644 index 000000000..a9886dbd5 --- /dev/null +++ b/getting-started/portfolio/portfolio.ftd @@ -0,0 +1,41 @@ +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/u/saurabh-lohiya +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Portfolio +featured-link: getting-started/portfolio/all-templates/ +category: Featured Portfolio / Personal Sites +image: $fastn-assets.files.images.featured.portfolios.portfolio.png +owners: [$yashveer-mehra.info, $saurabh-lohiya.info] +license-url: https://github.com/saurabh-lohiya/portfolio/ +license: Creative Commons +published-date: 09-Aug-2023 +cards: $text-ps +github-url:https://github.com/saurabh-lohiya/portfolio/ +demo-link: https://saurabh-lohiya.github.io/portfolio/ +quick-url: https://saurabh-lohiya.github.io/portfolio/ +manual: User Manual +manual-url: https://saurabh-lohiya.github.io/portfolio/ +demo-text: Demo +demo-url: https://saurabh-lohiya.github.io/portfolio/ + + + + + + + + + + +-- ft-ui.template list text-ps: + +-- ft-ui.template: Texty PS +template-url: getting-started/portfolio/texty-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.texty-ps.png + +-- ft-ui.template: Johny PS +template-url: getting-started/portfolio/johny-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.johny-ps.png + +-- end: text-ps diff --git a/getting-started/portfolio/texty-ps.ftd b/getting-started/portfolio/texty-ps.ftd new file mode 100644 index 000000000..e32c5c032 --- /dev/null +++ b/getting-started/portfolio/texty-ps.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Texty PS +featured-link: getting-started/portfolio/all-templates/ +category: Featured Portfolio / Personal Sites +image: $fastn-assets.files.images.featured.portfolios.texty-ps.png +owners: [$ganesh-salunke.info, $priyanka-yadav.info, $meenu-kumari.info] +license-url: https://github.com/FifthTry/texty-ps/blob/main/LICENSE +license: Creative Commons +published-date: 21-Dec-2022 +cards: $text-ps +github-url: https://github.com/FifthTry/texty-ps +demo-link: https://fifthtry.github.io/texty-ps/ +quick-url: https://fifthtry.github.io/texty-ps/ +manual: User Manual +manual-url: https://fifthtry.github.io/texty-ps/ +demo-text: Demo +demo-url: https://fifthtry.github.io/texty-ps/ + + + + + + + + + + +-- ft-ui.template list text-ps: + +-- ft-ui.template: Johny PS +template-url: getting-started/portfolio/johny-ps/ +screenshot: $fastn-assets.files.images.featured.portfolios.johny-ps.png + +-- ft-ui.template: Portfolio +template-url: getting-started/portfolio/portfolio/ +screenshot: $fastn-assets.files.images.featured.portfolios.portfolio.png + +-- end: text-ps diff --git a/getting-started/resume/all-templates.ftd b/getting-started/resume/all-templates.ftd new file mode 100644 index 000000000..19b5b12e4 --- /dev/null +++ b/getting-started/resume/all-templates.ftd @@ -0,0 +1,38 @@ +-- import: fastn.com/featured as ft-ui + +-- ds.page: +full-width: true +sidebar: false + +-- ft-ui.view-all: +templates: $resumes + +-- end: ds.page + + + + + + + + + + +-- ft-ui.template list resumes: + +-- ft-ui.template: Caffeine +template-url: getting-started/resume/caffiene/ +screenshot: $fastn-assets.files.images.featured.resumes.caffiene.png +show-large: true + +-- ft-ui.template: Resume 1 +template-url: getting-started/resume/resume-1/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-1.png +show-large: true + +-- ft-ui.template: Resume 10 +template-url: getting-started/resume/resume-10/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-10.png +show-large: true + +-- end: resumes \ No newline at end of file diff --git a/getting-started/resume/caffiene.ftd b/getting-started/resume/caffiene.ftd new file mode 100644 index 000000000..901135f54 --- /dev/null +++ b/getting-started/resume/caffiene.ftd @@ -0,0 +1,42 @@ +-- import: fastn.com/u/ganesh-salunke +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/meenu-kumari +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Caffiene +featured-link: /getting-started/resume/all-templates/ +category: Featured Resumes +image: $fastn-assets.files.images.featured.resumes.caffiene.png +owners: [$ganesh-salunke.info, $priyanka-yadav.info, $meenu-kumari.info] +license-url: https://github.com/FifthTry/caffeine-resume/blob/main/LICENSE +license: Creative Commons +published-date: 26-Jul-2022 +cards: $resumes +github-url: https://github.com/FifthTry/caffeine-resume +demo-link: https://fifthtry.github.io/caffeine-resume/ +quick-url: https://fifthtry.github.io/caffeine-resume/ +manual: User Manual +manual-url: https://fifthtry.github.io/caffeine-resume/ +demo-text: Demo +demo-url: https://fifthtry.github.io/caffeine-resume/ + + + + + + + + + + +-- ft-ui.template list resumes: + +-- ft-ui.template: Resume 1 +template-url: getting-started/resume/resume-1/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-1.png + +-- ft-ui.template: Resume 10 +template-url: getting-started/resume/resume-10/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-10.png + +-- end: resumes diff --git a/getting-started/resume/index.ftd b/getting-started/resume/index.ftd new file mode 100644 index 000000000..ec27cc8bd --- /dev/null +++ b/getting-started/resume/index.ftd @@ -0,0 +1,104 @@ +-- import: fastn.com/featured as ft-ui +-- import: fastn.com/getting-started as gs + +-- ds.page: +document-title: fastn | The Beginner-Friendly Full-Stack Framework +document-description: Design, develop, and deploy stunning websites and web apps effortlessly. Easy-to-learn full-stack framework. No coding knowledge required. Start now! +document-image: https://fastn.com/-/fastn.com/images/fastn-dot-com-og-image.jpg +full-width: true +sidebar: false + +-- ds.page.fluid-wrap: + +-- gs.hero-section: Resume page +cta-text: View all designs +cta-link: getting-started/resume/all-templates/ +image: $fastn-assets.files.images.get-started.simple-blog.png + +Fastn provides exhaustive frameworks to set up and scale your project in +minutes. Fastn provides exhaustive frameworks to set up and scale your project +in minutes. + +-- featured-design: + +-- gs.business-card: Create and customize Business card in minutes +icon: $fastn-assets.files.images.get-started.icon.svg +image: $fastn-assets.files.images.get-started.card.png +cta-text: View all designs +cta-link: / + +Connect your TikTok, Instagram, Twitter, website, store, videos, music, podcast, +events and more. It all comes together in a link in bio landing page designed +to convert. + +-- gs.template-cards: +title-1: Simple +sub-title-1: Start with one of dozens of templates (or a blank canvas) and make it your own +image-1: $fastn-assets.files.images.get-started.template-1.png +title-2: Free +sub-title-2: Build up to three sites per account and use all of Carrd's core features – for free! +image-2: $fastn-assets.files.images.get-started.template-1.png +title-3: Light and dark theme +sub-title-3: Connect your TikTok, Instagram, Twitter, website, store, videos, music, +image-3: $fastn-assets.files.images.get-started.template-2.png + +-- end: ds.page.fluid-wrap + +-- end: ds.page + + + + + + + + + + + +-- component featured-design: + +-- ftd.column: +width: fill-container +;;align-content: center +min-width.fixed.px: 1300 +padding-vertical.px: 112 +padding-horizontal.px: 70 + +-- ft-ui.grid-view: Featured Design +templates: $resumes +more-link-text: View all +more-link: getting-started/resume/all-templates/ +show-large: true + +-- end: ftd.column + +-- end: featured-design + + + + + + + + + + + + + +-- ft-ui.template list resumes: + +-- ft-ui.template: Caffeine +template-url: getting-started/resume/caffiene/ +screenshot: $fastn-assets.files.images.featured.resumes.caffiene.png + +-- ft-ui.template: Resume 1 +template-url: getting-started/resume/resume-1/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-1.png + +-- ft-ui.template: Resume 10 +template-url: getting-started/resume/resume-10/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-10.png + +-- end: resumes \ No newline at end of file diff --git a/getting-started/resume/resume-1.ftd b/getting-started/resume/resume-1.ftd new file mode 100644 index 000000000..211ea5d98 --- /dev/null +++ b/getting-started/resume/resume-1.ftd @@ -0,0 +1,40 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Resume 1 +featured-link: /getting-started/resume/all-templates/ +category: Featured Resumes +image: $fastn-assets.files.images.featured.resumes.resume-1.png +owners: [$priyanka-yadav.info, $yashveer-mehra.info] +license-url: https://github.com/priyanka9634/resume-1/blob/main/LICENSE +license: Creative Commons +published-date: 26-Jul-2022 +cards: $resumes +github-url: https://github.com/priyanka9634/resume-1 +demo-link: https://priyanka9634.github.io/resume-1/ +quick-url: https://priyanka9634.github.io/resume-1/ +manual: User Manual +manual-url: https://priyanka9634.github.io/resume-1/ +demo-text: Demo +demo-url: https://priyanka9634.github.io/resume-1/ + + + + + + + + + +-- ft-ui.template list resumes: + +-- ft-ui.template: Caffeine +template-url: getting-started/resume/caffiene/ +screenshot: $fastn-assets.files.images.featured.resumes.caffiene.png + +-- ft-ui.template: Resume 10 +template-url: getting-started/resume/resume-10/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-10.png + +-- end: resumes diff --git a/getting-started/resume/resume-10.ftd b/getting-started/resume/resume-10.ftd new file mode 100644 index 000000000..c6876f679 --- /dev/null +++ b/getting-started/resume/resume-10.ftd @@ -0,0 +1,41 @@ +-- import: fastn.com/u/priyanka-yadav +-- import: fastn.com/u/yashveer-mehra +-- import: fastn.com/featured as ft-ui + +-- ds.featured-category: Resume 10 +featured-link: /getting-started/resume/all-templates/ +category: Featured Resumes +image: $fastn-assets.files.images.featured.resumes.resume-10.png +owners: [$priyanka-yadav.info, $yashveer-mehra.info] +license-url: https://github.com/priyanka9634/resume-10/blob/main/LICENSE +license: Creative Commons +published-date: 26-Jul-2022 +cards: $resumes +github-url: https://github.com/priyanka9634/resume-10 +demo-link: https://priyanka9634.github.io/resume-10/ +quick-url: https://priyanka9634.github.io/resume-10/ +manual: User Manual +manual-url: https://priyanka9634.github.io/resume-10/ +demo-text: Demo +demo-url: https://priyanka9634.github.io/resume-10/ + + + + + + + + + + +-- ft-ui.template list resumes: + +-- ft-ui.template: Caffeine +template-url: getting-started/resume/caffiene/ +screenshot: $fastn-assets.files.images.featured.resumes.caffiene.png + +-- ft-ui.template: Resume 1 +template-url: getting-started/resume/resume-1/ +screenshot: $fastn-assets.files.images.featured.resumes.resume-1.png + +-- end: resumes diff --git a/images/get-started/blog-dark.png b/images/get-started/blog-dark.png new file mode 100644 index 000000000..4fdfa7407 Binary files /dev/null and b/images/get-started/blog-dark.png differ diff --git a/images/get-started/blog-temp.png b/images/get-started/blog-temp.png new file mode 100644 index 000000000..e1fc071e2 Binary files /dev/null and b/images/get-started/blog-temp.png differ diff --git a/images/get-started/blog.png b/images/get-started/blog.png new file mode 100644 index 000000000..2c156b65a Binary files /dev/null and b/images/get-started/blog.png differ diff --git a/images/get-started/card.png b/images/get-started/card.png new file mode 100644 index 000000000..6dbb0d8f0 Binary files /dev/null and b/images/get-started/card.png differ diff --git a/images/get-started/doc-dark.png b/images/get-started/doc-dark.png new file mode 100644 index 000000000..dac5eccd5 Binary files /dev/null and b/images/get-started/doc-dark.png differ diff --git a/images/get-started/doc.png b/images/get-started/doc.png new file mode 100644 index 000000000..d5d2326ad Binary files /dev/null and b/images/get-started/doc.png differ diff --git a/images/get-started/icon.svg b/images/get-started/icon.svg new file mode 100644 index 000000000..24823c796 --- /dev/null +++ b/images/get-started/icon.svg @@ -0,0 +1,4 @@ + + + + diff --git a/images/get-started/img1.png b/images/get-started/img1.png new file mode 100644 index 000000000..74cde67a2 Binary files /dev/null and b/images/get-started/img1.png differ diff --git a/images/get-started/img2.png b/images/get-started/img2.png new file mode 100644 index 000000000..8c0bccf95 Binary files /dev/null and b/images/get-started/img2.png differ diff --git a/images/get-started/img3.png b/images/get-started/img3.png new file mode 100644 index 000000000..d89273c12 Binary files /dev/null and b/images/get-started/img3.png differ diff --git a/images/get-started/landing-dark.png b/images/get-started/landing-dark.png new file mode 100644 index 000000000..f1121aab0 Binary files /dev/null and b/images/get-started/landing-dark.png differ diff --git a/images/get-started/landing.png b/images/get-started/landing.png new file mode 100644 index 000000000..97ce7580c Binary files /dev/null and b/images/get-started/landing.png differ diff --git a/images/get-started/portfolio-dark.png b/images/get-started/portfolio-dark.png new file mode 100644 index 000000000..154bfa88e Binary files /dev/null and b/images/get-started/portfolio-dark.png differ diff --git a/images/get-started/portfolio.png b/images/get-started/portfolio.png new file mode 100644 index 000000000..219d8294d Binary files /dev/null and b/images/get-started/portfolio.png differ diff --git a/images/get-started/resume-dark.png b/images/get-started/resume-dark.png new file mode 100644 index 000000000..7544b7b07 Binary files /dev/null and b/images/get-started/resume-dark.png differ diff --git a/images/get-started/resume.png b/images/get-started/resume.png new file mode 100644 index 000000000..fc2d579c3 Binary files /dev/null and b/images/get-started/resume.png differ diff --git a/images/get-started/simple-blog.png b/images/get-started/simple-blog.png new file mode 100644 index 000000000..4548cec79 Binary files /dev/null and b/images/get-started/simple-blog.png differ diff --git a/images/get-started/template-1.png b/images/get-started/template-1.png new file mode 100644 index 000000000..2d19b8c1a Binary files /dev/null and b/images/get-started/template-1.png differ diff --git a/images/get-started/template-2.png b/images/get-started/template-2.png new file mode 100644 index 000000000..2ee3626a4 Binary files /dev/null and b/images/get-started/template-2.png differ