Kasiandra/Zola-Socialcard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add theme, style and new assets

Browse source
This commit is contained in:
Kaisa Marysia 2025-04-11 16:22:07 +02:00
parent 44fe91d805
commit dfa924a58b
28 changed files with 11064 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

29
templates/index.html
View file

@ -5,12 +5,22 @@
<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}}40; box-shadow: inset 0 0 2000px {{config.extra.backgroundcolor}}40">-->
{% if config.extra.backgroundrepeat == "yes" %}
<body style="background-image: url({{ config.extra.backgroundimage }}); background-repeat: {{config.extra.backgroundrepeat }};">
{% else %}
<body style="background-image: url({{ config.extra.backgroundimage }}); background-repeat: {{config.extra.backgroundrepeat }}; background-size: cover;">
{% endif %}
{% if config.extra.backgroundvignette == "yes" %}
<div class="container" style="background: {{ config.extra.backgroundcolor}}40; box-shadow: inset 0 0 2000px">
<div class="header">
<p>Here comes the banner</p>
</div>
{% 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">
@ -21,8 +31,13 @@
</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 class="content-social-link-{{ links.title }}">
<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: 25px; 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 %}