From 8768cbae42a625691d0f78bc2e93c91b2a9e1377 Mon Sep 17 00:00:00 2001 From: Fey Naomi Schrewe Date: Sun, 3 Sep 2023 20:28:14 +0200 Subject: [PATCH] Initial recipe Signed-off-by: Fey Naomi Schrewe --- .gitignore | 2 + config.toml | 20 +++++ content/recipe/_index.md | 3 + content/recipe/momo.md | 56 +++++++++++++ sass/index.scss | 35 +++++++++ sass/languages.scss | 4 + sass/recipe.scss | 108 ++++++++++++++++++++++++++ sass/section.scss | 53 +++++++++++++ sass/theming.scss | 1 + templates/base.html | 13 ++++ templates/index.html | 14 ++++ templates/page.html | 30 +++++++ templates/section.html | 16 ++++ templates/shortcodes/ingredients.html | 3 + templates/shortcodes/recipe.html | 3 + templates/shortcodes/story.html | 5 ++ 16 files changed, 366 insertions(+) create mode 100644 .gitignore create mode 100644 config.toml create mode 100644 content/recipe/_index.md create mode 100644 content/recipe/momo.md create mode 100644 sass/index.scss create mode 100644 sass/languages.scss create mode 100644 sass/recipe.scss create mode 100644 sass/section.scss create mode 100644 sass/theming.scss create mode 100644 templates/base.html create mode 100644 templates/index.html create mode 100644 templates/page.html create mode 100644 templates/section.html create mode 100644 templates/shortcodes/ingredients.html create mode 100644 templates/shortcodes/recipe.html create mode 100644 templates/shortcodes/story.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..7465d66 --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +public/ +.vscode/ \ No newline at end of file diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..f70284d --- /dev/null +++ b/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 diff --git a/content/recipe/_index.md b/content/recipe/_index.md new file mode 100644 index 0000000..7a0434e --- /dev/null +++ b/content/recipe/_index.md @@ -0,0 +1,3 @@ ++++ +title = "recipes" ++++ \ No newline at end of file diff --git a/content/recipe/momo.md b/content/recipe/momo.md new file mode 100644 index 0000000..1654169 --- /dev/null +++ b/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 %} \ No newline at end of file diff --git a/sass/index.scss b/sass/index.scss new file mode 100644 index 0000000..1deb18c --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/sass/languages.scss b/sass/languages.scss new file mode 100644 index 0000000..6b1ea12 --- /dev/null +++ b/sass/languages.scss @@ -0,0 +1,4 @@ +:lang("bo") { + line-height: 200%; + font-family: 'Noto Serif Tibetan', serif; +} \ No newline at end of file diff --git a/sass/recipe.scss b/sass/recipe.scss new file mode 100644 index 0000000..37b6fe5 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/sass/section.scss b/sass/section.scss new file mode 100644 index 0000000..ee5d01c --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/sass/theming.scss b/sass/theming.scss new file mode 100644 index 0000000..fd57849 --- /dev/null +++ b/sass/theming.scss @@ -0,0 +1 @@ +$font-size: 16pt; \ No newline at end of file diff --git a/templates/base.html b/templates/base.html new file mode 100644 index 0000000..2d48aa6 --- /dev/null +++ b/templates/base.html @@ -0,0 +1,13 @@ + + + + + + + + {% block style %} {% endblock %} + + + {% block content %} {% endblock %} + + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html new file mode 100644 index 0000000..281b6c5 --- /dev/null +++ b/templates/index.html @@ -0,0 +1,14 @@ +{% extends "base.html" %} + +{% block style %} + +{% endblock %} + +{% block content %} + +{% endblock %} \ No newline at end of file diff --git a/templates/page.html b/templates/page.html new file mode 100644 index 0000000..a3e9045 --- /dev/null +++ b/templates/page.html @@ -0,0 +1,30 @@ +{% extends "base.html" %} + +{% block style %} + +{% endblock %} + +{% block content %} + +
+

{{ page.title }}

+ +
+ + {% if page.extra.transcription or page.extra.literal %} +
+ {% if page.extra.transcription %}

{{ page.extra.transcription }}

{% endif %} + {% if page.extra.literal %} +

+ {{ page.extra.literal }} +

+ {% endif %} +
+ {% endif %} + + {{ page.content | safe }} + +
+
+ +{% endblock content %} \ No newline at end of file diff --git a/templates/section.html b/templates/section.html new file mode 100644 index 0000000..489e8fb --- /dev/null +++ b/templates/section.html @@ -0,0 +1,16 @@ +{% extends "base.html" %} + +{% block style %} + +{% endblock %} + +{% block content %} + +

{{section.title}}

+ + +{% endblock %} \ No newline at end of file diff --git a/templates/shortcodes/ingredients.html b/templates/shortcodes/ingredients.html new file mode 100644 index 0000000..a0bc8dd --- /dev/null +++ b/templates/shortcodes/ingredients.html @@ -0,0 +1,3 @@ +
+ {{ body | markdown | safe }} +
\ No newline at end of file diff --git a/templates/shortcodes/recipe.html b/templates/shortcodes/recipe.html new file mode 100644 index 0000000..8aed6fc --- /dev/null +++ b/templates/shortcodes/recipe.html @@ -0,0 +1,3 @@ +
+ {{ body | markdown | safe }} +
\ No newline at end of file diff --git a/templates/shortcodes/story.html b/templates/shortcodes/story.html new file mode 100644 index 0000000..2ae0b39 --- /dev/null +++ b/templates/shortcodes/story.html @@ -0,0 +1,5 @@ +
+ + {{ body }} + +
\ No newline at end of file