diff --git a/css/Whypo-rrey.ttf b/css/Whypo-rrey.ttf new file mode 100644 index 0000000..59d568c Binary files /dev/null and b/css/Whypo-rrey.ttf differ diff --git a/css/style.css b/css/style.css index 67f92a2..930e9da 100644 --- a/css/style.css +++ b/css/style.css @@ -8,6 +8,11 @@ src: url(../css/Caveat-Regular.ttf); } +@font-face { + font-family: Whypo-rrey; + src: url(../css/Whypo-rrey.ttf); +} + body { display: flex; align-items: center; @@ -24,7 +29,8 @@ body { div.row { display: flex; flex-direction: row; - width: 900px; + width: 1000px; + align-items: center; } div.photo { @@ -34,12 +40,12 @@ div.photo { width: 300px; height: 300px; background-size: contain; - margin-right: 20px; + margin-right: 80px; } div.info { display: flex; - width: 600px; + width: 620px; flex-direction: column; } @@ -54,4 +60,74 @@ div.bio { font-family: Caveat; font-size: 25px; text-align: justify; -} \ No newline at end of file +} + +div.social { + display: flex; + justify-content: space-between; + margin-top: 100px; + width: 800px; +} + +.social div { + width: 50px; + height: 50px; + background-size: contain; + cursor: pointer; + transition: 0.2s; +} + +.social div:hover { + transform: scale(1.5); +} + +.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); } + +.tooltip { + position: relative; + display: inline-block; +} + +.tooltip .tooltiptext { + visibility: hidden; + width: 120px; + left: 50%; + margin-left: -60px; + color: #000000; + text-align: center; + padding: 5px 0; + position: absolute; + z-index: 1; + top: 110%; + opacity: 0; + transition: opacity 1s; + font-family: Whypo-rrey; +} + +.tooltip:hover .tooltiptext { + visibility: visible; + opacity: 1; +} diff --git a/images/social/blog-off.png b/images/social/blog-off.png new file mode 100644 index 0000000..59ced1f Binary files /dev/null and b/images/social/blog-off.png differ diff --git a/images/social/blog-on.png b/images/social/blog-on.png new file mode 100644 index 0000000..468338c Binary files /dev/null and b/images/social/blog-on.png differ diff --git a/images/social/email-off.png b/images/social/email-off.png new file mode 100644 index 0000000..45f246c Binary files /dev/null and b/images/social/email-off.png differ diff --git a/images/social/email-on.png b/images/social/email-on.png new file mode 100644 index 0000000..d560864 Binary files /dev/null and b/images/social/email-on.png differ diff --git a/images/social/facebook-off.png b/images/social/facebook-off.png new file mode 100644 index 0000000..aba2160 Binary files /dev/null and b/images/social/facebook-off.png differ diff --git a/images/social/facebook-on.png b/images/social/facebook-on.png new file mode 100644 index 0000000..19d6172 Binary files /dev/null and b/images/social/facebook-on.png differ diff --git a/images/social/ftp-off.png b/images/social/ftp-off.png new file mode 100644 index 0000000..28f0883 Binary files /dev/null and b/images/social/ftp-off.png differ diff --git a/images/social/ftp-on.png b/images/social/ftp-on.png new file mode 100644 index 0000000..bbae113 Binary files /dev/null and b/images/social/ftp-on.png differ diff --git a/images/social/git-off.png b/images/social/git-off.png new file mode 100644 index 0000000..2aea2a5 Binary files /dev/null and b/images/social/git-off.png differ diff --git a/images/social/git-on.png b/images/social/git-on.png new file mode 100644 index 0000000..6ef4cdd Binary files /dev/null and b/images/social/git-on.png differ diff --git a/images/social/github-off.png b/images/social/github-off.png new file mode 100644 index 0000000..9972760 Binary files /dev/null and b/images/social/github-off.png differ diff --git a/images/social/github-on.png b/images/social/github-on.png new file mode 100644 index 0000000..fe84e4d Binary files /dev/null and b/images/social/github-on.png differ diff --git a/images/social/instagram-off.png b/images/social/instagram-off.png new file mode 100644 index 0000000..4e13c8d Binary files /dev/null and b/images/social/instagram-off.png differ diff --git a/images/social/instagram-on.png b/images/social/instagram-on.png new file mode 100644 index 0000000..36a068c Binary files /dev/null and b/images/social/instagram-on.png differ diff --git a/images/social/linkedin-off.png b/images/social/linkedin-off.png new file mode 100644 index 0000000..9d25b8d Binary files /dev/null and b/images/social/linkedin-off.png differ diff --git a/images/social/linkedin-on.png b/images/social/linkedin-on.png new file mode 100644 index 0000000..e1c57d2 Binary files /dev/null and b/images/social/linkedin-on.png differ diff --git a/images/social/linux-off.png b/images/social/linux-off.png new file mode 100644 index 0000000..6864478 Binary files /dev/null and b/images/social/linux-off.png differ diff --git a/images/social/linux-on.png b/images/social/linux-on.png new file mode 100644 index 0000000..238514a Binary files /dev/null and b/images/social/linux-on.png differ diff --git a/images/social/mastodon-off.png b/images/social/mastodon-off.png new file mode 100644 index 0000000..221d8d6 Binary files /dev/null and b/images/social/mastodon-off.png differ diff --git a/images/social/mastodon-on.png b/images/social/mastodon-on.png new file mode 100644 index 0000000..e9e904b Binary files /dev/null and b/images/social/mastodon-on.png differ diff --git a/images/social/telegram-off.png b/images/social/telegram-off.png new file mode 100644 index 0000000..5f337ea Binary files /dev/null and b/images/social/telegram-off.png differ diff --git a/images/social/telegram-on.png b/images/social/telegram-on.png new file mode 100644 index 0000000..49c448c Binary files /dev/null and b/images/social/telegram-on.png differ diff --git a/images/social/twitter-off.png b/images/social/twitter-off.png new file mode 100644 index 0000000..6fbe5ce Binary files /dev/null and b/images/social/twitter-off.png differ diff --git a/images/social/twitter-on.png b/images/social/twitter-on.png new file mode 100644 index 0000000..2f7ee10 Binary files /dev/null and b/images/social/twitter-on.png differ diff --git a/index.html b/index.html index 8b40864..1d4db0b 100644 --- a/index.html +++ b/index.html @@ -16,9 +16,26 @@
Спасибо за поддержку Thunderbird, которая финансируется такими же пользователями, как вы! Для создания Thunderbird требуются инженеры-программисты, дизайнеры, системные администраторы и серверная инфраструктура. Поэтому, если вам нравится Thunderbird, лучший способ обеспечить доступность Thunderbird — сделать пожертвование.
+Hi there!
+I'm Alexander Zhirov from Russia! I am engaged in development in C/C++ and D, study Linux, share and contribute to the spread of the philosophy of Open Source software.
+In my free time I read books, do music and sports.
+If you have any questions or suggestions, you can always contact me.