testing emojis

Author: hosseinvk

06-web-tools.Rmd

@@ -116,7 +116,7 @@ NOTE: In cases where long list of features is provided, STRING may chnage some o
 STRING generates multiple tabs as output, shown here:
 
 <!-- ![](images/string-results-tabs.png){ width=100% } -->
-```{r, echo=FALSE, out.width="100%", fig.align = "center", fig.cap="Results tabs in STRING"} 
+```{r, echo=FALSE, eval=TRUE, out.width="100%", fig.align = "center", fig.cap="Results tabs in STRING"} 
 #  out.width="50%",
 knitr::include_graphics("images/string-results-tabs.png")
 ```
@@ -337,7 +337,7 @@ The leading edge column has three values:
   - signal: They contribute 40% of the enrichment signal, highlighting their importance in driving the association between this gene set and the biological phenotype being studied.
 
 
-#### **Challenge:** How different ranking metrics impact the output? {- .challenge}
+#### **Challenge:** How do different ranking metrics impact the output? {- .challenge}
 
 Run GSEA analysis using Hallmark gene sets with two metrics (tTest and Ratio_of_Classes). What are the upregulated terms (FDR < 0.1) in the `Diff` class, based on the t-test and Ratio of Classes metrics?
 
@@ -358,3 +358,10 @@ Why might the HALLMARK_CHOLESTEROL_HOMEOSTASIS gene set be upregulated specifica
 
 Reactome is an open-source database of curated biological pathways across species, offering pathway maps and enrichment tools to analyse gene lists in a pathway-focused context. It’s ideal for visualising data within established biochemical and cellular processes.
 
+Some content with emojis:
+
+- ❓ What do you think about this question?
+
+- 🤔 I'm thinking about how to solve this.
+
+

_output.yml

@@ -1,6 +1,10 @@
 bookdown::bs4_book:
   css: style.css
+  # includes:
+  #   in_header: custom-header.html
   # before_body: custom.js
+  # includes:
+  #   in_header: custom.js
   theme:
     primary: "#1D0F81"
   repo: https://github.com/MonashBioinformaticsPlatfor/Functional_Enrichment_BioCommons_2024

custom-header.html

@@ -0,0 +1,12 @@
+<script>
+    document.addEventListener("DOMContentLoaded", function () {
+        const headings = document.querySelectorAll('h1');
+        headings.forEach(heading => {
+            if (heading.textContent.includes("Day 1") || heading.textContent.includes("Day 2")) {
+                heading.style.fontSize = "2.5em";
+                heading.style.fontWeight = "bold";
+                heading.style.textAlign = "center";
+            }
+        });
+    });
+</script>

custom.js

@@ -1,13 +1,10 @@
 document.addEventListener("DOMContentLoaded", function () {
-  const headers = document.querySelectorAll(".book-toc li a");
-  headers.forEach(header => {
-    header.addEventListener("click", function () {
-      const parentLi = header.parentElement;
-      if (parentLi.classList.contains("active")) {
-        parentLi.classList.remove("active");
-      } else {
-        parentLi.classList.add("active");
-      }
+    const headings = document.querySelectorAll('h1');
+    headings.forEach(heading => {
+        if (heading.textContent.includes("Day 1") || heading.textContent.includes("Day 2")) {
+            heading.style.fontSize = "2.5em";
+            heading.style.fontWeight = "bold";
+            heading.style.textAlign = "center";
+        }
     });
-  });
 });

style.css

@@ -1,12 +1,12 @@
-/*
-table {
-  max-width: 500px;
-  border-spacing: 0px;
-  width: auto;
-}
 
-th, td {
-  padding: 2px 5px;
+/*
+.book h1:contains("Day 1"),
+.book h1:contains("Day 2") {
+    font-size: 2.5em;
+    font-weight: bold;
+    text-align: center;
+    margin-top: 1em;
+    margin-bottom: 0.5em;
 }
 */