feat: add empty starter + refactor layouts

Author: stafyniaksacha

.playground/app.config.ts

@@ -1,9 +1,71 @@
 export default defineAppConfig({
-  folio: {
-    categories: [
-    ],
-    authors: [
-   
-    ]
-  }
-})
+  stylo: {
+    title: 'Stylô',
+    header: {
+      logo: {
+        src: '/img/logo/logo.svg',
+        alt: 'Stylô theme logo',
+      },
+    },
+    footer: {
+      action: {
+        enabled: true,
+        title: 'Subscribe to our Newsletter',
+        text: 'Keep up with the latest news, updates and exclusive content by subscribing to our newsletter!',
+        link: {
+          href: '#',
+          text: 'Subscribe',
+          target: '',
+          rel: '',
+        },
+      },
+      logo: {
+        src: '/img/logo/logo.svg',
+        alt: 'Stylô theme logo',
+      },
+      copyright: {
+        enabled: true,
+        text: 'cssninja.io',
+        href: 'https://cssninja.io',
+        target: '_blank',
+        rel: '',
+      },
+      links: [
+        {
+          href: '/',
+          text: 'Home',
+          target: '',
+          rel: '',
+        },
+        {
+          href: '/privacy',
+          text: 'Privacy',
+          target: '',
+          rel: '',
+        },
+        {
+          href: '/rss.xml',
+          text: 'RSS Feed',
+          target: '_blank',
+          rel: '',
+        }
+      ],
+      social: [
+        {
+          title: 'Follow us on Twitter',
+          icon: 'brandico:twitter',
+          href: 'https://twitter.com/cssninjaStudio',
+          target: '',
+          rel: '',
+        },
+        {
+          title: 'Star us on GitHub',
+          icon: 'brandico:github',
+          href: 'https://github.com/cssninjaStudio',
+          target: '',
+          rel: '',
+        },
+      ],
+    },
+  },
+})

.playground/content/0.index.md

@@ -1,16 +1,24 @@
 ---
 layout: empty
 title: 'Your go-to source for informative content'
-description: 'Welcome to Folio, where you can find informative, educational and professional articles on a wide range of subjects. From business and technology to lifestyle and culture, we have it all. Join us as we share our knowledge, insights and research with you.'
+description: 'Welcome to Stylô, where you can find informative, educational and professional articles on a wide range of subjects. From business and technology to lifestyle and culture, we have it all. Join us as we share our knowledge, insights and research with you.'
 
 navigation: 
   title: 'Home'
 --- 
 
-:blog-header
-
+::articles
+---
+mode: wide
+limit: 3
+---
+::
 
-::categories-featured
+::categories
+---
+filters:
+  featured: true
+---
 #title
 Featured categories
 
@@ -20,17 +28,23 @@ featured categories: your ultimate guide to exploring the subjects
 that matter to you
 
 #links
-:::tag-link{to="/categories"}
+:::button-link{to="/categories"}
 All Categories
 :::
 
-:::tag-link{to="#tags"}
+:::button-link{to="#tags"}
 All Tags
 :::
 ::
 
 
-::articles-featured
+::articles
+---
+mode: grid
+limit: 4
+filters:
+  featured: true
+---
 #title
 Featured posts
 
@@ -40,7 +54,13 @@ featured posts section: your go-to destination for quality content
 ::
 
 
-::authors-featured
+::authors
+---
+mode: grid
+limit: 5
+filters:
+  featured: true
+---
 #title
 Featured authors
 
@@ -58,14 +78,11 @@ Latest posts
 Stay informed with our latest posts: a curated selection of the freshest and most relevant content on our blog
 
 #links
-:::tag-link{to="/blog"}
+:::button-link{to="/blog"}
 All Articles
 :::
 
-:::tag-link{to="/categories"}
+:::button-link{to="/categories"}
 All Categories
 :::
 ::
-
-:form-subscribe
-

.playground/content/1.blog/0.index.md

@@ -1,12 +1,15 @@
 ---
-layout: empty
-title: Blog
----
-
-::articles-nested
-#title
-All Posts
+layout: list-articles
+title: All Posts
+description: >
+  Stay up-to-date with the most engaging and thought-provoking articles in 
+  our articles section: your go-to destination for quality content
+links:
+  - text: All Categories
+    href: /categories
+  - text: All Authors
+    href: /authors
 
-#subtitle
-Stay up-to-date with the most engaging and thought-provoking articles in our articles section: your go-to destination for quality content
-::
+navigation:
+  title: Blog
+---

.playground/content/1.blog/2022-07-16-setting-up-a-nuxt-project.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Setting a Nuxt based markdown content project using the latest Nuxt 3 release
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/clark-smith
 publishDate: 2022-07-16T00:00:00.000Z
 featured: true
 image: /img/posts/18.png
