40 lines
1.5 KiB
HTML
40 lines
1.5 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>
|
|
<body style="background-image: url({{ config.extra.backgroundimage }})">
|
|
<div class="container" style="background: {{ config.extra.backgroundcolor}}; box-shadow: inset 0 0 2000px {{ config.extra.backgroundcolor }}">
|
|
<div class="header">
|
|
<p>Here comes the banner</p>
|
|
</div>
|
|
<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>
|
|
{% if config.extra.social %}
|
|
{% for links in config.extra.social %}
|
|
<div class="content-social-{{ links.title }}">
|
|
<a href="{{ links.link }}"><img src="/img/{{ links.icon }}.svg"alt="Socialmedia Icon for {{links.icon}}" style="width: 25px; filter: invert(75%)"</img></a><a> {{ links.title }}<br>
|
|
</div>
|
|
{% endfor %}
|
|
{% endif %}
|
|
</div>
|
|
<p>Content comes here</p>
|
|
</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>
|