fix #14 links are still missing, need to be fixed later

index.html

@@ -302,7 +302,7 @@ <h5>signatures</h5>
 
                 <div class="row, container-fluid" style="height: 120px;">
                     <h1 class="cover-heading">Parameters</h1>
-                    <p class="lead">Use previews to find an optimal set of parameters for your analysis:
+                    <p class="lead">Use previews to find an optimal set of parameters for your analysis.
                     </p>
                 </div>
 
@@ -392,7 +392,7 @@ <h1 class="cover-heading">Parameters</h1>
 
             <!-- section analysis-KDE -->
             <div id="tutorial-modal-analysis-KDE" class="modal-content">
-                <p>Now we can start with the analysis: Klick on the button on the left to run a
+                <p>Now we can start with the analysis: Click on the button on the left to run a
                     kernel density estimation on your dataset.
 
                 </p>
@@ -414,7 +414,7 @@ <h1 class="cover-heading">Analysis</h1>
 
             <div id="section-KDE" style="padding: 30px;">
                 <h3>Step 1: Kernel Density Estimation </h3>
-                <p>As a fist step, we run a KDE that creates a density of mRNA expression by :
+                <p>As a fist step, we run a KDE that creates a density of mRNA expression.
                 </p>
                 <p class="lead">
                 <div id="btn-KDE" class="btn btn-lg btn-secondary">
@@ -446,7 +446,7 @@ <h3>Step 1: Kernel Density Estimation </h3>
 
             <div id="section-assignments-title" class="d-flex, flex-row,  container-fluid" style="padding: 10px;">
                 <h3>Step 2: Cell Assignments</h3>
-                <p>we can now infer cell types:
+                <p>We can now infer cell types.
                 </p>
                 <p class="lead">
                 <div id="btn-types" class="btn btn-lg btn-secondary">
@@ -488,12 +488,29 @@ <h1 class="cover-heading">Download</h1>
                 <h1 class="cover-heading">About</h1>
 
                 <div class="d-flex flex-column">
-                    <div style="text-align: center; padding: 40px;">
+                    <div style="text-align: center; padding-top: 40px; padding-bottom: 15px;">
                         The SSAM framework was conceived by Dr. Jeongbin Park
-                        as part of his PhD project at the Berlin Institute of Heath.
+                        as part of his PhD project at the Berlin Institute of Health.
+                        Read the original <a href="https://www.nature.com/articles/s41467-021-23807-4" target="_blank" rel="noopener noreferrer"><u>publication</u></a> 
+                        to learn more about the methods.
                     </div>
-                    <div class="d-flex flex-row  justify-content-around" style="background-color: white; padding: 20px;    border-radius: 20px;
-                    ">
+                    <div style="text-align: center; padding: 15px;">
+                        SSAMlite has been designed and implemented by Seastian Tiesmeyer at the Berlin Institute of Health.
+                        Learn more about SSAMlite <a href="https://www.biorxiv.org/" target="_blank" rel="noopener noreferrer"><u>here</u></a>. <!-- TODO update Link. -->
+                    </div>
+                    <div style="text-align: center; padding: 15px;">
+                        For a comprehensive documentation of the SSAMlite tool check out our 
+                        <a href="https://readthedocs.org/" target="_blank" rel="noopener noreferrer"><u>Read the Docs page</u></a>. <!-- TODO update link. -->
+                    </div>
+                    <div style="text-align: center; padding-top: 15px; padding-bottom: 5px;">
+                        If you are using SSAMlite for your research please cite:
+                    </div>
+                    <div style="text-align: center; padding-top: 5px; padding-bottom: 50px;">
+                        Tiesmeyer S, et al. 2021. SSAMlite. <i>bioRxiv</i>. doi: 10.1101/2021.... <!-- TODO update citation -->
+                    </div>
+
+
+                    <div class="d-flex flex-row  justify-content-around" style="background-color: white; padding: 20px;    border-radius: 20px;">
                         <div class="d-flex">
                             <a href="https://www.charite.de/" target="_blank" rel="noopener noreferrer">
                                 <img src="./resources/imgs/Logo_Charite.svg.png"
@@ -524,7 +541,7 @@ <h1 class="cover-heading">About</h1>
                         </div>
 
                         <div class="d-flex">
-                            <a href="https://www.dkfz.de/en/bioinformatik-genomik-systemgenetik/members.html"
+                            <a href="https://www.dkfz.de/"
                                 target="_blank" rel="noopener noreferrer">
                                 <img src="./resources/imgs/dkfz-logo.png"
                                     style="height: 40px; width: auto; padding: 5px;">

resources/imgs/buttons/question-circle.svg:Zone.Identifier

@@ -0,0 +1,4 @@
+[ZoneTransfer]
+ZoneId=3
+ReferrerUrl=https://icons.getbootstrap.com/icons/question-circle/
+HostUrl=https://icons.getbootstrap.com/assets/icons/question-circle.svg