Compare commits
No commits in common. "master" and "dev" have entirely different histories.
|
|
@ -24,7 +24,6 @@ body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
font-family: ProblematicPiercer;
|
font-family: ProblematicPiercer;
|
||||||
cursor: default;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
div.row {
|
div.row {
|
||||||
|
|
@ -67,39 +66,45 @@ div.social {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
margin-top: 100px;
|
margin-top: 100px;
|
||||||
width: 960px;
|
width: 800px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.social div {
|
.social div {
|
||||||
width: 50px;
|
width: 50px;
|
||||||
height: 50px;
|
height: 50px;
|
||||||
background-repeat: no-repeat;
|
background-size: contain;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: transform 0.2s;
|
transition: 0.2s;
|
||||||
background-size: 100px auto;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.social div:hover {
|
.social div:hover {
|
||||||
transform: scale(1.5);
|
transform: scale(1.5);
|
||||||
background-position: -50px 0;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mastodon { background-image: url(../images/social/mastodon.png); }
|
.mastodon { background-image: url(../images/social/mastodon-off.png); }
|
||||||
.twitter { background-image: url(../images/social/twitter.png); }
|
.mastodon:hover { background-image: url(../images/social/mastodon-on.png); }
|
||||||
.linkedin { background-image: url(../images/social/linkedin.png); }
|
.twitter { background-image: url(../images/social/twitter-off.png); }
|
||||||
.facebook { background-image: url(../images/social/facebook.png); }
|
.twitter:hover { background-image: url(../images/social/twitter-on.png); }
|
||||||
.instagram { background-image: url(../images/social/instagram.png); }
|
.linkedin { background-image: url(../images/social/linkedin-off.png); }
|
||||||
.git { background-image: url(../images/social/git.png); }
|
.linkedin:hover { background-image: url(../images/social/linkedin-on.png); }
|
||||||
.github { background-image: url(../images/social/github.png); }
|
.facebook { background-image: url(../images/social/facebook-off.png); }
|
||||||
.telegram { background-image: url(../images/social/telegram.png); }
|
.facebook:hover { background-image: url(../images/social/facebook-on.png); }
|
||||||
.solus { background-image: url(../images/social/linux.png); }
|
.instagram { background-image: url(../images/social/instagram-off.png); }
|
||||||
.blog { background-image: url(../images/social/blog.png); }
|
.instagram:hover { background-image: url(../images/social/instagram-on.png); }
|
||||||
.ftp { background-image: url(../images/social/ftp.png); }
|
.git { background-image: url(../images/social/git-off.png); }
|
||||||
.band { background-image: url(../images/social/band.png); }
|
.git:hover { background-image: url(../images/social/git-on.png); }
|
||||||
.soundcloud { background-image: url(../images/social/soundcloud.png); }
|
.github { background-image: url(../images/social/github-off.png); }
|
||||||
.email { background-image: url(../images/social/email.png); }
|
.github:hover { background-image: url(../images/social/github-on.png); }
|
||||||
.matrix { background-image: url(../images/social/matrix.png); }
|
.telegram { background-image: url(../images/social/telegram-off.png); }
|
||||||
.gallery { background-image: url(../images/social/gallery.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 {
|
.tooltip {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 24 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 15 KiB |
|
After Width: | Height: | Size: 5.2 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
Before Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 5.7 KiB |
|
After Width: | Height: | Size: 6.8 KiB |
|
Before Width: | Height: | Size: 9.1 KiB |
|
After Width: | Height: | Size: 6.1 KiB |
|
After Width: | Height: | Size: 9.2 KiB |
|
Before Width: | Height: | Size: 13 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 5.4 KiB |
|
After Width: | Height: | Size: 8.0 KiB |
|
Before Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 9.6 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 4.8 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
Before Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 10 KiB |
|
After Width: | Height: | Size: 18 KiB |
|
Before Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 7.0 KiB |
|
After Width: | Height: | Size: 11 KiB |
|
Before Width: | Height: | Size: 16 KiB |
|
Before Width: | Height: | Size: 1.4 KiB |
|
Before Width: | Height: | Size: 8.5 KiB |
|
After Width: | Height: | Size: 7.7 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
Before Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 9.8 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 17 KiB |
|
|
@ -10,7 +10,7 @@
|
||||||
<script src="js/jquery-ui.min.js"></script>
|
<script src="js/jquery-ui.min.js"></script>
|
||||||
<script src="js/script.js"></script>
|
<script src="js/script.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body onselectstart="return false" onmousedown="return false">
|
<body>
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="photo"></div>
|
<div class="photo"></div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
|
|
@ -29,17 +29,13 @@
|
||||||
<div class="tooltip linkedin"><span class="tooltiptext">LinkedIn</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 facebook"><span class="tooltiptext">Facebook</span></div>
|
||||||
<div class="tooltip instagram"><span class="tooltiptext">Instagram</span></div>
|
<div class="tooltip instagram"><span class="tooltiptext">Instagram</span></div>
|
||||||
<div class="tooltip matrix"><span class="tooltiptext">Matrix</span></div>
|
|
||||||
<div class="tooltip telegram"><span class="tooltiptext">Telegram</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 git"><span class="tooltiptext">Git</span></div>
|
||||||
<div class="tooltip github"><span class="tooltiptext">GitHub</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 solus"><span class="tooltiptext">Solus Linux</span></div>
|
||||||
<!-- <div class="tooltip blog"><span class="tooltiptext">Blog</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 ftp"><span class="tooltiptext">FTP</span></div> -->
|
||||||
<div class="tooltip band"><span class="tooltiptext">Band</span></div>
|
|
||||||
<div class="tooltip soundcloud"><span class="tooltiptext">Soundcloud</span></div>
|
|
||||||
<!-- <div class="tooltip email"><span class="tooltiptext">Email</span></div> -->
|
<!-- <div class="tooltip email"><span class="tooltiptext">Email</span></div> -->
|
||||||
<div class="tooltip gallery"><span class="tooltiptext">Gallery</span></div>
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
16
js/script.js
|
|
@ -46,23 +46,7 @@ $(document).ready(function(){
|
||||||
window.open("https://ftp.zhirov.kz");
|
window.open("https://ftp.zhirov.kz");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(".band").on( "click", function() {
|
|
||||||
window.open("https://www.realrocks.ru/formaldehyde");
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".soundcloud").on( "click", function() {
|
|
||||||
window.open("https://soundcloud.com/alexanderzhirov");
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".email").on( "click", function() {
|
$(".email").on( "click", function() {
|
||||||
window.open("");
|
window.open("");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(".matrix").on( "click", function() {
|
|
||||||
window.open("https://matrix.to/#/@alexanderzhirov:matrix.org");
|
|
||||||
});
|
|
||||||
|
|
||||||
$(".gallery").on( "click", function() {
|
|
||||||
window.open("https://piwigo.zhirov.kz");
|
|
||||||
});
|
|
||||||
});
|
});
|
||||||
|
|
|
||||||