-cover: /img/posts/18.png
+cover:
+  src: /img/posts/18.png
 category: /categories/engineering
 tags:
   - development

.playground/content/1.blog/2022-07-24-playing-video-games.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Playing video games can drastically improve your mental health recovery
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/frieda-weinberg
 publishDate: 2022-07-24T00:00:00.000Z
 featured: false
 image: /img/posts/17.png
-cover: /img/posts/17.png
+cover:
+  src: /img/posts/17.png
 category: /categories/lifestyle
 tags:
   - lifestyle

.playground/content/1.blog/2022-07-26-setting-an-artistic-direction.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: 8 tips you need to know when setting up branding and art direction for a customer
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/wallace-knolder
 publishDate: 2022-07-26T00:00:00.000Z
 featured: false
 image: /img/posts/15.png
-cover: /img/posts/15.png
+cover:
+  src: /img/posts/15.png
 category: /categories/tutorials
 tags:
   - ui & ux

.playground/content/1.blog/2022-07-29-should-worry-for-a-tatoo.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Should you worry if you are heavily tatooed and wondering about your next job interview
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/irina-kropova
 publishDate: 2022-07-29T00:00:00.000Z
 featured: true
 image: /img/posts/14.png
-cover: /img/posts/14.png
+cover:
+  src: /img/posts/14.png
 category: /categories/tutorials
 tags:
   - lifestyle

.playground/content/1.blog/2022-08-09-micro-service-architectures.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Modern web development and micro service based architectures
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/clark-smith
 publishDate: 2022-08-09T00:00:00.000Z
 featured: false
 image: /img/posts/9.png
-cover: /img/posts/9.png
+cover:
+  src: /img/posts/9.png
 category: /categories/engineering
 tags:
   - development

.playground/content/1.blog/2022-08-10-key-account-management.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: A few things you should know about key account management
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/alan-mitchells
 publishDate: 2022-08-10T00:00:00.000Z
 featured: false
 image: /img/posts/8.png
-cover: /img/posts/8.png
+cover:
+  src: /img/posts/8.png
 category: /categories/coaching
 tags:
   - account

.playground/content/1.blog/2022-08-15-how-to-write-a-business-proposal.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: How to write a business proposal that will reach your customer and win the project
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/alan-mitchells
 publishDate: 2022-08-15T00:00:00.000Z
 featured: false
 image: /img/posts/13.png
-cover: /img/posts/13.png
+cover:
+  src: /img/posts/13.png
 category: /categories/tutorials
 tags:
   - startups

.playground/content/1.blog/2022-08-19-startup-ecosystem-analysis.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: A deep dive in business analysis of the startup ecosystem
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/harold-miller
 publishDate: 2022-08-19T00:00:00.000Z
 featured: true
 image: /img/posts/12.png
-cover: /img/posts/12.png
+cover:
+  src: /img/posts/12.png
 category: /categories/business
 tags:
   - business

.playground/content/1.blog/2022-08-20-ways-to-improve-productivity.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: 8 things that will help you increase your productivity
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/maya-piretti
 publishDate: 2022-08-28T00:00:00.000Z
 featured: false
 image: /img/posts/3.png
-cover: /img/posts/3.png
+cover:
+  src: /img/posts/3.png
 category: /categories/coaching
 tags:
   - productivity

.playground/content/1.blog/2022-08-21-managing-employees-relations.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Managing relations between employees in small startups and business
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/clarissa-stokes
 publishDate: 2022-08-28T00:00:00.000Z
 featured: false
 image: /img/posts/1.png
-cover: /img/posts/1.png
+cover:
+  src: /img/posts/1.png
 category: /categories/human-resources
 tags:
   - startups

.playground/content/1.blog/2022-08-23-personal-development-and-confidence.md

@@ -1,11 +1,12 @@
 ---
-layout: blog-post
+layout: article
 title: Personal Development and Confidence in Business Environments
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/irina-kropova
 publishDate: 2022-08-28T00:00:00.000Z
 image: /img/posts/4.png
-cover: /img/posts/4.png
+cover:
+  src: /img/posts/4.png
 category: /categories/coaching
 tags:
   - personal

.playground/content/1.blog/2022-08-27-exploring-ecommerce-ux-patterns.md

@@ -1,12 +1,13 @@
 ---
-layout: blog-post
+layout: article
 title: Exploring UX Patterns in Ecommerce websites and applications
 description: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Et nemo nimium beatus est; Idemne, quod iucunde? Duo Reges constructio interrete. At iamdecimum annum in spelunca iacet.
 author: /authors/maya-piretti
 publishDate: 2022-08-27T00:00:00.000Z
 featured: true
 image: /img/posts/6.png
-cover: /img/posts/6.png
+cover:
+  src: /img/posts/6.png
 category: /categories/ux-design
 tags:
   - ui & ux