update nest logo (#72)

fixes #71 #66

README.md

@@ -1,8 +1,15 @@
 # teal.gallery
 
-<img align="right" width="100" height="100" src="https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/thumbs/teal.png">
+<a href="https://github.com/insightsengineering/teal" target="_blank">
+  <img align="right" width=auto height="100" src="https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/teal.png" style="margin-left:10px;">
+</a>
+<a href="https://github.com/insightsengineering/teal.gallery" target="_blank">
+  <img align="right" width=auto height="100" src="https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/teal.gallery.png">
+</a>
 
-A gallery of sample apps based on the [`teal` framework](https://github.com/insightsengineering/teal).
+
+
+A gallery of sample apps based on the [`teal`](https://github.com/insightsengineering/teal) framework.
 
 ## Links to apps on `shinyapps.io`
 
@@ -22,7 +29,7 @@ A gallery of sample apps based on the [`teal` framework](https://github.com/insi
 
 You can run any of these apps by just executing these two lines of code in your R console.
 
-By sourcing the [\sourceme.R](https://github.com/insightsengineering/teal.gallery/blob/main/utils/sourceme.R) file you make sure that you have access to the `restore_and_run()`
+By sourcing the [sourceme.R](https://github.com/insightsengineering/teal.gallery/blob/main/utils/sourceme.R) file you make sure that you have access to the `restore_and_run()`
 
 Running the `restore_and_run("APP_NAME")` will run the `APP_NAME` by restoring the packages using [renv](https://rstudio.github.io/renv/)
 

RNA-seq/app.R

@@ -5,6 +5,8 @@ library(nestcolor)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 # code>
 mae <- hermes::multi_assay_experiment
 mae_data <- dataset("MAE", mae)
@@ -69,14 +71,14 @@ app <- init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("RNA-Seq Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("RNA-Seq Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on analysis of RNA-seq data with teal.modules.hermes"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

_internal/quarto/_quarto.yml

@@ -32,7 +32,7 @@ format:
 website:
   title: Teal Gallery
   open-graph: true
-  favicon: assets/www/logo-nest.png
+  favicon: assets/www/teal.gallery.png
   search:
     location: navbar
     type: overlay
@@ -54,7 +54,7 @@ website:
   navbar:
     pinned: false
     collapse: true
-    logo: assets/www/logo-nest.png
+    logo: https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/teal.gallery.png
     left:
       - text: Home
         file: index.qmd

_internal/quarto/assets/style.scss

@@ -79,10 +79,13 @@ a {
 
 .static {
   position: absolute;
-  width: 95.5% !important; // To make sure that the overlay static image fits perfectly on top of the gif
   background: white;
 }
 
 .static:hover {
   opacity: 0;
 }
+
+.card a{
+  position: relative;
+}

basic-teal/app.R

@@ -1,5 +1,7 @@
 library(teal)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 app <- init(
   data = list(IRIS = iris, MTCARS = mtcars),
   filter = teal_slices(
@@ -8,14 +10,14 @@ app <- init(
   modules = modules(example_module()),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Basic Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Basic Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "My first teal app"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

early-dev/app.R

@@ -10,6 +10,8 @@ library(sparkline)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 ADSL <- synthetic_cdisc_data("latest")$adsl
 
 # derive ADSL treatment duration
@@ -559,14 +561,14 @@ app <- teal::init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Early Development Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Early Development Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on analysis of early-phase clinical trial data with teal.osprey"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

efficacy/app.R

@@ -9,6 +9,8 @@ library(sparkline)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 # code>
 ## Generate Data
 ADSL <- synthetic_cdisc_data("latest")$adsl
@@ -300,14 +302,14 @@ app <- init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Efficacy Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Efficacy Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on efficacy analysis of clinical trial data with teal.modules.clinical"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

exploratory/app.R

@@ -22,9 +22,10 @@ library(rlang)
 library(rtables)
 library(sparkline)
 
-
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 # code>
 ADSL <- synthetic_cdisc_data("latest")$adsl
 ADRS <- synthetic_cdisc_data("latest")$adrs
@@ -329,14 +330,14 @@ app <- init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Exploratory Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Exploratory Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app for general dataset exploration with teal.modules.general"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

longitudinal/app.R

@@ -15,6 +15,8 @@ library(sparkline)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 # study information: used to label app and in "Example Info Page" module
 ATYPE <- "Exploratory" # define here and in the "# code >" section below
 TA <- "I2ON"
@@ -759,14 +761,14 @@ app <- teal::init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Longitudinal Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Longitudinal Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on analysis of longitudinal clinical trial data with teal.goshawk"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

patient-profile/app.R

@@ -6,6 +6,8 @@ library(nestcolor)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 ADSL <- synthetic_cdisc_data("latest")$adsl
 ADMH <- synthetic_cdisc_data("latest")$admh
 ADAE <- synthetic_cdisc_data("latest")$adae
@@ -480,14 +482,14 @@ app <- init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Patient Profile Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Patient Profile Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on patient-level analysis of clinical trial data with teal.modules.clinical"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

python/app.R

@@ -10,6 +10,8 @@ library(sparkline)
 
 options(shiny.useragg = FALSE)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 python_dependencies <- c("pip", "numpy", "pandas")
 virtualenv_dir <- Sys.getenv("VIRTUALENV_NAME", "example_env_name")
 python_path <- Sys.getenv("PYTHON_PATH")
@@ -100,14 +102,14 @@ app <- teal::init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Python Dataset Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Python Dataset Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app using python dataset connector"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),

safety/app.R

@@ -9,6 +9,8 @@ library(nestcolor)
 # optional libraries
 library(sparkline)
 
+nest_logo <- "https://raw.githubusercontent.com/insightsengineering/hex-stickers/main/PNG/nest.png"
+
 # code>
 ## Generate Data
 ADSL <- synthetic_cdisc_data("latest")$adsl
@@ -588,14 +590,14 @@ app <- teal::init(
   ),
   header = tags$span(
     style = "display: flex; align-items: center; justify-content: space-between; margin: 10px 0 10px 0;",
-    tags$head(tags$link(rel = "shortcut icon", href = "nest.png"), tags$title("Safety Analysis Teal Demo App")),
+    tags$head(tags$link(rel = "shortcut icon", href = nest_logo), tags$title("Safety Analysis Teal Demo App")),
     tags$span(
       style = "font-size: 30px;",
       "Example teal app focusing on safety analysis of clinical trial data with teal.modules.clinical"
     ),
     tags$span(
       style = "display: flex; align-items: center;",
-      tags$img(src = "nest.png", alt = "NEST logo", height = "45px"),
+      tags$img(src = nest_logo, alt = "NEST logo", height = "45px", style = "margin-right:10px;"),
       tags$span(style = "font-size: 24px;", "NEST @ Roche")
     )
   ),