diff --git a/README.md b/README.md new file mode 100644 index 0000000..c7696d2 --- /dev/null +++ b/README.md @@ -0,0 +1,3 @@ +# Основной вебсайт + +![site](site.png) diff --git a/css/Caveat-Regular.ttf b/css/Caveat-Regular.ttf new file mode 100644 index 0000000..697da1a Binary files /dev/null and b/css/Caveat-Regular.ttf differ 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 6a64d90..930e9da 100644 --- a/css/style.css +++ b/css/style.css @@ -3,6 +3,16 @@ src: url(../css/ProblematicPiercer.ttf); } +@font-face { + font-family: Caveat; + src: url(../css/Caveat-Regular.ttf); +} + +@font-face { + font-family: Whypo-rrey; + src: url(../css/Whypo-rrey.ttf); +} + body { display: flex; align-items: center; @@ -16,6 +26,108 @@ body { font-family: ProblematicPiercer; } -div.test { - font-size: 100px; -} \ No newline at end of file +div.row { + display: flex; + flex-direction: row; + width: 1000px; + align-items: center; +} + +div.photo { + border-radius: 300px; + box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px; + background-image: url(../images/favicon.jpg); + width: 300px; + height: 300px; + background-size: contain; + margin-right: 80px; +} + +div.info { + display: flex; + width: 620px; + flex-direction: column; +} + +div.title { + font-size: 50px; + display: flex; + align-items: center; + justify-content: center; +} + +div.bio { + font-family: Caveat; + font-size: 25px; + text-align: justify; +} + +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 bf16393..1d4db0b 100644 --- a/index.html +++ b/index.html @@ -11,6 +11,31 @@ -
Page in development
+
+
+
+
About me
+
+

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.

+
+
+
+
+
Mastodon
+
Twitter
+
LinkedIn
+
Facebook
+
Instagram
+
Telegram
+
Git
+
GitHub
+
Solus Linux
+ + + +
diff --git a/js/script.js b/js/script.js index 9623cfa..f57f588 100644 --- a/js/script.js +++ b/js/script.js @@ -1,3 +1,52 @@ $(document).ready(function(){ - $('body').delay(500).fadeTo(500, 1); + $(this).on("contextmenu", e => e.preventDefault()); + $("body").delay(500).fadeTo(500, 1); + + $(".mastodon").on( "click", function() { + window.open("https://fosstodon.org/@alexanderzhirov"); + }); + + $(".twitter").on( "click", function() { + window.open("https://twitter.com/zhirofficial"); + }); + + $(".linkedin").on( "click", function() { + window.open("https://www.linkedin.com/in/alexander-zhirov-34b6711a6"); + }); + + $(".facebook").on( "click", function() { + window.open("https://www.facebook.com/azhirov1991"); + }); + + $(".instagram").on( "click", function() { + window.open("https://www.instagram.com/alexanderzhirov"); + }); + + $(".git").on( "click", function() { + window.open("https://git.zhirov.kz/alexander"); + }); + + $(".github").on( "click", function() { + window.open("https://github.com/AlexanderZhirov"); + }); + + $(".telegram").on( "click", function() { + window.open("https://t.me/alexanderzhirov"); + }); + + $(".solus").on( "click", function() { + window.open("https://dev.getsol.us/p/alexanderzhirov"); + }); + + $(".blog").on( "click", function() { + window.open("https://blog.zhirov.kz"); + }); + + $(".ftp").on( "click", function() { + window.open("https://ftp.zhirov.kz"); + }); + + $(".email").on( "click", function() { + window.open(""); + }); }); diff --git a/site.png b/site.png new file mode 100644 index 0000000..ecb5f84 Binary files /dev/null and b/site.png differ