Initial recipe

Signed-off-by: Fey Naomi Schrewe <fey@posteo.eu>

.gitignore

@@ -0,0 +1,2 @@
+public/
+.vscode/

config.toml

@@ -0,0 +1,20 @@
+# The URL the site will be built for
+base_url = "https://nom.fey.ink"
+
+# Whether to automatically compile all Sass files in the sass directory
+compile_sass = true
+
+# Whether to build a search index to be used later on by a JavaScript library
+build_search_index = true
+
+taxonimies = [
+    { name = "cuisine" },
+]
+
+[markdown]
+# Whether to do syntax highlighting
+# Theme can be customised by setting the `highlight_theme` variable to a theme supported by Zola
+highlight_code = false
+
+[extra]
+# Put all your custom variables here

content/recipe/_index.md

@@ -0,0 +1,3 @@
++++
+title = "recipes"
++++

content/recipe/momo.md

@@ -0,0 +1,56 @@
++++
+title = "Momos"
+
+[extra]
+transcription = "mog mog"
+literal = "མོག་མོག"
+literal_lang = "bo"
++++
+{% ingredients() %}
+
+- 250g paneer
+- 250g mozzarella
+- 1 carrot
+- ½ a cabbage
+- 1 green pepper
+- 6 cloves of garlic
+- 4 spring onion
+- 2 tsp chilli powder
+- 1 tsp cumin seeds
+- 1 tsp coriander powder
+- 3 tbsp soy sauce
+- 4 tbsp sesame oil
+
+## For the wrappers
+
+- 500g flour
+- 250mL water
+- ¼ tsp salt
+
+## For the chutney
+
+- 2 tomatoes
+- 6 red chillies
+- 6 cloves of garlic
+- 4 spring onions
+- 1 tbsp chilli oil
+- 2 tbsp soy sauce
+- 1 tbsp sesame oil
+- 3 tbsp oil
+- 50g cashews, soaked in 150mL boiling water
+
+{% end %}
+
+{% recipe() %}
+
+1. *Mix the ingredients for the dough.* Rest for 30 minutes.
+2. Heat 4 tsp of oil until smoking. Pour over the spices and garlic. Grate the carrot,
+cabbage, pepper and cheeses together. Finely chop the spring onions. Mix together.
+3. Roll the dough into dumpling wrappers. Fill and then steam for 8 minutes.
+
+## For the chutney
+
+1. Blend the chillies, garlic and spring onion. Cook in oil until the oil is stained red.
+2. Blend the cashews and tomatoes and add with soy sauce. Cook for 10 more minutes. Finish with sesame oil.
+
+{% end %}

sass/index.scss

@@ -0,0 +1,35 @@
+@use  "./theming.scss";
+@use  "./languages.scss";
+
+body {
+    font-family: 'Raleway', serif;
+    font-size: theming.$font-size;
+    font-style: normal;
+    line-height: 125%;
+}
+
+#links {
+    display: flex;
+    align-items: center;
+    justify-content: space-around;
+    height: 100vh;
+    width: 100%;
+}
+
+a {
+    color: black;
+    text-decoration: underline dashed black;
+}
+
+a:hover, a:hover:visited {
+    text-decoration: underline dashed orangered;
+}
+
+a:active, a:active:visited {
+    color: orangered;
+    text-decoration: underline dashed orangered;
+}
+
+a:visited {
+    color: #333;
+}

sass/languages.scss

@@ -0,0 +1,4 @@
+:lang("bo") {
+    line-height: 200%;
+    font-family: 'Noto Serif Tibetan', serif;
+}

sass/recipe.scss

@@ -0,0 +1,108 @@
+@use  "./theming.scss";
+@use  "./languages.scss";
+
+body {
+    font-family: 'Raleway', serif;
+    font-size: theming.$font-size;
+    font-style: normal;
+    line-height: 125%;
+}
+
+h1 {
+    font-size: theming.$font-size * 1.2;
+    font-style: normal;
+    margin-left: 2rem;
+    margin-bottom: 1.5rem;
+}
+
+h2 {
+    text-decoration: underline;
+    font-size: theming.$font-size;
+    font-style: normal;
+    margin: 0;
+    padding: 0;
+}
+
+h3 {
+    font-size: theming.$font-size;
+    font-style: normal;
+}
+
+h4 {
+    font-size: theming.$font-size;
+    font-style: normal;
+}
+
+h5 {
+    font-size: theming.$font-size;
+    font-style: normal;
+}
+
+h6 {
+    font-size: theming.$font-size;
+    font-style: normal;
+}
+
+ul, ol, li {
+    list-style-type: none;
+    margin-left: 0;
+    padding-left: 0;
+    padding-left: 0;
+}
+
+ol li {
+    margin-bottom: 2rem;
+}
+
+ul li {
+    margin-left: 2rem;
+    text-indent: -2rem;
+    margin-top: 0;
+}
+
+#languages {
+    margin-top: 0 !important;
+    padding-top: 0;
+    margin-bottom: 1.5rem;
+    p {
+        margin: 0;
+    }
+}
+
+#literal {
+    font-weight: 800;
+}
+
+#ingredients, #recipe, #story, #languages {
+    width: 24rem;
+    margin: 2rem;
+}
+
+#ingredients * {
+    font-style: italic;
+    font-weight: initial;
+}
+
+#recipe {
+    em {
+        font-style: normal;
+        font-weight: 600;
+    }
+}
+
+#container {
+    @media (min-width: 1080px)  {
+        column-count: 3;
+        column-fill: auto;
+        max-height: 100%;    
+    }
+    @media (min-width: 56rem) and (max-width: 1080px)  {
+        column-count: 2;
+        column-fill: balance;
+        max-height: 100%;
+    }
+}
+
+#page {
+    height: 100vh;
+}

