diff --git a/README.md b/README.md index 3d2f25e..82016c9 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,3 @@ # rsschool-cv -https://MaestroFront.github.io/rsschool-cv/cv +* https://MaestroFront.github.io/rsschool-cv/cv +* https://MaestroFront.github.io/rsschool-cv/ diff --git a/codewars.png b/codewars.png deleted file mode 100644 index 9877235..0000000 Binary files a/codewars.png and /dev/null differ diff --git a/cv.md b/cv.md index b0fd8fb..1546f71 100644 --- a/cv.md +++ b/cv.md @@ -1,12 +1,13 @@ # Aleksandr Akiev -![avatar](/newavatar.jpg "Avatar") +![avatar](https://user-images.githubusercontent.com/71702282/188426240-b3003bbb-2f4c-444c-9d4d-87cf1b5cc703.jpg) + ## Contacts * WhatsApp: +7(991)514-27-16 * vk: alex_notsimple * telegram: @aleksandr_akiev -* inst: akiev_aleksandr_ +* instagram: akiev_aleksandr_ * discord on rs school's server: Maestro(@MaestroFront) ## About me @@ -19,22 +20,21 @@ I have a desire to study in the field of IT in frontend development. There is no work experience in this field. I started to study the profession of frontend developer on my own +I finished Stage 0 at RS School. + ## Skills * HTML * CSS * JS (a little) * Flex -* Grid * Visual Studio Code -* prepros * SASS * Codewars * HTML Academy * learn.js * arrays * objects -* GULP (so so) * layout * Figma * BEM @@ -42,34 +42,56 @@ I started to study the profession of frontend developer on my own ## Code example (Codewars) -``` -function countPositivesSumNegatives(input) { - if (input === null || input.length === 0) { - return []; +```js +const convert = (input, source, target, s = 0, str = '') => { + + const fromInputToSourceSystem = () => { + input.split('').map(item => s = s * source.length + source.indexOf(item)); } - let amount = 0; - let sum = 0; - for (let i = 0; i < input.length; i++) { - if (input[i] > 0) { - amount++; - } else if (input[i] < 0) { - sum += input[i]; + + fromInputToSourceSystem(); + + const fromSourceSystemToTargetSystem = () => { + while (s > 0) { + str = target[s % target.length] + str; + s = Math.floor(s / target.length); } } - return [amount, sum]; + } ``` ## Experience -No work experience +Rs-School - Stage #0. ## Education -Passed the simulators in HTML Academy, independent study on the learn.js and have pracrice on Codewars's platform +- stage#0 (RS School) + +![stage0](https://user-images.githubusercontent.com/71702282/188666314-591ebdf7-ace7-45e4-a643-4167143d095f.png) + +- codewars + +![codewarsStats](https://user-images.githubusercontent.com/71702282/188666336-2775e424-0a15-42f6-a414-79154b0c9e01.png) + +- htmlAcademy + +![htmlAcademyStats](https://user-images.githubusercontent.com/71702282/188666361-8414a05d-688e-493f-92d1-c1d5a899d4f1.png) + +## Projects + +- Travel + +![project3](https://user-images.githubusercontent.com/71702282/188666417-83cecd4b-2da2-40be-98a2-e076fe09a42b.png) + +- Momentum + +![project1](https://user-images.githubusercontent.com/71702282/188666428-dd7e0b62-6c17-4726-ba38-0931ed6ac95b.png) + +- Codejam -![codewars](/codewars.png "codewars") -![htmlacademy](/htmlacademy.png "htmlacademy") +![project2](https://user-images.githubusercontent.com/71702282/188666438-38173d97-d599-4b20-b017-87235494407a.png) ## English diff --git a/fonts/Orbitron-VariableFont_wght.ttf b/fonts/Orbitron-VariableFont_wght.ttf new file mode 100644 index 0000000..2508afa Binary files /dev/null and b/fonts/Orbitron-VariableFont_wght.ttf differ diff --git a/gif/CV.gif b/gif/CV.gif new file mode 100644 index 0000000..ec4f070 Binary files /dev/null and b/gif/CV.gif differ diff --git a/htmlacademy.png b/htmlacademy.png deleted file mode 100644 index 3d93145..0000000 Binary files a/htmlacademy.png and /dev/null differ diff --git a/img/codewarsStats.png b/img/codewarsStats.png new file mode 100644 index 0000000..e8fd04e Binary files /dev/null and b/img/codewarsStats.png differ diff --git a/img/htmlAcademyStats.png b/img/htmlAcademyStats.png new file mode 100644 index 0000000..9431533 Binary files /dev/null and b/img/htmlAcademyStats.png differ diff --git a/img/logo.png b/img/logo.png new file mode 100644 index 0000000..b0419ac Binary files /dev/null and b/img/logo.png differ diff --git a/img/project1.png b/img/project1.png new file mode 100644 index 0000000..4a0e81a Binary files /dev/null and b/img/project1.png differ diff --git a/img/project2.png b/img/project2.png new file mode 100644 index 0000000..90532a4 Binary files /dev/null and b/img/project2.png differ diff --git a/img/project3.png b/img/project3.png new file mode 100644 index 0000000..ece221f Binary files /dev/null and b/img/project3.png differ diff --git a/img/rsSchool.png b/img/rsSchool.png new file mode 100644 index 0000000..f928895 Binary files /dev/null and b/img/rsSchool.png differ diff --git a/img/stage#0.png b/img/stage#0.png new file mode 100644 index 0000000..5449d54 Binary files /dev/null and b/img/stage#0.png differ diff --git a/img/stage0.png b/img/stage0.png new file mode 100644 index 0000000..91fdab1 Binary files /dev/null and b/img/stage0.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..a8c9327 --- /dev/null +++ b/index.html @@ -0,0 +1,265 @@ + + + + + + + + + + + CV + + + +
+
+ +
+
+
+
+
+ Avatar +

