asdasdasdasdasd
This commit is contained in:
parent
394460613b
commit
1fe36b2463
|
@ -0,0 +1,86 @@
|
|||
{% if not embeddable -%}
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
{% include 'card_headers.html' %}
|
||||
<!--link rel="stylesheet" href="/styles/{{card.template}}.css"></link-->
|
||||
<title>Card - {{card.title}}</title>
|
||||
|
||||
{% endif -%}
|
||||
|
||||
|
||||
{% macro figure_layer(figure) -%}
|
||||
{%- set figure_style %}{% filter cull_whitespace %}
|
||||
{% if figure.opacity!=1 %}opacity: {{figure.opacity}};{% endif %}
|
||||
{% if figure.color!=1 %}color: {{figure.color}};{% endif %}
|
||||
transform:
|
||||
{% if figure.offset|any %}translate({{figure.offset[0]*100}}%, {{figure.offset[1]*100}}%){% endif %}
|
||||
{% if figure.rotation %}rotate({{figure.rotation}}deg){% endif %}
|
||||
{% if figure.flip_x %}scaleX(-1){% endif %}
|
||||
{% if figure.flip_y %}scaleY(-1){% endif %}
|
||||
{% if figure.scale!=1 %}scale({{figure.scale}}){% endif %}
|
||||
;
|
||||
{% endfilter %}{% endset -%}
|
||||
|
||||
<div style="{{figure_style}}">
|
||||
{%- if figure.type == "material-icons" -%}
|
||||
{#- https://material.io/icons/ -#}
|
||||
<i class="material-icons figure">{{figure.name}}</i>
|
||||
{%- elif figure.type == "mdi" -%}
|
||||
{#- https://materialdesignicons.com/ -#}
|
||||
<i class="mdi mdi-{{figure.name}}"></i>
|
||||
{%- elif figure.type == "fa" -%}
|
||||
{#- http://fontawesome.io/icons/ -#}
|
||||
<i class="fa fa-{{figure.name}}"></i>
|
||||
{%- elif figure.type == "lnr" -%}
|
||||
{#- https://linearicons.com/free -#}
|
||||
<span class="lnr lnr-{{figure.name}}"></span>
|
||||
{%- elif figure.type == "svg" -%}
|
||||
{#- /cards/svg -#}
|
||||
<img src="/svg/{{figure.name}}">
|
||||
{%- elif figure.type == "img" -%}
|
||||
{#- /cards/img -#}
|
||||
<img src="/img/{{figure.name}}">
|
||||
{%- endif -%}
|
||||
</div>
|
||||
{%- endmacro -%}
|
||||
|
||||
<div class="{{card.template}}">
|
||||
<header>{{card.title}}</header>
|
||||
<figure>
|
||||
{% for figure in card.figures -%}
|
||||
{{figure_layer(figure)}}
|
||||
{% endfor %}
|
||||
</figure>
|
||||
<aside><ul>
|
||||
{% for property in card.properties -%}
|
||||
<li>{{property}}</li>
|
||||
{% endfor %}
|
||||
</ul></aside>
|
||||
<summary>
|
||||
{%- for cost in card.costs %}
|
||||
<section>
|
||||
{%- if cost.split()|length == 2 and cost.split()[0].isnumeric() %}
|
||||
<big>{{cost.split()[0]}}</big><br>
|
||||
<small>{{cost.split()[1]}}</small>
|
||||
{% else %}
|
||||
{{cost}}
|
||||
{% endif %}
|
||||
</section>
|
||||
{%- endfor %}
|
||||
</summary>
|
||||
<article>
|
||||
<center><i>"{{card.flavor}}"</i></center>
|
||||
<center>{{card.description|markdown|safe}}</center>
|
||||
|
||||
{%- if card.steps %}
|
||||
<ul>
|
||||
{% for step in card.steps -%}
|
||||
<li>{{step}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
{%- endif %}
|
||||
|
||||
</article>
|
||||
</div>
|
||||
|
||||
{#- <br><pre>{{card}}</pre> -#}
|
|
@ -0,0 +1,10 @@
|
|||
|
||||
<!--fonts, loaded asyncronously-->
|
||||
{% macro async() -%}
|
||||
media="none" onload="if(media!='all')media='all'"
|
||||
{%- endmacro -%}
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" {{async()}}>
|
||||
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/2.0.46/css/materialdesignicons.min.css" {{async()}}>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" {{async()}}>
|
||||
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" {{async()}}>
|
||||
|
Loading…
Reference in New Issue