sass/section.scss

@@ -0,0 +1,53 @@
+@use  "./theming.scss";
+@use  "./languages.scss";
+
+body {
+    font-family: 'Raleway', serif;
+    font-size: theming.$font-size;
+    font-style: normal;
+    line-height: 125%;
+}
+
+#links {
+    @media (min-width: 1080px)  {
+        column-count: 3;
+        column-fill: auto;
+        max-height: 100%;    
+    }
+    @media (min-width: 56rem) and (max-width: 1080px)  {
+        column-count: 2;
+        column-fill: balance;
+        max-height: 100%;
+    }
+    height: 100vh;
+    width: 100%;
+}
+
+h1 {
+    font-size: theming.$font-size * 1.2;
+    font-style: normal;
+    margin-left: 2rem;
+    margin-bottom: 1.5rem;
+}
+
+a {
+    color: black;
+    text-decoration: underline dashed black;
+    font-size: theming.$font-size;
+    font-style: normal;
+    margin-left: 2rem;
+    margin-bottom: 1.5rem;
+}
+
+a:hover, a:hover:visited {
+    text-decoration: underline dashed orangered;
+}
+
+a:active, a:active:visited {
+    color: orangered;
+    text-decoration: underline dashed orangered;
+}
+
+a:visited {
+    color: #333;
+}

sass/theming.scss

@@ -0,0 +1 @@
+$font-size: 16pt;

templates/base.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+        <link rel="preconnect" href="https://fonts.googleapis.com">
+        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+        <link href="https://fonts.googleapis.com/css2?family=Cardo&family=Raleway&family=Noto+Serif+Tibetan&display=swap" rel="stylesheet">
+        {% block style %} {% endblock %}
+    </head>
+    <body>
+        {% block content %} {% endblock %}
+    </body>
+</html>

templates/index.html

@@ -0,0 +1,14 @@
+{% extends "base.html" %}
+
+{% block style %}
+<link href="{{get_url(path="index.css")}}" rel="stylesheet">
+{% endblock %}
+
+{% block content %}
+<div id="links">
+    {% for section in section.subsections %}
+    {% set section_data = get_section(path=section, metadata_only=true) %}
+        <a href="{{section_data.permalink}}">{{section_data.title}}</a>
+    {% endfor %}
+</div>
+{% endblock %}

templates/page.html

@@ -0,0 +1,30 @@
+{% extends "base.html" %}
+
+{% block style %}
+<link href="{{get_url(path="recipe.css")}}" rel="stylesheet">
+{% endblock %}
+
+{% block content %}
+
+<div id="page">
+    <h1>{{ page.title }}</h1>
+
+    <div id="container">
+
+    {% if page.extra.transcription or page.extra.literal %}
+    <div id ="languages">
+        {% if page.extra.transcription %}<p id="transcription">{{ page.extra.transcription }}</p>{% endif %}
+        {% if page.extra.literal %}
+        <p id="literal" {% if page.extra.literal_lang %} lang="{{page.extra.literal_lang}}" {% endif %}>
+            {{ page.extra.literal }}
+        </p>
+        {% endif %}
+    </div>
+    {% endif %}
+
+    {{ page.content | safe }}
+
+    </div>
+</div>
+
+{% endblock content %}

templates/section.html

@@ -0,0 +1,16 @@
+{% extends "base.html" %}
+
+{% block style %}
+<link href="{{get_url(path="section.css")}}" rel="stylesheet">
+{% endblock %}
+
+{% block content %}
+
+<h1>{{section.title}}</h1>
+
+<div id="links">
+    {% for page in section.pages %}
+        <a href="{{page.permalink}}">{{page.title}}</a>
+    {% endfor %}
+</div>
+{% endblock %}

templates/shortcodes/ingredients.html

@@ -0,0 +1,3 @@
+<div id="ingredients">
+    {{ body | markdown | safe }}
+</div>

templates/shortcodes/recipe.html

@@ -0,0 +1,3 @@
+<div id="recipe">
+    {{ body | markdown | safe }}
+</div>

templates/shortcodes/story.html

@@ -0,0 +1,5 @@
+<div id="story">
+
+    {{ body }}
+
+</div>