-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
134 lines (124 loc) · 5.89 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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VNXC3S1LH2"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-VNXC3S1LH2');
</script>
<!-- Google Tag Manager -->
<script>(function (w, d, s, l, i) {
w[l] = w[l] || []; w[l].push({
'gtm.start':
new Date().getTime(), event: 'gtm.js'
}); var f = d.getElementsByTagName(s)[0],
j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src =
'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-N5RW3TB3');</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Snipe</title>
<!-- Google Fonts -->
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@600&family=Roboto:wght@400;500&display=swap"
rel="stylesheet">
<!-- Font Awesome for Icons -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
integrity="sha512-Fo3rlrZj/k7ujTTXRN4J/kzE1roBjvq5dnE1+9sMXpclG+EJlYwE0zqzO6M3kZk+SvH2vVpr0Q9yO25YYB8z1w=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<!-- Stylesheet -->
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="container">
<!-- Header Section -->
<header class="header">
<h1>Snipe</h1>
<p>Alignment-Free Quality Control of Next-generation Sequencing Data</p>
</header>
<!-- Tools Showcase -->
<section class="tools-section">
<div class="tools-container">
<!-- Tool 1 -->
<div class="tool-card">
<div class="tool-icon">
<i class="fas fa-pencil-ruler"></i>
</div>
<h2>Snipe Sketch</h2>
<p>Sketch Raw Sequencing Files with Sourmash to visualize and analyze your sequencing data
effortlessly.</p>
<a href="https://snipe-bio.github.io/sketch" class="tool-button">Open Snipe Sketch</a>
</div>
<!-- Tool 2 -->
<div class="tool-card">
<div class="tool-icon">
<i class="fas fa-globe"></i>
</div>
<h2>Snipe Web</h2>
<p>Perform comprehensive Snipe analysis on Sequence Signatures directly from your browser.</p>
<a href="https://snipe-bio.github.io/web" class="tool-button">Open Snipe Web</a>
</div>
<!-- Tool 3 -->
<div class="tool-card">
<div class="tool-icon">
<i class="fas fa-search"></i>
</div>
<h2>Snipe Explore</h2>
<p>Visualize user samples and SRA sequencing experiments with interactive and intuitive tools.</p>
<a href="https://snipe-bio.github.io/explore" class="tool-button">Open Snipe Explore</a>
</div>
<!-- Tool 4 -->
<div class="tool-card">
<div class="tool-icon">
<i class="fas fa-terminal"></i>
</div>
<h2>Snipe CLI</h2>
<p>A powerful command-line application for advanced users, currently under development.</p>
<a href="https://snipe-bio.github.io/snipe" class="tool-button" aria-disabled="true">Open</a>
</div>
<!-- Tool 5 chrome extension -->
<div class="tool-card">
<div class="tool-icon">
<i class="fas fa-chrome"></i>
</div>
<h2>Snipe Explore Chrome Extension</h2>
<p>Eagle-eye exploration for SRA experiments</p>
<a href="https://chromewebstore.google.com/detail/snipe-explorer/bocnoicojedipcfhbhbcldoggionalci"
class="tool-button">Install the Snipe Explore Chrome Extension</a>
</div>
</div>
</section>
<!-- Footer -->
<footer>
<div class="footer-content">
<div class="contact-info">
<h3>Contact Information</h3>
<p><strong>Mohamed Abuelanin:</strong> <a
href="mailto:[email protected]">[email protected]</a>
</p>
<p><strong>Tamer Mansour:</strong> <a
href="mailto:[email protected]">[email protected]</a></p>
</div>
<div class="github-link">
<h3>Join the Community</h3>
<a style="color: antiquewhite;" href="https://github.com/orgs/snipe-bio/discussions" target="_blank"
class="github-button">
<i class="fab fa-github"></i> GitHub Discussions
</a>
</div>
</div>
<div class="license-info">
<p>
This project is licensed under the <a style="color: wheat;"
href="https://www.gnu.org/licenses/agpl-3.0.html" target="_blank">GNU AGPL-3.0 License</a>.<br>
All modifications must be published and shared under the same license.<br>
Authors: Mohamed Abuelanin & Tamer Mansour
</p>
</div>
</footer>
</div>
</body>
</html>