+ title="Yes, it's me!">
Aleksandr Akiev
@@ -115,10 +114,8 @@ SASS
learn.js
Codewars
- HTML Academy
-
diff --git a/script.js b/script.js
index e69de29..6d61e46 100644
--- a/script.js
+++ b/script.js
@@ -0,0 +1,31 @@
+const screen_1 = document.querySelector('.screen_1');
+const screen_2 = document.querySelector('.screen_2');
+const screen_3 = document.querySelector('.screen_3');
+
+const click_1 = document.querySelector('.click_1');
+const click_2 = document.querySelector('.click_2');
+const click_3 = document.querySelector('.click_3');
+
+click_1.addEventListener('click', () => {
+ if (screen_1.classList.contains('move-top')) {
+ screen_1.classList.remove('move-top');
+ } else {
+ screen_1.classList.add('move-top');
+ };
+});
+
+click_2.addEventListener('click', () => {
+ if (screen_2.classList.contains('move-top')) {
+ screen_2.classList.remove('move-top');
+ } else {
+ screen_2.classList.add('move-top');
+ };
+});
+
+click_3.addEventListener('click', () => {
+ if (screen_3.classList.contains('move-top')) {
+ screen_3.classList.remove('move-top');
+ } else {
+ screen_3.classList.add('move-top');
+ };
+});
diff --git a/style.css b/style.css
index e53d86f..c9ec131 100644
--- a/style.css
+++ b/style.css
@@ -102,10 +102,12 @@ h2 {
width: 25px;
height: 25px;
transition-duration: 1s;
+ opacity: .2;
}
.contacts__item img:hover {
transform: scale(1.5);
transition-duration: 1s;
+ opacity: 1;
}
.about__title {
margin-bottom: 15px;
@@ -113,7 +115,7 @@ h2 {
letter-spacing: 5px;
}
.about__text {
- font-size: 20px;
+ font-size: 14px;
line-height: 40px;
padding: 0px 15px;
text-indent: 20px;
@@ -170,6 +172,8 @@ h2 {
flex-direction: column;
}
.code__item {
+ overflow: hidden;
+ position: relative;
border: 1px solid black;
border-radius: 10px;
padding: 10px;
@@ -177,6 +181,43 @@ h2 {
.code__item:not(:last-child) {
margin-bottom: 10px;
}
+.screen {
+ position: absolute;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(80, 80, 80, 0.9);
+ top: 0px;
+ left: 0px;
+ border-radius: 10px;
+ transition-duration: 5s;
+}
+.click {
+ position: absolute;
+ cursor: pointer;
+ bottom: 0px;
+ left: 47%;
+ width: 50px;
+ height: 5px;
+ background-color: white;
+ border-top-left-radius: 5px;
+ border-top-right-radius: 5px;
+ transition-duration: 1s;
+}
+.click:hover {
+ transform: scaleX(1.5);
+ transition-duration: 1s;
+}
+.codewars-logo {
+ transition-duration: 5s;
+}
+.codewars-logo:hover {
+ transform: rotate(600deg);
+ transition-duration: 5s;
+}
+.move-top {
+ top: -98%;
+ transition-duration: 5s;
+}
/* */
@@ -231,8 +272,8 @@ h2 {
color: black;
text-decoration: underline;
}
-.projects img {
- width: 80%;
+.projects video {
+ border-radius: 50px;
margin-bottom: 10px;
}
.project_1,
@@ -262,6 +303,14 @@ h2 {
.rsschool__logo,
.github__page {
margin-right: 15px;
+ opacity: .2;
+ transition-duration: 1s;
+}
+.rsschool__logo:hover,
+.github__page:hover {
+ opacity: 1;
+ transition-duration: 1s;
+ transform: scale(1.2);
}
.github__page a img {
width: 45px;
diff --git a/svg/git.svg b/svg/git.svg
deleted file mode 100644
index 91bf7c3..0000000
--- a/svg/git.svg
+++ /dev/null
@@ -1 +0,0 @@
-
\ No newline at end of file
diff --git a/svg/github.svg b/svg/github.svg
new file mode 100644
index 0000000..bc33786
--- /dev/null
+++ b/svg/github.svg
@@ -0,0 +1,3 @@
+
\ No newline at end of file
diff --git a/video/Codejam.mp4 b/video/Codejam.mp4
new file mode 100644
index 0000000..b97299c
Binary files /dev/null and b/video/Codejam.mp4 differ
diff --git a/video/Momentum.mp4 b/video/Momentum.mp4
new file mode 100644
index 0000000..16f1683
Binary files /dev/null and b/video/Momentum.mp4 differ
diff --git a/video/Travel.mp4 b/video/Travel.mp4
new file mode 100644
index 0000000..6154422
Binary files /dev/null and b/video/Travel.mp4 differ
+ 
+ 
+ 
+ 
+ 
+ Skills
-
-
- Htmlbook.ru +
- Functions
- Objects
- Arrays @@ -128,23 +125,26 @@
Skills
+
+
+
+
-const convert = (input, source, target, s = 0, str = '') => {
+const convert = (input, source, target, s = 0, str = '') => {
- const fromInputToSourceSystem = () => {
- input.split('').map(item => s = s * source.length + source.indexOf(item));
+ const fromInputToSourceSystem = () => {
+ input.split('').map(item => s = s * source.length + source.indexOf(item));
}
fromInputToSourceSystem();
- const fromSourceSystemToTargetSystem = () => {
- while (s > 0) {
+ const fromSourceSystemToTargetSystem = () => {
+ while (s > 0) {
str = target[s % target.length] + str;
s = Math.floor(s / target.length);
}
@@ -154,12 +154,15 @@ Code Example (Codewars)
+
+
+
function getParticipants(handshakes){
let i = 0
- while (handshakes >0) {
+ while (handshakes > 0) {
handshakes = handshakes-i;
i++
}
@@ -169,8 +172,11 @@ Code Example (Codewars)
+
+
+
-const isPrime = (number) => {
+const isPrime = (number) => {
if (number < 2) return false;
@@ -193,42 +199,42 @@ Experience and Education
I have No work experience
I am going through simulations at the
- HTML Academy, self-study on
- learn.js
+ HTML Academy, self-study on
+ learn.js
and practice on the
- Codewars
- platform. And just recently I finished Stage#0 on
+ Codewars
+ platform.
And just recently I finished Stage#0 on
the RSSchool.
- 
- 
+
+
+ alt="htmlacademy">
-
+
+
+ alt="htmlacademy">
-
+
+
+