Aleksandr Akiev

+
+
+ +
+
+
+
+

About me

+
+
+

+ I am 28 years old. + I've been doing sports for over 20 years. + Worked in sports for 3 years. Graduated in 2018 from the + University (Master of Sports) in Yekaterinburg. Strengths: + diligence, responsibility, endurance, attentiveness. +

+

+ I have a desire to study in the field of IT in frontend + development. There is no work experience in this field. + I want to devote myself to frontend. + I have plans to follow in the footsteps of my brother, who is already a Middle Frontend developer. +

+

+ I finished Stage#0 at RS School. +

+
+
+
+
+
+

Skills

+
+
+
    +
  1. HTML
  2. +
  3. CSS
  4. +
  5. JS (a little)
  6. +
  7. Adaptive layout
  8. +
+
    +
  1. VSCode
  2. +
  3. Figma
  4. +
  5. BEM
  6. +
  7. Flex
  8. +
+
    +
  1. SASS
  2. +
  3. learn.js
  4. +
  5. Codewars
  6. +
+
    +
  1. Functions
  2. +
  3. Objects
  4. +
  5. Arrays
  6. +
+
+
+
+
+

Code Example (Codewars)

+ + + +
+
+
+
+
+
+
+const convert = (input, source, target, s = 0, str = '') => {
+
+  const fromInputToSourceSystem = () => {
+    input.split('').map(item => s = s * source.length + source.indexOf(item));
+  }
+
+  fromInputToSourceSystem();
+
+  const fromSourceSystemToTargetSystem = () => {
+    while (s > 0) {
+      str = target[s % target.length] + str;
+      s = Math.floor(s / target.length);
+    }
+  }
+
+}
+              
+
+
+
+
+
+
+function getParticipants(handshakes){
+
+  let i = 0
+
+  while (handshakes > 0) {
+    handshakes = handshakes-i;
+    i++
+  }
+
+  return i
+}
+            
+
+
+
+
+
+
+const isPrime = (number) => {
+
+  if (number < 2) return false;
+
+  for (let i = 2; i <= Math.sqrt(number); i++) {
+    if (number % i === 0) { return false }
+  }
+
+  return true
+}
+            
+
+
+
+
+
+

