improved ui, fixed bugs, added new features

Subhajit-2023-44 · Oct 12, 2024 · cd17ef9 · cd17ef9
1 parent 3dfd318
commit cd17ef9
Show file tree

Hide file tree

Showing 13 changed files with 542 additions and 215 deletions.
diff --git a/404.html b/404.html
@@ -0,0 +1,105 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Code Social | Home</title>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <link rel="stylesheet" href="styles.css" type="text/css" />
+        <script src="script.js" defer></script>
+        <script type="text/javascript" src="darkmode.js" defer></script>
+        <!-- Tailwind CSS CDN -->
+        <link
+            href="https://cdn.jsdelivr.net/npm/[email protected]/dist/tailwind.min.css"
+            rel="stylesheet"
+        />
+    </head>
+
+    <body>
+        <nav class="navbar">
+            <a href="index.html" class="flex"
+                ><img src="/images/logo.png" class="logo" />
+                <span class="website-name tracking-tight">Code Social</span></a
+            >
+
+            <!-- Hamburger Menu -->
+            <div class="hamburger-menu">
+                <div class="toggle-button">
+                    <img
+                        src="/images/hamburger.png"
+                        alt="open"
+                        id="hamburger-img"
+                    />
+                </div>
+            </div>
+
+            <!-- Navbar Links -->
+            <ul class="navbar-links flex">
+                <li class="ml-20">
+                    <a href="maintenance.html">Live Events</a>
+                    <ul class="dropdown">
+                        <li>
+                            <a href="maintenance.html">Why don't you react?</a>
+                        </li>
+                    </ul>
+                </li>
+                <li class="community">
+                    <a href="maintenance.html">Join Our Community</a>
+                    <ul class="dropdown">
+                        <li><a href="maintenance.html">WhatsApp</a></li>
+                        <li><a href="maintenance.html">Discord</a></li>
+                    </ul>
+                </li>
+                <li>
+                    <a href="maintenance.html">Meet Our Team</a>
+                </li>
+                <li>
+                    <a href="maintenance.html">Join Our Team</a>
+                </li>
+                <li>
+                    <a href="maintenance.html">Contact Us</a>
+                </li>
+                <li>
+                    <a href="maintenance.html">Follow Us</a>
+                </li>
+                <!-- Dark Mode Toggle -->
+                <li>
+                    <button id="theme-toggle" class="theme-toggle-btn">
+                        <img
+                            src="/images/dark-mode.png"
+                            alt="theme-mode"
+                            id="theme-toggle-icon"
+                        />
+                    </button>
+                    <!-- when light mode is active -> use "dark-mode.png" and when dark mode is active -> use "light-mode.png" -->
+                </li>
+            </ul>
+        </nav>
+        <section class="bg-white dark:bg-gray-900">
+            <div
+                class="py-8 px-4 mx-auto max-w-screen-md text-center lg:py-16 lg:px-12"
+            >
+                <svg
+                    class="mx-auto mb-4 w-10 h-10 text-gray-400"
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 512 512"
+                >
+                    <path
+                        fill="currentColor"
+                        d="M331.8 224.1c28.29 0 54.88 10.99 74.86 30.97l19.59 19.59c40.01-17.74 71.25-53.3 81.62-96.65c5.725-23.92 5.34-47.08 .2148-68.4c-2.613-10.88-16.43-14.51-24.34-6.604l-68.9 68.9h-75.6V97.2l68.9-68.9c7.912-7.912 4.275-21.73-6.604-24.34c-21.32-5.125-44.48-5.51-68.4 .2148c-55.3 13.23-98.39 60.22-107.2 116.4C224.5 128.9 224.2 137 224.3 145l82.78 82.86C315.2 225.1 323.5 224.1 331.8 224.1zM384 278.6c-23.16-23.16-57.57-27.57-85.39-13.9L191.1 158L191.1 95.99l-127.1-95.99L0 63.1l96 127.1l62.04 .0077l106.7 106.6c-13.67 27.82-9.251 62.23 13.91 85.39l117 117.1c14.62 14.5 38.21 14.5 52.71-.0016l52.75-52.75c14.5-14.5 14.5-38.08-.0016-52.71L384 278.6zM227.9 307L168.7 247.9l-148.9 148.9c-26.37 26.37-26.37 69.08 0 95.45C32.96 505.4 50.21 512 67.5 512s34.54-6.592 47.72-19.78l119.1-119.1C225.5 352.3 222.6 329.4 227.9 307zM64 472c-13.25 0-24-10.75-24-24c0-13.26 10.75-24 24-24S88 434.7 88 448C88 461.3 77.25 472 64 472z"
+                    />
+                </svg>
+                <h1
+                    class="mb-4 text-4xl font-bold tracking-tight leading-none text-gray-900 lg:mb-6 md:text-5xl xl:text-6xl dark:text-white"
+                >
+                    Under Maintenance
+                </h1>
+                <p
+                    class="font-light text-gray-500 md:text-lg xl:text-xl dark:text-gray-400"
+                >
+                    Our Enterprise administrators are performing scheduled
+                    maintenance.
+                </p>
+            </div>
+        </section>
+    </body>
+</html>
diff --git a/images/close.png b/images/close.png
diff --git a/images/dark-mode.png b/images/dark-mode.png
diff --git a/images/discord-icon.png b/images/discord-icon.png
diff --git a/images/gitHub.png b/images/gitHub.png
diff --git a/images/hamburger.png b/images/hamburger.png
diff --git a/images/light-mode.png b/images/light-mode.png
diff --git a/images/linkedin-icon.png b/images/linkedin-icon.png
diff --git a/images/whatsapp-icon.png b/images/whatsapp-icon.png