diff --git a/config.toml b/config.toml index f22fbec..36b185a 100644 --- a/config.toml +++ b/config.toml @@ -16,26 +16,20 @@ description = "Cyber Witch" # link set the hyperlink social = [ - {title = 'Mail', icon = 'mail', link = 'mailto:foo@bar.de'}, - {title = 'Forgejo', icon = 'git', link = '#git'}, - {title = 'Mastodon', icon = 'fediverse', link = '#fediverse'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, - {title = 'gitea', icon = 'git', link = 'https://example.com'}, + {title = 'Mail', icon = 'mail', link = 'mailto:#'}, + {title = 'Forgejo', icon = 'forgejo', link = '#'}, + {title = 'gitea', icon = 'gitea', link = '#'}, + {title = 'codeberg', icon = 'codeberg', link = '#'}, + {title = 'github', icon = 'github', link = '#'}, + {title = 'online shop', icon = 'shop', link = '#'}, + {title = 'Mastodon', icon = 'mastodon', link = '#'}, + {title = 'Fediverse', icon = 'fediverse', link = '#'}, + {title = 'Pixelfed', icon = 'pixelfed', link = '#'}, + {title = 'Matrix', icon = 'matrix', link = '#'}, + {title = 'Jabber', icon = 'xmpp', link = '#'}, + {title = 'Signal', icon = 'signal', link = '#'}, + {title = 'Threema', icon = 'threema', link = '#'}, + {title = 'Web', icon = 'web', link = 'https://example.com'}, ] # Background Configurations @@ -57,5 +51,5 @@ header_file = "banner.webp" # filename [[extra.footer]] copyleft = 'Kasia-Marysia' -zola = 'Created With Rust' +zola = 'Created With Zola' diff --git a/public/img/codeberg.svg b/public/img/codeberg.svg new file mode 100644 index 0000000..01bd165 --- /dev/null +++ b/public/img/codeberg.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/fediverse.svg b/public/img/fediverse.svg index dbe3213..16071e8 100644 --- a/public/img/fediverse.svg +++ b/public/img/fediverse.svg @@ -1 +1,29 @@ - + + diff --git a/public/img/forgejo.svg b/public/img/forgejo.svg new file mode 100644 index 0000000..9b1a0ce --- /dev/null +++ b/public/img/forgejo.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/gitea.svg b/public/img/gitea.svg new file mode 100644 index 0000000..5e108f5 --- /dev/null +++ b/public/img/gitea.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/github.svg b/public/img/github.svg new file mode 100644 index 0000000..0cabc56 --- /dev/null +++ b/public/img/github.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/mail.svg b/public/img/mail.svg index fa83100..87a0001 100644 --- a/public/img/mail.svg +++ b/public/img/mail.svg @@ -20,9 +20,10 @@ inkscape:pagecheckerboard="1" inkscape:deskcolor="#d1d1d1" inkscape:zoom="0.5772864" - inkscape:cx="308.33916" - inkscape:cy="60.628486" - inkscape:current-layer="svg1" /> + inkscape:cx="308.33915" + inkscape:cy="60.628485" + inkscape:current-layer="svg1" + showgrid="false" /> diff --git a/public/img/matrix.svg b/public/img/matrix.svg new file mode 100644 index 0000000..16098ea --- /dev/null +++ b/public/img/matrix.svg @@ -0,0 +1,30 @@ + + diff --git a/public/img/pixelfed.svg b/public/img/pixelfed.svg new file mode 100644 index 0000000..24cf393 --- /dev/null +++ b/public/img/pixelfed.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/shop.svg b/public/img/shop.svg new file mode 100644 index 0000000..e2698b4 --- /dev/null +++ b/public/img/shop.svg @@ -0,0 +1,29 @@ + + diff --git a/public/img/signal.svg b/public/img/signal.svg new file mode 100644 index 0000000..6b948e0 --- /dev/null +++ b/public/img/signal.svg @@ -0,0 +1,31 @@ + + diff --git a/public/img/threema.svg b/public/img/threema.svg new file mode 100644 index 0000000..cf5318d --- /dev/null +++ b/public/img/threema.svg @@ -0,0 +1,31 @@ + + diff --git a/public/img/xmpp.svg b/public/img/xmpp.svg new file mode 100644 index 0000000..7c17335 --- /dev/null +++ b/public/img/xmpp.svg @@ -0,0 +1,29 @@ + + diff --git a/public/style.css b/public/style.css index 83a4d61..ef5f17c 100644 --- a/public/style.css +++ b/public/style.css @@ -2,7 +2,10 @@ body { margin: 0px; width: 100%; height: 100%; - display: flex; +} + +a { + text-decoration: none; } .container { @@ -17,6 +20,9 @@ body { margin-left: auto; margin-right: auto; width: 40%; + height: 100vh; + font-family: sans; + text-transform: uppercase; } [class*="content-social-link"] { @@ -63,6 +69,22 @@ body { position: relative; } +[class*="content-social-link"]:hover { + right: 10px; + position: relative; + box-shadow: 18px 8px 0px black; +} + +[class*="content-social-link"]:hover .linkimg{ + filter: invert(100%) sepia(0%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); +} + +.copyleft { + font-family: sans; + text-transform: capitalize; + font-size: small; +} + .div-link a { position: absolute; width: 100%; @@ -117,3 +139,8 @@ p { margin-bottom: 10px; margin-top: 5px; } + +.emptybox { + height: 30vw; + width: 100%; +} diff --git a/static/img/codeberg.svg b/static/img/codeberg.svg new file mode 100644 index 0000000..01bd165 --- /dev/null +++ b/static/img/codeberg.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/fediverse.svg b/static/img/fediverse.svg index dbe3213..16071e8 100644 --- a/static/img/fediverse.svg +++ b/static/img/fediverse.svg @@ -1 +1,29 @@ - + + diff --git a/static/img/forgejo.svg b/static/img/forgejo.svg new file mode 100644 index 0000000..9b1a0ce --- /dev/null +++ b/static/img/forgejo.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/gitea.svg b/static/img/gitea.svg new file mode 100644 index 0000000..5e108f5 --- /dev/null +++ b/static/img/gitea.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/github.svg b/static/img/github.svg new file mode 100644 index 0000000..0cabc56 --- /dev/null +++ b/static/img/github.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/mail.svg b/static/img/mail.svg index fa83100..87a0001 100644 --- a/static/img/mail.svg +++ b/static/img/mail.svg @@ -20,9 +20,10 @@ inkscape:pagecheckerboard="1" inkscape:deskcolor="#d1d1d1" inkscape:zoom="0.5772864" - inkscape:cx="308.33916" - inkscape:cy="60.628486" - inkscape:current-layer="svg1" /> + inkscape:cx="308.33915" + inkscape:cy="60.628485" + inkscape:current-layer="svg1" + showgrid="false" /> diff --git a/static/img/matrix.svg b/static/img/matrix.svg new file mode 100644 index 0000000..16098ea --- /dev/null +++ b/static/img/matrix.svg @@ -0,0 +1,30 @@ + + diff --git a/static/img/pixelfed.svg b/static/img/pixelfed.svg new file mode 100644 index 0000000..24cf393 --- /dev/null +++ b/static/img/pixelfed.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/shop.svg b/static/img/shop.svg new file mode 100644 index 0000000..e2698b4 --- /dev/null +++ b/static/img/shop.svg @@ -0,0 +1,29 @@ + + diff --git a/static/img/signal.svg b/static/img/signal.svg new file mode 100644 index 0000000..6b948e0 --- /dev/null +++ b/static/img/signal.svg @@ -0,0 +1,31 @@ + + diff --git a/static/img/threema.svg b/static/img/threema.svg new file mode 100644 index 0000000..cf5318d --- /dev/null +++ b/static/img/threema.svg @@ -0,0 +1,31 @@ + + diff --git a/static/img/xmpp.svg b/static/img/xmpp.svg new file mode 100644 index 0000000..7c17335 --- /dev/null +++ b/static/img/xmpp.svg @@ -0,0 +1,29 @@ + + diff --git a/static/style.css b/static/style.css index 83a4d61..ef5f17c 100644 --- a/static/style.css +++ b/static/style.css @@ -2,7 +2,10 @@ body { margin: 0px; width: 100%; height: 100%; - display: flex; +} + +a { + text-decoration: none; } .container { @@ -17,6 +20,9 @@ body { margin-left: auto; margin-right: auto; width: 40%; + height: 100vh; + font-family: sans; + text-transform: uppercase; } [class*="content-social-link"] { @@ -63,6 +69,22 @@ body { position: relative; } +[class*="content-social-link"]:hover { + right: 10px; + position: relative; + box-shadow: 18px 8px 0px black; +} + +[class*="content-social-link"]:hover .linkimg{ + filter: invert(100%) sepia(0%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%); +} + +.copyleft { + font-family: sans; + text-transform: capitalize; + font-size: small; +} + .div-link a { position: absolute; width: 100%; @@ -117,3 +139,8 @@ p { margin-bottom: 10px; margin-top: 5px; } + +.emptybox { + height: 30vw; + width: 100%; +} diff --git a/templates/index.html b/templates/index.html index ba65137..df8807a 100644 --- a/templates/index.html +++ b/templates/index.html @@ -12,7 +12,7 @@ {% endif %} {% if config.extra.backgroundvignette == "yes" %} -
+
{% else %}
{% endif %} @@ -48,7 +48,8 @@ {% endfor %} {% endif %}
-

Content comes here

+
+