name: Cyanine Theme
version: 2.3.3
description: 'Cyanine is a modern and flexible multi-purpose theme and the standard theme for Typemill.'
author: Trendschau
homepage: https://trendschau.net
license: MIT

settings:
  blogimage: true
  landingpage: true
  introPosition: '1'
  introFullsize: true 
  introTitle: 'Hello World'
  introMarkdown: 'Thank you for visiting my website'
  introButtonLink: '#'
  introButtonLabel: 'Configure this button'
  infoPosition: '2'
  infoMarkdown: '## Info Segment'
  teaserPosition: '3'
  teaser1title: 'Typemill'
  teaser1text: 'Visit the Typemill website'
  teaser1link: 'https://typemill.net'
  teaser1label: 'Visit Typemill'
  teaser2title: 'Plugins'
  teaser2text: 'Use some cool plugins.'
  teaser2link: 'https://plugins.typemill.net'
  teaser2label: 'Choose Plugins'
  teaser3title: 'Themes'
  teaser3text: 'Try out some beautiful themes.'
  teaser3link: 'https://themes.typemill.net'
  teaser3label: 'Choose Themes'
  contrastPosition: '4'
  contrastTitle: 'The Contrast Element'
  contrastText: 'Configure the contrast element in the theme settings.'
  contrastLink: 'https://typemill.net'
  contrastLabel: 'Link to somewhere'
  naviPosition: '5'
  naviTitle: 'Table of Contents'
  footer1: '### Footer 1'
  footer2: '### Footer 2'
  footer3: '### Footer 3'

