update

2025-09-08 07:18:47 +00:00 · 2024-10-22 16:51:55 -04:00
parent 97a3181480
commit 69a71c3573
3 changed files with 234 additions and 132 deletions
--- a/landing/assets/svg/nostr.svg
+++ b/landing/assets/svg/nostr.svg
@@ -1,3 +0,0 @@
-<svg width="620" height="620" viewBox="0 0 620 620" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M620 270.227V597.655C620 609.968 610.081 619.961 597.859 619.961H332.161C319.938 619.961 310.02 609.968 310.02 597.655V536.678C311.23 461.931 319.079 390.332 335.558 357.759C345.438 338.168 361.722 327.506 380.427 321.802C415.768 311.102 477.779 318.419 504.099 317.16C504.099 317.16 583.605 320.346 583.605 274.987C583.605 238.48 548.07 241.352 548.07 241.352C508.902 242.374 479.068 239.699 459.738 232.028C427.365 219.203 426.272 195.678 426.155 187.81C424.554 96.934 291.549 86.0368 174.359 108.579C46.2354 133.127 175.765 318.143 175.765 565.121V598.088C175.531 610.204 165.807 620 153.702 620H22.1415C9.91874 620 0 610.008 0 597.694V31.3934C0 19.08 9.91874 9.08757 22.1415 9.08757H145.813C158.036 9.08757 167.955 19.08 167.955 31.3934C167.955 49.6866 188.378 59.8756 203.139 49.2145C247.617 17.113 304.709 0 368.595 0C511.714 0 619.922 84.0305 619.922 270.227H620ZM382.419 203.782C382.419 177.424 361.214 156.062 335.051 156.062C308.887 156.062 287.683 177.424 287.683 203.782C287.683 230.14 308.887 251.501 335.051 251.501C361.214 251.501 382.419 230.14 382.419 203.782Z" fill="white"/>
-</svg>
--- a/landing/index.html
+++ b/landing/index.html
@@ -98,26 +98,36 @@
        <section class="disclaimer" id="disclaimer">
            <div class="container">
                <h2>Disclaimer</h2>
-                <p><strong>⚠️ Use with Caution:</strong></p>
+                <p><strong>⚠️ Use with Caution:</strong> Please read the following terms carefully.</p>
                <ul>
-                    <li><strong>No Guarantees:</strong> SeedPass is provided "as is" without any warranties, express or implied. We do not guarantee that the software is free from errors, bugs, or vulnerabilities.</li>
-                    <li><strong>Security Risks:</strong> While SeedPass employs robust security measures, no system can be completely secure. Use it at your own risk, and ensure you have proper backups of your data.</li>
-                    <li><strong>Not Professional Advice:</strong> SeedPass is not a substitute for professional security or cryptographic advice. Consult with a security expert before using it in critical or sensitive environments.</li>
-                    <li><strong>Liability Limitation:</strong> We are not liable for any damages, losses, or other liabilities arising from the use or inability to use SeedPass.</li>
-                    <li><strong>Regular Backups:</strong> Always maintain regular backups of your seeds and sensitive data to prevent loss in case of unforeseen issues.</li>
-                    <li><strong>User Responsibility:</strong> Users are responsible for the secure storage and management of their master seeds and any derived seeds. Unauthorized access to these seeds can compromise all associated passwords and accounts.</li>
-                    <li><strong>Updates and Maintenance:</strong> While we strive to keep SeedPass updated and secure, we cannot promise timely updates or maintenance. Users should stay informed about the latest security practices and updates.</li>
+                    <li><i class="fas fa-info-circle"></i><strong>No Guarantees:</strong><span> SeedPass is provided "as is" without any warranties, express or implied. We do not guarantee that the software is free from errors, bugs, or vulnerabilities.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>Security Risks:</strong><span> While SeedPass employs robust security measures, no system can be completely secure. Use it at your own risk, and ensure you have proper backups of your data.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>Not Professional Advice:</strong><span> SeedPass is not a substitute for professional security or cryptographic advice. Consult with a security expert before using it in critical or sensitive environments.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>Liability Limitation:</strong><span> We are not liable for any damages, losses, or other liabilities arising from the use or inability to use SeedPass.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>Regular Backups:</strong><span> Always maintain regular backups of your seeds and sensitive data to prevent loss in case of unforeseen issues.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>User Responsibility:</strong><span> Users are responsible for the secure storage and management of their master seeds and any derived seeds. Unauthorized access to these seeds can compromise all associated passwords and accounts.</span></li>
+                    <li><i class="fas fa-info-circle"></i><strong>Updates and Maintenance:</strong><span> While we strive to keep SeedPass updated and secure, we cannot promise timely updates or maintenance. Users should stay informed about the latest security practices and updates.</span></li>
                </ul>
                <p>Please ensure you understand the risks involved and take appropriate measures to secure your data. By using SeedPass, you acknowledge and agree to these terms.</p>
            </div>
