diff --git a/src/layouts/sans-dark.ejs b/src/layouts/sans-dark.ejs new file mode 100644 index 0000000..8eb0e96 --- /dev/null +++ b/src/layouts/sans-dark.ejs @@ -0,0 +1,48 @@ + + + + <%- include('partials/head') %> + + + + <%- include('partials/navigation', { "page": "sans-dark" }) %> +
+

<%- site.description %>

+ + <%- body %> +
+
+ <%- include('partials/aside') %> +
+ <%- include('partials/components') %> <%- + include('partials/documentation') %> +
+ <%- include('partials/footer') %> +
+ <%- include('partials/version') %> +
+
+
+ <%- include('partials/bottom-scripts') %> + + diff --git a/src/pages/sans-serif-dark.md b/src/pages/sans-serif-dark.md new file mode 100644 index 0000000..0753279 --- /dev/null +++ b/src/pages/sans-serif-dark.md @@ -0,0 +1,31 @@ +--- +title: Terminal CSS +layout: sans-dark +--- + +## Project Goals + +Terminal CSS has no overhead and is lightweight **(~ 3k gzip)**. +The source is written in **pure css** to be accessible for everybody and easy to contribute. + +## Markdown ❤️ Terminal CSS + +It's perfect for your *personal website*, *blog*, or *side project*. + +## How to use + +When using something like Webpack just install with `npm i terminal.css`. + +```js +import 'terminal.css' +``` + +Terminal CSS is also available via [CDN](https://unpkg.com/terminal.css@0.6.0/dist/terminal.min.css) + +```html + +``` + +## Themes + +To create your own theme just open the dev-tools and edit the CSS Variables. Copy and paste it to your website. Done! \ No newline at end of file diff --git a/src/partials/navigation.ejs b/src/partials/navigation.ejs index b0f4695..a1391a7 100644 --- a/src/partials/navigation.ejs +++ b/src/partials/navigation.ejs @@ -8,6 +8,7 @@
  • active <% } %>" href="/">Light
  • active <% } %>" href="/dark/">Dark
  • active <% } %>" href="/sans-serif/">Sans
    • +
  • active <% } %>" href="/sans-serif-dark/">Sans Dark