M1RCLE · M1RCLE · Oct 24, 2024 · Oct 24, 2024 · Nov 9, 2024 · Nov 9, 2024
diff --git a/constructor.html b/constructor.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Конструктор Таблицы</title>
+    <link rel="stylesheet" href="index_style.css">
+</head>
+<body>
+    <header>
+        <nav class="nav-bar section-content">
+            <a href="#" class="nav-logo">
+                <h2 class="logo-text">Rust</h2>
+            </a>
+            <ul class="nav-menu">
+                <button id="menu-close-button" class="fas fa-times"></button>
+                <li class="nav-item">
+                    <a href="index.html" class="nav-link">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a href="ownership.html" class="nav-link">Themes</a>
+                </li>
+                <li class="nav-item">
+                    <a href="constructor.html" class="nav-link">Constructor</a>
+                </li>
+                <li class="nav-item">
+                    <a href="ownership.html" class="nav-link">Contact</a>
+                </li>
+            </ul>
+            <button id="menu-open-button" class="fas fa-bars"></button>
+        </nav>
+    </header>
+    <main>
+        <section class="content-section">
+            <div class="todo-container">
+                <h2 class="title">To-Do List</h2>
+                <form id="todo-form">
+                    <input
+                        type="text"
+                        id="todo-input"
+                        placeholder="Write your task here..."
+                        required
+                    />
+                    <button type="submit" class="home-button">Add Task</button>
+                </form>
+                <ul id="todo-list" class="todo-list"></ul>
+            </div>
+        </section>
+    </main>
+    <script src="scripts/constructor.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.6.1/annyang.min.js"></script>
+    <script src="scripts/script.js"></script> <!-- This is your external JavaScript file -->
+</body>
+</html>
diff --git a/imgs/AVADACEDAVRA.gif b/imgs/AVADACEDAVRA.gif
diff --git a/imgs/ownership.png b/imgs/ownership.png
diff --git a/imgs/rick.gif b/imgs/rick.gif
diff --git a/imgs/smart-pointers.png b/imgs/smart-pointers.png
diff --git a/imgs/traits.png b/imgs/traits.png
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="ru">
     <head>
-        <meta charset="utf-8" http-equiv="refresh" content="5;URL='index.html'">
+        <meta charset="utf-8" content="5;URL='index.html'">
         <meta name="keywords" content="Rust, прога, юмор">
         <title>Этот сайе покажет интересные финты, которые были мной открыты за время изучения 'Rust'</title>
         <link rel="stylesheet" href="index_style.css">
@@ -17,16 +17,16 @@ <h2 class="logo-text">Rust</h2>
                 <ul class="nav-menu">
                     <button id="menu-close-button" class="fas fa-times"></button>
                     <li class="nav-item">
-                        <a href="#" class="nav-link">Home</a>
+                        <a href="index.html" class="nav-link">Home</a>
                     </li>
                     <li class="nav-item">
-                        <a href="#" class="nav-link">Themes</a>
+                        <a href="ownership.html" class="nav-link">Themes</a>
                     </li>
                     <li class="nav-item">
-                        <a href="#" class="nav-link">Photos</a>
+                        <a href="constructor.html" class="nav-link">Constructor</a>
                     </li>
                     <li class="nav-item">
-                        <a href="#" class="nav-link">Contact</a>
+                        <a href="ownership.html" class="nav-link">Contact</a>
                     </li>
                 </ul>
                 <button id="menu-open-button" class="fas fa-bars"></button>
@@ -68,28 +68,97 @@ <h2 class="section-title">About creator</h2>
                     </div>
                 </div>
             </section>
