Zola-Socialcard/templates/index.html

63 lines
2.3 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{% block title %}{{ config.title }}{% endblock title %}</title>
<link rel='stylesheet' href='/style.css' type='text/css' >
</head>
{% if config.extra.backgroundrepeat == "yes" %}
<body style="background-image: url({{ config.extra.backgroundimage }}); background-repeat: repeat;">
{% else %}
<body style="background-image: url({{ config.extra.backgroundimage }}); background-repeat: no-repeat; background-size: cover;">
{% endif %}
{% if config.extra.backgroundvignette == "yes" %}
<div class="container" style="background: {{ config.extra.backgroundcolor}}40; box-shadow: inset 0 0 2000px; height: 100%; overflow: hidden;">
{% else %}
<div class="container"}>
{% endif %}
{%if config.extra.header == "yes" %}
<div class="header">
<img src=/img/{{ config.extra.header_file }}>
</div>
{% endif %}
<div class="content">
<div class="content-social">
<div class="content-social-profile">
<img src="/img/profile.png">
</div>
<div class="content-social-name">
<p>{{ config.extra.name }}</p>
</div>
<div class="content-social-desc">
<p>{{ config.extra.description }}</p>
</div>
{% if config.extra.social %}
{% for links in config.extra.social %}
<div class="content-social-link-{{ links.title }}">
<div class="div-link">
<a href="{{ links.link }}"></a>
</div>
<div class="{{ links.title }}-img">
<a class="linkimg" href="{{ links.link }}"><img src="/img/{{ links.icon }}.svg"alt="Socialmedia Icon for {{links.icon}}" style="width: 100%; filter: invert(75%)"</img></a>
</div>
<div class="{{ links.title }}-txt">
<a class="linktxt" href="{{ links.link }}"> {{ links.title }}</a><br>
</div>
</div>
{% endfor %}
{% endif %}
</div>
</div>
<div class="emptybox">
</div>
<div class="footer">
<div class="copyleft">
{% for footer in config.extra.footer %}
<a2 class="footercopyzola">{{ footer.zola }}</a2>
<a2 class="footercopyleft">by {{ footer.copyleft }}</a2>
{% endfor %}
</div>
</div>
</div>
</body>