index needs fixed

thomasthaddeus · Aug 15, 2023 · 0adba79 · 0adba79
1 parent 5f52fda
commit 0adba79
Show file tree

Hide file tree

Showing 23 changed files with 132 additions and 46 deletions.
diff --git a/_index.html b/_index.html
@@ -1,8 +1,4 @@
-Certainly! Here's a demonstration of how the HTML structures would look when using the newly added CSS classes:
-
-### 1. Tables:
-
-```html
+<!-- Tables -->
 <table>
     <thead>
         <tr>
@@ -21,11 +17,8 @@
         </tr>
     </tbody>
 </table>
-```
-
-### 2. Modals:
 
-```html
+<!-- Modals -->
 <!-- Trigger button for the modal -->
 <button id="openModal">Open Modal</button>
 
@@ -52,21 +45,18 @@ <h2>Modal Title</h2>
         modal.style.display = 'none';
     });
 </script>
-```
 
-### 3. Tooltips:
 
-```html
+<!-- Tooltips -->
 <!-- Element with a tooltip -->
 <div class="tooltip">
     Hover over me
     <span class="tooltip-text">Tooltip text</span>
 </div>
-```
 
-### 4. Accordions:
 
-```html
+<!-- Accordions -->
+
 <!-- Accordion Structure -->
 <button class="accordion">Accordion 1</button>
 <div class="accordion-content">
@@ -80,20 +70,38 @@ <h2>Modal Title</h2>
 
 <!-- JavaScript to handle accordion toggle -->
 <script>
-    const accordions = document.querySelectorAll('.accordion');
-
-    accordions.forEach(accordion => {
-        accordion.addEventListener('click', function() {
-            this.classList.toggle('active');
-            const content = this.nextElementSibling;
-            if (content.style.display === 'block') {
-                content.style.display = 'none';
-            } else {
-                content.style.display = 'block';
-            }
-        });
-    });
+
 </script>
-```
 
-These are basic implementations of the components using the provided CSS classes. You can further customize and expand upon these structures based on your specific requirements. If you have any questions or need further modifications, please let me know!
+
+<!-- HTML Implementations -->
+
+<!-- Hero Section -->
+<div class="hero">
+    <h1>Welcome to Our Site</h1>
+    <p>Discover amazing content and join our community.</p>
+</div>
+
+
+<!-- List Boxes -->
+<div class="list-box">
+    <ul>
+        <li>Item 1</li>
+        <li>Item 2</li>
+        <li>Item 3</li>
+    </ul>
+</div>
+
+
+<!-- Picture Boxes -->
+<figure class="picture-box">
+    <img src="path-to-image.jpg" alt="Description">
+    <figcaption>Caption for the image</figcaption>
+</figure>
+
+
+<!-- Video Boxes -->
+<!-- Replace `VIDEO_ID` with the actual ID of the YouTube video you want to embed. -->
+<div class="video-box">
+    <iframe src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allowfullscreen></iframe>
+</div>
diff --git a/docs/cloud_features.md.md → docs/cloud_features.md b/docs/cloud_features.md.md → docs/cloud_features.md
diff --git a/index.html b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Musical Chairs</title>
-    <link rel="stylesheet" href="https://apparellnstuff.me/musical-chairs/css/styles.css">
+    <link rel="stylesheet" href="/src/css/styles2.css">
 </head>
 <body>
     <header>
@@ -13,32 +13,32 @@ <h1>Welcome to Musical Chairs</h1>
     <main>
         <section>
             <h2>About</h2>
-            <p>This is a project by Thomasthaddeus. You can find more details in the <a href="https://apparellnstuff.me/musical-chairs/README.md">README</a>.</p>
+            <p>This is a project by Thomasthaddeus. You can find more details in the <a href="/README.md">README</a>.</p>
         </section>
         <section>
             <h2>Directory Structure</h2>
             <div class="dropdown">
                 <span>src</span>
                 <div class="dropdown-content">