+            <section class="menu-section">
+                <h2 class="section-title">Topics</h2>
+                <div class="section-content">
+                    <ul class="menu-list">
+                        <li class="menu-item">
+                            <a href="ownership.html">
+                                <img src="imgs/ownership.png" alt="Ownership" class="menu-image">
+                            </a>
+                            <h3 class="name">Ownership</h3>
+                            <p class="text">New concepts of memory control</p>
+                        </li>
+                        <li class="menu-item"> 
+                            <a href="smart-pointers.html">
+                                <img src="imgs/smart-pointers.png" alt="SmartPointers" class="menu-image">
+                            </a>
+                            <h3 class="name">Smart pointers</h3>
+                            <p class="text">Work with old but gold ideas</p>
+                        </li>
+                        <li class="menu-item">
+                            <a href="traits.html">
+                                <img src="imgs/traits.png" alt="Traits" class="menu-image">
+                            </a>
+                            <h3 class="name">Traits</h3>
+                            <p class="text">Look like interfaces but don't believe them</p>
+                        </li>
+                    </ul>
+                </div>
+                <div id="gif-overlay" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1000; justify-content: center; align-items: center;">
+                    <img id="fullscreen-gif" src="tenor.gif" alt="GIF" style="max-width: 100%; max-height: 100%;">
+                    <button id="close-gif" style="position: absolute; top: 10px; right: 10px; background: #fff; border: none; font-size: 20px; padding: 10px; cursor: pointer;">×</button>
+                </div>
+            </section>
+            <section id="users-section" class="about-section">
+                <div class="section-content">
+                    <h2 class="section-title">Users List</h2>
+                    <div id="loader" class="loader" style="display: none;">Loading...</div>
+                    <ul id="user-list"></ul>
+                    <p id="error-message" style="display: none; color: red;">⚠ Что-то пошло не так.</p>
+                </div>
+            </section>
         </main>
-        <aside>
-            <h1>Темы моего сайта</h1>
-            <ul>
-                <li><a href="/memory.html">Управление памятью(owners)</a></li>
-                <li><a href="/references.html">Указатели(references)</a></li>
-            </ul>
-        </aside>
-        <!-- <footer>
-            <h3>полезные ссылки</h3>
-            <nav>
-                <a href="https://t.me/Ta1yAnGsHeN">
-                    <img src="/imgs/telegram.png" width="60" height="60">
-                </a>
-                <a href="https://github.com/M1RCLE">
-                    <img src="/imgs/github.png" width="60" height="60">
-                </a>
-                <a href="https://doc.rust-lang.org/book/title-page.html">
-                    <img src="/imgs/rust.png" width="60" height="60">
-                </a>
-            </nav>
-        </footer> -->
-        <script src="script.js"></script>
+        <footer id="footer">
+            <div class="container">
+                <div class="wrapper">
+                  <div>Date</div>
+                  <div>Work done</div>
+                  <div>Hours of work</div>
+                  <div>Hours of study</div>
+                  <div>Personal Hours</div>
+
+                  <div>01.10.2024</div>
+                  <div>Done</div>
+                  <div>3</div>
+                  <div>3</div>
+                  <div>4</div>
+
+                  <div>02.10.2024</div>
+                  <div>Done</div>
+                  <div>3</div>
+                  <div>8</div>
+                  <div>4</div>
+
+                  <div>03.10.2024</div>
+                  <div>Done</div>
+                  <div>7</div>
+                  <div>3</div>
+                  <div>2</div>
+
+                  <div>04.10.2024</div>
+                  <div>Done</div>
+                  <div>1</div>
+                  <div>2</div>
+                  <div>6</div>
+
+                  <div>05.10.2024</div>
+                  <div>Done</div>
+                  <div>3</div>
+                  <div>3</div>
+                  <div>4</div>
+
+                  <div>06.10.2024</div>
+                  <div>Done</div>
+                  <div>3</div>
+                  <div>0</div>
+                  <div>4</div>
+
+                </div>
+              </div>
+            <p id="load-time-info"></p>
+        </footer>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/annyang/2.6.1/annyang.min.js"></script>
+        <script src="scripts/script.js"></script> <!-- This is your external JavaScript file -->
     </body>
 </html>