ok-technopolis-2021 · coradead · Oct 5, 2021 · Oct 12, 2021 · Oct 13, 2021 · Nov 8, 2021
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,2 @@
+node_modules
+.idea
diff --git a/.idea/.gitignore b/.idea/.gitignore
diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
diff --git a/.idea/misc.xml b/.idea/misc.xml
diff --git a/.idea/modules.xml b/.idea/modules.xml
diff --git a/.idea/runConfigurations.xml b/.idea/runConfigurations.xml
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
diff --git a/README.md b/README.md
@@ -1 +1 @@
-# Galeev_Artur
+# Galeev_Artur
diff --git a/dist/app.js b/dist/app.js
@@ -0,0 +1,13 @@
+// Если нужен такого рода импорт, придется поставить rollup scss plugin
+// В остальных случаях все стили подтянет gulp, просто по маске  src/styles/**/*.less и скомпилирует их в единый css файл
+// import './styles/layout.scss';
+
+function changeTheme() {
+    let bodyCardClassList = document.querySelector("body").classList;
+    bodyCardClassList.toggle("dark-theme");
+    bodyCardClassList.toggle("light-theme");
+}
+
+document.addEventListener("DOMContentLoaded", function (event) {
+    document.body.addEventListener('click', changeTheme);
+});
diff --git a/dist/assets/face.jpg b/dist/assets/face.jpg
diff --git a/dist/assets/git-logo.png b/dist/assets/git-logo.png
diff --git a/dist/assets/tg-logo.png b/dist/assets/tg-logo.png
diff --git a/dist/assets/vk-logo.png b/dist/assets/vk-logo.png
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Curriculum vitae</title>
+    <!-- inject:css -->
+    <link rel="stylesheet" href="./style.css">
+    <!-- endinject -->
+</head>
+<body class="light-theme">
+<div class="main-card">
+    <section class="left-part-wrapper">
+        <div class="left-part_main">
+            <div class="left-part_photo">
+                <img class="left-part_photo-img" src="assets/face.jpg" alt="photo"/>
+            </div>
+            <div class="left-part_employee-FIO">
+                Alex Smith
+            </div>
+            <div class="left-part_employee-speciality">
+                Web Designer
+            </div>
+            <div class="left-part_social-networks">
+                <a href="https://www.vk.com/coradead">
+                    <img class="left-part_social-networks-img" src="assets/vk-logo.png" height="24" alt="vk-logo">
+                </a>
+                <a href="https://www.telegram.me/coradead">
+                    <img class="left-part_social-networks-img" src="assets/tg-logo.png" height="24" alt="telegram-logo">
+                </a>
+                <a href="https://www.github.com/coradead">
+                    <img class="left-part_social-networks-img" src="assets/git-logo.png" height="24" alt="github-logo">
+                </a>
+            </div>
+            <div class="left-part_download">
+                <button class="left-part_download-button">
+                    Download CV
+                </button>
+            </div>
+            <footer class="left-part_copyright">
+                &#169 2021 All rights reserved.
+            </footer>
+        </div>
+    </section>
+    <section class="right-part-wrapper">
+        <div class="right-part_main">
+            <div class="right-part_employee-name">Alex Smith</div>
+            <div class="right-part_employee-position">Web Designer</div>
+        </div>
+    </section>
+</div>
+<!-- inject:js -->
+<script src="./app.js"></script>
+<!-- endinject -->
+</body>
+</html>