Updated vignette and logo

Author: anita-termeg

README.Rmd

@@ -13,7 +13,7 @@ knitr::opts_chunk$set(
 )
 ```
 
-# `CroCoNet` <img src="man/figures/logo.png" align="right" width="200" /> <br/>  Cro<span style="font-weight:normal">ss-species</span> <br/> Co<span style="font-weight:normal">mparison of</span> <br/> Net<span style="font-weight:normal">works</span>
+# `CroCoNet` <img src="man/figures/logo.png" align="right" width="17.5%" /> <br/>  Cro<span style="font-weight:normal">ss-species</span> <br/> Co<span style="font-weight:normal">mparison of</span> <br/> Net<span style="font-weight:normal">works</span>
 
 `CroCoNet` is a tool to quantitatively compare gene regulatory networks across species and identify conserved and diverged modules. It hinges on contrasting module variability within and across species in order to distinguish between-species divergence from confounding factors such as diversity across individuals, environmental differences and technical noise.
 

README.md

@@ -1,7 +1,7 @@
 
 <!-- README.md is generated from README.Rmd. Please edit that file -->
 
-# `CroCoNet` <img src="man/figures/logo.png" align="right" width="200" /> <br/> Cro<span style="font-weight:normal">ss-species</span> <br/> Co<span style="font-weight:normal">mparison of</span> <br/> Net<span style="font-weight:normal">works</span>
+# `CroCoNet` <img src="man/figures/logo.png" align="right" width="17.5%" /> <br/> Cro<span style="font-weight:normal">ss-species</span> <br/> Co<span style="font-weight:normal">mparison of</span> <br/> Net<span style="font-weight:normal">works</span>
 
 `CroCoNet` is a tool to quantitatively compare gene regulatory networks
 across species and identify conserved and diverged modules. It hinges on

data-raw/logo.R

@@ -1,3 +1,3 @@
 imgurl <- "data-raw/logo.png"
-sticker(imgurl, p_size=19, s_x=1, s_y=1.15, s_width=.64, p_y = 0.48, h_color = "#91c36f", h_fill = "#eaf4e4", package = "CroCoNet", p_color = "#385723", p_family = "sans", p_fontface = "bold",
+sticker(imgurl, p_size=19, s_x=1, s_y=1.16, s_width=.63, p_y = 0.49, h_color = "#91c36f", h_fill = "#eaf4e4", package = "CroCoNet", p_color = "#385723", p_family = "sans", h_size = 0.6, p_fontface = "bold",
         filename="inst/figures/CroCoNet_logo.png")

inst/figures/CroCoNet_logo.png

@@ -21,22 +21,48 @@ p.caption {
   margin: auto;
 }
 
-h1.title {
-  font-size: 30px;
+<!-- h1.title { -->
+<!--   font-size: 30px; -->
+<!-- } -->
+<!-- h1 { /* Header 1 */ -->
+<!--   font-size: 24px; -->
+<!-- } -->
+<!-- h2 { /* Header 2 */ -->
+<!--   font-size: 18px; -->
+<!-- } -->
+
+/* ---- Works in plain html_vignette ---- */
+h1.title { font-size: 1.9rem; }   /* ≈ 30px (~22pt) */
+h1        { font-size: 1.5rem; }  /* ≈ 24px (~18pt) */
+h2        { font-size: 1.15rem; } /* ≈ 18px (~13pt) */
+
+/* ---- Ensure the same sizes inside pkgdown ---- */
+.template-article .page-header h1,
+.template-vignette .page-header h1 {
+  font-size: 1.9rem !important;
 }
-h1 { /* Header 1 */
-  font-size: 24px;
+
+.template-article .contents h2,
+.template-vignette .contents h2 {
+  font-size: 1.5rem !important;
+}
+
+.template-article .contents h3,
+.template-vignette .contents h3 {
+  font-size: 1.15rem !important;
 }
-h2 { /* Header 2 */
-  font-size: 18px;
+
+/* Optional: adjust spacing */
+.template-article .contents h2,
+.template-article .contents h3 {
+  line-height: 1.25;
+  margin-top: 1.1em;
 }
+
 body {
 text-align: justify
 }
 
-.template-article .contents h2 { font-size: 1.75rem; }  /* top-level section */
-.template-article .contents h3 { font-size: 1.35rem; }  /* subsections */
-
 </style>
 
 ```{r, include = FALSE}