Skip to content

Commit b24380f

Browse files
committed
Cite the favicon
1 parent 888430e commit b24380f

File tree

5 files changed

+29
-21
lines changed

5 files changed

+29
-21
lines changed

src/landing-page/about.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -34,15 +34,18 @@
3434
</li>
3535
</ul>
3636
</nav>
37-
<!-- end navigation bar definition-->
37+
<!-- end navigation bar definition-->
3838
<div class="container topPadding">
3939
<h1 style="color: white;">About FORCAST</h1>
4040
<p style="color: white;">CRISPR-mediated genome editing has enabled researchers to perform mutagenesis experiments with relative ease. Though tools exist for guide RNA (gRNA) design and predicting their off-target sites, there exists a need for a comprehensive platform to design, view, evaluate, store, and catalogue gRNAs and their associated primers. FORCAST integrates existing open source tools such as JBrowse, Primer3, BLAST, bwa, and Silica to create a complete allele design and quality assurance pipeline. It is available both from a public github repository and as a Docker image, for ease of installation and portability. FORCAST stores data locally, eliminating the security and privacy concerns that make external web-based applications less desirable. For any organism of interest, FORCAST downloads the genome along with annotations for genes, transcripts, and regulatory regions from Ensembl and loads them as tracks into the genome browser, JBrowse. Users can then select specific regions of interest, specify PAM sequences and design gRNAs to target these regions.</p><p style="color: white;">Importantly, FORCAST provides the user with specificity scores for gRNAs and predicted off-target sites to assist gRNA choice and then saves the information for user-selected gRNAs along with custom notes to an internal Mongo database. Once the gRNAs have been added to the database, users can trigger Primer3 to design primers for both the wild-type and mutant alleles. Primers are checked for specificity in the genome using BLAST and an in silico PCR check is performed with Silica. Selected gRNAs and primers are displayed visually as JBrowse tracks and stored permanently in the database. This allows users to retrieve information related to an experiment and re-analyze the target, if necessary. Additionally, once a design has been finalized, FORCAST generates files containing the guides, primers, and exons for a gene, which can be edited by sequence annotation tools such as SnapGene or ApE (A plasmid Editor). If a design fails, unsuccessful guides can be marked and their scores, off-targets, and genomic context used to make an informed decision about redesign. Currently only deletion alleles are supported, but future versions will allow for the design of point mutations (variants), conditional alleles, and mutations in non-coding regions.</p>
4141
</div>
4242
</div>
4343
<div class="footer">
44-
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
45-
</div>
44+
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
45+
<small>
46+
<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
47+
</small>
48+
</div>
4649
</body>
4750
</html>
4851

src/landing-page/css/landing-page.css

+6-10
Original file line numberDiff line numberDiff line change
@@ -34,21 +34,17 @@ body {
3434
}
3535

3636
.footer {
37-
flex-shrink: 0;
37+
display: flex;
38+
justify-content: space-between;
3839
background-color: rgba(0,0,0,0.5);
3940
width: 100%;
4041
bottom: 0;
4142
left: 0;
4243
text-align: center;
4344
padding-top: 0.75rem;
44-
margin-bottom: 0;
45-
color: #dcdcdc;
46-
}
47-
48-
.footer p {
49-
margin-top: 0;
50-
margin-bottom: 0;
51-
padding-bottom: 0.75rem;
45+
padding-left: 0.75rem;
46+
padding-right: 0.75rem;
47+
color: #dcdcdc;
5248
}
5349

5450
.container a {
@@ -77,7 +73,7 @@ body {
7773
}
7874

7975
.selectedNavigation, .selectedNavigation:hover {
80-
color: white;
76+
color: white;
8177
}
8278

8379
.navigationLink:hover{

src/landing-page/documentation.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -36,14 +36,17 @@
3636
</nav>
3737
<div class="container topPadding">
3838
<h1 style="color: white;">Documentation</h1>
39-
<p style="color: white;">The code and installation instructions for FORCAST are documented in the
39+
<p style="color: white;">The code and installation instructions for FORCAST are documented in the
4040
<a style="color: white; font-weight: bold; text-decoration: underline;" href="https://github.com/ccmbioinfo/FORCAST">GitHub repository</a>
4141
</p>
4242
</div>
4343
</div>
4444
<div class="footer">
45-
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
46-
</div>
45+
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
46+
<small>
47+
<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
48+
</small>
49+
</div>
4750
</body>
4851
</html>
4952

src/landing-page/index.html

+5-2
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535
</ul>
3636
</nav>
3737
<!-- end navigation bar definition-->
38-
38+
3939
<!-- start jumbotron -->
4040
<div class="jumbotron">
4141
<div class="container topPadding">
@@ -51,7 +51,10 @@ <h1 id="tool-title"><b>FORCAST</b></h1>
5151
</div>
5252
<div class="footer">
5353
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
54-
</div>
54+
<small>
55+
<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
56+
</small>
57+
</div>
5558
</body>
5659

5760
</html>

src/landing-page/tutorial.html

+6-3
Original file line numberDiff line numberDiff line change
@@ -35,16 +35,19 @@
3535
</ul>
3636
</nav>
3737
<!-- end navigation bar definition-->
38-
38+
3939

4040
<div class="container topPadding">
4141
<h1 style="color: white;">Tutorial</h1>
4242
<p style="color: white;">To be written/recorded</p>
4343
</div>
4444
</div>
4545
<div class="footer">
46-
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
47-
</div>
46+
<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
47+
<small>
48+
<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
49+
</small>
50+
</div>
4851
</body>
4952
</html>
5053

0 commit comments

Comments
 (0)