46 lines
1.0 KiB
HTML
46 lines
1.0 KiB
HTML
{% extends "layouts/base.html" %}
|
|
{% import "macros/common/macros.html" as macros %}
|
|
|
|
{% block title %}KH1 - Sythensis{% endblock %}
|
|
|
|
{% block head %}
|
|
<style>{% include "components/kh1/style.css" %}</style>
|
|
<script
|
|
type="module"
|
|
src="/public/scripts/kh1.js?v={{ Module::get_js_hash() }}"
|
|
></script>
|
|
{% endblock %}
|
|
|
|
{% block content %}
|
|
<div id="mats"></div>
|
|
<div id="recipes">
|
|
{% for recipe in data.recipes %}
|
|
<div class="recipe-wrapper">
|
|
<input
|
|
type="checkbox"
|
|
id="recipe-{{ loop.index }}"
|
|
name="recipe-{{ loop.index }}"
|
|
class="recipe"
|
|
/>
|
|
<label for="recipe-{{ loop.index }}">
|
|
<img
|
|
src="../public/assets/materials/generic.webp"
|
|
width="16"
|
|
height="16"
|
|
/>{{ recipe.result }}
|
|
<ul>
|
|
{% for item in recipe.items %}
|
|
<li
|
|
data-synth-item-name="{{ item.name }}"
|
|
data-synth-item-amount="{{ item.amount }}"
|
|
>
|
|
{{ item.name +}} x{{ item.amount }}
|
|
</li>
|
|
{% endfor %}
|
|
</ul>
|
|
</label>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
{% endblock %}
|