diff --git a/README.md b/README.md index 9f89647..4e523de 100644 --- a/README.md +++ b/README.md @@ -2,4 +2,9 @@ ## About the project -Let's try it once more \ No newline at end of file +Let's try it once more + +## Sources: + +Brand SVG Icons: https://simpleicons.org/ +World, E-Mail SVG: https://github.com/tabler/tabler-icons diff --git a/_resources/svg/gitea.svg b/_resources/svg/gitea.svg new file mode 100644 index 0000000..0fd0e0b --- /dev/null +++ b/_resources/svg/gitea.svg @@ -0,0 +1 @@ +Gitea icon \ No newline at end of file diff --git a/_resources/svg/github.svg b/_resources/svg/github.svg new file mode 100644 index 0000000..3899712 --- /dev/null +++ b/_resources/svg/github.svg @@ -0,0 +1 @@ +GitHub icon \ No newline at end of file diff --git a/_resources/svg/mail.svg b/_resources/svg/mail.svg new file mode 100644 index 0000000..d42d4d1 --- /dev/null +++ b/_resources/svg/mail.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_resources/svg/mastodon.svg b/_resources/svg/mastodon.svg new file mode 100644 index 0000000..79e1d80 --- /dev/null +++ b/_resources/svg/mastodon.svg @@ -0,0 +1 @@ +Mastodon icon \ No newline at end of file diff --git a/_resources/svg/spotify.svg b/_resources/svg/spotify.svg new file mode 100644 index 0000000..aca3621 --- /dev/null +++ b/_resources/svg/spotify.svg @@ -0,0 +1 @@ +Spotify icon \ No newline at end of file diff --git a/_resources/svg/steam.svg b/_resources/svg/steam.svg new file mode 100644 index 0000000..1a66672 --- /dev/null +++ b/_resources/svg/steam.svg @@ -0,0 +1 @@ +Steam icon \ No newline at end of file diff --git a/_resources/svg/twitch.svg b/_resources/svg/twitch.svg new file mode 100644 index 0000000..b4ff31f --- /dev/null +++ b/_resources/svg/twitch.svg @@ -0,0 +1 @@ +Twitch icon diff --git a/_resources/svg/twitter.svg b/_resources/svg/twitter.svg new file mode 100644 index 0000000..af5b7c3 --- /dev/null +++ b/_resources/svg/twitter.svg @@ -0,0 +1 @@ +Twitter icon \ No newline at end of file diff --git a/_resources/svg/world.svg b/_resources/svg/world.svg new file mode 100644 index 0000000..a67eedf --- /dev/null +++ b/_resources/svg/world.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_source/index.html b/_source/index.html index 03577c2..81bf234 100644 --- a/_source/index.html +++ b/_source/index.html @@ -2,8 +2,8 @@ - Jan.su -- Hello human! - + Jan.su -- Welcome human! + @@ -11,8 +11,53 @@ -

Foo

-

Bar

-

Baz…

+ +
+

Jan Jastrow

+
+
+ +
+ + diff --git a/_source/scss/styles.scss b/_source/scss/styles.scss index 466132f..1194704 100644 --- a/_source/scss/styles.scss +++ b/_source/scss/styles.scss @@ -1,6 +1,61 @@ +$color1: #4BB5A9; +$color2: #D6E8E6; +$svg_background: #111; + body { - background-color: #eeeeee; + background-color: $color2; color: #111111; font-family: sans-serif; font-size: 24px; } + +.list_links { + font-size: 18px; + list-style: none; + margin: 0 1em; + padding: 0; + + li { + background-color: $color1; + margin: 0.5em 0; + } + + a { + color: $color2; + display: block; + padding: 0.65em; + text-decoration: none; + } + a:visited { + color: $color2; + } +} + +.link-icon { + display: inline-block; + margin-right: 0.5em; + width: 24px; + height: 24px; + + svg { + height: 24px; + width: 24px; + fill: $svg_background; + } +} + +footer { + margin-top: 1.5em; + font-size: 12px; + + a { + color: #111; + } + a:visited { + color: #111; + } + + p { + margin: 0 0 0 0.65em; + } +} \ No newline at end of file