-                    <a href="https://apparellnstuff.me/musical-chairs/src/_decorators_main.py">_decorators_main.py</a>
-                    <a href="https://apparellnstuff.me/musical-chairs/src/_functions_main.py">_functions_main.py</a>
-                    <a href="https://apparellnstuff.me/musical-chairs/src/main.py">main.py</a>
+                    <a href="/src/_decorators_main.py">_decorators_main.py</a>
+                    <a href="/src/_functions_main.py">_functions_main.py</a>
+                    <a href="/src/main.py">main.py</a>
                     <div class="dropdown">
                         <span>tests</span>
                         <div class="dropdown-content">
-                            <a href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_classes.py">test_with_classes.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_heapq.py">test_with_heapq.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_standalone.py">test_with_standalone.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_zip_sorted.py">test_with_zip_sorted.py</a>
+                            <a href="/src/tests/test_with_classes.py">test_with_classes.py</a>
+                            <a href="/src/tests/test_with_heapq.py">test_with_heapq.py</a>
+                            <a href="/src/tests/test_with_standalone.py">test_with_standalone.py</a>
+                            <a href="/src/tests/test_with_zip_sorted.py">test_with_zip_sorted.py</a>
                         </div>
                     </div>
                     <div class="dropdown">
                         <span>modules</span>
                         <div class="dropdown-content">
-                            <a href="https://apparellnstuff.me/musical-chairs/src/modules/with_classes.py">with_classes.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/modules/with_heapq.py">with_heapq.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/modules/with_standalone.py">with_standalone.py</a>
-                            <a href="https://apparellnstuff.me/musical-chairs/src/modules/with_zip_sorted.py">with_zip_sorted.py</a>
+                            <a href="/src/modules/with_classes.py">with_classes.py</a>
+                            <a href="/src/modules/with_heapq.py">with_heapq.py</a>
+                            <a href="/src/modules/with_standalone.py">with_standalone.py</a>
+                            <a href="/src/modules/with_zip_sorted.py">with_zip_sorted.py</a>
                         </div>
                     </div>
                 </div>
@@ -53,9 +53,9 @@ <h2>Directory Structure</h2>
     </main>
     <footer>
         <p>Copyright &copy; 2023 Thaddeus Thomas. All rights reserved.</p>
-        <p><a href="https://apparellnstuff.me/" target="_blank">Back to Home Site</a></p>
+        <p><a href="/" target="_blank">Back to Home Site</a></p>
     </footer>
-<script src="https://apparellnstuff.me/musical-chairs/js/dropdown_enhancements.js"></script>
-<script src="https://apparellnstuff.me/musical-chairs/js/smooth_scrolling.js"></script>
+<script src="/js/dropdown_enhancements.js"></script>
+<script src="/js/smooth_scrolling.js"></script>
 </body>
 </html>
