some changes

VerisimilitudeX · Feb 21, 2025 · 021953e · 021953e
1 parent 84b55d9
commit 021953e
Show file tree

Hide file tree

Showing 12 changed files with 515 additions and 144 deletions.
diff --git a/web/about/about.css b/web/about/about.css
@@ -210,6 +210,7 @@ img {
     border-radius: 8px;
     margin-top: 1.5rem;
     transition: transform 0.3s ease;
+    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
 }
 
 .feature-image:hover {
@@ -258,9 +259,21 @@ img {
     .glass-card {
         padding: 1.5rem;
     }
+
+    .feature-image {
+        margin: 1rem 0;
+    }
 }
 
 .glass-card h2 {
     margin-bottom: 1rem;
     color: #ffffff;
+}
+
+/* Remove unused styles */
+body.dark,
+.btn,
+input[type="checkbox"],
+img.icon {
+    display: none;
 }
diff --git a/web/about/about.html b/web/about/about.html
@@ -1,8 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5440024641032801"
-     crossorigin="anonymous"></script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>About - DNAnalyzer</title>
@@ -16,19 +14,18 @@
 
     <header class="floating-header">
         <nav class="floating-nav">
-            <a href="../" class="nav-link">
-                <img src="../assets/icons/emblem-light-bg.svg" alt="DNAnalyzer Logo" class="nav-logo">
-                Home
+            <a href="../index.html" class="nav-link">
+                <img src="../assets/icons/Icon_Light_BG.svg" alt="DNAnalyzer Logo" class="nav-logo">
             </a>
             <a href="about.html" class="nav-link active">About</a>
             <a href="../features/features.html" class="nav-link">Features</a>
             <a href="../analyzer/analyzer.html" class="nav-link">Analyzer</a>
             <a href="../server/server.html" class="nav-link">Server</a>
+            <div class="right-links">
+                <button class="glass-button" onclick="window.location.href='https://github.com/VerisimilitudeX/DNAnalyzer'">GitHub</button>
+                <button class="glass-button" onclick="window.location.href='https://discord.gg/xNpujz49gj'">Discord</button>
+            </div>
         </nav>
-        <div class="header-buttons">
-            <button class="glass-button" onclick="window.location.href='https://github.com/VerisimilitudeX/DNAnalyzer'">GitHub</button>
-            <button class="glass-button" onclick="window.location.href='https://discord.gg/xNpujz49gj'">Discord</button>
-        </div>
     </header>
 
     <main class="container">

diff --git a/web/analyzer/analyzer.css b/web/analyzer/analyzer.css
@@ -1,10 +1,10 @@
 .container {
     max-width: 900px;
     margin: 6rem auto 2rem;
-    padding: 2.5rem;
-    background: rgba(255, 255, 255, 0.05);
+    padding: 2rem;
+    background: rgba(26, 28, 42, 0.95);
     border-radius: 20px;
-    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
     backdrop-filter: blur(10px);
     color: rgba(255, 255, 255, 0.9);
     position: relative;
@@ -377,8 +377,7 @@ body {
     left: 0;
     width: 100%;
     height: 100%;
-    background: radial-gradient(circle at center, rgba(100, 100, 255, 0.2), rgba(50, 50, 150, 0.1));
-    filter: blur(100px);
+    background: linear-gradient(135deg, rgba(0, 122, 255, 0.1), rgba(0, 191, 255, 0.05));
     z-index: -1;
     opacity: 0.8;
     pointer-events: none;
@@ -471,8 +470,12 @@ body {
 
 @media screen and (max-width: 768px) {
     .container {
-        margin: 5rem 1rem 2rem;
-        padding: 1.5rem;
+        margin: 4rem 1rem 2rem;
+        padding: 1rem;
+    }
+
+    .input-group {
+        padding: 1rem;
     }
 
     .flex-grid {
@@ -490,6 +493,31 @@ body {
     .analyze-btn {
         padding: 0.75rem 1.5rem;
     }
+
+    .input-tabs {
+        flex-direction: column;
+    }
+
+    .floating-nav {
+        flex-direction: column;
+        align-items: stretch;
+        padding: 0.5rem;
+    }
+
+    .nav-link {
+        padding: 0.75rem;
+        text-align: center;
+    }
+
+    .right-links {
+        flex-direction: column;
+        gap: 0.5rem;
+        margin-top: 0.5rem;
+    }
+
+    .glass-button {
+        width: 100%;
+    }
 }
 
 .genetic-results {

diff --git a/web/analyzer/analyzer.html b/web/analyzer/analyzer.html
@@ -1,8 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5440024641032801"
-     crossorigin="anonymous"></script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DNA Analysis - DNAnalyzer</title>
@@ -16,16 +14,18 @@
 
     <header class="floating-header">
         <nav class="floating-nav">
-            <a href="../" class="nav-link">Home</a>
+            <a href="../index.html" class="nav-link">
+                <img src="../assets/icons/Icon_Light_BG.svg" alt="DNAnalyzer Logo" class="nav-logo">
+            </a>
             <a href="../about/about.html" class="nav-link">About</a>
             <a href="../features/features.html" class="nav-link">Features</a>
             <a href="analyzer.html" class="nav-link active">Analyzer</a>
             <a href="../server/server.html" class="nav-link">Server</a>
+            <div class="right-links">
+                <button class="glass-button" onclick="window.location.href='https://github.com/VerisimilitudeX/DNAnalyzer'">GitHub</button>
+                <button class="glass-button" onclick="window.location.href='https://discord.gg/xNpujz49gj'">Discord</button>
+            </div>
         </nav>
-        <div class="header-buttons">
-            <button class="glass-button" onclick="window.location.href='https://github.com/VerisimilitudeX/DNAnalyzer'">GitHub</button>
-            <button class="glass-button" onclick="window.location.href='https://discord.gg/xNpujz49gj'">Discord</button>
-        </div>
     </header>
 
     <div class="container">
@@ -169,7 +169,6 @@ <h1>DNA Sequence Analysis</h1>
             </div>
 
             <button type="submit" class="analyze-btn">Analyze DNA Sequence</button>
-            <img src="../assets/mockup/Slide_01.png" alt="DNA Analysis Visualization" class="analysis-visual">
         </form>
 
         <form id="geneticForm" class="tab-content" data-tab="genetic" style="display: none;">
@@ -197,6 +196,10 @@ <h2>Analysis Results</h2>
         </div>
     </div>
 
+    <footer class="glass-footer">
+        <p>Copyright © Piyush Acharya 2025. DNAnalyzer is a fiscally sponsored 501(c)(3) nonprofit (EIN: 81-2908499). MIT License.</p>
+    </footer>
+
     <script src="analyzer.js"></script>
 </body>
 </html>
diff --git a/web/docs/docs.css b/web/docs/docs.css
@@ -6,17 +6,28 @@
 }
 
 .doc-section {
-    background: #f5f5f5;
+    background: rgba(255, 255, 255, 0.05);
     padding: 1.5rem;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    border-radius: 12px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    transition: all 0.3s ease;
+}
+
+.doc-section:hover {
+    transform: translateY(-2px);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
+    border-color: var(--gradient-end);
 }
 
 .doc-section h2 {
     margin-top: 0;
-    color: #333;
+    color: var(--gradient-end);
     font-size: 1.5rem;
     margin-bottom: 1rem;
+    background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 
 .doc-section ul {
@@ -30,67 +41,90 @@
 }
 
 .doc-section a {
-    color: #007bff;
+    color: var(--text-color);
     text-decoration: none;
     display: block;
-    padding: 0.5rem;
-    border-radius: 4px;
-    transition: background-color 0.2s;
+    padding: 0.75rem;
+    border-radius: 8px;
+    transition: all 0.3s ease;
+    background: rgba(255, 255, 255, 0.05);
 }
 
 .doc-section a:hover {
-    background-color: #e9ecef;
+    background: rgba(255, 255, 255, 0.1);
+    transform: translateY(-2px);
+}
+
+.doc-section a.active {
+    background: linear-gradient(135deg, var(--gradient-start), var(--gradient-end));
+    color: white;
 }
 
 .doc-content {
     margin: 2rem 0;
     padding: 2rem;
-    background: white;
-    border-radius: 8px;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+    background: rgba(26, 28, 42, 0.95);
+    border-radius: 12px;
+    border: 1px solid rgba(255, 255, 255, 0.1);
+    backdrop-filter: blur(10px);
+    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.2);
 }
 
 .doc-content h1 {
     margin-top: 0;
-    color: #333;
+    color: var(--gradient-end);
+    background: linear-gradient(45deg, var(--gradient-start), var(--gradient-end));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
 }
 
 .doc-content h2 {
     margin-top: 2rem;
-    color: #444;
+    color: var(--gradient-end);
 }
 
 .doc-content p {
     line-height: 1.6;
-    color: #666;
+    color: rgba(255, 255, 255, 0.9);
 }
 
 .doc-content code {
-    background: #f8f9fa;
+    background: rgba(0, 0, 0, 0.2);
     padding: 0.2rem 0.4rem;
     border-radius: 4px;
     font-family: 'IBM Plex Mono', monospace;
+    color: #10B981;
 }
 
 .doc-content pre {
-    background: #f8f9fa;
+    background: rgba(0, 0, 0, 0.2);
     padding: 1rem;
-    border-radius: 4px;
+    border-radius: 8px;
     overflow-x: auto;
+    border: 1px solid rgba(255, 255, 255, 0.1);
 }
 
 #documentation {
     max-width: 1200px;
-    margin: 0 auto;
-    padding: 2rem;
+    margin: 6rem auto 2rem;
+    padding: 0 2rem;
 }
 
 @media (max-width: 768px) {
     .docs-grid {
         grid-template-columns: 1fr;
     }
-    
-    #documentation {
+
+    .doc-section {
         padding: 1rem;
     }
+
+    .doc-content {
+        padding: 1.5rem;
+        margin: 1rem 0;
+    }
+
+    #documentation {
+        padding: 0 1rem;
+    }
 }
diff --git a/web/docs/docs.html b/web/docs/docs.html
@@ -1,25 +1,30 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5440024641032801"
-     crossorigin="anonymous"></script>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>DNAnalyzer Documentation</title>
     <link rel="stylesheet" href="../style.css">
     <link rel="stylesheet" href="docs.css">
 </head>
 <body>
-    <nav>
-        <a href="../">Home</a>
-        <a href="../about/about.html">About</a>
-        <a href="../#features">Features</a>
-        <a href="#" class="active">Docs</a>
-        <div class="right-links">
-            <a href="https://github.com/yourusername/DNAnalyzer" target="_blank" class="button">GitHub Repository</a>
-            <a href="https://discord.gg/yourdiscord" target="_blank" class="button">Discord Server</a>
-        </div>
-    </nav>
+    <div class="background-blur"></div>
+
+    <header class="floating-header">
+        <nav class="floating-nav">
+            <a href="../index.html" class="nav-link">
+                <img src="../assets/icons/Icon_Light_BG.svg" alt="DNAnalyzer Logo" class="nav-logo">
+            </a>
+            <a href="../about/about.html" class="nav-link">About</a>
+            <a href="../features/features.html" class="nav-link">Features</a>
+            <a href="../analyzer/analyzer.html" class="nav-link">Analyzer</a>
+            <a href="../server/server.html" class="nav-link">Server</a>
+            <div class="right-links">
+                <button class="glass-button" onclick="window.location.href='https://github.com/VerisimilitudeX/DNAnalyzer'">GitHub</button>
+                <button class="glass-button" onclick="window.location.href='https://discord.gg/xNpujz49gj'">Discord</button>
+            </div>
+        </nav>
+    </header>
 
     <main>
         <section id="documentation">
@@ -54,6 +59,10 @@ <h2>Research & Analysis</h2>
         </section>
     </main>
 
+    <footer class="glass-footer">
+        <p>Copyright © Piyush Acharya 2025. DNAnalyzer is a fiscally sponsored 501(c)(3) nonprofit (EIN: 81-2908499). MIT License.</p>
+    </footer>
+
     <script src="docs.js"></script>
 </body>
 </html>