dev #1

Merged
alexander merged 3 commits from dev into master 2023-05-02 00:11:58 +00:00
28 changed files with 147 additions and 6 deletions
Showing only changes of commit 833cff3425 - Show all commits

BIN
css/Whypo-rrey.ttf Normal file

Binary file not shown.

View File

@ -8,6 +8,11 @@
src: url(../css/Caveat-Regular.ttf); src: url(../css/Caveat-Regular.ttf);
} }
@font-face {
font-family: Whypo-rrey;
src: url(../css/Whypo-rrey.ttf);
}
body { body {
display: flex; display: flex;
align-items: center; align-items: center;
@ -24,7 +29,8 @@ body {
div.row { div.row {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
width: 900px; width: 1000px;
align-items: center;
} }
div.photo { div.photo {
@ -34,12 +40,12 @@ div.photo {
width: 300px; width: 300px;
height: 300px; height: 300px;
background-size: contain; background-size: contain;
margin-right: 20px; margin-right: 80px;
} }
div.info { div.info {
display: flex; display: flex;
width: 600px; width: 620px;
flex-direction: column; flex-direction: column;
} }
@ -55,3 +61,73 @@ div.bio {
font-size: 25px; font-size: 25px;
text-align: justify; 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;
}

BIN
images/social/blog-off.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

BIN
images/social/blog-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
images/social/email-off.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 KiB

BIN
images/social/email-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
images/social/ftp-off.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.1 KiB

BIN
images/social/ftp-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.2 KiB

BIN
images/social/git-off.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.4 KiB

BIN
images/social/git-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.6 KiB

BIN
images/social/github-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

BIN
images/social/linux-off.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

BIN
images/social/linux-on.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.0 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 9.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

View File

@ -16,9 +16,26 @@
<div class="info"> <div class="info">
<div class="title">About me</div> <div class="title">About me</div>
<div class="bio"> <div class="bio">
<p>Спасибо за поддержку Thunderbird, которая финансируется такими же пользователями, как вы! Для создания Thunderbird требуются инженеры-программисты, дизайнеры, системные администраторы и серверная инфраструктура. Поэтому, если вам нравится Thunderbird, лучший способ обеспечить доступность Thunderbird — сделать пожертвование.</p> <p>Hi there!</p>
<p>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.</p>
<p>In my free time I read books, do music and sports.</p>
<p>If you have any questions or suggestions, you can always contact me.</p>
</div> </div>
</div> </div>
</div> </div>
<div class="row social">
<div class="tooltip mastodon"><span class="tooltiptext">Mastodon</span></div>
<div class="tooltip twitter"><span class="tooltiptext">Twitter</span></div>
<div class="tooltip linkedin"><span class="tooltiptext">LinkedIn</span></div>
<div class="tooltip facebook"><span class="tooltiptext">Facebook</span></div>
<div class="tooltip instagram"><span class="tooltiptext">Instagram</span></div>
<div class="tooltip telegram"><span class="tooltiptext">Telegram</span></div>
<div class="tooltip git"><span class="tooltiptext">Git</span></div>
<div class="tooltip github"><span class="tooltiptext">GitHub</span></div>
<div class="tooltip solus"><span class="tooltiptext">Solus Linux</span></div>
<!-- <div class="tooltip blog"><span class="tooltiptext">Blog</span></div> -->
<!-- <div class="tooltip ftp"><span class="tooltiptext">FTP</span></div> -->
<!-- <div class="tooltip email"><span class="tooltiptext">Email</span></div> -->
</div>
</body> </body>
</html> </html>

View File

@ -1,4 +1,52 @@
$(document).ready(function(){ $(document).ready(function(){
$(this).on("contextmenu", e => e.preventDefault()); $(this).on("contextmenu", e => e.preventDefault());
$('body').delay(500).fadeTo(500, 1); $("body").delay(500).fadeTo(500, 1);
$(".mastodon").on( "click", function() {
window.location.href = "https://fosstodon.org/@alexanderzhirov";
});
$(".twitter").on( "click", function() {
window.location.href = "https://twitter.com/zhirofficial";
});
$(".linkedin").on( "click", function() {
window.location.href = "https://www.linkedin.com/in/alexander-zhirov-34b6711a6";
});
$(".facebook").on( "click", function() {
window.location.href = "https://www.facebook.com/azhirov1991";
});
$(".instagram").on( "click", function() {
window.location.href = "https://www.instagram.com/alexanderzhirov";
});
$(".git").on( "click", function() {
window.location.href = "https://git.zhirov.kz/alexander";
});
$(".github").on( "click", function() {
window.location.href = "https://github.com/AlexanderZhirov";
});
$(".telegram").on( "click", function() {
window.location.href = "https://t.me/alexanderzhirov";
});
$(".solus").on( "click", function() {
window.location.href = "https://dev.getsol.us/p/alexanderzhirov";
});
$(".blog").on( "click", function() {
window.location.href = "https://blog.zhirov.kz";
});
$(".ftp").on( "click", function() {
window.location.href = "https://ftp.zhirov.kz";
});
$(".email").on( "click", function() {
window.location.href = "";
});
}); });