Add help page and separate stylesheet

R/app.R

@@ -75,6 +75,15 @@ ui <- function(options) {
       tabPanel(
         "Results",
         results_ui("results", options)
+      ),
+      tabPanel(
+        "Help",
+        div(
+          class = "container",
+          htmltools::includeMarkdown(
+            system.file("content", "manual.md", package = "geposanui")
+          )
+        )
       )
     )
   )

R/style.R

@@ -2,20 +2,8 @@
 #' @noRd
 custom_css <- function() {
   tags$head(
-    tags$style(HTML(
-      ".flow-layout > div {",
-      "display: inline-block;",
-      "vertical-align: top;",
-      "margin-right: 12px;",
-      "}",
-      "h5 { margin-top: 0.5rem; margin-bottom: 1rem; font-weight: bold; }",
-      ".navbar-brand { font-weight: bold; }",
-      # Undo changes in Bootstrap theme:
-      ".nav-underline .nav-link { border-bottom: 0; }",
-      ".nav-underline .nav-link.active { font-weight: normal; }",
-      # Fix slider inputs floating above dropdown menu:
-      ".irs--shiny .irs-bar { z-index: 1; }",
-      ".irs--shiny .irs-handle { z-index: 1; }"
-    ))
+    tags$style(HTML(includeText(
+      system.file("misc", "style.css", package = "geposanui")
+    )))
   )
 }

inst/content/manual.md

