tool.html

<h4 id="{{tool.uid}}">{{tool.name}}</h4>
<p> {{tool.content}}</p>
{% if tool.imagetag %} {% include {{site.gallery}} topic=tool.imagetag %} {% endif %}
{% if tool.wikilink %}<p>Mehr infos findest du im <a href="{{tool.wikilink}}">Wiki</a>.<p>{% endif %}
<div style="
 background-color: #fafafa;
 border: 10px solid;
 border-color: #e67206;
 padding: 10px 25px;
 max-width:500px;
 font-family:sans-serif">
 {% for tool in site.inventory %}{% if tool.uid contains {{include.uid}} %}
  <h4 style="font-family:sans-serif;font-size:28pt;">{{tool.name}}</h4>
    <ul style="list-style-type:none;">
    {% for hint in tool.hints %}<li style="margin:15px 0;line-height:18pt;">{{hint}}</li>{% endfor %}
    </ul>
    <p style="text-align:center;margin:0">
    {% for c in tool.commandsigns %}
      <a href="https://de.wikipedia.org/wiki/Gebotszeichen" target="_blank" style="background-image:none;"><img src="{{ site.baseurl }}/assets/iso7010/{{ c}}.svg" alt="{{c}}" width="100"></a>
    {% endfor %}
    </p>

    {% if tool.safetylink %}
      <p style="line-height: 18pt; margin:10px 0">
        <span style="float: left; color: #e67206; font-size: 40pt; display:block; width: 50pt; height: 40pt; text-align:center; line-height: 40pt;">⚠</span>Um dieses Gerät benutzen zu dürfen benötigst du eine <a href="{{tool.safetylink}}">Sicherheitsbelehrung</a>!
      </p>
    {% endif %}

    <p style="text-align:center;margin-bottom:0px;"><a href="https://chaotikum.org/nobreakspace/werkstatt/">www.chaotikum.org/nobreakspace/werkstatt/</a></p>

   {% endif %}
 {% endfor %}
 </div>