-        </section>
+        </section>      
        
        <footer>
            <div class="container">
                <div class="social-media">
-                    <!-- Nostr Link with Custom SVG Icon -->
+                    <!-- Nostr Link with Inline SVG -->
                    <a href="https://primal.net/p/npub15jnttpymeytm80hatjqcvhhqhzrhx6gxp8pq0wn93rhnu8s9h9dsha32lx" target="_blank" aria-label="Nostr Profile">
-                        <img src="/assets/svg/nostr.svg" alt="Nostr Logo" class="nostr-icon">
+                        <svg
+                            class="nostr-icon"
+                            xmlns="http://www.w3.org/2000/svg"
+                            viewBox="0 0 620 620"
+                            fill="currentColor" <!-- Ensure fill is set to currentColor -->
+                            aria-labelledby="nostrIconTitle"
+                            role="img"
+                        >
+                            <title id="nostrIconTitle">Nostr Logo</title>
+                            <path d="M620 270.227V597.655C620 609.968 610.081 619.961 597.859 619.961H332.161C319.938 619.961 310.02 609.968 310.02 597.655V536.678C311.23 461.931 319.079 390.332 335.558 357.759C345.438 338.168 361.722 327.506 380.427 321.802C415.768 311.102 477.779 318.419 504.099 317.16C504.099 317.16 583.605 320.346 583.605 274.987C583.605 238.48 548.07 241.352 548.07 241.352C508.902 242.374 479.068 239.699 459.738 232.028C427.365 219.203 426.272 195.678 426.155 187.81C424.554 96.934 291.549 86.0368 174.359 108.579C46.2354 133.127 175.765 318.143 175.765 565.121V598.088C175.531 610.204 165.807 620 153.702 620H22.1415C9.91874 620 0 610.008 0 597.694V31.3934C0 19.08 9.91874 9.08757 22.1415 9.08757H145.813C158.036 9.08757 167.955 19.08 167.955 31.3934C167.955 49.6866 188.378 59.8756 203.139 49.2145C247.617 17.113 304.709 0 368.595 0C511.714 0 619.922 84.0305 619.922 270.227H620ZM382.419 203.782C382.419 177.424 361.214 156.062 335.051 156.062C308.887 156.062 287.683 177.424 287.683 203.782C287.683 230.14 308.887 251.501 335.051 251.501C361.214 251.501 382.419 230.14 382.419 203.782Z" />
+                        </svg>
                    </a>
                    <!-- GitHub Link -->
                    <a href="https://github.com/PR0M3TH3AN/SeedPass" target="_blank" aria-label="GitHub Repository">
@@ -126,8 +136,8 @@
                </div>
                <p>&copy; 2024 SeedPass. All rights reserved.</p>
            </div>
-        </footer>
-              
+        </footer>     
+            
    <script src="./script.js"></script> <!-- Relative path to script.js -->
 </body>
 </html>