@@ -0,0 +1,130 @@
+## Introduction
+
+This web interface provides an interactive tool to analyze genes based on their position across species. Specifically, it can be used to investigate the effect of telomere length on gene regulation. Telomeres are repetitive DNA sequences at the end of chromosomes that shorten with every cell division. The regulation of a number of genes has been reported to depend on the length of telomeres. Gene positions across species can be a valuable dataset for analyzing effects like this because genes that are regulated by position effects may exhibit patterns in the position of their orthologs.
+
+It is possible to use this tool to analyze any set of reference genes. Most likely, you are currently visiting [tpe-old.uni-rostock.de](https://tpe-old.uni-rostock.de/), which is preconfigured based on genes affected by TPE-OLD (telomere position effect over long distances). This is a specific way in which telomeres can influence gene expression by forming long-distance loops.
+
+Information on TPE-OLD is still limited. By providing this tool, we hope to direct the community towards genes that may be more likely than others to experience a controlled telomeric interaction, based on patterns in their chromosomal position across species. Comparing your genes of interest with the reference ranking may unveil new candidates for TPE-OLD that could be a valuable target for further experimental investigation.
+
+## Overview
+
+These are the five most important things in the user interface:
+
+**1** – This is where you can select your genes of interest.<br>
+**2** – The tab bar gives access to different visualizations and results.<br>
+**3** – This section can be used to toggle the different methods and to set the weights.<br>
+**4** – Navigating to the "Input data" is only neccessary when you want to use the method to study another set of reference genes.<br>
+**5** – When you need help, click these icons to get information on the controls.
+
+![Screenshot of user interface](overview.png)
+
+## How to Get Help
+
+This document describes the general concepts of the user interface and commonly used features. Please also note the context-sensitive help made available via the "?" next to many controls. If your use case does not match the scenarios described in this document, please <a href="https://github.com/johrpan/geposanui/issues" target="_blank">open an issue on GitHub</a>.
+
+## Results Page
+
+The "Results" page is the landing page for this website. Most of the interactions will take place there and it is also the starting point for examining your genes of interest. You can customize the computation of the combined ranking and dynamically generate different visualizations and results.
+
+### Gene Selection
+
+Use the controls in top left to select your genes of interest. The choices are:
+
+**Random genes** – A randomly selected set of genes to become familiar with the system without any biological input.<br>
+**Established TPE-OLD genes** – Genes for which a TPE-OLD effect was experimentally confirmed. These are the reference genes for the default preset.<br>
+**Suggested TPE-OLD genes** – Genes for which a TPE-OLD effect was proposed but not experimentally confirmed.<br>
+**Your genes** – Select this to use your own genes of interest.
+
+After selecting "Your genes" you can choose how you want to enter the genes. By default, you can interactively choose from the menu below. It is also possible to paste HGNC symbols or Ensembl gene IDs. A text field will appear after selecting the respective identifier type instead of "Select from list".
+
+![Screenshot of gene selection](gene_selection.png)
+
+### Method Weights
+
+The combined ranking is computed by combining the scores of the individual methods. To make this system more flexible, methods can be enabled/disabled and weighted differently. By default, the weights are determined automatically based on an optimization process. This step can be customized using the controls above the weight sliders.
+
+#### Genes to Optimize for
+
+For the majority of users, the default setting will involve reference genes, carefully chosen to represent a specific biological feature of interest (highlighted in orange) - typically the TPE-OLD effect. However, users also have the option to submit a set of custom genes (highlighted in green). In such cases, to observe how the ranking is influenced by scoring prepared specifically for this custom gene set, the system provides the option for ad hoc optimization on the selected "Comparison genes".
+
+#### Optimization Target
+
+The reference genes (default) or custom genes (if selected above) will be evaluated based on their scores, which are determined by the weights assigned to each method. Users have several options to guide this weight optimization:
+
+**Mean rank** – Aiming for the highest possible average score assignment.<br>
+**Median rank** – Striving for optimal performance of the gene positioned in the middle.<br>
+**First rank** – Prioritizing the best-performing gene.<br>
+**Last rank** – Focusing on improving the performance of the worst-performing gene.<br>
+**Customized weights** – Allowing users to adjust the weights according to their preferences.
+
+![Screenshot of optimization controls](optimization.png)
+
+#### Custom Weights
+
+The sliders in the bottom left can be used to manually adjust the weights for the individual methods. Use the check boxes to quickly enable or disable a single method. The optimization will still be performed based on the new set of methods, but you can also use the sliders to change the weights yourself.
+
+![Screenshot of method weight controls](methods.png)
+
+### Result Tabs
+
+The tabs on the Results page show different visualizations and results. All plots show the reference gene set in orange and the genes selected by the user in green. Most tabs include information to help you with interpreting the data.
+
+![Screenshot of result tabs](tabs.png)
+
+#### Using the Interactive Plots
+
+The interactive visualizations rely on the JavaScript library "plotly". The top-right of those plots provides a set of controls. These can be used to change the visualization and to download the plot as a PNG. The reference genes are always shown in orange and the user selected comparison genes are shown in green. Hovering the mouse pointer over these markers will reveal information on the genes.
+
+![Screenshot of plot controls](plots.png)
+
+#### Downloading the Dataset
+
+Use the "Detailed results" tab to get access to the complete dataset. Before downloading the dataset, you can use the filter controls to limit the tabular data to only include top ranking genes or to investigate genes in a specific range of telomeric distances. Select "No filtering" to view or download the complete dataset.
+
+![Screenshot of filter controls](filter.png)
+
+The detailed results table is interactive and can be used to get more information on individual genes. Use the search entry to look for specific genes by their HGNC symbol. By clicking on the gene symbol, you can view it in the Ensembl genome browser, which also includes links to other databases. Use the buttons below to copy or download the filtered (or complete) dataset as shown in the table.
+
+![Screenshot of download button](download.png)
+
+#### g:Profiler Integration
+
+[g:Profiler](https://biit.cs.ut.ee/gprofiler/gost) is a tool for performing gene set enrichment analyses. Using the same filter controls as described above, you can analyze top ranking genes for specific biological annotations. Please refer to the documentation of g:Profiler for more information on this method and its implementation.
+
+![Screenshot of g:Profiler](gprofiler.png)
+
+## Input Data Page
+
+The input data page can be used to customize the dataset and configuration for the method as a whole. If you are interested in analyzing your genes of interest in the context of the ranking, you do not have to change the reference genes. Instead, please use the controls on the "Results" page to select the comparison genes.
+
+#### Species to Include
+
+The presented results are computed based on all available species in Ensembl that have a chromosome-level assembly available. However, it is possible to limit the dataset to a predefined set of species by selecting "Customize". Select the species from the input field below. Normally, you should not limit the number of species without a specific reason because it is always better to have a larger dataset available.
+
+A basic requirement for the different methods to work is to have access to the functional and evolutionary equivalent genes, i.e. orthologs, in different species. Because of that, species are automatically excluded if they do not have orthologous genes for at least 50% of the already established set of genes to analyze. The quality of the assembly of a genome is important, since for yet unassembled fragments the distances to the ends of the chromosomes cannot be interpreted as a distance to a telomere.
+
+It should also be noted that the number of orthologs depends on the set of species already selected. This means that it is not possible to exclude species a priori.
+
+#### Reference Genes
+
+The reference genes are the main input to the computation. Some of the individual methods will compare the data of candidate genes to this gene set and it will be used to perform the automatic optimization of the method weights to derive the combined ranking. All visualizations will show the reference genes in an orange color.
+
+## References
+
+A paper accompanying this web interface and the underlying methods is currently under peer review.
+
+This project is based on data from [Ensembl](https://www.ensembl.org/index.html).
+
+The software for this project is developed using the [R programming language](https://www.r-project.org). The web interface is implemented as an R package ([geposanui](https://github.com/johrpan/geposanui)) based on our implementation of the underlying methods ([geposan](https://github.com/johrpan/geposan)). The following additional R packages have been essential tools for the development of this project:
+
+ - [biomaRt](https://bioconductor.org/packages/release/bioc/html/biomaRt.html) for data retrieval
+ - [data.table](https://rdatatable.gitlab.io/data.table/) for efficient handling of large datasets
+ - [DT](https://rstudio.github.io/DT/) for interactive display of tabular data
+ - [gprofiler2](https://biit.cs.ut.ee/gprofiler/page/r) for gene set enrichment analyses
+ - [plotly](https://plotly.com/r/) for interactive visualizations
+ - [ranger](http://imbs-hl.github.io/ranger/) for implementing the random forest method
+ - [shiny](https://shiny.posit.co/) for building the web interface
+
+## Acknowledgements
+
+We thank all our users for their encouragement and feedback, special thanks go to our colleagues at the Institutes for [Clinical Chemistry and Laboratory Medicine](https://ilab.med.uni-rostock.de/) and [Biostatics and Informatics in Medicine and Aging Research](https://ibima.med.uni-rostock.de) in Rostock. The service is hosted on a cloud instance generously provided by the [Rostock University ITMZ](https://www.itmz.uni-rostock.de/), for which we are grateful.

inst/doc/manual.md

@@ -1,229 +0,0 @@
-# geposan UI
-
-This document describes the user interaction with the the geposan infrastructure as installed at <https://tpe-old.uni-rostock.de>.
-
-## Motivation
-
-The motivation to using this web interface is a ranking of any number of human genes for their presume association with the ends of chromosomes (telomeres). These are repetitive DNA sequences of tens of kBp in length that shorten with every cellular division. Much like a gene set enrichment analysis can yield terms of the Gene Ontology to be associated with a gene set, this tool yields a description about what genes in a preselection are associated with telomeres.
-
-The regulation of an increasing number of genes has been reported to depend on the length of telomeres, those are said to be under a telomere position effect (TPE). The telomeres may fold back over large stretches of the chromosome, thus that the TPE can also be reported over long distances (TPE-OLD).
-
-Information on TPE-OLD is still limited. With providing this tool we hope to direct the community towards those geens that may be more likely than others to experience a controlled telomeric interaction, based on the distance to the telomeres to appear evolutionary conserved.
-
-## How to get help
-
-If you use case does not match the scenarios outlined in this document then please create an issue on the GitHub project page: <https://github.com/smoe/geposanui/issues> . Please also be aware of the context-sensitive help made available via the "?" aside many options.
-
-## Overall concept of GUI
-
-<dl>
-<dt>Input data tab</dt>
-<dd>
-  The blue bar at the top introduces a separation of more systemic paramters of the heuristics. Most dominantly these are the
-  * Species to include.<br>
-    The web site uses all species in Ensembl with a minimal genome size.  When selecting "Customize" fromt the selection, another selection box opens for a selection of species of interest.
-  * Reference genes.<br>
-    Some heuristics will compare the chromosomal distance of a candidate gene to telomeres with the same of a set of reference genes for which an effect was already described. Those genes are then marked in orange in the plots of the results tab.
- <br>
-  Most users will not want to modify the settings of the 'input data tab'.
-</dd>
-<dt>Results tab</dt>
-<dd>
-  * Overview<br>
-    This is the landing page of the web site. The user specifies their genes of interest and for those genes the plots will indicate the ranking and/or details in the other tabs. Changing the input genes in the overview does not have an effect on the scoring of the genes, just the display of the green dots and the summary statistics will be affected.
-  * Gene sets<br>
-    Displays a bar pot for the scores of the user-selected genes and the reference genes.
-  * Methods<br>
-    Violin plots present for each heuristic ("method") the score distribution of all genes, user-selected genes marked in green.
-  * Method correlation<br>
-    The scores determined by arbitrary two methods (which are to be selected by the user) are shown as a scatter plot.
-  * Scores by position
-    - Overview<br>
-      The overall score assigned for each gene is averaged by a density plot, all chromosomes are shown.
-    - Individual chromosome selected<br>
-      For all genes of the selected human chromosome, a scatter plot of the score against the distance in base pairs to the nearest end of the chromosome is plotted. All genes are show an can be identified with a mouse-over.
-    - All chromsosomes<br>
-      The scatter plot _score ~ telomeric distance_ is shown for genes of all 
-  * Ortholog location<br>
-    For all species contributing to the scoring, the telomeric distance of user-selected genes and reference genes is indicated.
-  * Detailed results<br>
-    The score of all genes are listed. The table is interactive, filters are prepared.
-  * g:Profiler<br>
-    Top-ranked genes, users specify the exact constraints, are submitted to g:Profiler and results are displayed in situ.
-</dd>
-</dl>
-
-## Datails on species selection ("input data")
-
-<img src="images/tpeold_inputdata.png" alt="Input data" style="width:1024px;height:auto;"><br>
-*Species selection:* By default, all species in Ensembl with a minimal genome size are included.
-
-You are unlikely to need to change the selection of species for your purpose. If you disagree then please kindly drop us a note. Once we have more of an understanding on what combinations of species shall are considered important, other than "all", we would likely prepare such sets of species. When selecting "Customize" fromt the selection, another selection box opens for a selection of species of interest.
-
-A basic requirement for the here aggregated heuristics to work is to have access to the functional and evolutionary equivalent genes, i.e. orthologs, in other species. The web site uses all species in Ensembl with a minimal genome size and at least 50% of its genes must be orthologous to the gene set already established. The quality of the assembly of a genome is thus important, since for yet unassembled fragments the distances to the ends of the chromosomes cannot be interpreted as a distance to a telomere.
-
-It should also be noted that the number of orthologs depends on the set of species already selected.
-We thus cannot prepare a blacklist of species.
-
-## Details on selected tabs
-
-### Overview
-
-<img src="images/tpeold_results_overview.png" alt="Overview" style="width:1024px;height:auto;"><br>
-*Overview:* The landing page of http://tpe-old.uni-rostock.de is also where the user-centric input (genes and weighting of heuristics) is specified.
-
-<dl>
-<dt>Comparison genes</dt>
-<dd>The user selectes their genes of interest to be one of
-
-* Random genes - to become familiar with the system without any biological input. 
-* Established TPE-OLD genes - a set of seven genes for which a TPE-OLD effect was established.
-* Suggested TPE-OLD genes - a set of another five genes for which a TPE-OLD effect is presumed likely but not yet wet-lab confirmed
-* "Your genes" - a custom selection, to be performed in a then appearing selection box below. Most users will have this field as their only input. <br>
-
-When selected, different means are offered to specify the gene set, specified via the upper selection box:
-
-* HGNC Names - the official human gene names
-* Ensembl IDs - as provided by <https://www.ensembl.org>
-</dd>
-
-<dt>Genes to optimize for</dt>
-<dd>
- As the weights of methods change, it naturally affects the scoring of genes, which is calculated as the weighted sum of scores obtained from each individual method. For the majority of users, the default setting will involve reference genes, carefully chosen to represent a specific biological feature of interest (highlighted in orange) - typically the TPE-OLD effect. However, users also have the option to submit a set of custom genes (highlighted in green). In such cases, to observe how the ranking is influenced by scoring prepared specifically for this custom gene set, the system provides the option for ad hoc optimization on the "Comparison genes".
-</dd>
-
-<dt>Optmization target</dt>
-<dd>
- The reference genes (default) or custom genes (if selected above) will be evaluated based on their scores, which are determined by the weights assigned to each method. This optimization process is carried out using a dedicated function in R that implements gradient descent (geraten, Elias?). Users have several options to guide this weight optimization:
-
-* Mean rank: Aiming for the highest possible average score assignment.
-* Median rank: Striving for optimal performance of the gene positioned in the middle.
-* First rank: Prioritizing the best-performing gene.
-* Last rank: Focusing on improving the performance of the worst-performing gene.
-* Customized weights: Allowing users to adjust the weights according to their preferences.
-</dd>
-</dl>
-
-#### Methods
-
-<dl>
-<dt>Distance to telomeres</dt>
-<dd>
-  The chromosomal distance of a gene to the nearest chromosome.
-</dd>
-<dt>Adjacency to reference genes</dt>
-<dd>
-  Another gene of the reference set has a similar distance.
-</dd>
-<dt>Clustering of genes</dt>
-<dd>
-  The distance of a gene to the telomere does not change much across many species.
-</dd>
-<dt>Correlation with reference genes</dt>
-<dd>
-  When (and only when) reference genes are close to the telomeres, so is this gene.
-</dd>
-<dt>Assessment by random forest</dt>
-<dd>
-  @Elias.
-</dd>
-</dl>
-
-The sliders, i.e. the weighting of the contribution of the scores yielded by each method, are auto-adjusted but a custom setting is allowed if so selselected, as described above. If there is a method that is not to your liking then we suggest to set the weight of tha method to 0. How well the method is performing can be inspected by the plots presented in the Methods and Method correlaton tabs, explained below.
-
-### Gene sets
-
-<img src="images/tpeold_results_genesets.png" alt="Gene sets" style="width:1024px;height:auto;"><br>
-*Gene sets:* The bar plot show the scores of the user-selected genes and the reference genes. User-selected genes are marked in green, reference genes in orange, in blue the scores of all human genes are represented.
-
-The page displays a bar plot to representt the scoring of human genes. A comparison of the user-selected scores with the scores of all genes also yields a P value by a Wilcoxon rank sum test. 
-
-### Methods
-
-<img src="images/tpeold_results_methods.png" alt="Methods" style="width:1024px;height:auto;"><br>
-*Methods:* The violin plots present for each heuristic ("method") the score distribution of all genes, user-selected genes are marked in green.
-
-The effect of the method on the scoring of the genes is shown as a violin plot. The user-selected genes are marked in green. The method is selected by the user and the sliders in the input data tab are auto-adjusted to the performance of the method. The user can also set the weight of the method to 0, if the method is not to their liking or to assess the contributio of an individual method to the overall score. The method is selected by the user and the sliders in the input data tab are auto-adjusted to the performance of the method.
-
-The genes are represented by small dots and identify themseselves when the mouse pointer hovers over them. We consider those insights to be important for the user to chase up unexpected findings, e.g. genes with good scores that are remote to the telomeres.
-
-### Method correlation
-
-<img src="images/tpeold_results_methodcorrelation.png" alt="Method correlation" style="width:1024px;height:auto;"><br>
-*Method correlation:* The scores determined by arbitrary two methods (which are to be selected by the user) are shown as a scatter plot.
-
-The user can choose between any two methods that shall determine the X and Y axes of a scatter plot. As for the other graphs, a mouse-over identifies the genes. We are particularly intrigued by the sudden changes to the gene density observed both at the upper and lower extrema of the scores.
-
-### Scores by position
-
-<img src="images/tpeold_results_scores_overview.png" alt="Overview on Scores by position for all chromosomes" style="width:1024px;height:auto;"><br>
-*Overview on Scores by position for all chromosomes:* The combined score (as determined by the slider settings) is shown as a density plot for all the genes, separated by chromosomes. The centromere is indicated, the p-arm to the left, score on the Y axis.
-
-<img src="images/tpeold_results_scores_chromosome_X.png" alt="_Score ~ Telomere distance_ for genes of an individual chromosome" style="width:1024px;height:auto;"><br>
-*_Score ~ Telomere distance_ for genes of an individual chromosome*: With a constraint of the display on a single chromosome, the individual genes are now identifiable by a mouse-over."
-
-<img src="images/tpeold_results_scores_chromosome_all.png" alt="_Score ~ Telomere distance_ for all gene" style="width:1024px;height:auto;"><br>
-*_Score ~ Telomere distance_ for all genes:* Same plot, accumulating data from all chromosomes.
-
-### Ortholog location
-
-<img src="images/tpeold_results_orthologlocations.png" alt="Ortholog location" style="width:1024px;height:auto;"><br>
-*Ortholog location:* The telomeric distance of user-selected genes and reference genes is indicated for all species contributing to the scoring.
-
-### Detailed results
-
-<img src="images/tpeold_results_detailedresults.png" alt="Detailed results" style="width:1024px;height:auto;"><br>
-*Detailed results:* Table of all human genes and their respective score. The table is interactive. Filters are made available to constrain the list to genes of particular interest.
-
-### g:Profiler
-
-<img src="images/tpeold_reults_gprofiler.png" alt="g:Profiler" style="width:1024px;height:auto;"><br>
-*g:Profiler:* The best-ranking genes can be filtered for their scores and telomeric distance, are then sent to g:Profiler to investigate enrichments.
-
-Please remain aware that the genes selected for the plots of the _g:Profiler_ tab and the _detailed results_ are not depending on any set of custom genes that have been submitted but on the scoring. And that scoring is derived from the reference set of genes that affect the auto-adjustment of sliders.
-
-## Technicalities
-
-### Export of image data from plots
-
-This web interface relies on JavaScript libraries of plotly for rendering the plots. The top-right of those plots present as series of modifying bars:
-
-<img src="images/tpeold_technicalities_plot_bar.png" alt="Plot toolbar" style="width:512px;height:auto;"><br>
-
-of which the most left is These offer an export a PNG.
-
-### Export of data from tables
-
-
-## References
-
-A paper accompanying this development is currently under peer review. 
-
-Software packages contributing to the web site are:
-
-*[R](https://www.r-project.org) and its [libraries](https://cran.r-project.org)*
-
-* [shiny](https://shiny.posit.co/) and associated developments
-  * [shinyWidgets](https://cran.r-project.org/web/packages/shinyWidgets/)
-  * [shinyjs](https://cran.r-project.org/web/packages/shinyjs/)
-  * [shinyBS](https://cran.r-project.org/web/packages/shinyBS/)
-  * [shinythemes](https://cran.r-project.org/web/packages/shinythemes/)
-  * [shinydashboard](https://cran.r-project.org/web/packages/shinydashboard/)
-  * [shinydashboardPlus](https://cran.r-project.org/web/packages/shinydashboardPlus/)
-  * [shinyFiles](https://cran.r-project.org/web/packages/shinyFiles/)
-  * [shinyalert](https://cran.r-project.org/web/packages/shinyalert/)
-  * [shinybusy](https://cran.r-project.org/web/packages/shinybusy/index.html)
-  * [shinyFeedback](https://cran.r-project.org/web/packages/shinyFeedback/vignettes/shinyFeedback-intro.html)
-  * [shiny.semantic](https://cran.r-project.org/web/packages/shiny.semantic/)
-* [ggplot2](https://ggplot2.tidyverse.org/)
-* [gprofiler2](https://cran.r-project.org/web/packages/gprofiler2/index.html)
-* [DT](https://rstudio.github.io/DT/) which wraps the JavaScript library DataTables
-
-*JavaScript libraries*
-
-* [plotly.js](https://plotly.com/javascript/)
-* [DataTables](https://datatables.net/) together with [jQuery](https://jquery.com/)
-
-## Acknowledgements
-
-We thank all our users for their encouragement and feedback, special thanks go to our colleagues at the Institutes for https://ilab.med.uni-rostock.de/[Clinical Chemistry and Laboratory Medicine] and https://ibima.med.uni-rostock.de[Biostatics and Informatics in Medicine and Aging Research] in Rostock. The service is hosted on a cloud instance generously provided by the https://www.itmz.uni-rostock.de/[Rostock University ITMZ], for which we are grateful.

inst/misc/style.css

@@ -0,0 +1,73 @@
+.flow-layout>div {
+    display: inline-block;
+    vertical-align: top;
+    margin-right: 12px;
+}
+
+h5 {
+    margin-top: 0.5rem;
+    margin-bottom: 1rem;
+    font-weight: bold;
+}
+
+.navbar-brand {
+    font-weight: bold;
+}
+
+/* Fake control labels */
+.label {
+    margin-bottom: 0.5rem;
+}
+
+/* Undo changes in Bootstrap theme */
+.nav-underline .nav-link {
+    border-bottom: 0;
+}
+
+.nav-underline .nav-link.active {
+    font-weight: normal;
+}
+
+/* Fix slider inputs floating above dropdown menu */
+.irs--shiny .irs-bar {
+    z-index: 1;
+}
+
+.irs--shiny .irs-handle {
+    z-index: 1;
+}
+
+.container {
+    margin-bottom: 128px;
+}
+
+.container h1,
+.container h2,
+.container h3 {
+    margin-top: 64px;
+}
+
+.container h4 {
+    margin-top: 20px;
+    font-size: 1rem;
+    font-weight: bold;
+}
+
+.container table {
+    margin-top: 32px;
+    margin-bottom: 32px;
+}
+
+.container th,
+.container td {
+    padding: 4px;
+}
+
+.container img {
+    margin-top: 20px;
+    margin-bottom: 20px;
+    max-width: 100%;
+    height: auto;
+    border-radius: 0.5rem;
+    filter: drop-shadow(0 0 5px rgba(0,0,0,0.5));
+}