change theme & add new tabs

Author: ahasverus

_quarto.yml

@@ -3,14 +3,14 @@ project:
   output-dir: _site
 
 website:
-  title: "FRB-CESAB"
+  # title: "FRB-CESAB"
   site-url: https://frbcesab.github.io/
   repo-url: https://github.com/frbcesab/frbcesab.github.io/
   favicon: images/logo-cesab-square.png
   search: false
 
-  sidebar:
-    logo: images/logo-cesab.png
+  # sidebar:
+  #   logo: images/logo-cesab.png
 
   page-footer: 
     left: "© CC-By [FRB-CESAB](https://www.fondationbiodiversite.fr/en/about-the-foundation/le-cesab/)"
@@ -19,23 +19,27 @@ website:
     border: true 
 
   navbar:
+    logo: images/logo-cesab.png
     href: https://frbcesab.github.io/
     right:
     - text: "{{< fa database >}} <span class='menu-item'>Databases</span>"
       href: content/databases.qmd
     - text: "{{< fa code >}} <span class='menu-item'>Softwares</span>"
       href: content/softwares.qmd
-    - text: "{{< fa book >}} <span class='menu-item'>Publications</span>"
-      href: content/publications.qmd
     - text: "{{< fa graduation-cap >}} <span class='menu-item'>Courses</span>"
       href: content/courses.qmd
-    - text: "{{< fa laptop-code >}} <span class='menu-item'>Tutorials</span>"
-      href: content/tutorials.qmd
-
+    - text: "{{< fa users-rectangle >}} <span class='menu-item'>Webinars</span>"
+      href: content/webinars.qmd
+    - text: "{{< fa book >}} <span class='menu-item'>Publications</span>"
+      href: content/publications.qmd
+    - text: "{{< fa laptop-code >}} <span class='menu-item'>Resources</span>"
+      href: content/resources.qmd
+    - text: "{{< fa comment >}} <span class='menu-item'>Blog</span>"
+      href: https://frbcesab.github.io/tips-and-tricks/
 
 format:
   html:
-    theme: darkly
+    theme: sandstone
     css: css/styles.css
     toc: false
     header-includes: |

content/tutorials.qmd content/resources.qmd

@@ -1,4 +1,4 @@
-## {{< fa laptop-code >}} &nbsp;Tutorials
+## {{< fa laptop-code >}} &nbsp;Resources
 
 ::: {.callout-note collapse="true" icon=true appearance="simple"}
 ## A gentle introduction to git for R users

content/webinars.qmd

@@ -0,0 +1,3 @@
+## {{< fa users-rectangle >}} &nbsp;Webinars
+
+Work in progress

css/styles.css

@@ -13,23 +13,35 @@ h1, h2, h3 {
 }
 
 .navbar {
-  border-bottom: 1px solid #434343;  
+  border-bottom: 1px solid #ddd;  
 }
 
 .navbar, .nav-footer {
-  background-color: #1b1b1b;
+  background-color: #fff;
 }
 
 .navbar-logo {
 }
 
 
 a {
-  color: #375a7f;
+  color: #375a7f !important;
   font-weight: 400;
   text-decoration: none;
 }
 
+a.nav-link, a.nav-link span span {
+  color: #343a40 !important;
+  font-weight: 500;
+  text-decoration: none;
+}
+
+a.nav-link span span:hover {
+  color: #2b2e32 !important;
+  font-weight: 500;
+  text-decoration: underline dotted !important;
+}
+
 a:hover {
   color: #375A7F;
   font-weight: 400;
@@ -57,12 +69,12 @@ a.bouton {
 }
 
 a.bouton:hover {
-  color: white;
+  color: #343a40;
   text-decoration: none;
 }
 
 .navbar-title {
-  color: white;
+  color: #343a40;
   font-weight: 600;
 }
 
@@ -79,7 +91,7 @@ a.nav-link:hover {
 }
 
 .picture {
-  border: 1px solid #222222;
+  border: 1px solid #fff;
   border-radius: 10px;
   margin-top: 1em;
   margin-bottom: 2em;