Log In Sign Up
Models:
Marco Lenoir
MarcoTheBlack/
DNAnalyzer
0
Downloads: 1
Diff of /web/index.html [000000] .. [8c4ad8]

Switch to unified view

a b/web/index.html 

  1
  
<!DOCTYPE html>





  
  

  2
  
<html lang="en">





  
  

  3
  





  
  

  4
  
<head>





  
  

  5
  
    <!-- Google tag (gtag.js) -->





  
  

  6
  
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-0LTP0WK7EM"></script>





  
  

  7
  
    <script>





  
  

  8
  
        window.dataLayer = window.dataLayer || [];





  
  

  9
  
        function gtag() { dataLayer.push(arguments); }





  
  

  10
  
        gtag('js', new Date());





  
  

  11
  





  
  

  12
  
        gtag('config', 'G-0LTP0WK7EM');





  
  

  13
  
    </script>





  
  

  14
  
    <meta charset="UTF-8">





  
  

  15
  
    <meta name="viewport" content="width=device-width, initial-scale=1.0">





  
  

  16
  
    <title>DNAnalyzer - DNA Sequence Analysis with Machine Learning</title>





  
  

  17
  
    <meta name="description"





  
  

  18
  
        content="DNAnalyzer is a powerful, privacy-focused DNA analysis tool using advanced machine learning for accurate, on-device genomic analysis.">





  
  

  19
  





  
  

  20
  
    <!-- Stylesheets -->





  
  

  21
  
    <link rel="stylesheet" href="style.css">





  
  

  22
  
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">





  
  

  23
  
    <link rel="preconnect" href="https://fonts.googleapis.com">





  
  

  24
  
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>





  
  

  25
  
    <link





  
  

  26
  
        href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap"





  
  

  27
  
        rel="stylesheet">





  
  

  28
  





  
  

  29
  
    <!-- Favicon -->





  
  

  30
  
    <link rel="shortcut icon" href="assets/icons/Icon_Dark_BG.svg" type="image/svg+xml">





  
  

  31
  
</head>





  
  

  32
  





  
  

  33
  
