diff --git a/css/style.css b/css/style.css index d3c3aa0..37e355d 100644 --- a/css/style.css +++ b/css/style.css @@ -73,39 +73,29 @@ div.social { .social div { width: 50px; height: 50px; - background-size: contain; + background-repeat: no-repeat; cursor: pointer; - transition: 0.2s; + transition: transform 0.2s; + background-size: 100px auto; } .social div:hover { transform: scale(1.5); + background-position: -50px 0; } -.mastodon { background-image: url(../images/social/mastodon-off.png); } -.mastodon:hover { background-image: url(../images/social/mastodon-on.png); } -.twitter { background-image: url(../images/social/twitter-off.png); } -.twitter:hover { background-image: url(../images/social/twitter-on.png); } -.linkedin { background-image: url(../images/social/linkedin-off.png); } -.linkedin:hover { background-image: url(../images/social/linkedin-on.png); } -.facebook { background-image: url(../images/social/facebook-off.png); } -.facebook:hover { background-image: url(../images/social/facebook-on.png); } -.instagram { background-image: url(../images/social/instagram-off.png); } -.instagram:hover { background-image: url(../images/social/instagram-on.png); } -.git { background-image: url(../images/social/git-off.png); } -.git:hover { background-image: url(../images/social/git-on.png); } -.github { background-image: url(../images/social/github-off.png); } -.github:hover { background-image: url(../images/social/github-on.png); } -.telegram { background-image: url(../images/social/telegram-off.png); } -.telegram:hover { background-image: url(../images/social/telegram-on.png); } -.solus { background-image: url(../images/social/linux-off.png); } -.solus:hover { background-image: url(../images/social/linux-on.png); } -.blog { background-image: url(../images/social/blog-off.png); } -.blog:hover { background-image: url(../images/social/blog-on.png); } -.ftp { background-image: url(../images/social/ftp-off.png); } -.ftp:hover { background-image: url(../images/social/ftp-on.png); } -.email { background-image: url(../images/social/email-off.png); } -.email:hover { background-image: url(../images/social/email-on.png); } +.mastodon { background-image: url(../images/social/mastodon.png); } +.twitter { background-image: url(../images/social/twitter.png); } +.linkedin { background-image: url(../images/social/linkedin.png); } +.facebook { background-image: url(../images/social/facebook.png); } +.instagram { background-image: url(../images/social/instagram.png); } +.git { background-image: url(../images/social/git.png); } +.github { background-image: url(../images/social/github.png); } +.telegram { background-image: url(../images/social/telegram.png); } +.solus { background-image: url(../images/social/linux.png); } +.blog { background-image: url(../images/social/blog.png); } +.ftp { background-image: url(../images/social/ftp.png); } +.email { background-image: url(../images/social/email.png); } .tooltip { position: relative; diff --git a/images/social/blog-off.png b/images/social/blog-off.png deleted file mode 100644 index 59ced1f..0000000 Binary files a/images/social/blog-off.png and /dev/null differ diff --git a/images/social/blog-on.png b/images/social/blog-on.png deleted file mode 100644 index 468338c..0000000 Binary files a/images/social/blog-on.png and /dev/null differ diff --git a/images/social/blog.png b/images/social/blog.png new file mode 100644 index 0000000..5bd3601 Binary files /dev/null and b/images/social/blog.png differ diff --git a/images/social/email-off.png b/images/social/email-off.png deleted file mode 100644 index 45f246c..0000000 Binary files a/images/social/email-off.png and /dev/null differ diff --git a/images/social/email-on.png b/images/social/email-on.png deleted file mode 100644 index d560864..0000000 Binary files a/images/social/email-on.png and /dev/null differ diff --git a/images/social/email.png b/images/social/email.png new file mode 100644 index 0000000..63c67b8 Binary files /dev/null and b/images/social/email.png differ diff --git a/images/social/facebook-off.png b/images/social/facebook-off.png deleted file mode 100644 index aba2160..0000000 Binary files a/images/social/facebook-off.png and /dev/null differ diff --git a/images/social/facebook-on.png b/images/social/facebook-on.png deleted file mode 100644 index 19d6172..0000000 Binary files a/images/social/facebook-on.png and /dev/null differ diff --git a/images/social/facebook.png b/images/social/facebook.png new file mode 100644 index 0000000..b6d73d4 Binary files /dev/null and b/images/social/facebook.png differ diff --git a/images/social/ftp-off.png b/images/social/ftp-off.png deleted file mode 100644 index 28f0883..0000000 Binary files a/images/social/ftp-off.png and /dev/null differ diff --git a/images/social/ftp-on.png b/images/social/ftp-on.png deleted file mode 100644 index bbae113..0000000 Binary files a/images/social/ftp-on.png and /dev/null differ diff --git a/images/social/ftp.png b/images/social/ftp.png new file mode 100644 index 0000000..f557702 Binary files /dev/null and b/images/social/ftp.png differ diff --git a/images/social/git-off.png b/images/social/git-off.png deleted file mode 100644 index 2aea2a5..0000000 Binary files a/images/social/git-off.png and /dev/null differ diff --git a/images/social/git-on.png b/images/social/git-on.png deleted file mode 100644 index 6ef4cdd..0000000 Binary files a/images/social/git-on.png and /dev/null differ diff --git a/images/social/git.png b/images/social/git.png new file mode 100644 index 0000000..f8254e9 Binary files /dev/null and b/images/social/git.png differ diff --git a/images/social/github-off.png b/images/social/github-off.png deleted file mode 100644 index 9972760..0000000 Binary files a/images/social/github-off.png and /dev/null differ diff --git a/images/social/github-on.png b/images/social/github-on.png deleted file mode 100644 index fe84e4d..0000000 Binary files a/images/social/github-on.png and /dev/null differ diff --git a/images/social/github.png b/images/social/github.png new file mode 100644 index 0000000..a02457b Binary files /dev/null and b/images/social/github.png differ diff --git a/images/social/instagram-off.png b/images/social/instagram-off.png deleted file mode 100644 index 4e13c8d..0000000 Binary files a/images/social/instagram-off.png and /dev/null differ diff --git a/images/social/instagram-on.png b/images/social/instagram-on.png deleted file mode 100644 index 36a068c..0000000 Binary files a/images/social/instagram-on.png and /dev/null differ diff --git a/images/social/instagram.png b/images/social/instagram.png new file mode 100644 index 0000000..e9467ce Binary files /dev/null and b/images/social/instagram.png differ diff --git a/images/social/linkedin-off.png b/images/social/linkedin-off.png deleted file mode 100644 index 9d25b8d..0000000 Binary files a/images/social/linkedin-off.png and /dev/null differ diff --git a/images/social/linkedin-on.png b/images/social/linkedin-on.png deleted file mode 100644 index e1c57d2..0000000 Binary files a/images/social/linkedin-on.png and /dev/null differ diff --git a/images/social/linkedin.png b/images/social/linkedin.png new file mode 100644 index 0000000..22ff709 Binary files /dev/null and b/images/social/linkedin.png differ diff --git a/images/social/linux-off.png b/images/social/linux-off.png deleted file mode 100644 index 6864478..0000000 Binary files a/images/social/linux-off.png and /dev/null differ diff --git a/images/social/linux-on.png b/images/social/linux-on.png deleted file mode 100644 index 238514a..0000000 Binary files a/images/social/linux-on.png and /dev/null differ diff --git a/images/social/linux.png b/images/social/linux.png new file mode 100644 index 0000000..56cb2fc Binary files /dev/null and b/images/social/linux.png differ diff --git a/images/social/mastodon-off.png b/images/social/mastodon-off.png deleted file mode 100644 index 221d8d6..0000000 Binary files a/images/social/mastodon-off.png and /dev/null differ diff --git a/images/social/mastodon-on.png b/images/social/mastodon-on.png deleted file mode 100644 index e9e904b..0000000 Binary files a/images/social/mastodon-on.png and /dev/null differ diff --git a/images/social/mastodon.png b/images/social/mastodon.png new file mode 100644 index 0000000..b9f06a1 Binary files /dev/null and b/images/social/mastodon.png differ diff --git a/images/social/telegram-off.png b/images/social/telegram-off.png deleted file mode 100644 index 5f337ea..0000000 Binary files a/images/social/telegram-off.png and /dev/null differ diff --git a/images/social/telegram-on.png b/images/social/telegram-on.png deleted file mode 100644 index 49c448c..0000000 Binary files a/images/social/telegram-on.png and /dev/null differ diff --git a/images/social/telegram.png b/images/social/telegram.png new file mode 100644 index 0000000..31d6eb7 Binary files /dev/null and b/images/social/telegram.png differ diff --git a/images/social/twitter-off.png b/images/social/twitter-off.png deleted file mode 100644 index 6fbe5ce..0000000 Binary files a/images/social/twitter-off.png and /dev/null differ diff --git a/images/social/twitter-on.png b/images/social/twitter-on.png deleted file mode 100644 index 2f7ee10..0000000 Binary files a/images/social/twitter-on.png and /dev/null differ diff --git a/images/social/twitter.png b/images/social/twitter.png new file mode 100644 index 0000000..4c7fba4 Binary files /dev/null and b/images/social/twitter.png differ