--- a/landing/style.css
+++ b/landing/style.css
@@ -15,8 +15,8 @@ body {

 /* Dark Mode */
 body.dark-mode {
-    background-color: #0d1117; /* GitHub Dark Mode Background */
-    color: #c9d1d9; /* GitHub Dark Mode Text Color */
+    background-color: #0d1117; 
+    color: #c9d1d9; 
 }

 /* Dark Mode Toggle */
@@ -57,7 +57,7 @@ body.dark-mode {
 }

 .dark-mode-toggle input:checked + label {
-    background: #6e5494; /* Purple for Dark Mode */
+    background: #6e5494;
 }

 .dark-mode-toggle input:checked + label:after {
@@ -121,7 +121,7 @@ body.dark-mode {

 /* Hamburger Menu Toggle */
 .menu-toggle {
-    display: none; /* Hidden by default */
+    display: none;
    font-size: 1.5rem;
    color: #ffffff;
    cursor: pointer;
@@ -212,7 +212,7 @@ body.dark-mode {

 /* Features Section */
 .features {
-    background-color: #f6f8fa; /* GitHub-like Light Gray */
+    background-color: #f6f8fa;
    padding: 80px 20px;
    transition: background-color 0.3s;
 }
@@ -220,7 +220,7 @@ body.dark-mode {
 .features h2 {
    text-align: center;
    font-size: 2.5rem;
-    color: #24292e; /* GitHub Dark Text */
+    color: #24292e;
    margin-bottom: 50px;
    position: relative;
 }
@@ -229,7 +229,7 @@ body.dark-mode {
    content: '';
    width: 60px;
    height: 4px;
-    background-color: #0366d6; /* GitHub Blue */
+    background-color: #e94a39;
    display: block;
    margin: 10px auto 0 auto;
    border-radius: 2px;
@@ -257,7 +257,7 @@ body.dark-mode {

 .features ul li i {
    font-size: 2rem;
-    color: #0366d6; /* GitHub Blue */
+    color: #e94a39; 
    margin-right: 20px;
 }

@@ -269,7 +269,7 @@ body.dark-mode {
 /* How It Works Section */
 .how-it-works {
    padding: 80px 20px;
-    background-color: #f6f8fa; /* GitHub-like Light Gray */
+    background-color: #f6f8fa;
    animation: fadeInUp 1s ease-out;
    transition: background-color 0.3s;
 }
@@ -277,7 +277,7 @@ body.dark-mode {
 .how-it-works h2 {
    text-align: center;
    font-size: 2.5rem;
-    color: #24292e; /* GitHub Dark Text */
+    color: #24292e; 
    margin-bottom: 40px;
    position: relative;
 }
@@ -286,7 +286,7 @@ body.dark-mode {
    content: '';
    width: 60px;
    height: 4px;
-    background-color: #0366d6; /* GitHub Blue */
+    background-color: #e94a39; 
    display: block;
    margin: 10px auto 0 auto;
    border-radius: 2px;
@@ -297,12 +297,12 @@ body.dark-mode {
    margin: 0 auto 30px auto;
    font-size: 1.1rem;
    text-align: center;
-    color: #24292e; /* GitHub Dark Text */
+    color: #24292e; 
 }

 .directory-tree {
-    background-color: #f6f8fa; /* GitHub-like Light Gray */
-    border-left: 4px solid #0366d6; /* GitHub Blue */
+    background-color: #f6f8fa; 
+    border-left: 4px solid #e94a39;
    padding: 20px;
    margin: 20px auto;
    max-width: 800px;
@@ -332,17 +332,17 @@ body.dark-mode {
 }

 .directory-tree .parent {
-    color: #0366d6; /* GitHub Blue for Parent Seed */
+    color: #e94a39;
    font-weight: bold;
 }

 .directory-tree .child {
-    color: #24292e; /* GitHub Dark Text for Child Seed */
+    color: #24292e; 
    margin-left: 20px;
 }

 .directory-tree .grandchild {
-    color: #586069; /* GitHub Gray for Grandchild Seed */
+    color: #586069; 
    margin-left: 40px;
 }

@@ -357,7 +357,7 @@ body.dark-mode {
    left: 50%;
    bottom: 100%;
    transform: translateX(-50%);
-    background-color: #24292e; /* GitHub Dark Tooltip Background */
+    background-color: #24292e;
    color: #ffffff;
    padding: 5px 10px;
    border-radius: 4px;
@@ -377,107 +377,195 @@ body.dark-mode {

 /* Disclaimer Section */
 .disclaimer {
-    padding: 60px 20px;
-    background-color: #ffe6e6; /* Light red background for emphasis */
-    color: #a94442; /* Dark red text for readability */
-    text-align: center;
-    border-left: 5px solid #a94442; /* Accent border */
-    margin: 40px 0;
-    border-radius: 8px;
-    transition: background-color 0.3s, color 0.3s, border-left 0.3s;
+    padding: 60px 0;
+    background-color: #fdf2f2; 
+    transition: background-color 0.3s ease;
+}
+
+.disclaimer .container {
+    background-color: #fff;
+    border-radius: 10px;
+    padding: 40px;
+    max-width: 900px;
+    margin: 0 auto;
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
+    transition: background-color 0.3s ease, color 0.3s ease;
 }

 .disclaimer h2 {
-    color: #a94442;
+    color: #e74c3c;
+    font-size: 2.5rem;
    margin-bottom: 20px;
-    font-size: 2rem;
-}
-
-.disclaimer ul {
-    max-width: 800px;
-    margin: 0 auto 20px auto;
-    text-align: left;
-    list-style: none;
-    padding: 0;
-}
-
-.disclaimer ul li {
-    position: relative;
-    padding-left: 30px;
-    margin-bottom: 10px;
-    font-size: 1.1rem;
-}
-
-.disclaimer ul li::before {
-    content: '\f05a'; /* Font Awesome info-circle icon */
-    font-family: 'Font Awesome 5 Free';
-    font-weight: 900;
-    position: absolute;
-    left: 0;
-    top: 0;
-    color: #a94442;
+    text-align: center;
+    font-weight: 700;
 }

 .disclaimer p {
-    max-width: 800px;
-    margin: 0 auto;
    font-size: 1.1rem;
-    color: #a94442;
+    line-height: 1.8;
+    color: #555;
+    margin-bottom: 20px;
+    text-align: center;
+}
+
+.disclaimer ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 20px;
+}
+
+.disclaimer ul li {
+    display: flex;
+    align-items: flex-start;
+    padding: 20px;
+    border-left: 4px solid #e74c3c;
+    background-color: #fdf2f2;
+    border-radius: 8px;
+    transition: background-color 0.3s ease, color 0.3s ease;
+}
+
+.disclaimer ul li:hover {
+    background-color: #fde0e0; 
+}
+
+.disclaimer ul li i {
+    font-size: 1.5rem;
+    color: #e74c3c;
+    margin-right: 15px;
+    margin-top: 5px;
+}
+
+.disclaimer ul li strong {
+    font-weight: 600;
+    color: #333;
+    margin-right: 5px;
+}
+
+.disclaimer ul li span {
+    color: #777;
+    line-height: 1.6;
+}
+
+.disclaimer ul li:hover span {
+    color: #555;
+}
+
+/* Footer Info */
+.disclaimer p:last-child {
+    margin-top: 30px;
+    font-size: 1rem;
+    text-align: center;
+    color: #666;
+}
+
+/* Dark Mode for Disclaimer Section */
+body.dark-mode .disclaimer {
+    background-color: #1e1e1e; 
+}
+
+body.dark-mode .disclaimer .container {
+    background-color: #2a2a2a; 
+    color: #d1d1d1; 
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.4);
+}
+
+body.dark-mode .disclaimer ul li {
+    background-color: #333; 
+    border-left: 4px solid #e74c3c; 
+}
+
+body.dark-mode .disclaimer ul li:hover {
+    background-color: #444; 
+}
+
+body.dark-mode .disclaimer ul li i {
+    color: #e74c3c; 
+}
+
+body.dark-mode .disclaimer ul li strong {
+    color: #f0f0f0; 
+}
+
+body.dark-mode .disclaimer ul li span {
+    color: #b0b0b0; 
+}
+
+body.dark-mode .disclaimer p {
+    color: #cfcfcf; 
 }

 /* Footer */
 footer {
-    background-color: #24292e; /* GitHub Dark Footer */
+    background-color: #24292e; 
    padding: 30px 20px;
    text-align: center;
    font-size: 0.9rem;
    color: white;
+    transition: background-color 0.3s, color 0.3s; /* Added transition for consistency */
+}
+
+footer .container {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 }

 footer .social-media {
+    display: flex;
+    justify-content: center;
+    align-items: center;
    margin-bottom: 15px;
 }

-/* Custom Nostr Icon Styling */
-.nostr-icon {
-    width: 24px; /* Adjust size as needed */
-    height: 24px;
-    vertical-align: middle;
-    transition: filter 0.3s, transform 0.3s;
-}
-
-/* Adjust Icon Color in Dark Mode (if needed) */
-body.dark-mode .nostr-icon {
-    filter: brightness(0) invert(1); /* Makes the icon white in dark mode */
-}
-
-/* Hover Effects for Nostr Icon */
-.social-media a:hover .nostr-icon {
-    transform: scale(1.1);
-    filter: brightness(0.8);
-}
-
-/* GitHub Icon Styling (if necessary) */
-.social-media a i.fab.fa-github {
-    font-size: 24px; /* Match the size of the Nostr icon */
-    transition: color 0.3s, transform 0.3s;
-}
-
-/* Hover Effects for GitHub Icon */
-.social-media a:hover i.fab.fa-github {
-    transform: scale(1.1);
-    color: #0366d6; /* GitHub Blue on hover */
-}
-
 footer .social-media a {
    color: white;
    margin: 0 10px;
    font-size: 1.2rem;
-    transition: color 0.3s;
+    transition: color 0.3s, transform 0.3s;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    text-decoration: none; 
 }

 footer .social-media a:hover {
-    color: #0366d6; /* GitHub Blue */
+    color: #e94a39; 
+    transform: scale(1.1);
+}
+
+/* Custom Nostr Icon Styling */
+.nostr-icon {
+    width: 24px; 
+    height: 24px;
+    fill: currentColor; /* Inherit color from parent link */
+    transition: fill 0.3s, transform 0.3s;
+    display: inline-block;
+    vertical-align: middle; /* Align vertically with GitHub icon */
+}
+
+/* Adjust Icon Color in Dark Mode */
+body.dark-mode .nostr-icon {
+    /* No filter needed as color is inherited */
+    /* If the SVG doesn't display correctly, you can uncomment the next line */
+    /* filter: brightness(0) invert(1); */
+}
+
+/* GitHub Icon Styling */
+.social-media a i.fab.fa-github {
+    font-size: 24px; 
+    transition: color 0.3s, transform 0.3s;
+    width: 24px; /* Ensure consistent sizing */
+    height: 24px; /* Ensure consistent sizing */
+}
+
+/* Ensure both icons align vertically */
+.social-media a,
+.social-media a img,
+.social-media a i {
+    vertical-align: middle;
 }

 /* Animations */
@@ -550,94 +638,101 @@ footer .social-media a:hover {
        top: 10px;
        right: 10px;
    }
+
+    /* Adjust disclaimer container padding on smaller screens */
+    .disclaimer .container {
+        padding: 40px 15px;
+    }
+
+    /* Adjust footer icons size for smaller screens */
+    footer .social-media a i.fab.fa-github,
+    footer .social-media a svg.nostr-icon {
+        width: 20px; 
+        height: 20px;
+    }
 }

 /* Dark Mode Styling */
 body.dark-mode .navbar {
-    background-color: #0d1117; /* GitHub Dark Mode Navbar */
+    background-color: #0d1117; 
 }

 body.dark-mode .intro {
-    background: linear-gradient(135deg, #0d1117 0%, #161b22 100%); /* Darker gradient */
+    background: linear-gradient(135deg, #0d1117 0%, #161b22 100%); 
 }

 body.dark-mode .intro p,
 body.dark-mode .how-it-works p,
 body.dark-mode .features h2,
 body.dark-mode .features ul li,
-body.dark-mode .disclaimer {
-    color: #c9d1d9; /* GitHub Dark Mode Text Color */
+body.dark-mode .disclaimer p {
+    color: #c9d1d9; 
 }

 body.dark-mode .cta-button {
-    background-color: #238636; /* GitHub Green */
+    background-color: #e94a39; 
    color: #ffffff;
 }

 body.dark-mode .cta-button:hover {
-    background-color: #2ea043; /* Darker GitHub Green */
+    background-color: #2ea043; 
    color: #ffffff;
 }

 body.dark-mode .features {
-    background-color: #0d1117; /* Dark background for Features section */
+    background-color: #0d1117; 
 }

 body.dark-mode .features h2 {
-    color: #c9d1d9; /* Light text in Features section */
+    color: #c9d1d9;
 }

 body.dark-mode .features ul li {
-    background-color: #161b22; /* GitHub Dark Mode Feature Cards */
+    background-color: #161b22; 
    box-shadow: 0 4px 12px rgba(255, 255, 255, 0.05);
 }

 body.dark-mode .how-it-works {
-    background-color: #0d1117; /* Dark background for How It Works section */
+    background-color: #0d1117; 
 }

 body.dark-mode .how-it-works h2 {
-    color: #c9d1d9; /* Light text in How It Works section */
+    color: #c9d1d9;
 }

 body.dark-mode .directory-tree {
-    background-color: #161b22; /* GitHub Dark Mode Directory Tree */
-    border-left: 4px solid #238636; /* GitHub Green */
+    background-color: #161b22; 
+    border-left: 4px solid #e94a39; 
 }

 body.dark-mode .directory-tree span.parent {
-    color: #58a6ff; /* GitHub Blue for Parent Seed */
+    color: #ff8779; 
 }

 body.dark-mode .directory-tree span.child {
-    color: #c9d1d9; /* GitHub Dark Mode Text for Child Seed */
+    color: #c9d1d9; 
 }

 body.dark-mode .directory-tree span.grandchild {
-    color: #58a6ff; /* GitHub Blue for Grandchild Seed */
+    color: #ff8779; 
 }

-body.dark-mode .disclaimer {
-    background-color: #2c2f33; /* Darker background for disclaimer */
+body.dark-mode .disclaimer .container {
+    background-color: #2c2f33; 
    color: #ffffff;
-    border-left: 5px solid #e74c3c; /* Red accent */
+    border-left: 5px solid #e74c3c; 
 }

 body.dark-mode .disclaimer ul li::before {
-    color: #e74c3c; /* Red icon in disclaimer */
+    color: #e74c3c; 
 }

 body.dark-mode footer {
-    background-color: #0d1117; /* GitHub Dark Mode Footer */
+    background-color: #0d1117; 
 }

 /* Additional Enhancements */

-/* Toggle menu for mobile */
-.menu-toggle {
-    display: none;
-}
-
 /* Smooth Scrolling */
 html {
    scroll-behavior: smooth;