diff --git a/pages/.vitepress/config.mts b/pages/.vitepress/config.mts
index a348bbf..44657af 100644
--- a/pages/.vitepress/config.mts
+++ b/pages/.vitepress/config.mts
@@ -12,76 +12,80 @@ export default defineConfig({
themeConfig: {
author: "Gabriel Cozma/Gabs",
- colorScheme: {
- accent: "#c1b134",
- },
- nav: {
- links: [
- { text: "Guide", link: "/guide/" },
- { text: "Static", link: "/static" },
- { text: "Demo", link: "/demo/" },
- ],
- git: "https://github.com/GabsEdits/aplos",
+ blog: {
+ data: {
+ repo: "GabsEdits/aplos",
+ repoid: "R_kgDOK-fCGg",
+ categoryid: "DIC_kwDOK-fCGs4Cd3kS",
+ },
},
- footer: {
- copyright: true,
- poweredBy: true,
-
- madeby: {
- show: true,
- name: "Gabs",
- link: "https://gxbs.me",
+ nav: {
+ links: [
+ { text: "Guide", link: "/guide/" },
+ { text: "Static", link: "/static" },
+ { text: "Demo", link: "/demo/" },
+ ],
+ git: "https://github.com/GabsEdits/aplos",
},
+ footer: {
+ copyright: true,
+ poweredBy: true,
- copyleft: {
- show: true,
- license: "MIT License",
- info: "https://github.com/GabsEdits/aplos?tab=MIT-1-ov-file#readme",
+ madeby: {
+ show: true,
+ name: "Gabs",
+ link: "https://gxbs.me",
+ },
+
+ copyleft: {
+ show: true,
+ license: "MIT License",
+ info: "https://github.com/GabsEdits/aplos?tab=MIT-1-ov-file#readme",
+ },
},
},
- },
- markdown: {
- container: {
- warningLabel: "⚠ Warning",
- tipLabel: "Tip",
- dangerLabel: "⚠ Danger",
- infoLabel: "Info",
- },
- },
- head: [
- ["meta", { name: "author", content: "Gabriel Cozma/Gabs" }],
- ["link", { rel: "icon", href: "/favicon.ico" }],
- ["meta", { name: "theme-color", content: "#ff3e00" }],
- ["meta", { name: "og:type", content: "website" }],
- ["meta", { name: "og:locale", content: "en" }],
- ["meta", { name: "og:site_name", content: "Aplós" }],
- [
- "meta",
- {
- name: "og:image",
- content: "https://aplos.gxbs.me/images/aplos-banner.png",
- },
- ],
- ["meta", { name: "twitter:card", content: "summary_large_image" }],
- [
- "meta",
- {
- name: "twitter:image",
- content: "https://aplos.gxbs.me/images/aplos-banner.png",
- },
- ],
- ["meta", { name: "twitter:title", content: "Aplós" }],
- [
- "meta",
- {
- name: "twitter:description",
- content: "Build an website fast, and easy",
+ markdown: {
+ container: {
+ warningLabel: "⚠ Warning",
+ tipLabel: "Tip",
+ dangerLabel: "⚠ Danger",
+ infoLabel: "Info",
},
+ },
+ head: [
+ ["meta", { name: "author", content: "Gabriel Cozma/Gabs" }],
+ ["link", { rel: "icon", href: "/favicon.ico" }],
+ ["meta", { name: "theme-color", content: "#ff3e00" }],
+ ["meta", { name: "og:type", content: "website" }],
+ ["meta", { name: "og:locale", content: "en" }],
+ ["meta", { name: "og:site_name", content: "Aplós" }],
+ [
+ "meta",
+ {
+ name: "og:image",
+ content: "https://aplos.gxbs.me/images/aplos-banner.png",
+ },
+ ],
+ ["meta", { name: "twitter:card", content: "summary_large_image" }],
+ [
+ "meta",
+ {
+ name: "twitter:image",
+ content: "https://aplos.gxbs.me/images/aplos-banner.png",
+ },
+ ],
+ ["meta", { name: "twitter:title", content: "Aplós" }],
+ [
+ "meta",
+ {
+ name: "twitter:description",
+ content: "Build an website fast, and easy",
+ },
+ ],
+ ["meta", { name: "twitter:url", content: "https://aplos.gxbs.me" }],
],
- ["meta", { name: "twitter:url", content: "https://aplos.gxbs.me" }],
- ],
- sitemap: {
- hostname: "https://aplos.gxbs.me",
- },
+ sitemap: {
+ hostname: "https://aplos.gxbs.me",
+ },
});
diff --git a/pages/demo.md b/pages/demo.md
deleted file mode 100644
index 5e39301..0000000
--- a/pages/demo.md
+++ /dev/null
@@ -1,206 +0,0 @@
-
-
-| Table of Content |
-| --------------------- |
-| [Photo & Video](#photo-video) |
-| [Information boxes](#information-boxes) |
-| [Table](#table) |
-| [Small Text](#small-text) |
-| [Time](#time) |
-
-
-
-
-
-# Header 1
-
-Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo labore aperiam, asperiores doloribus earum qui id harum neque modi nostrum similique. Rerum consequatur ab eaque velit consequuntur blanditiis praesentium commodi.
-
-## Header 2
-
-### Header 3
-
-- Item 1
-- Item 2
-- Item 3
-- `Item 4`
-
-#### Header 4
-
-> “Simplicity is the ultimate sophistication.”
->
-> > — Leonardo da Vinci
-
-## Lorem.
-
-```bash
-git clone https://api.github.com/GabsEdits/aplos
-```
-
-```js
-export default {
- data () {
- return {
- msg: 'Highlighted!'
- }
- }
-}
-```
-
-```text
-A long pre Lorem ipsum
-dolor
-sit amet
-consectetur adipisicing
-
-elit.
-
-Amet sequi ratione ma
-
-gni autem accusamus iusto facilis esse quam e
-x, dolorum eligendi?
- Consequuntur blan
-ditiis neque veniam, repudiandae ratione dol // [!code focus]
-oribus vitae
-tempora?
-```
-
-## Photo & Video
-
-![wow](https://images.unsplash.com/photo-1495080600440-47b003ed9521?auto=format&fit=crop&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.0.3&q=80&w=2071)
-
-Wow
-
-To write a caption to a photo use the `figcaption` tag:
-
-```html
-Wow
-```
-
-
-
-An "interactive example" of a video called flower.webm from the MDN Docs
-
-Text can be **bold**, _italic_, or strikethrough.
-
-Also we have [Links](/)
-
-We also have lines.
-
----
-
-## Information boxes
-
- Aplus has various types of information boxes.
-
- - The `info` box provides general information.
- - The `tip` box provides helpful tips.
- - The `warning` box indicates potential issues or concerns.
- - The `danger` box warns about dangerous situations.
- - The `details` block provides additional details or explanations.
-
-All of them can be applied using the following formula:
-```md
-::: name-of-the-box (info, tip, warning, danger, details)
-The message you want to share
-:::
-```
-
-
-
-**Input**
-
-```md
-::: info
-This is an info box.
-:::
-
-::: tip
-This is a tip.
-:::
-
-::: warning
-This is a warning.
-:::
-
-::: danger
-This is a dangerous warning.
-:::
-
-::: details
-This is a details block.
-:::
-```
-
-**Output**
-
-::: info
-This is an info box.
-:::
-
-::: tip
-This is a tip.
-:::
-
-::: warning
-This is a warning.
-:::
-
-::: danger
-This is a dangerous warning.
-:::
-
-::: details
-This is a details block.
-:::
-
-⌘ Super + Space
-
-Use this when something is really important
-
-## Table
-
-| Syntax | Description |
-| ----------- | ----------- |
-| Header | Title |
-| Paragraph | Text |
-| Something | And wow |
-| I don't know| And huh |
-
-## Small Text
-
-You can add small text by using the `` tag.
-
-### Input
-```html
-Something Small
-```
-
-### Output
-Something Small
-
-## Time
-
-You can show a specific time by using the `` tag:
-
-#### Input
-```html
-10:00
-```
-
-#### Output
-10:00
-
-### Time Animation
-
-You also can have an animation to the time like this one: 11:00
-
-
-#### Input
-```html
-11:00
-```
-
-#### Output
-11:00
-
diff --git a/pages/demo/blog/index.md b/pages/demo/blog/index.md
new file mode 100644
index 0000000..0e0d88a
--- /dev/null
+++ b/pages/demo/blog/index.md
@@ -0,0 +1,29 @@
+---
+layout: blog-list
+posts:
+ - title: Lorem
+ desc: Why Lorem is the best.
+ date: 2024-03-10T21:34:00+02:00
+ tags:
+ - demo
+ - lorem
+ - example
+ - title: Ipsum
+ desc: Why Ipsum is the best.
+ date: 2024-03-10T21:33:00+02:00
+ tags:
+ - demo
+ - ipsum
+ - example
+ - title: First Blog
+ desc: My first *demo* blog!
+ date: 2024-03-10T21:32:00+02:00
+ tags:
+ - demo
+ - example
+ - first
+---
+
+# Blog Demo
+
+Welcome to the blog demo, look around!
diff --git a/pages/demo/blog/posts/first-blog.md b/pages/demo/blog/posts/first-blog.md
new file mode 100644
index 0000000..8d92570
--- /dev/null
+++ b/pages/demo/blog/posts/first-blog.md
@@ -0,0 +1,26 @@
+---
+layout: blog
+title: First Blog
+author: Gabriel Cozma
+description: This is my first ever demo blog for Aplos!
+date: 2024-03-10T21:32:00+02:00
+next: Ipsum
+tags:
+ - demo
+ - first-blog
+ - example
+---
+
+Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo, quod modo dicebas, cadere causa, si qui incurrunt, numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo, quod modo dicebas, cadere causa, si qui incurrunt, numquam.
\ No newline at end of file
diff --git a/pages/demo/blog/posts/ipsum.md b/pages/demo/blog/posts/ipsum.md
new file mode 100644
index 0000000..a272260
--- /dev/null
+++ b/pages/demo/blog/posts/ipsum.md
@@ -0,0 +1,27 @@
+---
+layout: blog
+title: "Ipsum"
+author: Gabriel Cozma
+description: Why Ipsum is the best.
+date: 2024-03-10T21:33:00+02:00
+prev: First Blog
+next: Lorem
+tags:
+ - demo
+ - ipsum
+ - example
+---
+
+Ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum nobis opinemur. Quod idem licet transferre in voluptatem, ut postea variari voluptas distinguique possit, augeri amplificarique non possit. At.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo, quod modo dicebas, cadere causa, si qui incurrunt, numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo, quod modo dicebas, cadere causa, si qui incurrunt, numquam.
\ No newline at end of file
diff --git a/pages/demo/blog/posts/lorem.md b/pages/demo/blog/posts/lorem.md
new file mode 100644
index 0000000..dbf5023
--- /dev/null
+++ b/pages/demo/blog/posts/lorem.md
@@ -0,0 +1,22 @@
+---
+layout: blog
+title: "Lorem"
+author: Gabriel Cozma
+description: Why Lorem is the best.
+date: 2024-03-10T21:34:00+02:00
+prev: Ipsum
+tags:
+ - demo
+ - lorem
+ - example
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim aeque doleamus animo, cum corpore dolemus, fieri tamen permagna accessio potest, si aliquod aeternum et infinitum impendere malum.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis.
+
+Ullus investigandi veri, nisi inveneris, et quaerendi defatigatio turpis est, cum esset accusata et vituperata ab Hortensio. Qui liber cum et mortem contemnit, qua qui est imbutus quietus esse numquam potest. Praeterea bona praeterita grata recordatione renovata delectant. Est autem situm in nobis ut et voluptates et dolores nasci fatemur e corporis voluptatibus et doloribus -- itaque concedo.
\ No newline at end of file
diff --git a/pages/demo/index.md b/pages/demo/index.md
index e1ed47e..068e8a7 100644
--- a/pages/demo/index.md
+++ b/pages/demo/index.md
@@ -14,6 +14,9 @@
# Header 1
+> [!WARNING] Heads Up!
+> If you want to see the blog demo, you can see it [here](/demo/blog/)
+
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nemo labore aperiam, asperiores doloribus earum qui id harum neque modi nostrum similique. Rerum consequatur ab eaque velit consequuntur blanditiis praesentium commodi.
## Header 2
@@ -67,9 +70,9 @@ tempora?
## Photo & Video
-[![wow](https://images.unsplash.com/photo-1495080600440-47b003ed9521?auto=format&fit=crop&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&ixlib=rb-4.0.3&q=80&w=2071)](https://unsplash.com/photos/aerial-photography-of-trees-in-winter-at-daytime-9rNyml9OKfI)
+[![A small bird perched on a tree trunk](https://images.unsplash.com/photo-1709820738040-1bb62387d430?q=80&w=2070&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D)](https://unsplash.com/photos/a-small-bird-perched-on-a-tree-trunk-tf6wnUXCkcg)
-Wow
+A small bird perched on a tree trunk
To write a caption to a photo use the `figcaption` tag: