diff --git a/website/src/_data/navigation.json b/website/src/_data/navigation.json index 219c3b12..90eae608 100644 --- a/website/src/_data/navigation.json +++ b/website/src/_data/navigation.json @@ -21,6 +21,16 @@ "external": false } ] + }, + { + "title": "Acknowledgements", + "items": [ + { + "caption": "Acknowledgements", + "url": "/acknowledgements/", + "external": false + } + ] } ] } diff --git a/website/src/_includes/layouts/front-page.html b/website/src/_includes/layouts/front-page.html index 1e87e841..26cf3b87 100644 --- a/website/src/_includes/layouts/front-page.html +++ b/website/src/_includes/layouts/front-page.html @@ -35,5 +35,9 @@

{{ faq.title }}

{% endif %} +
+

Acknowledgements

+

This documentation page is based on the template of Cone.

+
{% endblock %} diff --git a/website/src/changelog.md b/website/src/changelog.md index f7b1b9d2..cbbad054 100644 --- a/website/src/changelog.md +++ b/website/src/changelog.md @@ -3,20 +3,7 @@ title: "Changelog" layout: "layouts/changelog.html" changelog: - date: "2023-05-24" - title: "v1.1.0" - items: - - "**This is a test changelog record for demonstration.**" - - "**Improvement:** add `$btn-font-family` to control the button's font family." - - "**Improvement:** add `$heading-font-weight` to control the heading's font-weight." - - "**Improvement:** rename some keys in the `$colors` map (`mark-color` : `mark-foreground`, `code-color` : `code-foreground`)." - - "**Improvement:** reorganize the recurrent colors into variables." - - "**Fix:** modify `btn-variant()` mixin: add hover foreground color." - - "Global switch to `color()` function's fallback value under the [`$settings`](https://sprucecss.com/docs/sass/variables#settings) map." - - "Modify the [`scrollbar()`](https://sprucecss.com/docs/sass/mixins#scrollbar) mixin to accept hover thumb background-color value." - - "Make `$breakpoints` overwriteable by key." - - "Modify `font-size()` and `responsive-font-size()` function to accept optimal size value. The optimal value will fallback to a global settnigs under the `$settings` map." - - date: "2023-05-23" - title: "v1.0.0" + title: "v0.1.0" items: - "Initial release" --- diff --git a/website/src/faq.md b/website/src/faq.md index abee6db7..9d25c20e 100644 --- a/website/src/faq.md +++ b/website/src/faq.md @@ -4,21 +4,6 @@ summary: "Have some questions? You may find it here." displaySummary: true layout: "layouts/faq.html" faqs: -- - title: "Spruce CSS" - items: - - - title: "Why Make Another CSS Framework?" - description: "As you may know, there are many CSS frameworks (hundreds of them, and a lot of them are not maintained today). Everybody can choose one that suits their work style or project requirements. So why make another one? It is certainly not because we can do it better but because we want to do it our way. We want to be in control and make decisions." - - - title: "It Is Opinionated" - description: "Each system is opinionated but on a different level; this is valid for Spruce too. We don’t want to vote for (strictly) any particular solution (because there is always more than one), but we will show you what we think is the best for us (and maybe for you too). We don’t believe there is a good or bad solution, but we can learn from any of them." - - - title: "We Left the Grid Out" - description: "One controversial decision we made with Spruce is to leave a classical grid system out. Because of the late CSS layout model developments like Flexbox and Grid, we think it can be eliminated; this doesn’t mean that we won’t show you how to make layouts with ease, but we try to make it the modern way." - - - title: "Coding Style Guide and Practices" - description: "Where it is possible, we use elements and/or attributes to style elements, but it is still a class-based framework." - title: "Demo FAQ" items: diff --git a/website/src/img/cone-docs-logo.svg b/website/src/img/cone-docs-logo.svg index ef0a695b..c525660f 100644 --- a/website/src/img/cone-docs-logo.svg +++ b/website/src/img/cone-docs-logo.svg @@ -9,7 +9,6 @@ - - + MAPPIE - + \ No newline at end of file diff --git a/website/src/img/favicon.svg b/website/src/img/favicon.svg index 7825ad8d..340a4fdc 100644 --- a/website/src/img/favicon.svg +++ b/website/src/img/favicon.svg @@ -3,7 +3,7 @@ - - + M + diff --git a/website/src/index.md b/website/src/index.md index 3e6662d5..43e53eb5 100644 --- a/website/src/index.md +++ b/website/src/index.md @@ -18,4 +18,4 @@ overview: title: "Getting Started" url: "/getting-started/" description: "Start here and get to know Mappie." ---- +--- \ No newline at end of file diff --git a/website/src/posts/customization/customization.md b/website/src/posts/customization/customization.md deleted file mode 100644 index abf8be8e..00000000 --- a/website/src/posts/customization/customization.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: "Customization" -eleventyNavigation: - key: Customization - order: 2 ---- diff --git a/website/src/posts/customization/posts/posts.json b/website/src/posts/customization/posts/posts.json deleted file mode 100644 index 9b7cfc33..00000000 --- a/website/src/posts/customization/posts/posts.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "layout": "layouts/post.html", - "permalink": "/customization/{{ title | slug }}/index.html" -} diff --git a/website/src/posts/customization/posts/spruce-css.md b/website/src/posts/customization/posts/spruce-css.md deleted file mode 100644 index 03b42408..00000000 --- a/website/src/posts/customization/posts/spruce-css.md +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: "Spruce CSS" -eleventyNavigation: - key: "Spruce CSS" - parent: "Customization" - order: 6 ---- - -**Spruce CSS is an open-source, lightweight and modernish CSS design system, framework built on Sass. Give your project a solid foundation.** - -## What is Spruce CSS? - -- It is a Sass-based, small framework that operates with just a few utility classes. -- It takes advantage of the Sass members: variables, mixins, and functions. -- It embraces Sass modules, so it uses @use and namespacing for import. -- Spruce is a good choice if you prefer writing CSS instead of HTML. It uses just a few classic utility classes. -- It is a relatively small (~7kb gzipped) framework with a smaller learning curve. The codebase is small but can add more to any project with the available mixins and functions. -- It is that bunch of code you keep manually carrying from project to project. -- It is themeable. You can create different themes using CSS custom properties like a dark one. -- The generated CSS code is separated from the framework. You can use only the tools (variables, mixins, functions) in your project [without the generated styles](https://sprucecss.com/docs/elements/generators). -- Include just a few components. For UI, we have a separate project named [Spruce UI](/ui/getting-started/introduction), where you can find drop-in components. -- [It comes with dark-mode](https://sprucecss.com/docs/customization/themes) (or any theme mode) support. It uses CSS custom properties, so it isn’t that hard to create a new color theme. -- It doesn’t come with a classical grid system. diff --git a/website/src/posts/customization/posts/themes.md b/website/src/posts/customization/posts/themes.md deleted file mode 100644 index 11d61be4..00000000 --- a/website/src/posts/customization/posts/themes.md +++ /dev/null @@ -1,9 +0,0 @@ ---- -title: "Themes" -eleventyNavigation: - key: "Themes" - parent: "Customization" - order: 7 ---- - -[Spruce uses CSS](https://sprucecss.com/docs/customization/themes/) custom properties to handle the theming. It means that you can easily overwrite the colors if needed (like in a case of a dark theme mode).