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
+
+