Cite the favicon

Author: kevinlul

src/landing-page/about.html

@@ -34,15 +34,18 @@
 					</li>
 				</ul>
 			</nav>
-			<!-- end navigation bar definition-->			
+			<!-- end navigation bar definition-->
 			<div class="container topPadding">
 				<h1 style="color: white;">About FORCAST</h1>
 				<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>
 			</div>
 		</div>
 		<div class="footer">
-                        <p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
-                </div>
+			<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
+			<small>
+				<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
+			</small>
+        </div>
 	</body>
 </html>
 

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

@@ -34,21 +34,17 @@ body {
 }
 
 .footer {
-	flex-shrink: 0;
+	display: flex;
+	justify-content: space-between;
 	background-color: rgba(0,0,0,0.5);
 	width: 100%;
 	bottom: 0;
 	left: 0;
 	text-align: center;
 	padding-top: 0.75rem;
-	margin-bottom: 0;
-	color: #dcdcdc;	
-}
-
-.footer p {
-	margin-top: 0;
-	margin-bottom: 0;
-	padding-bottom: 0.75rem;
+	padding-left: 0.75rem;
+	padding-right: 0.75rem;
+	color: #dcdcdc;
 }
 
 .container a {
@@ -77,7 +73,7 @@ body {
 }
 
 .selectedNavigation, .selectedNavigation:hover {
-	color: white;	
+	color: white;
 }
 
 .navigationLink:hover{

src/landing-page/documentation.html

@@ -36,14 +36,17 @@
 			</nav>
 		<div class="container topPadding">
 			<h1 style="color: white;">Documentation</h1>
-			<p style="color: white;">The code and installation instructions for FORCAST are documented in the 
+			<p style="color: white;">The code and installation instructions for FORCAST are documented in the
 				<a style="color: white; font-weight: bold; text-decoration: underline;" href="https://github.com/ccmbioinfo/FORCAST">GitHub repository</a>
 			</p>
 		</div>
 		</div>
 		<div class="footer">
-                        <p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
-                </div>
+			<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
+			<small>
+				<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
+			</small>
+		</div>
 	</body>
 </html>
 

src/landing-page/index.html

@@ -35,7 +35,7 @@
 			</ul>
 		</nav>
 		<!-- end navigation bar definition-->
-		
+
 		<!-- start jumbotron -->
 		<div class="jumbotron">
 			<div class="container topPadding">
@@ -51,7 +51,10 @@ <h1 id="tool-title"><b>FORCAST</b></h1>
 		</div>
 		<div class="footer">
 			<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
-		</div> 
+			<small>
+				<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
+			</small>
+		</div>
 	</body>
 
 </html>

src/landing-page/tutorial.html

@@ -35,16 +35,19 @@
 			</ul>
 		</nav>
 		<!-- end navigation bar definition-->
-		
+
 
 		<div class="container topPadding">
 			<h1 style="color: white;">Tutorial</h1>
 			<p style="color: white;">To be written/recorded</p>
 		</div>
 		</div>
 		<div class="footer">
-                        <p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
-                </div>
+			<p><a href="https://github.com/ccmbioinfo/FORCAST/discussions">Contact</a></p>
+			<small>
+				<cite>Favicon: <a href="https://thenounproject.com/icon/crispr-1862029/">Crispr by Cornelia Scheitz from NounProject.com</a></cite>
+			</small>
+		</div>
 	</body>
 </html>