-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
102 lines (94 loc) · 4.58 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"
content="Genome Inspector Web v1.0: Perform DNA sequence analysis, transcription, translation, GC content calculation, restriction site identification, and more.">
<meta name="keywords"
content="DNA analysis, genome inspector, genome analysis, melting temperature calculation, annealing temperature calculation, ORF finder, genome calculator, DNA calculator, transcription, translation, GC content, restriction sites, open reading frames, bioinformatics tools">
<meta name="author" content="Atharva Tilewale">
<meta name="robots" content="index, follow">
<title>Genome Inspector Web v1.0</title>
<!-- CSS Stylesheets -->
<link rel="stylesheet" href="assets/css/main.css">
<link rel="stylesheet" href="assets/css/others.css">
<link rel="stylesheet" href="assets/css/balls.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<!-- JavaScript Files -->
<script src="assets/js/app.js" defer></script>
<script src="assets/js/flip_card.js" defer></script>
<script src="assets/js/read_fasta.js" defer></script>
<script src="assets/js/save_results.js" defer></script>
<!-- Open Graph for Social Sharing -->
<meta property="og:title" content="Genome Inspector Web v1.0">
<meta property="og:description" content="Explore advanced DNA sequence analysis with Genome Inspector Web v1.0.">
<meta property="og:image" content="https://raw.githubusercontent.com/AtharvaTilewale/Genome_Inspector_Web/refs/heads/main/assets/images/logo.jpeg">
<meta property="og:url" content="https://atharvatilewale.github.io/Genome_Inspector_Web/">
<meta property="og:type" content="website">
<!-- Structured Data -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebApplication",
"name": "Genome Inspector Web v1.0",
"description": "A comprehensive web tool for DNA sequence analysis.",
"author": {
"@type": "Person",
"name": "Atharva Tilewale"
},
"url": "https://atharvatilewale.github.io/Genome_Inspector_Web/"
}
</script>
</head>
<body>
<section>
<div class="ball1"></div>
<div class="ball2"></div>
<div class="container">
<div class="front" id="front">
<div>
<h1 style="color: #323485;">Genome Inspector</h1>
<button class="man_btn" id="man" style="display: none;" onclick="flip()">Manual</button>
</div>
<label for="dnaSequence">Enter/Upload DNA Sequence:</label>
<textarea id="dnaSequence" placeholder=" e.g., ATGCGTACGTAGCTAGCTAGCGT"></textarea>
<input type="file" style="display:none" id="fastaFile" accept=".fasta" onchange="readFastaFile()" />
<button id="uploadButton" class="btn" onclick="document.getElementById('fastaFile').click()">Upload FASTA
file
</button>
<span id="fileName">No file selected</span>
<div id="sequenceOutput"></div>
<br>
<label for="analysisType">Select Analysis:</label>
<select id="analysisType">
<option value="analyzeAll">Quick Analysis</option>
<option value="transcribe">Transcribe DNA</option>
<option value="complement">DNA Complement</option>
<option value="reverseComplement">Reverse Complement</option>
<option value="translate">Translate to Amino Acids</option>
<option value="translateReadingFrame">Translate Reading Frame</option>
<!-- <option value="restrictionSites">Find Restriction Sites</option> -->
<!-- <option value="orf">Find Open Reading Frames</option> -->
<option value="gcContent">GC Content</option>
<option value="nucleotideFreq">Nucleotide Frequency</option>
<option value="meltingTemp">Melting Temperature</option>
<option value="annealingTemp">Annealing Temperature</option>
</select>
<div class="button-container">
<button class="btn" onclick="performAnalysis()">Analyze</button>
<button id="saveButton" class="icon-button btn" onclick="saveResultToFile()"><i class="fa fa-download"></i>
Save
</button>
</div>
<div class="result" id="result" style="display: none;"></div>
</div>
<div class="back">
<div class="container-back">
<button class="man_btn" id="close" style="display: none;">Close</button>
</div>
</div>
</div>
</section>
</body>
</html>