<body>





  
  

  34
  
    <!-- Background effects -->





  
  

  35
  
    <div class="bg-gradient">





  
  

  36
  
        <div class="bg-blob bg-blob-1"></div>





  
  

  37
  
        <div class="bg-blob bg-blob-2"></div>





  
  

  38
  
    </div>





  
  

  39
  





  
  

  40
  
    <!-- Navbar -->





  
  

  41
  
    <nav class="navbar" id="navbar">





  
  

  42
  
        <div class="container navbar-container">





  
  

  43
  
            <a href="index.html" class="logo">





  
  

  44
  
                <img src="assets/icons/Icon_Dark_BG.svg" alt="DNAnalyzer Logo">





  
  

  45
  
                <span class="logo-text">DNAnalyzer</span>





  
  

  46
  
            </a>





  
  

  47
  





  
  

  48
  
            <button class="mobile-toggle" id="mobileToggle" aria-label="Toggle navigation">





  
  

  49
  
                <i class="fas fa-bars"></i>





  
  

  50
  
            </button>





  
  

  51
  





  
  

  52
  
            <ul class="nav-links" id="navLinks">





  
  

  53
  
                <li><a href="index.html" class="active">Home</a></li>





  
  

  54
  
                <li><a href="features/features.html">Features</a></li>





  
  

  55
  
                <li><a href="analyzer/analyzer.html">Analyzer</a></li>





  
  

  56
  
                <li><a href="server/server.html">Server</a></li>





  
  

  57
  
                <li><a href="docs/docs.html">Docs</a></li>





  
  

  58
  
                <li><a href="about/about.html">About</a></li>





  
  

  59
  
            </ul>





  
  

  60
  





  
  

  61
  
            <div class="nav-buttons">





  
  

  62
  
                <a href="https://github.com/VerisimilitudeX/DNAnalyzer" class="btn btn-secondary btn-sm">





  
  

  63
  
                    <i class="fab fa-github btn-icon"></i> GitHub





  
  

  64
  
                </a>





  
  

  65
  
            </div>





  
  

  66
  
        </div>





  
  

  67
  
    </nav>





  
  

  68
  





  
  

  69
  
    <!-- Hero Section -->





  
  

  70
  
    <section class="hero">





  
  

  71
  
        <div class="container">





  
  

  72
  
            <div class="hero-content">





  
  

  73
  
                <div class="hero-headings">





  
  

  74
  
                    <h1>Revolutionizing <span>DNA analysis</span> with machine learning</h1>





  
  

  75
  
                    <p class="hero-subtitle">Powerful, privacy-focused DNA analysis using advanced ML algorithms





  
  

  76
  
                        designed for both researchers and individuals.</p>





  
  

  77
  





  
  

  78
  
                    <div class="hero-buttons">





  
  

  79
  
                        <a href="analyzer/analyzer.html" class="btn btn-primary">





  
  

  80
  
                            <i class="fas fa-dna btn-icon"></i> Try DNA Analysis





  
  

  81
  
                        </a>





  
  

  82
  
                        <a href="docs/docs.html" class="btn btn-secondary">





  
  

  83
  
                            <i class="fas fa-book btn-icon"></i> Documentation





  
  

  84
  
                        </a>





  
  

  85
  
                    </div>





  
  

  86
  
                </div>





  
  

  87
  





  
  

  88
  
                <div class="hero-animation">





  
  

  89
  
                    <div class="dna-helix" id="dnaHelix">





  
  

  90
  
                        <!-- DNA helix animation will be generated by JavaScript -->





  
  

  91
  
                    </div>





  
  

  92
  
                </div>





  
  

  93
  
            </div>





  
  

  94
  
        </div>





  
  

  95
  
    </section>





  
  

  96
  





  
  

  97
  
    <!-- Stats Section -->





  
  

  98
  
    <section class="stats-section">





  
  

  99
  
        <div class="container">





  
  

  100
  
            <div class="stats-grid">





  
  

  101
  
                <div class="stat-item">





  
  

  102
  
                    <div class="stat-number" id="statAccuracy">141</div>





  
  

  103
  
                    <div class="stat-label">Stars</div>





  
  

  104
  
                </div>





  
  

  105
  
                <div class="stat-item">





  
  

  106
  
                    <div class="stat-number" id="statSequences">7M+</div>





  
  

  107
  
                    <div class="stat-label">DNA Sequences</div>





  
  

  108
  
                </div>





  
  

  109
  
                <div class="stat-item">





  
  

  110
  
                    <div class="stat-number" id="statUsers">46+</div>





  
  

  111
  
                    <div class="stat-label">Contributors</div>





  
  

  112
  
                </div>





  
  

  113
  
                <div class="stat-item">





  
  

  114
  
                    <div class="stat-number">86</div>





  
  

  115
  
                    <div class="stat-label">Discord Members</div>





  
  

  116
  
                </div>





  
  

  117
  
            </div>





  
  

  118
  
        </div>





  
  

  119
  
    </section>





  
  

  120
  





  
  

  121
  
    <!-- Features Overview -->





  
  

  122
  
    <section class="section">





  
  

  123
  
        <div class="container">





  
  

  124
  
            <div class="section-title">





  
  

  125
  
                <h2>Why Choose <span class="gradient-text">DNAnalyzer</span>?</h2>





  
  

  126
  
                <p>Our cutting-edge technology provides unparalleled accuracy and insights while keeping your data





  
  

  127
  
                    secure.</p>





  
  

  128
  
            </div>





  
  

  129
  





  
  

  130
  
            <div class="card-grid">





  
  

  131
  
                <div class="card">





  
  

  132
  
                    <div class="card-icon">





  
  

  133
  
                        <i class="fas fa-shield-alt"></i>





  
  

  134
  
                    </div>





  
  

  135
  
                    <h3 class="card-title">Privacy-First Analysis</h3>





  
  

  136
  
                    <p>Your genetic data never leaves your device. All computation is performed locally using our





  
  

  137
  
                        advanced on-device ML models.</p>





  
  

  138
  
                </div>





  
  

  139
  





  
  

  140
  
                <div class="card">





  
  

  141
  
                    <div class="card-icon">





  
  

  142
  
                        <i class="fas fa-dna"></i>





  
  

  143
  
                    </div>





  
  

  144
  
                    <h3 class="card-title">Advanced DNA Analysis</h3>





  
  

  145
  
                    <p>Identify open reading frames, high coverage regions, protein sequences, and transcription factor





  
  

  146
  
                        binding sites with precision.</p>





  
  

  147
  
                </div>





  
  

  148
  





  
  

  149
  
                <div class="card">





  
  

  150
  
                    <div class="card-icon">





  
  

  151
  
                        <i class="fas fa-brain"></i>





  
  

  152
  
                    </div>





  
  

  153
  
                    <h3 class="card-title">Machine Learning Powered</h3>





  
  

  154
  
                    <p>Our cutting-edge neural networks provide insights and pattern recognition beyond traditional





  
  

  155
  
                        analytics capabilities.</p>





  
  

  156
  
                </div>





  
  

  157
  
            </div>





  
  

  158
  
        </div>





  
  

  159
  
    </section>





  
  

  160
  





  
  

  161
  
    <!-- Workflow Section -->





  
  

  162
  
    <section class="section section-bg-gradient">





  
  

  163
  
        <div class="container">





  
  

  164
  
            <div class="section-title">





  
  

  165
  
                <h2>How It Works</h2>





  
  

  166
  
                <p>A simple three-step process to analyze your DNA sequences</p>





  
  

  167
  
            </div>





  
  

  168
  





  
  

  169
  
            <div class="steps-container">





  
  

  170
  
                <div class="step-item">





  
  

  171
  
                    <div class="step-content">





  
  

  172
  
                        <h3>Upload Your Sequence</h3>





  
  

  173
  
                        <p>Upload your DNA sequence file in FASTA or FASTQ format. Your data stays on your device.</p>





  
  

  174
  
                    </div>





  
  

  175
  
                </div>





  
  

  176
  





  
  

  177
  
                <div class="step-item">





  
  

  178
  
                    <div class="step-content">





  
  

  179
  
                        <h3>Select Analysis Options</h3>





  
  

  180
  
                        <p>Choose from a variety of analysis options, including codon detection, coverage analysis, and





  
  

  181
  
                            protein prediction.</p>





  
  

  182
  
                    </div>





  
  

  183
  
                </div>





  
  

  184
  





  
  

  185
  
                <div class="step-item">





  
  

  186
  
                    <div class="step-content">





  
  

  187
  
                        <h3>Get Comprehensive Results</h3>





  
  

  188
  
                        <p>Receive detailed insights with visualizations and downloadable reports for your research.</p>





  
  

  189
  
                    </div>





  
  

  190
  
                </div>





  
  

  191
  
            </div>





  
  

  192
  
        </div>





  
  

  193
  
    </section>





  
  

  194
  





  
  

  195
  
    <!-- Feature Details Section -->





  
  

  196
  
    <section class="section">





  
  

  197
  
        <div class="container">





  
  

  198
  
            <div class="section-title">





  
  

  199
  
                <h2>Powerful Analysis Features</h2>





  
  

  200
  
                <p>Comprehensive tools designed for researchers, students, and enthusiasts</p>





  
  

  201
  
            </div>





  
  

  202
  





  
  

  203
  
            <div class="feature-card">





  
  

  204
  
                <div class="feature-icon feature-icon-blue">





  
  

  205
  
                    <i class="fas fa-search"></i>





  
  

  206
  
                </div>





  
  

  207
  
                <div class="feature-content">





  
  

  208
  
                    <h3>Open Reading Frame Identification</h3>





  
  

  209
  
                    <p>Scans DNA for start and stop codons to identify protein-coding sequences (open reading frames).





  
  

  210
  
                        Recognizes canonical start codons (e.g., ATG) and stop codons to pinpoint the locations of





  
  

  211
  
                        putative proteins within a genome.</p>





  
  

  212
  
                </div>





  
  

  213
  
            </div>





  
  

  214
  





  
  

  215
  
            <div class="feature-card">





  
  

  216
  
                <div class="feature-icon feature-icon-magenta">





  
  

  217
  
                    <i class="fas fa-chart-bar"></i>





  
  

  218
  
                </div>





  
  

  219
  
                <div class="feature-content">





  
  

  220
  
                    <h3>GC-Rich Region Detection</h3>





  
  

  221
  
                    <p>Locates high coverage (GC-rich) regions in the DNA, often associated with gene-dense areas and





  
  

  222
  
                        promoter regions. Flags GC-rich stretches to help identify potential regulatory regions.</p>





  
  

  223
  
                </div>





  
  

  224
  
            </div>





  
  

  225
  





  
  

  226
  
            <div class="feature-card">





  
  

  227
  
                <div class="feature-icon feature-icon-orange">





  
  

  228
  
                    <i class="fas fa-microscope"></i>





  
  

  229
  
                </div>





  
  

  230
  
                <div class="feature-content">





  
  

  231
  
                    <h3>Core Promoter Element Identification</h3>





  
  

  232
  
                    <p>Scans for known core promoter motifs in the DNA sequence, such as the TATA box, BRE, INR, and DPE





  
  

  233
  
                        motifs. Detecting these elements can indicate the presence of gene promoters, helping you locate





  
  

  234
  
                        potential gene start sites.</p>





  
  

  235
  
                </div>





  
  

  236
  
            </div>





  
  

  237
  
        </div>





  
  

  238
  
    </section>





  
  

  239
  





  
  

  240
  
    <!-- CTA Section -->





  
  

  241
  
    <section class="section section-bg-dark">





  
  

  242
  
        <div class="container text-center">





  
  

  243
  
            <h2>Ready to Start Analyzing?</h2>





  
  

  244
  
            <p class="mb-xl">Join thousands of researchers and scientists using DNAnalyzer for their genetic analysis





  
  

  245
  
                needs.</p>





  
  

  246
  





  
  

  247
  
            <div class="hero-buttons" style="justify-content: center;">





  
  

  248
  
                <a href="analyzer/analyzer.html" class="btn btn-primary">





  
  

  249
  
                    <i class="fas fa-dna btn-icon"></i> Start Analyzing





  
  

  250
  
                </a>





  
  

  251
  
                <a href="docs/docs.html" class="btn btn-secondary">





  
  

  252
  
                    <i class="fas fa-book btn-icon"></i> Read Documentation





  
  

  253
  
                </a>





  
  

  254
  
            </div>





  
  

  255
  
        </div>





  
  

  256
  
    </section>





  
  

  257
  





  
  

  258
  
    <!-- Disclaimer Section -->





  
  

  259
  
    <section class="section section-bg-dark disclaimer-section">





  
  

  260
  
        <div class="container">





  
  

  261
  
            <div class="disclaimer-content">





  
  

  262
  
                <h4 class="disclaimer-title">DNAnalyzer Disclaimer</h4>





  
  

  263
  
                <div class="disclaimer-text">





  
  

  264
  
                    <p><strong>Limitation of Liability:</strong> The DNAnalyzer tool is intended for research,





  
  

  265
  
                        educational, and informational purposes only. The machine learning-based DNA analysis provides





  
  

  266
  
                        computational predictions that should not be used for medical diagnosis, clinical





  
  

  267
  
                        interpretation, or treatment decisions. DNAnalyzer is not a substitute for professional medical





  
  

  268
  
                        advice, diagnosis, or treatment.</p>





  
  

  269
  





  
  

  270
  
                    <p><strong>Analysis Limitations:</strong> DNAnalyzer's computational analysis, including open





  
  

  271
  
                        reading frame identification, GC-rich region detection, and promoter element identification, is





  
  

  272
  
                        based on algorithmic predictions using machine learning models trained on public datasets.





  
  

  273
  
                        Results may vary in accuracy depending on the quality of input data, sequence type, and other





  
  

  274
  
                        biological factors. The absence of identified genomic features does not rule out their presence,





  
  

  275
  
                        and the identification of features does not guarantee their biological relevance or function.





  
  

  276
  
                    </p>





  
  

  277
  





  
  

  278
  
                    <p><strong>Privacy Notice:</strong> While DNAnalyzer processes DNA sequences locally on your device





  
  

  279
  
                        to maximize privacy, users should exercise caution when uploading sensitive genetic information.





  
  

  280
  
                        We recommend against uploading human genomic data with identifiable personal information.





  
  

  281
  
                        DNAnalyzer is not responsible for any privacy implications resulting from user actions.</p>





  
  

  282
  





  
  

  283
  
                    <p><strong>Research Use Only:</strong> Results generated by DNAnalyzer should be experimentally





  
  

  284
  
                        validated before being used in research publications or academic work. Citations of DNAnalyzer





  
  

  285
  
                        should acknowledge its computational nature and inherent limitations.</p>





  
  

  286
  





  
  

  287
  
                    <p><strong>No Warranty:</strong> DNAnalyzer is provided "as is" without warranty of any kind,





  
  

  288
  
                        express or implied. The creators and contributors of DNAnalyzer disclaim all warranties,





  
  

  289
  
                        including but not limited to accuracy, reliability, and fitness for a particular purpose. In no





  
  

  290
  
                        event shall the creators, contributors, or copyright holders be liable for any claim, damages,





  
  

  291
  
                        or other liability arising from the use of this software.</p>





  
  

  292
  
                </div>





  
  

  293
  
            </div>





  
  

  294
  
        </div>





  
  

  295
  
    </section>





  
  

  296
  





  
  

  297
  
    <!-- Footer -->





  
  

  298
  
    <footer class="footer">





  
  

  299
  
        <div class="container">





  
  

  300
  
            <div class="footer-grid">





  
  

  301
  
                <div class="footer-brand">





  
  

  302
  
                    <img src="assets/icons/Icon_Dark_BG.svg" alt="DNAnalyzer Logo">





  
  

  303
  
                    <p>DNAnalyzer is a powerful, privacy-focused DNA analysis tool using cutting-edge machine learning





  
  

  304
  
                        models for accurate, on-device genomic analysis.</p>





  
  

  305
  





  
  

  306
  
                    <div class="footer-social">





  
  

  307
  
                        <a href="https://github.com/VerisimilitudeX/DNAnalyzer" class="social-link">





  
  

  308
  
                            <i class="fab fa-github"></i>





  
  

  309
  
                        </a>





  
  

  310
  
                        <a href="https://discord.gg/xNpujz49gj" class="social-link">





  
  

  311
  
                            <i class="fab fa-discord"></i>





  
  

  312
  
                        </a>





  
  

  313
  
                        <a href="https://twitter.com/DNAnalyzer_" class="social-link">





  
  

  314
  
                            <i class="fab fa-twitter"></i>





  
  

  315
  
                        </a>





  
  

  316
  
                    </div>





  
  

  317
  
                </div>





  
  

  318
  





  
  

  319
  
                <div class="footer-nav">





  
  

  320
  
                    <h4>Product</h4>





  
  

  321
  
                    <ul>





  
  

  322
  
                        <li><a href="features/features.html">Features</a></li>





  
  

  323
  
                        <li><a href="analyzer/analyzer.html">DNA Analyzer</a></li>





  
  

  324
  
                        <li><a href="server/server.html">Server</a></li>





  
  

  325
  
                        <li><a href="docs/docs.html">Documentation</a></li>





  
  

  326
  
                    </ul>





  
  

  327
  
                </div>





  
  

  328
  





  
  

  329
  
                <div class="footer-nav">





  
  

  330
  
                    <h4>Resources</h4>





  
  

  331
  
                    <ul>





  
  

  332
  
                        <li><a href="docs/getting-started.md">Getting Started</a></li>





  
  

  333
  
                        <li><a href="docs/citations.md">Citations</a></li>





  
  

  334
  
                        <li><a href="docs/research/genes.md">Gene Research</a></li>





  
  

  335
  
                        <li><a href="docs/samples/cli-arguments-examples.md">CLI Examples</a></li>





  
  

  336
  
                    </ul>





  
  

  337
  
                </div>





  
  

  338
  





  
  

  339
  
                <div class="footer-nav">





  
  

  340
  
                    <h4>Community</h4>





  
  

  341
  
                    <ul>





  
  

  342
  
                        <li><a href="https://github.com/VerisimilitudeX/DNAnalyzer">GitHub</a></li>





  
  

  343
  
                        <li><a href="https://discord.gg/xNpujz49gj">Discord</a></li>





  
  

  344
  
                        <li><a href="docs/contributing/CONTRIBUTING.md">Contributing</a></li>





  
  

  345
  
                        <li><a href="CODE_OF_CONDUCT.md">Code of Conduct</a></li>





  
  

  346
  
                    </ul>





  
  

  347
  
                </div>





  
  

  348
  
            </div>





  
  

  349
  





  
  

  350
  
            <div class="footer-bottom">





  
  

  351
  
                <div class="footer-copyright">





  
  

  352
  
                    Copyright 2025 Piyush Acharya. DNAnalyzer is a fiscally sponsored 501(c)(3) nonprofit (EIN:





  
  

  353
  
                    81-2908499). MIT License.





  
  

  354
  
                </div>





  
  

  355
  





  
  

  356
  
                <div class="footer-links">





  
  

  357
  
                    <a href="LICENSE.md">License</a>





  
  

  358
  
                    <a href="SECURITY.md">Security</a>





  
  

  359
  
                    <a href="CITATION.cff">Citation</a>





  
  

  360
  
                </div>





  
  

  361
  
            </div>





  
  

  362
  
        </div>





  
  

  363
  
    </footer>





  
  

  364
  





  
  

  365
  
    <!-- JavaScript -->





  
  

  366
  
    <script src="index.js"></script>





  
  

  367
  
</body>





  
  

  368
  





  
  

  369
  
</html>