Experience and Education

+
+
+
+

I have No work experience

+

+ I am going through simulations at the + HTML Academy, self-study on + learn.js + and practice on the + Codewars + platform.
And just recently I finished Stage#0 on + the RSSchool. +

+
+
+ stage0 + codewars + htmlacademy +
+
+
+
+
+

Projects

+
+
+ +
+

codejam-eldritch (link)

+
+
+
+ +
+

momentum (link)

+
+
+
+ +
+

travel (link)

+
+
+
+
+

English level

+

Pre-Intermediate

+
+
+ +
+ + + + \ No newline at end of file diff --git a/newavatar.jpg b/newavatar.jpg deleted file mode 100644 index 98fd56c..0000000 Binary files a/newavatar.jpg and /dev/null differ diff --git a/nullstyle.css b/nullstyle.css new file mode 100644 index 0000000..c5162e0 --- /dev/null +++ b/nullstyle.css @@ -0,0 +1,44 @@ +* { + padding: 0; + margin: 0; + border: 0; } + +*, *:before, *:after { + box-sizing: border-box; } + +:focus, :active { + outline: none; } + +a:focus, a:active { + outline: none; } + +nav, footer, header, aside { + display: block; } + +html, body { + height: 100%; + width: 100%; + font-size: 100%; + line-height: 1; + font-size: 14px;} + +input, button, textarea { + font-family: inherit; } + +button { + cursor: pointer; } + +a, a:visited { + text-decoration: none; } + +a:hover { + text-decoration: none; } + +ul li { + list-style: none; } + +img { + vertical-align: top; } + +h1, h2, h3, h4, h5, h6 { + font-weight: inherit; } diff --git a/script.js b/script.js new file mode 100644 index 0000000..6d61e46 --- /dev/null +++ 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 new file mode 100644 index 0000000..c9ec131 --- /dev/null +++ b/style.css @@ -0,0 +1,325 @@ +@font-face { + font-family: "Orbit"; + src: url(./fonts/Orbitron-VariableFont_wght.ttf); +} +body { + font-family: "Orbit"; + background-color: rgb(156, 251, 242); + background-size: 100%; + color: black; + display: flex; + flex-direction: column; + justify-content: space-between; + letter-spacing: 2px; +} +a { + color: white; +} +.wrapper { + max-width: 1000px; + margin: 0 auto; +} +h1 { + font-size: 30px; +} +h2 { + font-size: 26px; + color: black; + letter-spacing: 2px; +} +.info, +.skills, +.code, +.experience, +.projects, +.english { + padding: 30px 15px; + border-bottom: 2px solid black; +} + +/* HEADER */ + +.header { + padding: 30px 15px; +} +.menu__list { + display: flex; + align-items: center; + justify-content: space-around; + padding: 15px 15px; + border-top: 2px solid black; + border-bottom: 2px solid black; +} +.menu__item a, +h1, +h2 { + color: black; + letter-spacing: 2px; +} +.menu__item { + transition-duration: 1.5s; +} +.menu__item:hover { + transform: scale(1.1); + transition-duration: 1.5s; +} + +/* */ + +/* SECTION INFO */ + +.info { + display: flex; + letter-spacing: 5px; +} +.info__author { + margin-right: 50px; +} +.author { + margin-bottom: 15px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.author__name { + padding: 15px 15px 5px 15px; + text-align: center; +} +.author__avatar { + border-radius: 50px; +} +.contacts__list { + display: flex; + max-width: 300px; + align-items: center; + justify-content: space-between; +} +.contacts__item:not(:last-child) { + margin-right: 10px; +} +.contacts__item img { + 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; + text-align: center; + letter-spacing: 5px; +} +.about__text { + font-size: 14px; + line-height: 40px; + padding: 0px 15px; + text-indent: 20px; + letter-spacing: 5px; +} +.about__text p:not(:last-child) { + margin-bottom: 20px; +} + +/* */ + +/* SECTION SKILLS */ + +.skills { + display: flex; + flex-direction: column; +} +.skills__title { + margin-bottom: 10px; +} +.skills__content { + display: flex; + justify-content: space-around; +} +.skills__list { + padding: 20px; +} +.skills__item { + font-size: 18px; +} +.skills__item:not(:last-child) { + margin-bottom: 10px; +} + +/* */ + +/* SECTION CODE */ + +.code__title { + display: flex; + align-items: center; + margin-bottom: 20px; +} +.code__title img { + width: 30px; + height: 30px; +} +.code__title h2 { + margin-right: 10px; +} +.code__content { + display: flex; + justify-content: space-between; + flex-direction: column; +} +.code__item { + overflow: hidden; + position: relative; + border: 1px solid black; + border-radius: 10px; + padding: 10px; +} +.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; +} + +/* */ + +/* SECTION EXPERIENCE */ + +.experience__title { + margin-bottom: 15px; +} +.work__experience { + margin-bottom: 30px; +} +.work__experience a { + text-decoration: underline; +} +.proof__screenshots { + display: flex; + align-items: center; + justify-content: space-around; + flex-direction: column; +} +.proof__screenshots img { + width: 80%; + border: 1px solid black; + border-radius: 10px; +} +.proof__screenshots img:not(:last-child) { + margin-bottom: 10px; +} +.work__experience a { + color: black; +} +.work__experience p { + line-height: 30px; +} + +/* */ + +/* SECTION ENGLISH */ + +.english__title { + margin-bottom: 15px; +} + +/* */ + +/* SECTION EXPERIENCE */ + +.projects__title { + margin-bottom: 20px; +} +.projects a { + color: black; + text-decoration: underline; +} +.projects video { + border-radius: 50px; + margin-bottom: 10px; +} +.project_1, +.project_2, +.project_3 { + margin-bottom: 30px; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; +} +.project_1__title, +.project_2__title, +.project_3__title { + margin-bottom: 10px; +} + +/* FOOTER */ + + +.footer__container { + display: flex; + align-items: center; + justify-content: space-around; + padding: 30px 15px; +} +.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; + height: 45px; + display: inline-block; +} +.rsschool__logo a img { + width: 100px; + height: 40px; +} + +/* */ diff --git a/svg/codewars.svg b/svg/codewars.svg new file mode 100644 index 0000000..5562736 --- /dev/null +++ b/svg/codewars.svg @@ -0,0 +1 @@ +Codewars icon \ No newline at end of file diff --git a/svg/discord.svg b/svg/discord.svg new file mode 100644 index 0000000..22f5ed1 --- /dev/null +++ b/svg/discord.svg @@ -0,0 +1 @@ + \ 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/svg/instagram.svg b/svg/instagram.svg new file mode 100644 index 0000000..7e7ab17 --- /dev/null +++ b/svg/instagram.svg @@ -0,0 +1,45 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/mail.svg b/svg/mail.svg new file mode 100644 index 0000000..0cbc5d1 --- /dev/null +++ b/svg/mail.svg @@ -0,0 +1,41 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/rs.svg b/svg/rs.svg new file mode 100644 index 0000000..4f3e5d2 --- /dev/null +++ b/svg/rs.svg @@ -0,0 +1 @@ +rs_school_js \ No newline at end of file diff --git a/svg/telegram.svg b/svg/telegram.svg new file mode 100644 index 0000000..1823075 --- /dev/null +++ b/svg/telegram.svg @@ -0,0 +1,42 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/svg/vk.svg b/svg/vk.svg new file mode 100644 index 0000000..39a19e7 --- /dev/null +++ b/svg/vk.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/svg/whatsapp.svg b/svg/whatsapp.svg new file mode 100644 index 0000000..75c392d --- /dev/null +++ b/svg/whatsapp.svg @@ -0,0 +1,54 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 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