diff --git a/index_bkup.html b/index_bkup.html
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Musical Chairs</title>
+    <link rel="stylesheet" href="https://apparellnstuff.me/musical-chairs/styles2.css" />
+
+</head>
+
+<body>
+    <header>
+        <h1>Welcome to Musical Chairs</h1>
+    </header>
+    <main>
+        <section>
+            <h2>About</h2>
+            <p>
+                This is a project by Thomasthaddeus. You can find more details in the
+                <a href="https://apparellnstuff.me/musical-chairs/README.md">README</a>.
+            </p>
+            <!-- Placeholder for README content -->
+            <div id="readmeContent"></div>
+        </section>
+        <section>
+            <h2>Directory Structure</h2>
+            <div class="dropdown">
+                <span>src</span>
+                <div class="dropdown-content">
+                    <a href="https://apparellnstuff.me/musical-chairs/src/_decorators_main.py">_decorators_main.py</a>
+                    <a href="https://apparellnstuff.me/musical-chairs/src/_functions_main.py">_functions_main.py</a>
+                    <a href="https://apparellnstuff.me/musical-chairs/src/main.py">main.py</a>
+                    <div class="dropdown">
+                        <span>tests</span>
+                        <div class="dropdown-content">
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_classes.py">test_with_classes.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_heapq.py">test_with_heapq.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_standalone.py">test_with_standalone.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/tests/test_with_zip_sorted.py">test_with_zip_sorted.py</a>
+                        </div>
+                    </div>
+                    <div class="dropdown">
+                        <span>modules</span>
+                        <div class="dropdown-content">
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/modules/with_classes.py">with_classes.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/modules/with_heapq.py">with_heapq.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/modules/with_standalone.py">with_standalone.py</a>
+                            <a
+                                href="https://apparellnstuff.me/musical-chairs/src/modules/with_zip_sorted.py">with_zip_sorted.py</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <div class="dropdown">
+                <span>.github</span>
+                <div class="dropdown-content">
+                    <!-- Add any relevant links for .github directory if needed -->
+                </div>
+            </div>
+        </section>
+    </main>
+    <footer>
+        <p>Copyright &copy; 2023 Thomasthaddeus. All rights reserved.</p>
+        <p>
+            <a href="https://apparellnstuff.me/" target="_blank">Back to Home Site</a>
+        </p>
+    </footer>
+</body>
+
+</html>
diff --git a/src/_main/_decorators_main.py → src/app/_main/_decorators_main.py b/src/_main/_decorators_main.py → src/app/_main/_decorators_main.py
diff --git a/src/_main/_functions_main.py → src/app/_main/_functions_main.py b/src/_main/_functions_main.py → src/app/_main/_functions_main.py
diff --git a/src/main.py → src/app/main.py b/src/main.py → src/app/main.py
diff --git a/src/modules/__init__.py → src/app/modules/__init__.py b/src/modules/__init__.py → src/app/modules/__init__.py
diff --git a/src/modules/with_classes.py → src/app/modules/with_classes.py b/src/modules/with_classes.py → src/app/modules/with_classes.py
diff --git a/src/modules/with_heapq.py → src/app/modules/with_heapq.py b/src/modules/with_heapq.py → src/app/modules/with_heapq.py
diff --git a/src/modules/with_standalone.py → src/app/modules/with_standalone.py b/src/modules/with_standalone.py → src/app/modules/with_standalone.py
diff --git a/src/modules/with_zip_sorted.py → src/app/modules/with_zip_sorted.py b/src/modules/with_zip_sorted.py → src/app/modules/with_zip_sorted.py
diff --git a/src/tests/__init__.py → src/app/tests/__init__.py b/src/tests/__init__.py → src/app/tests/__init__.py
diff --git a/src/tests/test_with_classes.py → src/app/tests/test_with_classes.py b/src/tests/test_with_classes.py → src/app/tests/test_with_classes.py
diff --git a/src/tests/test_with_heapq.py → src/app/tests/test_with_heapq.py b/src/tests/test_with_heapq.py → src/app/tests/test_with_heapq.py
diff --git a/src/tests/test_with_standalone.py → src/app/tests/test_with_standalone.py b/src/tests/test_with_standalone.py → src/app/tests/test_with_standalone.py
diff --git a/src/tests/test_with_zip_sorted.py → src/app/tests/test_with_zip_sorted.py b/src/tests/test_with_zip_sorted.py → src/app/tests/test_with_zip_sorted.py
diff --git a/css/styles.css → src/css/styles.css b/css/styles.css → src/css/styles.css
diff --git a/css/styles2.css → src/css/styles2.css b/css/styles2.css → src/css/styles2.css
diff --git a/js/accordion.js → src/js/accordion.js b/js/accordion.js → src/js/accordion.js
diff --git a/js/dropdown_enhancements.js → src/js/dropdown_enhancements.js b/js/dropdown_enhancements.js → src/js/dropdown_enhancements.js
diff --git a/js/fetch.js → src/js/fetch.js b/js/fetch.js → src/js/fetch.js
diff --git a/js/smooth_scrolling.js → src/js/smooth_scrolling.js b/js/smooth_scrolling.js → src/js/smooth_scrolling.js