readymades:
  standard: 
    name: 'Standard'
    description: 'The standard layout with a landingpage and the cyan/teal-brand-colors of Typemill.'
    settings:
      layoutsize: standard
      blogimage: true
      landingpage: 'on'
      introPosition: '1'
      introFullsize: true
      introTitle: 'Publishing in Your Pocket'
      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
      introButtonLink: /tm/login
      introButtonLabel: 'Login'
      introImageOpacity: '0'
      introImage: true
      infoPosition: '2'
      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
      teaserPosition: '3'
      teaser1title: Typemill
      teaser1text: 'Visit the Typemill website'
      teaser1link: 'https://typemill.net'
      teaser1label: 'Visit Typemill'
      teaser2title: Plugins
      teaser2text: 'Use some helpful plugins.'
      teaser2link: 'https://plugins.typemill.net'
      teaser2label: 'Choose Plugins'
      teaser3title: Themes
      teaser3text: 'Try out some beautiful themes.'
      teaser3link: 'https://themes.typemill.net'
      teaser3label: 'Choose Themes'
      contrastPosition: '4'
      contrastTitle: 'Typemill Newsletter'
      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
      contrastLink: 'https://typemill.net/news'
      contrastLabel: 'Visit the Newsletter'
      naviPosition: '5'
      naviTitle: 'Table of Contents'
      naviDepth: '2'
      newsPosition: '6'
      newsHeadline: News
      newsFolder: /news
      newsLabel: 'All news'
      authorPosition:
          - top
      authorIntro: Author
      datePosition:
          - top
      dateIntro: 'Last updated'
      dateFormat: d.m.Y
      collapseNav: true
      footercolumns:
          - footer1
          - footer2
          - footer3
      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
      font: ''
      fontheadline: ''
      fontnavi: ''
      brandcolorprimary: ''
      fontcolorprimary: ''
      newsbackground: ''
      newscolor: ''
      brandcolortertiary: ''
      fontcolortertiary: ''
      bordercolortertiary: ''
      fontcolorlink: ''
      brandcolorsecondary: ''
      fontcolorsecondary: ''
      codebackground: ''
      codecolor: ''
      contentnavihoverbackground: ''
      contentnavihovercolor: ''
      thinbordercolor: ''
      noticecolors: true
      customcss: ".landingpageinfo ol{\n  text-align:left;\n}"
  darkdemo:
    name: 'Dark Demo' 
    description: 'A dark layout with a landingpage and a background animation on the intro-screen.' 
    settings:
      layoutsize: standard
      blogimage: true
      landingpage: 'on'
      introPosition: '1'
      introFullsize: true
      introTitle: 'Publishing in Your Pocket'
      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
      introButtonLink: /tm/login
      introButtonLabel: 'Login'
      introImageOpacity: '0'
      introImage: true
      infoPosition: '2'
      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
      teaserPosition: '3'
      teaser1title: Typemill
      teaser1text: 'Visit the Typemill website'
      teaser1link: 'https://typemill.net'
      teaser1label: 'Visit Typemill'
      teaser2title: Plugins
      teaser2text: 'Use some helpful plugins.'
      teaser2link: 'https://plugins.typemill.net'
      teaser2label: 'Choose Plugins'
      teaser3title: Themes
      teaser3text: 'Try out some beautiful themes.'
      teaser3link: 'https://themes.typemill.net'
      teaser3label: 'Choose Themes'
      contrastPosition: '4'
      contrastTitle: 'Typemill Newsletter'
      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
      contrastLink: 'https://typemill.net/news'
      contrastLabel: 'Visit the Newsletter'
      naviPosition: '5'
      naviTitle: 'Table of Contents'
      naviDepth: '2'
      newsPosition: '6'
      newsHeadline: News
      newsFolder: /news
      newsLabel: 'All news'
      authorPosition:
          - top
      authorIntro: Author
      datePosition:
          - top
      dateIntro: 'Last updated'
      dateFormat: d.m.Y
      collapseNav: true
      footercolumns:
          - footer1
          - footer2
          - footer3
      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
      font: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      brandcolorprimary: '#414248'
      fontcolorprimary: '#d0cfcd'
      newsbackground: '#F0EFF0'
      newscolor: '#414248'
      brandcolortertiary: '#414248'
      fontcolortertiary: '#d0cfcd'
      bordercolortertiary: '#d0cfcd'
      fontcolorlink: '#007aff'
      brandcolorsecondary: '#414248'
      fontcolorsecondary: '#d0cfcd'
      codebackground: '#d0cfcd'
      codecolor: '#414248'
      contentnavihoverbackground: '#F0EFF0'
      contentnavihovercolor: '#414248'
      thinbordercolor: '#d0cfcd'
      noticecolors: true
      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageinfo ol{\n  text-align:left;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #38393F;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
  lightdemo:
    name: 'Light Demo' 
    description: 'A light layout with a landingpage and a background animation on the intro-screen.' 
    settings:
      layoutsize: standard
      blogimage: true
      landingpage: 'on'
      introPosition: '1'
      introFullsize: true
      introTitle: 'Publishing in Your Pocket'
      introMarkdown: 'Typemill is the most lightweight solution to publish websites, pdfs and epubs. Own your data and create websites, documentations, manuals, handbooks, and more.'
      introButtonLink: /tm/login
      introButtonLabel: 'Login'
      introImageOpacity: '0'
      introImage: true
      infoPosition: '2'
      infoMarkdown: "## Popular Solutions\n\n1. **Documentations and Manuals:** Small companies use Typemill to create documentation and manuals for both digital and physical products. Did you know that you can now provide machine manuals as PDFs and websites? With Typemill, you can do both effortlessly.\n2. **Reports and handbooks:** Small organizations rely on Typemill for efficient reporting. Save time by producing your report as both a website and a PDF: write once, publish twice!\n3. **Fast websites:** Typemill provides an incredible performance and an awesome author experience. Why struggle with complex technology when you can get your things done with Typemill quickly?"
      teaserPosition: '3'
      teaser1title: Typemill
      teaser1text: 'Visit the Typemill website'
      teaser1link: 'https://typemill.net'
      teaser1label: 'Visit Typemill'
      teaser2title: Plugins
      teaser2text: 'Use some helpful plugins.'
      teaser2link: 'https://plugins.typemill.net'
      teaser2label: 'Choose Plugins'
      teaser3title: Themes
      teaser3text: 'Try out some beautiful themes.'
      teaser3link: 'https://themes.typemill.net'
      teaser3label: 'Choose Themes'
      contrastPosition: '4'
      contrastTitle: 'Typemill Newsletter'
      contrastText: 'Every month on the 15th a new release of Typemill is published. Stay in the loop and subscribe to the newsletter.'
      contrastLink: 'https://typemill.net/news'
      contrastLabel: 'Visit the Newsletter'
      naviPosition: '5'
      naviTitle: 'Table of Contents'
      naviDepth: '2'
      newsPosition: '6'
      newsHeadline: News
      newsFolder: /news
      newsLabel: 'All news'
      authorPosition:
          - top
      authorIntro: Author
      datePosition:
          - top
      dateIntro: 'Last updated'
      dateFormat: d.m.Y
      collapseNav: true
      footercolumns:
          - footer1
          - footer2
          - footer3
      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
      font: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      brandcolorprimary: '#F0EFF0'
      fontcolorprimary: '#414248'
      newsbackground: '#d0cfcd'
      newscolor: '#414248'
      brandcolortertiary: '#414248'
      fontcolortertiary: '#d0cfcd'
      bordercolortertiary: '#d0cfcd'
      fontcolorlink: '#007aff'
      brandcolorsecondary: '#F0EFF0'
      fontcolorsecondary: '#414248'
      codebackground: '#414248'
      codecolor: '#d0cfcd'
      contentnavihoverbackground: '#414248'
      contentnavihovercolor: '#F0EFF0'
      thinbordercolor: '#d0cfcd'
      noticecolors: true
      customcss: ".landingpageintro{\n  text-align:left;\n  background:transparent;\n}\n.landingpageinfo ol{\n  text-align:left;\n}\n.landingpageintro h1{\n  font-size: 2rem;\n}\n.landingpageintro, .landingpagecontrast, .landingpagenavi, .landingpagenews, main, footer{\n  border-bottom: 1px solid #6D6D6D;\n}\n.landingpagenavi li, .navigation li{\n  border: 0px;\n}\nul.landingpagenavi, ul.navigation{\n  background: #d0cfcd;\n}\n.navigation a, .navigation a:hover, .navigation a:focus, .navigation a:active{\n  color: #414248;\n}\n.landingpageintro::before {\n  position: absolute;\n  content: '';\n  left: 5%;\n  top: 5%;\n  bottom: 5%;\n  right: 5%;\n  background: #d0cfcd;\n  border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;\n  will-change: border-radius, transform, opacity;\n  animation: sliderShape 20s linear infinite;\n  display: block;\n  z-index: -1;\n  -webkit-animation: sliderShape 20s linear infinite;\n}\n@keyframes sliderShape{\n  0%,100%{\n  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  34%{\n      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;\n    transform:  translate3d(0,5px,0) rotateZ(0.01deg);\n  }\n  50%{\n    transform: translate3d(0,0,0) rotateZ(0.01deg);\n  }\n  67%{\n    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;\n    transform: translate3d(0,-3px,0) rotateZ(0.01deg);\n  }\n}"
  newspage:
    name: 'Newspage' 
    description: 'A simple layout with firebrick-colors and with a news-list on the startpage.' 
    settings:
      layoutsize: standard
      blogimage: true
      blog: true
      blogfolder: /news
      blogintro: false
      landingpage: false
      introPosition: '0'
      infoPosition: '0'
      teaserPosition: '0'
      contrastPosition: '0'
      naviPosition: '0'
      introFullsize: false
      introTitle: ''
      introMarkdown: ''
      introButtonLink: ''
      introButtonLabel: ''
      infoMarkdown: ''
      teaser1title: ''
      teaser1text: ''
      teaser1link: ''
      teaser1label: ''
      teaser2title: ''
      teaser2text: ''
      teaser2link: ''
      teaser2label: ''
      teaser3title: ''
      teaser3text: ''
      teaser3link: ''
      teaser3label: ''
      contrastTitle: ''
      contrastText: ''
      contrastLink: ''
      contrastLabel: ''
      naviTitle: ''
      authorPosition:
        - top
      authorIntro: Author
      datePosition:
        - top
      dateIntro: 'Last updated'
      dateFormat: d.m.Y
      collapseNav: true
      footercolumns:
        - footer1
        - footer2
        - footer3
      footer1: "### Typemill\n\nTypemill is a lightweight, flat-file CMS designed for simple, fast, and flexible website and eBook creation using Markdown. [Visit Typemill](https://typemill.net)"
      footer2: "### Resources\n\n* [Typemill on GitHub](https://github.com/typemill/typemill)\n* [Theme Directory](https://themes.typemill.net)\n* [Plugin Directory](https://plugins.typemill.net)\n"
      footer3: "### News\n\n* [Newsletter](https://typemill.net/news)\n* [Discussions](https://github.com/typemill/typemill/discussions)\n* [Mastodon](https://mastodon.social/@typemill)\n* [Twitter](https://twitter.com/typemill)"
      font: 'georgia,times,serif'
      fontheadline: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      fontnavi: 'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif'
      brandcolorprimary: firebrick
      fontcolorprimary: ''
      newsbackground: ''
      newscolor: ''
      brandcolortertiary: firebrick
      fontcolortertiary: ''
      bordercolortertiary: white
      fontcolorlink: firebrick
      brandcolorsecondary: white
      fontcolorsecondary: ''
      codebackground: ''
      codecolor: ''
      contentnavihoverbackground: firebrick
      contentnavihovercolor: ''
      thinbordercolor: ''
      noticecolors: 'on'

forms:
  fields:

    layout:
      type: fieldset
      legend: General Layout
      fields:
        layoutsize:
          type: select
          label: Layout Size
          options:
            standard: Standard
            large: Large
            full: Full Width

    bloghomepage:
      type: fieldset
      legend: 'Post Configuration (Blog or News)'
      fields:
        blogimage:
          type: checkbox
          label: 'Hero Images'
          checkboxlabel: 'Show hero images in all lists of posts'
        blog:
          type: checkbox
          label: 'Posts on Homepage'
          checkboxlabel: 'Show posts on the homepage'
        blogfolder:
          type: text
          label: 'Folder for Posts on Homepage'
          placeholder: '/blog'
          description: 'Add the relative pasts to the folder with posts that should appear on the homepage'
        blogintro:
          type: checkbox
          label: 'Homepage Intro Text'
          checkboxlabel: 'Show the text of the homepage and list posts below'

    landing:
      type: fieldset
      legend: 'Landingpage'
      fields:
        landingpage:
          type: checkbox
          checkboxlabel: 'Activate a landing page with different segments on the homepage. Configure the segments in the fieldsets below.'
        introPosition:
          type: number
          label: 'Position of Intro Segment'
          description: 'A intro segment with a title, a slogan, a call to action, and a background-image. Use 0 to disable this section.'
          css: 'lg:w-full'
        infoPosition:
          type: number
          label: 'Position of Info Segment'
          description: 'A content segment with pure makrdown. Use 0 to disable the section.'
          css: 'lg:w-full'
        teaserPosition:
          type: number
          label: 'Position of Teaser Segment'
          description: 'Use up to three horizontal teasers with call to action buttons. Use 0 to disable the section.'
          css: 'lg:w-full'
        contrastPosition:
          type: number
          label: 'Position of Contrast Segment'
          description: 'A content segment wiht pure markdown and inverted colors for contrast. Use 0 to disable the section.'
        naviPosition:
          type: number
          label: 'Position of Navigation Segment'
          description: 'A segment with the navigation/table of contents. Use 0 to disable the section.'
        newsPosition:
          type: number
          label: 'Position of News Segment'
          description: 'A segment with three content-teasers for latest news or posts from a folder. Use 0 to disable the section.'
          css: 'lg:w-full'

    landingpageIntro:
      type: fieldset
      legend: 'Landingpage Intro Segment'
      fields:
        introFullsize:
          type: checkbox
          label: Full Screen
          checkboxlabel: Use full screen for the intro segment
        introTitle:
          type: text
          label: Title for your landingpage intro
          placeholder: Typemill
          css: 'lg:w-full'
        introMarkdown:
          type: textarea
          label: Text for your landingpage intro (use markdown)
        introButtonLink:
          type: text
          label: Link for startbutton
          placeholder: /my/deeplink
          css: 'lg:w-half'
        introButtonLabel:
          type: text
          label: Label for startbutton
          placeholder: my label
          css: 'lg:w-half'
        introBackground:
          type: image
          label: Background Image
          description: Use the original size if you want to improve the quality of the background image.
        introImageOpacity:
          type: text
          label: Background Image Opacity
          placeholder: 0.8
          description: 0 is without transparency, 1 is fully transparent and invisible
        introImageBlendmode:
          type: select
          label: Blend mode for background image
          options: 
            lighten: 'lighten'
            darken: 'darken'
        introLogoTitle:
          type: checkbox
          label: Logo as title
          checkboxlabel: Use the website logo from system settings instead of title
        introTitleFallback:
          type: checkbox
          label: Title Fallback
          checkboxlabel: Use the title of the homepage as fallback
        introMarkdownFallback:
          type: checkbox
          label: Intro Text Fallback
          checkboxlabel: Use the content of the homepage as fallback
        introImage:
          type: checkbox
          label: Background Image Fallback
          checkboxlabel: Use the hero-image of the homepage as background image

    landingpageInfo:
      type: fieldset
      legend: Landingpage Info Segment
      fields:
        infoMarkdown:
          type: textarea
          label: Use Markdown
        infoFolder:
          type: text
          label: List entries from folder
          placeholder: /folder
          description: Add a path to a folder from which you want to list entries
          css: 'lg:w-full'

    landingpageTeaser:
      type: fieldset
      legend: Landingpage Teaser Segment
      fields:
        teaser1title:
          type: text
          label: Teaser 1 Title
          css: 'lg:w-half'
        teaser1text:
          type: text
          label: Teaser 1 Text
          css: 'lg:w-half'
        teaser1link:
          type: text
          label: Teaser 1 Link
          css: 'lg:w-half'
        teaser1label:
          type: text
          label: Teaser 1 Label
          css: 'lg:w-half'
        teaser2title:
          type: text
          label: Teaser 2 Title
          css: 'lg:w-half'
        teaser2text:
          type: text
          label: Teaser 2 Text
          css: 'lg:w-half'
        teaser2link:
          type: text
          label: Teaser 2 Link
          css: 'lg:w-half'
        teaser2label:
          type: text
          label: Teaser 2 Label
          css: 'lg:w-half'
        teaser3title:
          type: text
          label: Teaser 3 Title
          css: 'lg:w-half'
        teaser3text:
          type: text
          label: Teaser 3 Text
          css: 'lg:w-half'
        teaser3link:
          type: text
          label: Teaser 3 Link
          css: 'lg:w-half'
        teaser3label:
          type: text
          label: Teaser 3 Label
          css: 'lg:w-half'

    landingpageContrast:
      type: fieldset
      legend: Landingpage Contrast Segment
      fields:
        contrastTitle:
          type: text
          label: Title
        contrastText:
          type: textarea
          label: Text
        contrastLink:
          type: text
          label: Button Link
          css: 'lg:w-half'
        contrastLabel:
          type: text
          label: Button Label
          css: 'lg:w-half'

    landingpageNavi:
      type: fieldset
      legend: Landingpage Navigation Segment
      fields:
        naviTitle:
          type: text
          label: Title for navigation
        naviDepth:
          type: number
          label: How many navigation levels?

    landingpageNews:
      type: fieldset
      legend: Landingpage News Segment      
      fields:
        newsHeadline:
          type: text
          label: Headline for news-segment
          placeholder: News
          css: 'lg:w-full'
        newsFolder:
          type: text
          label: List entries from folder
          placeholder: /blog
          description: Add a path to a folder from which you want to list entries
          css: 'lg:w-full'
        newsLabel:
          type: text
          label: Label for read more link
          placeholder: All News
          css: 'lg:w-full'

    fieldsetAuthor:
      type: fieldset
      legend: Article Author
      fields:
        authorPosition:
          type: checkboxlist
          label: Position of article author-line (top/bottom)
          options:
            top: Top
            bottom: Bottom

        authorIntro:
          type: text
          label: Author intro text
          placeholder: Author

    fieldsetDate:
      type: fieldset
      legend: Article Date
      fields:
        datePosition:
          type: checkboxlist
          label: Position of article date (top/bottom)
          options:
            top: Top
            bottom: Bottom

        dateIntro:
          type: text
          label: Date intro text
          placeholder: Last Updated
          css: 'lg:w-half'

        dateFormat:
          type: select
          label: Date format
          css: 'lg:w-half'
          options:
            'm/d/Y': 01/20/2020
            'd.m.Y': 20.01.2020

    fieldsetGitHub:
      type: fieldset
      legend: Article edit link
      fields:
        gitPosition:
          type: checkboxlist
          label: Position of the edit link (top/bottom)
          options:
            top: Top
            bottom: Bottom

        gitLink:
          type: text
          label: Link to repository
          placeholder: https://github.com/typemill/documentation
          help: Add the base url to the content repository (e.g. github).

        editText:
          type: text
          label: Text/label for edit link
          placeholder: edit on github

        editIcon:
          type: checkbox
          label: Icon
          checkboxlabel: use an edit-icon instead of text

    fieldsetPrint:
      type: fieldset
      legend: Print Button
      fields:
        printPosition:
          type: checkboxlist
          label: Position of the print-button (top/bottom)
          options:
            top: Top
            bottom: Bottom

        printText:
          type: text
          label: Text/label for print-button
          placeholder: print

        printIcon:
          type: checkbox
          label: Icon
          checkboxlabel: use a print-icon instead of text

    fieldsetNavigations:
      type: fieldset
      legend: Navigations and Chapters
      fields:
        chapnum:
          type: checkbox
          label: Chapter Numbers
          checkboxlabel: Show chapter numbers in navigation?
        collapseNav:
          type: checkbox
          label: Collapse navigation
          checkboxlabel: Collapse and expand navigation?
        expand:
          type: text
          label: Label for expand button
          placeholder: expand navigation
          css: 'lg:w-half'
        collapse:
          type: text
          label: Label for collapse button
          placeholder: collapse navigation
          css: 'lg:w-half'
        next:
          type: text
          label: Label for next link
          placeholder: next
          css: 'lg:w-half'
        previous:
          type: text
          label: Label for previous link
          placeholder: previous
          css: 'lg:w-half'

    fieldsetfooter:
      type: fieldset
      legend: 'Footer columns'
      fields:
        footercolumns:
          type: checkboxlist
          label: 'Activate footer columns'
          options:
            footer1: 'Column 1'
            footer2: 'Column 2'
            footer3: 'Column 3'
        footer1:
          type: textarea
          label: 'footer column 1 (use markdown)'
        footer2:
          type: textarea
          label: 'footer column 2 (use markdown)'
        footer3:
          type: textarea
          label: 'footer column 3 (use markdown)'

    fieldsetcopyrightline:
      type: fieldset
      legend: 'Copyright Line'
      fields:
        copyrightline:
          type: checkbox
          checkboxlabel: 'Overwrite the copyright line'
        copyrightlinetext:
          type: textarea
          label: 'Overwrite Copyright Line (use markdown)'
          description: 'If overwrite the copyright line with the link to typemill, then please support Typemill e.g. with a link in the imprint, a blog-post, a social media mention or a recommendation.'

    fieldsetFonts:
      type: fieldset
      legend: 'Font Families'
      fields:
        font:
          type: select
          label: 'General font-family'
          description: 'All fonts are system fonts with fallbacks'
          options:
            'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif': 'sans-serif'
            'georgia,times,serif': 'serif'
            'courier,sans-serif': 'courier (sans-serif)'
            'helvetica,sans-serif': 'helvetica (sans-serif)'
            'avenir,sans-serif': 'avenir (sans-serif)'
            'athelas,serif': 'athelas (serif)'
            'georgia,serif': 'georgia (serif)'
            'times,serif': 'times (serif)'
            'bodoni,serif': 'bodoni (serif)'
            'calisto,serif': 'calisto (serif)'
            'garamond,serif': 'garamond (serif)'
            'baskerville,serif': 'baskerville (serif)'
        fontheadline:
          type: select
          label: 'Font-family for headlines'
          description: 'All fonts are system fonts with fallbacks'
          options:
            'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif': 'sans-serif'
            'georgia,times,serif': 'serif'
            'courier,sans-serif': 'courier (sans-serif)'
            'helvetica,sans-serif': 'helvetica (sans-serif)'
            'avenir,sans-serif': 'avenir (sans-serif)'
            'athelas,serif': 'athelas (serif)'
            'georgia,serif': 'georgia (serif)'
            'times,serif': 'times (serif)'
            'bodoni,serif': 'bodoni (serif)'
            'calisto,serif': 'calisto (serif)'
            'garamond,serif': 'garamond (serif)'
            'baskerville,serif': 'baskerville (serif)'
        fontnavi:
          type: select
          label: 'Font-family for navigations'
          description: 'All fonts are system fonts with fallbacks'
          options:
            'BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif': 'sans-serif'
            'georgia,times,serif': 'serif'
            'courier,sans-serif': 'courier (sans-serif)'
            'helvetica,sans-serif': 'helvetica (sans-serif)'
            'avenir,sans-serif': 'avenir (sans-serif)'
            'athelas,serif': 'athelas (serif)'
            'georgia,serif': 'georgia (serif)'
            'times,serif': 'times (serif)'
            'bodoni,serif': 'bodoni (serif)'
            'calisto,serif': 'calisto (serif)'
            'garamond,serif': 'garamond (serif)'
            'baskerville,serif': 'baskerville (serif)'
            
    fieldsetColors:
      type: fieldset
      legend: 'Colors'
      fields:
        brandcolorprimary:
          type: text
          label: 'Background color for body'
          placeholder: 'leightseagreen'
          css: 'lg:w-half'
        fontcolorprimary:
          type: text
          label: 'Font color for body'
          placeholder: 'white'
          css: 'lg:w-half'
        newsbackground:
          type: text
          label: 'Background color for news-box'
          placeholder: 'white'
          css: 'lg:w-half'
        newscolor:
          type: text
          label: 'Font color for news-box'
          placeholder: '#333'
          css: 'lg:w-half'
        brandcolortertiary:
          type: text
          label: 'Background color for buttons'
          placeholder: 'lightseagreen'
          css: 'lg:w-half'
        fontcolortertiary:
          type: text
          label: 'Font color for buttons'
          placeholder: '#F7F7F7'
          css: 'lg:w-half'
        bordercolortertiary:
          type: text
          label: 'Border color for buttons'
          placeholder: '#F7F7F7'
          css: 'lg:w-half'
        fontcolorlink:
          type: text
          label: 'Font color for content links'
          placeholder: '#007F7F'
          css: 'lg:w-half'
        brandcolorsecondary:
          type: text
          label: 'Background color for content'
          placeholder: '#f7f7f7'
          css: 'lg:w-half'
        fontcolorsecondary:
          type: text
          label: 'Font color for content'
          placeholder: '#333'
          css: 'lg:w-half'
        codebackground:
          type: text
          label: 'Background color for code'
          placeholder: '#ddd'
          css: 'lg:w-half'
        codecolor:
          type: text
          label: 'Font color for code'
          placeholder: '#333'
          css: 'lg:w-half'
        contentnavihoverbackground:
          type: text
          label: 'Background color for hover of content navigation'
          placeholder: 'lightseagreen'
          css: 'lg:w-half'
        contentnavihovercolor:
          type: text
          label: 'Font color for hover of content navigation'
          placeholder: 'white'
          css: 'lg:w-half'
        thinbordercolor:
          type: text
          label: 'Thin border color'
          placeholder: 'lightgray'
          description: 'Used for content navigation, table and horizontal line'
          css: 'lg:w-half'
        noticecolors:
          type: checkbox
          label: 'Color for notices'
          checkboxlabel: 'Use grayscale color schema for notices'
          css: 'lg:w-half'

metatabs:
  meta:
    fields:
      fieldsetfolder:
        fields:
          glossary:
            type: checkbox
            label: 'Glossary List (cyanine theme)'
            checkboxlabel: 'List pages or posts of this folder as glossary (only for folders)'
      fieldsetTemplates:
        type: fieldset
        legend: 'Templates'
        fields:
          template:
            type: select
            label: Select a template
            options:
              standard: 'Standard'
              landingpage: 'Landingpage'      
          pagelisting:
            type: checkbox
            label: List Pages
            checkboxlabel: List other pages of the folder below content
          shorttitle:
            type: text
            label: Enter a shorttitle for the landingpageInfo section
