Compare commits
2 commits
902af258a3
...
5f19345653
Author | SHA1 | Date | |
---|---|---|---|
5f19345653 | |||
f07860b1d4 |
5 changed files with 23 additions and 4 deletions
|
@ -87,7 +87,7 @@ The entries in `parents` refer to the filenames of the parent recipes - `chocola
|
||||||
|
|
||||||
If a subrecipe does not have at least one valid `parents` entry, it will not appear anywhere on the website.
|
If a subrecipe does not have at least one valid `parents` entry, it will not appear anywhere on the website.
|
||||||
|
|
||||||
### Licensing
|
## Licensing
|
||||||
This software is licensed under the [Apache 2.0 license](https://choosealicense.com/licenses/apache-2.0/).
|
This software is licensed under the [Apache 2.0 license](https://choosealicense.com/licenses/apache-2.0/).
|
||||||
|
|
||||||
Copyright 2020 Lynnesbian
|
Copyright 2020 Lynnesbian
|
||||||
|
|
|
@ -5,6 +5,6 @@
|
||||||
<{{tag}}>Ingredients</{{tag}}>
|
<{{tag}}>Ingredients</{{tag}}>
|
||||||
<ul>
|
<ul>
|
||||||
{% for item in page.ingredients -%}
|
{% for item in page.ingredients -%}
|
||||||
<li>{{ item[0] }} {%- if item[2] %} {{ item[2] }} of {% endif %} {{ item[1] }}</li>
|
<li>{{ item[0] }} {%- if item[2] %} {{ item[2] }} of {% endif -%} {{ item[1] }}</li>
|
||||||
{% endfor -%}
|
{% endfor -%}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
|
@ -4,6 +4,7 @@
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<link rel='stylesheet' href='/style.css'>
|
<link rel='stylesheet' href='/style.css'>
|
||||||
|
<script async src='/script.js'></script>
|
||||||
<title>{{ page.title }}</title>
|
<title>{{ page.title }}</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
|
|
|
@ -33,8 +33,9 @@ layout: default
|
||||||
<h2> Subrecipes </h2>
|
<h2> Subrecipes </h2>
|
||||||
{% for subrecipe in site.subrecipes -%}
|
{% for subrecipe in site.subrecipes -%}
|
||||||
{%- if subrecipe.parents contains id -%}
|
{%- if subrecipe.parents contains id -%}
|
||||||
<div class='subrecipe' id='sr-{{ subrecipe.name | downcase | url_encode }}'>
|
{%- assign srid = "sr-" | append: subrecipe.name | downcase | url_encode -%}
|
||||||
<h3>{{ subrecipe.name }}</h3>
|
<div class='subrecipe' id='{{ srid }}'>
|
||||||
|
<div class='subrecipe-heading'><h3>{{ subrecipe.name }}</h3><span class='subrecipe-toggle show' onclick="subrecipe_toggle('{{ srid }}');"></span></div>
|
||||||
<div class='subrecipe-output'>
|
<div class='subrecipe-output'>
|
||||||
{{ subrecipe.output }}
|
{{ subrecipe.output }}
|
||||||
</div>
|
</div>
|
||||||
|
|
17
style.css
17
style.css
|
@ -24,6 +24,23 @@ body div {
|
||||||
height: min-content;
|
height: min-content;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.subrecipe-heading h3 {
|
||||||
|
display: inline-block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.subrecipe-toggle {
|
||||||
|
margin-left: 10px;
|
||||||
|
}
|
||||||
|
.subrecipe-toggle::after {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
.subrecipe .subrecipe-toggle::after {
|
||||||
|
content: "Show";
|
||||||
|
}
|
||||||
|
.subrecipe.open .subrecipe-toggle::after {
|
||||||
|
content: "Hide";
|
||||||
|
}
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
list-style-type: "- ";
|
list-style-type: "- ";
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue