ok-technopolis-2021 · Ralex2105 · Oct 4, 2021 · Oct 13, 2021 · Nov 6, 2021 · Nov 13, 2021
diff --git a/cv/changeTheme.js b/cv/changeTheme.js
@@ -0,0 +1,7 @@
+function changeTheme() {
+    if (document.body.classList.contains("dark")) {
+        document.body.classList.replace("dark", "light");
+    } else {
+        document.body.classList.replace("light", "dark");
+    }
+}
diff --git a/dist/app.js b/dist/app.js
@@ -0,0 +1,10 @@
+function changeTheme() {
+    let bodyCardClassList = document.querySelector("body").classList;
+    bodyCardClassList.toggle("dark-theme");
+    bodyCardClassList.toggle("light-theme");
+}
+
+document.addEventListener("DOMContentLoaded", function () {
+    const classname = document.querySelector('#switch-theme-button');
+    classname.addEventListener('click', changeTheme);
+});
diff --git a/dist/assets/Octocat.png b/dist/assets/Octocat.png
diff --git a/dist/assets/avatar.png b/dist/assets/avatar.png
diff --git a/dist/assets/tg.png b/dist/assets/tg.png
diff --git a/dist/assets/vk.png b/dist/assets/vk.png
diff --git a/dist/index.html b/dist/index.html
@@ -0,0 +1,64 @@
+<!DOCTYPE html>
+<html lang="en" xmlns="http://www.w3.org/1999/html">
+
+<head>
+    <meta charset="UTF-8">
+    <title>My CV</title>
+    <!-- inject:css -->
+    <link rel="stylesheet" href="./style.css">
+    <!-- endinject -->
+
+</head>
+<body class="dark-theme">
+<main class="business-card">
+    <article class="info">
+        <section class="info-general">
+            <div class="info-general__avatar">
+                <img id="personal_avatar" src="assets/avatar.png" alt="my_avatar">
+            </div>
+            <div class="info-general__name">
+                Sasha Rudnev
+            </div>
+            <div class="info-general__position">
+                Idler
+            </div>
+            <section class="info__links">
+                <div class="link__github link">
+                    <link href="https://github.com/Ralex2105">
+                        <img id="github" src="assets/Octocat.png" alt="github">
+                </div>
+                <div class="link__vk link">
+                    <link href="https://github.com/Ralex2105">
+                        <img id="vk" src="assets/vk.png" alt="vk">
+                </div>
+                <div class="link__tg link">
+                    <link href="https://github.com/Ralex2105">
+                        <img id="telegram" src="assets/tg.png" alt="telegram">
+                </div>
+            </section>
+            <section class="info-general__download-button">
+
+                <button id="download-button" type="submit">Download CV</button>
+            </section>
+        </section>
+        <footer class="info-general__copyright">©2021 All rights reserved.</footer>
+    </article>
+    <article class="experience">
+        <section class="experience-general">
+            <div class="experience-general__name">
+                Саша Руднев
+            </div>
+            <div class="experience-general__position">
+                Бездельник
+            </div>
+            <section class="switch-theme">
+                <button id="switch-theme-button" type="submit">Change theme</button>
+            </section>
+        </section>
+    </article>
+</main>
+<!-- inject:js -->
+<script src="./app.js"></script>
+<!-- endinject -->
+</body>
+</html>