base config
confusedbread confuseddbread@gmail.com
Sat, 30 Nov 2024 01:30:41 +0100
13 files changed,
219 insertions(+),
0 deletions(-)
A
content/posts/_index.md
@@ -0,0 +1,6 @@
++++ +title = "List of blog posts" +sort_by = "date" +template = "posts.html" +page_template = "post.html" ++++
A
content/posts/first.md
@@ -0,0 +1,6 @@
++++ +title = "My first post" +date = 2019-11-27 ++++ + +This is my first blog post.
A
content/posts/second.md
@@ -0,0 +1,6 @@
++++ +title = "My second post" +date = 2019-11-28 ++++ + +This is my second blog post.
A
sass/_frappe.scss
@@ -0,0 +1,26 @@
+$base: #303446; +$text: #c6d0f5; +$pink: #f4b8e4; +$mauve: #ca9ee6; +$red: #e78284; +$maroon: #ea999c; +$peach: #ef9f76; +$yellow: #e5c890; +$green: #a6d189; +$teal: #81c8be; +$sky: #99d1db; +$sapphire: #85c1dc; +$blue: #8caaee; +$lavender: #babbf1; +$text: #c6d0f5; +$subtext1: #b5bfe2; +$subtext0: #a5adce; +$overlay2: #949cbb; +$overlay1: #838ba7; +$overlay0: #737994; +$surface2: #626880; +$surface1: #51576d; +$surface0: #414559; +$base: #303446; +$mantle: #292c3c; +$crust: #232634;
A
sass/_latte.scss
@@ -0,0 +1,26 @@
+$base: #eff1f5; +$text: #4c4f69; +$pink: #ea76cb; +$mauve: #8839ef; +$red: #d20f39; +$maroon: #e64553; +$peach: #fe640b; +$yellow: #df8e1d; +$green: #40a02b; +$teal: #179299; +$sky: #04a5e5; +$sapphire: #209fb5; +$blue: #1e66f5; +$lavender: #7287fd; +$text: #4c4f69; +$subtext1: #5c5f77; +$subtext0: #6c6f85; +$overlay2: #7c7f93; +$overlay1: #8c8fa1; +$overlay0: #9ca0b0; +$surface2: #acb0be; +$surface1: #bcc0cc; +$surface0: #ccd0da; +$base: #eff1f5; +$mantle: #e6e9ef; +$crust: #dce0e8;
A
sass/_macchiato.scss
@@ -0,0 +1,26 @@
+$base: #24273a; +$text: #cad3f5; +$pink: #f5bde6; +$mauve: #c6a0f6; +$red: #ed8796; +$maroon: #ee99a0; +$peach: #f5a97f; +$yellow: #eed49f; +$green: #a6da95; +$teal: #8bd5ca; +$sky: #91d7e3; +$sapphire: #7dc4e4; +$blue: #8aadf4; +$lavender: #b7bdf8; +$text: #cad3f5; +$subtext1: #b8c0e0; +$subtext0: #a5adcb; +$overlay2: #939ab7; +$overlay1: #8087a2; +$overlay0: #6e738d; +$surface2: #5b6078; +$surface1: #494d64; +$surface0: #363a4f; +$base: #24273a; +$mantle: #1e2030; +$crust: #181926;
A
sass/_mocha.scss
@@ -0,0 +1,26 @@
+$base: #1e1e2e; +$text: #cdd6f4; +$pink: #f5c2e7; +$mauve: #cba6f7; +$red: #f38ba8; +$maroon: #eba0ac; +$peach: #fab387; +$yellow: #f9e2af; +$green: #a6e3a1; +$teal: #94e2d5; +$sky: #89dceb; +$sapphire: #74c7ec; +$blue: #89b4fa; +$lavender: #b4befe; +$text: #cdd6f4; +$subtext1: #bac2de; +$subtext0: #a6adc8; +$overlay2: #9399b2; +$overlay1: #7f849c; +$overlay0: #6c7086; +$surface2: #585b70; +$surface1: #45475a; +$surface0: #313244; +$base: #1e1e2e; +$mantle: #181825; +$crust: #11111b;
A
sass/style.scss
@@ -0,0 +1,49 @@
+@use 'frappe' as theme; + +$font-stack: 'Noto Sans', sans-serif; + +@mixin all-headings { + @for $index from 1 through 6 { + h#{$index} { + @content; + } + } +} + + +body { + font: 100% $font-stack; + background-color: theme.$base; + color: theme.$text; +} + +@include all-headings { + text-decoration-line: underline; + text-decoration-thickness: 2px; + text-underline-offset: 2px; + text-decoration-color: theme.$peach; +} + +a { + text-decoration: none; +} + +a:link { + color: theme.$blue; + &:hover { + text-decoration-line: underline; + text-decoration-thickness: 2px; + text-underline-offset: 2px; + text-decoration-color: theme.$blue; + } +} + +a:visited { + color: theme.$mauve; + &:hover { + text-decoration-line: underline; + text-decoration-thickness: 2px; + text-underline-offset: 2px; + text-decoration-color: theme.$mauve; + } +}
A
templates/base.html
@@ -0,0 +1,18 @@
+<!DOCTYPE html> +<html lang="en"> + +<head> + <meta charset="utf-8"> + <title>BreadSiteBreadSiteBreadSiteBreadSiteBreadSiteBreadSite</title> + <link rel="stylesheet" href="/style.css"> +</head> + +<body> + <section class="section"> + <div class="container"> + {% block content %} {% endblock %} + </div> + </section> +</body> + +</html>
A
templates/index.html
@@ -0,0 +1,8 @@
+{% extends "base.html" %} + +{% block content %} +<h1 class="title"> + This is my whatever made with Zola +</h1> +<p><a href="{{ get_url(path='@/posts/_index.md') }}">Posts</a></p> +{% endblock content %}
A
templates/post.html
@@ -0,0 +1,9 @@
+{% extends "base.html" %} + +{% block content %} +<h1 class="title"> + {{ page.title }} +</h1> +<p class="subtitle"><strong>{{ page.date }}</strong></p> +{{ page.content | safe }} +{% endblock content %}
A
templates/posts.html
@@ -0,0 +1,12 @@
+{% extends "base.html" %} + +{% block content %} +<h1 class="title"> + {{ section.title }} +</h1> +<ul> + {% for page in section.pages %} + <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a></li> + {% endfor %} +</ul> +{% endblock content %}