diff --git a/config.toml b/config.toml index 2ce56fb..ab54291 100644 --- a/config.toml +++ b/config.toml @@ -8,17 +8,35 @@ highlight_code = true [extra] -name = "Foo Bar" +name = "Kasiandra Richmond" + +# Links will be set here. Enter the Title which should be shown on the site +# icon is the svg filename (icon.svg) which are stored in static/img/ +# link set the hyperlink social = [ {title = 'Mail', icon = 'mail', link = 'mailto:foo@bar.de'}, - {title = 'Git', icon = 'git', link = '#git'}, - {title = 'Fediverse', icon = 'fediverse', link = '#fediverse'}, - {title = 'Web', icon = 'web', link = 'https://example.com'}, + {title = 'Forgejo', icon = 'git', link = '#git'}, + {title = 'Mastodon', icon = 'fediverse', link = '#fediverse'}, + {title = 'gitea', icon = 'git', link = 'https://example.com'}, ] -backgroundcolor = "#10A1EE" -backgroundimage = "img/background.svg" +# Background Configurations +# Set the overlay Background Color at 'backgroundcolor' +# Set the background file name, select one of the list +# you may set if the background image should be set as cover (no) or repeat at X and Y (yes) +# also you may onfigure a vignette effect with yes and no + +backgroundcolor = "#acab00" +backgroundimage = "img/background-sonic.svg" # [background-sonic|background-chess_small|background-chess_big|background-intro] +backgroundrepeat = "yes" # [yes|no] +backgroundvignette = "yes" # [yes|no] + +# if you want to use a header, set the header option to yes +# you may also use a custom header, set the filename under header_file and save the file under static/img/ + +header = "yes" # [yes|no] +header_file = "banner.webp" # filename [[extra.footer]] copyleft = 'Kasia-Marysia' diff --git a/public/img/background-chess.svg b/public/img/background-chess.svg new file mode 100644 index 0000000..a1fd1c7 --- /dev/null +++ b/public/img/background-chess.svg @@ -0,0 +1,761 @@ + + + + diff --git a/public/img/background-chess_big.svg b/public/img/background-chess_big.svg new file mode 100644 index 0000000..2deb147 --- /dev/null +++ b/public/img/background-chess_big.svg @@ -0,0 +1,762 @@ + + + + diff --git a/public/img/background-chess_small.svg b/public/img/background-chess_small.svg new file mode 100644 index 0000000..d3a1a3a --- /dev/null +++ b/public/img/background-chess_small.svg @@ -0,0 +1,2957 @@ + + + + diff --git a/public/img/background-intro.svg b/public/img/background-intro.svg new file mode 100644 index 0000000..fad2285 --- /dev/null +++ b/public/img/background-intro.svg @@ -0,0 +1,141 @@ + + + + diff --git a/public/img/background-sonic.svg b/public/img/background-sonic.svg new file mode 100644 index 0000000..badeff5 --- /dev/null +++ b/public/img/background-sonic.svg @@ -0,0 +1,325 @@ + + + + diff --git a/public/img/banner.webp b/public/img/banner.webp new file mode 100644 index 0000000..e4452ac Binary files /dev/null and b/public/img/banner.webp differ diff --git a/public/img/git.svg b/public/img/git.svg index dbe3213..2723ae9 100644 --- a/public/img/git.svg +++ b/public/img/git.svg @@ -1 +1,28 @@ - + + diff --git a/public/img/header.png b/public/img/header.png new file mode 100644 index 0000000..0b9888a Binary files /dev/null and b/public/img/header.png differ diff --git a/public/img/header.svg b/public/img/header.svg new file mode 100644 index 0000000..6772805 --- /dev/null +++ b/public/img/header.svg @@ -0,0 +1,393 @@ + + + + diff --git a/public/img/mail.svg b/public/img/mail.svg index ba15719..fa83100 100644 --- a/public/img/mail.svg +++ b/public/img/mail.svg @@ -1 +1,28 @@ - + + diff --git a/public/img/mastodon.svg b/public/img/mastodon.svg new file mode 100644 index 0000000..e3c78c7 --- /dev/null +++ b/public/img/mastodon.svg @@ -0,0 +1,31 @@ + + + + + + + diff --git a/public/img/web.svg b/public/img/web.svg index dbe3213..6784f4a 100644 --- a/public/img/web.svg +++ b/public/img/web.svg @@ -1 +1,28 @@ - + + diff --git a/public/style.css b/public/style.css index e4cee7b..0b3235b 100644 --- a/public/style.css +++ b/public/style.css @@ -3,7 +3,6 @@ body { width: 100%; height: 100%; display: flex; - background-repeat: repeat-y; } .container { @@ -12,11 +11,66 @@ body { margin: 0px; } +.content { + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; + width: 40%; +} + +[class*="content-social-link"] { + background: white; + color: black; + padding: 2px; + margin-bottom: 15px; + border-style: solid; + border-color: black; + box-shadow: 8px 8px 0px black; +} + .content-social-profile img { + margin-top: 80px; max-width: 200px; max-height: 200px; border-radius: 50%; + z-index: 1; + position: relative; } +.footer { + width: 100%; + background: white; + text-align: center; + position: absolute; + height: 28px; + bottom: 0; +} +.footer .copyleft { + margin: auto; + width: 50%; + line-height: 28px; +} +.header img { + width: 100%; + z-index: 0; + position: absolute; + max-height: 200px; + object-fit: cover; + border-bottom-style: solid; + border-bottom-color: black; +} + +.linktxt { + color: black; + line-height: 32px; + display: inline-block; + vertical-align: middle; +} + +.linkimg { + width: 20%; + float: left; +} diff --git a/static/img/background-chess.svg b/static/img/background-chess.svg new file mode 100644 index 0000000..a1fd1c7 --- /dev/null +++ b/static/img/background-chess.svg @@ -0,0 +1,761 @@ + + + + diff --git a/static/img/background-chess_big.svg b/static/img/background-chess_big.svg new file mode 100644 index 0000000..2deb147 --- /dev/null +++ b/static/img/background-chess_big.svg @@ -0,0 +1,762 @@ + + + + diff --git a/static/img/background-chess_small.svg b/static/img/background-chess_small.svg new file mode 100644 index 0000000..d3a1a3a --- /dev/null +++ b/static/img/background-chess_small.svg @@ -0,0 +1,2957 @@ + + + + diff --git a/static/img/background-intro.svg b/static/img/background-intro.svg new file mode 100644 index 0000000..fad2285 --- /dev/null +++ b/static/img/background-intro.svg @@ -0,0 +1,141 @@ + + + + diff --git a/static/img/background-sonic.svg b/static/img/background-sonic.svg new file mode 100644 index 0000000..badeff5 --- /dev/null +++ b/static/img/background-sonic.svg @@ -0,0 +1,325 @@ + + + + diff --git a/static/img/banner.webp b/static/img/banner.webp new file mode 100644 index 0000000..e4452ac Binary files /dev/null and b/static/img/banner.webp differ diff --git a/static/img/git.svg b/static/img/git.svg index dbe3213..2723ae9 100644 --- a/static/img/git.svg +++ b/static/img/git.svg @@ -1 +1,28 @@ - + + diff --git a/static/img/header.png b/static/img/header.png new file mode 100644 index 0000000..0b9888a Binary files /dev/null and b/static/img/header.png differ diff --git a/static/img/header.svg b/static/img/header.svg new file mode 100644 index 0000000..6772805 --- /dev/null +++ b/static/img/header.svg @@ -0,0 +1,393 @@ + + + + diff --git a/static/img/mail.svg b/static/img/mail.svg index ba15719..fa83100 100644 --- a/static/img/mail.svg +++ b/static/img/mail.svg @@ -1 +1,28 @@ - + + diff --git a/static/img/mastodon.svg b/static/img/mastodon.svg new file mode 100644 index 0000000..e3c78c7 --- /dev/null +++ b/static/img/mastodon.svg @@ -0,0 +1,31 @@ + + + + + + + diff --git a/static/img/web.svg b/static/img/web.svg index dbe3213..6784f4a 100644 --- a/static/img/web.svg +++ b/static/img/web.svg @@ -1 +1,28 @@ - + + diff --git a/static/style.css b/static/style.css index e4cee7b..0b3235b 100644 --- a/static/style.css +++ b/static/style.css @@ -3,7 +3,6 @@ body { width: 100%; height: 100%; display: flex; - background-repeat: repeat-y; } .container { @@ -12,11 +11,66 @@ body { margin: 0px; } +.content { + text-align: center; + display: block; + margin-left: auto; + margin-right: auto; + width: 40%; +} + +[class*="content-social-link"] { + background: white; + color: black; + padding: 2px; + margin-bottom: 15px; + border-style: solid; + border-color: black; + box-shadow: 8px 8px 0px black; +} + .content-social-profile img { + margin-top: 80px; max-width: 200px; max-height: 200px; border-radius: 50%; + z-index: 1; + position: relative; } +.footer { + width: 100%; + background: white; + text-align: center; + position: absolute; + height: 28px; + bottom: 0; +} +.footer .copyleft { + margin: auto; + width: 50%; + line-height: 28px; +} +.header img { + width: 100%; + z-index: 0; + position: absolute; + max-height: 200px; + object-fit: cover; + border-bottom-style: solid; + border-bottom-color: black; +} + +.linktxt { + color: black; + line-height: 32px; + display: inline-block; + vertical-align: middle; +} + +.linkimg { + width: 20%; + float: left; +} diff --git a/templates/index.html b/templates/index.html index a8c2497..771a765 100644 --- a/templates/index.html +++ b/templates/index.html @@ -5,12 +5,22 @@ {% block title %}{{ config.title }}{% endblock title %} - - + +{% if config.extra.backgroundrepeat == "yes" %} + +{% else %} + +{% endif %} +{% if config.extra.backgroundvignette == "yes" %}
-
-

Here comes the banner

-
+{% else %} +
+{% endif %} +{%if config.extra.header == "yes" %} +
+ +
+{% endif %}
@@ -21,8 +31,13 @@
{% if config.extra.social %} {% for links in config.extra.social %} -
- Socialmedia Icon for {{links.icon}} {{ links.title }}
+
+
+ Socialmedia Icon for {{links.icon}} +
+
+ {{ links.title }}
+
{% endfor %} {% endif %}