MastersAcademy · vladyslav-yermolin-moc · Jan 8, 2024 · Jan 3, 2024 · Jan 3, 2024 · Jan 3, 2024
diff --git a/docs/index.html b/docs/index.html
@@ -26,6 +26,9 @@ <h1>MA Projects</h1>
                 <li>
                     Rostyslav Vyshemirskyi - <a href="./rooosss/index.html">Final Project</a>
                 </li>
+                <li>
+                    Max Snischuk - <a href="./snischuk/index.html">Final Project</a>
+                </li>
             </ul>
         </main>
     </body>

diff --git a/docs/snischuk/calculator.html b/docs/snischuk/calculator.html
@@ -0,0 +1,98 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;700&display=swap" rel="stylesheet">
+        <link rel="stylesheet" href="./styles/calculator.css">
+        <title>Calculator</title>
+    </head>
+    <body>
+        <header class="header">
+            <nav class="header__nav">
+                <a href="./index.html">
+                    <img src="./images/logo.svg" alt="logo">
+                </a>
+                <ul class="header__nav-list">
+                    <li>
+                        <a class="header__nav-link--active" href="./calculator.html">Calculator</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./pokemons.html">Pokemons</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./index.html">About</a>
+                    </li>
+                    <li>
+                        <a class="header__nav-link" href="./login.html">Login</a>
+                    </li>
+                </ul>
+            </nav>
+        </header>
+        <main class="calculator">
+            <div class="calculator__container" data-math-container>
+                <h1 class="calculator__title">Calculate pokemons</h1>
+                <div class="calculator__field">
+                    <input class="calculator__input" data-math-value="first" placeholder="Enter first value...">
+                    <select class="calculator__select-math-sign" name="operation" data-math-operation>
+                        <option value="+">+</option>
+                        <option value="-">-</option>
+                        <option value="/">/</option>
+                        <option value="*">*</option>
+                        <option value="**">**</option>
+                    </select>
+                    <input class="calculator__input" data-math-value="second" placeholder="Enter second value...">
+                    <button class="calculator__btn" data-math-calculate-btn type="button">=</button>
+                </div>
+                <span class="calculator__math-output" data-math-output-value></span>
+                <p class="calculator__time" data-math-time></p>
+            </div>
+        </main>
+        <footer class="footer">
+            <div class="footer__container">
+                <ul class="footer__soc-links">
+                    <li>
+                        <a class="footer__soc-link" href="https://www.facebook.com/s.max.target" target="__blank">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"
+                                fill="none">
+                                <circle cx="21" cy="21" r="21" fill="white"></circle>
+                                <path
+                                    d="M29.9 11H12.1C11.8083 11 11.5285 11.1159 11.3222 11.3222C11.1159 11.5285 11 11.8083 11 12.1V29.9C11 30.1917 11.1159 30.4715 11.3222 30.6778C11.5285 30.8841 11.8083 31 12.1 31H21.68V23.25H19.08V20.25H21.68V18C21.6261 17.4718 21.6885 16.9381 21.8627 16.4365C22.0369 15.9349 22.3188 15.4775 22.6885 15.0964C23.0582 14.7153 23.5068 14.4196 24.0028 14.2302C24.4989 14.0408 25.0304 13.9623 25.56 14C26.3383 13.9952 27.1163 14.0353 27.89 14.12V16.82H26.3C25.04 16.82 24.8 17.42 24.8 18.29V20.22H27.8L27.41 23.22H24.8V31H29.9C30.0445 31 30.1875 30.9715 30.321 30.9163C30.4544 30.861 30.5757 30.78 30.6778 30.6778C30.78 30.5757 30.861 30.4544 30.9163 30.321C30.9715 30.1875 31 30.0445 31 29.9V12.1C31 11.9555 30.9715 11.8125 30.9163 11.679C30.861 11.5456 30.78 11.4243 30.6778 11.3222C30.5757 11.22 30.4544 11.139 30.321 11.0837C30.1875 11.0285 30.0445 11 29.9 11Z"
+                                    fill="#221F1F">
+                                </path>
+                            </svg>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="footer__soc-link" href="https://www.linkedin.com/in/max-snischuk/" target="__blank">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"
+                                fill="none">
+                                <circle cx="21" cy="21" r="21" fill="white"></circle>
+                                <path
+                                    d="M28.7778 11C29.3671 11 29.9324 11.2341 30.3491 11.6509C30.7659 12.0676 31 12.6329 31 13.2222V28.7778C31 29.3671 30.7659 29.9324 30.3491 30.3491C29.9324 30.7659 29.3671 31 28.7778 31H13.2222C12.6329 31 12.0676 30.7659 11.6509 30.3491C11.2341 29.9324 11 29.3671 11 28.7778V13.2222C11 12.6329 11.2341 12.0676 11.6509 11.6509C12.0676 11.2341 12.6329 11 13.2222 11H28.7778ZM28.2222 28.2222V22.3333C28.2222 21.3727 27.8406 20.4513 27.1613 19.772C26.482 19.0927 25.5607 18.7111 24.6 18.7111C23.6556 18.7111 22.5556 19.2889 22.0222 20.1556V18.9222H18.9222V28.2222H22.0222V22.7444C22.0222 21.8889 22.7111 21.1889 23.5667 21.1889C23.9792 21.1889 24.3749 21.3528 24.6666 21.6445C24.9583 21.9362 25.1222 22.3319 25.1222 22.7444V28.2222H28.2222ZM15.3111 17.1778C15.8062 17.1778 16.281 16.9811 16.631 16.631C16.9811 16.281 17.1778 15.8062 17.1778 15.3111C17.1778 14.2778 16.3444 13.4333 15.3111 13.4333C14.8131 13.4333 14.3355 13.6312 13.9833 13.9833C13.6312 14.3355 13.4333 14.8131 13.4333 15.3111C13.4333 16.3444 14.2778 17.1778 15.3111 17.1778ZM16.8556 28.2222V18.9222H13.7778V28.2222H16.8556Z"
+                                    fill="#221F1F">
+                                </path>
+                            </svg>
+                        </a>
+                    </li>
+                    <li>
+                        <a class="footer__soc-link" href="https://www.instagram.com/max_snischuk/" target="__blank">
+                            <svg xmlns="http://www.w3.org/2000/svg" width="42" height="42" viewBox="0 0 42 42"
+                                fill="none">
+                                <circle cx="21" cy="21" r="21" fill="white"></circle>
+                                <path
+                                    d="M21 17.6714C19.1571 17.6714 17.6714 19.1714 17.6714 21C17.6714 22.8286 19.1714 24.3286 21 24.3286C22.8286 24.3286 24.3286 22.8286 24.3286 21C24.3286 19.1714 22.8286 17.6714 21 17.6714ZM31 21C31 19.6143 31 18.2571 30.9286 16.8714C30.8571 15.2714 30.4857 13.8429 29.3143 12.6857C28.1429 11.5143 26.7286 11.1429 25.1286 11.0714C23.7429 11 22.3857 11 21 11C19.6143 11 18.2571 11 16.8714 11.0714C15.2714 11.1429 13.8429 11.5143 12.6857 12.6857C11.5143 13.8571 11.1429 15.2714 11.0714 16.8714C11 18.2571 11 19.6143 11 21C11 22.3857 11 23.7429 11.0714 25.1286C11.1429 26.7286 11.5143 28.1571 12.6857 29.3143C13.8571 30.4857 15.2714 30.8571 16.8714 30.9286C18.2571 31 19.6143 31 21 31C22.3857 31 23.7429 31 25.1286 30.9286C26.7286 30.8571 28.1571 30.4857 29.3143 29.3143C30.4857 28.1429 30.8571 26.7286 30.9286 25.1286C31.0143 23.7571 31 22.3857 31 21ZM21 26.1286C18.1571 26.1286 15.8714 23.8429 15.8714 21C15.8714 18.1571 18.1571 15.8714 21 15.8714C23.8429 15.8714 26.1286 18.1571 26.1286 21C26.1286 23.8429 23.8429 26.1286 21 26.1286ZM26.3429 16.8571C25.6857 16.8571 25.1429 16.3286 25.1429 15.6571C25.1429 14.9857 25.6714 14.4571 26.3429 14.4571C27.0143 14.4571 27.5429 14.9857 27.5429 15.6571C27.5465 15.8136 27.5179 15.9692 27.4589 16.1142C27.4 16.2592 27.3118 16.3905 27.2 16.5C27.0905 16.6118 26.9592 16.7 26.8142 16.7589C26.6692 16.8179 26.5136 16.8465 26.3571 16.8429L26.3429 16.8571Z"
+                                    fill="#221F1F">
+                                </path>
+                            </svg>
+                        </a>
+                    </li>
+                </ul>
+                <span class="footer__text">
+                    Made with 🤍 on course 'Frontend for beginners' from Masters Academy in 2023, by Max Snischuk
+                </span>
+            </div>
+        </footer>
+        <script src="./scripts/script.js"></script>
+        <script src="./scripts/calculate.js"></script>
+    </body>
+</html>
diff --git a/docs/snischuk/images/.DS_Store b/docs/snischuk/images/.DS_Store
diff --git a/docs/snischuk/images/about.jpeg b/docs/snischuk/images/about.jpeg
diff --git a/docs/snischuk/images/icon-check-filter.svg b/docs/snischuk/images/icon-check-filter.svg
diff --git a/docs/snischuk/images/icon-check-login.svg b/docs/snischuk/images/icon-check-login.svg
diff --git a/docs/snischuk/images/icon-radio-filter.svg b/docs/snischuk/images/icon-radio-filter.svg
diff --git a/docs/snischuk/images/icon-search.svg b/docs/snischuk/images/icon-search.svg
diff --git a/docs/snischuk/images/icon-select-arrow.svg b/docs/snischuk/images/icon-select-arrow.svg
diff --git a/docs/snischuk/images/logo.svg b/docs/snischuk/images/logo.svg
diff --git a/docs/snischuk/images/urshifu.png b/docs/snischuk/images/urshifu.png
-Original file line number
+Diff line change
@@ Expand Up / @@ -26,6 +26,9 @@ <h1>MA Projects</h1> @@
                     <li>
                         Rostyslav Vyshemirskyi - <a href="./rooosss/index.html">Final Project</a>
                     </li>
+                    <li>
+                        Max Snischuk - <a href="./snischuk/index.html">Final Project</a>
+                    </li>
                 </ul>
             </main>
         </body>
@@ Expand Down @@