website customization

_quarto.yml

@@ -2,26 +2,26 @@ project:
   type: website
 
 website:
-  title: "WASH Web"
   site-url: https://washnote.org
   description: WASH Web is a set of participatory initiatives to give you and everyone you know better access to water, sanitation and hygiene information. 
   navbar:
-    logo: "images/WASHWEB-logotype-colour-1-RGB.png"
+    logo: "images/WASHWEB-logotype-white-1-RGB.png"
+    css: logo.css
     left:
       - href: index.qmd
         text: Home
       - href: join.qmd
         text: Join
       - vision.qmd
-      - contact.qmd
+      - href: contact.qmd
+        text: Team
       - posts.qmd
       - contributor.qmd
 
 format:
   html:
-    theme: lux
-    mainfont: DM-sans
-    css: styles.css
+    theme:
+      - custom.scss
     toc: true
 
 editor: visual

contact.qmd

@@ -1,15 +1,19 @@
 ---
-title: "Contact"
+title: "Team"
 ---
 
 ## Core facilitating team
 
+![](images/Nick.png){fig-align="center"}
+
 #### Nicolas Dickinson - WASH Web Lead
 
 Founder of [WASHNote](https://washnote.com). With over 15 years of experience in the WASH sector, Nick is highly specialized in the development of international and regional monitoring of WASH commitments and their enabling environments, providing country-led monitoring and evaluation of services, and facilitating trainings to a range of different organizations. Above all, he firmly believes in the need for making better use of data and digital systems to advance towards reaching SDG 6: clean water and sanitation for all by 2030.
 
 [Email](mailto:dickinson@washnote.com){target="_blank"} \| [LinkedIn](https://www.linkedin.com/in/nicolasdickinson/)
 
+![](images/Merel.png){fig-align="center"}
+
 #### Merel Laauwen - WASH Web Coordinator
 
 Merel works as an [independent consultant](https://www.lwn.earth/) in the WASH sector. Her work spans a variety of topics, from WASH systems strengthening to disaster preparedness in humanitarian settings. She studied an MSc in Water Science, Policy and Management at the University of Oxford, where her dissertation research focused on the use of systems thinking in the implementation of rural water treatment.

custom.scss

@@ -0,0 +1,55 @@
+/*-- scss:defaults --*/
+@import url('https://fonts.googleapis.com/css?family-DM_Sans');
+
+/*-- Define colors for later use --*/
+$black:     #000;
+$gray:      #495057;
+$primary:   #0f2def;
+$secondary: #8934f7;
+$violet:    #4933b5;
+$blue:      #03a0f4;
+$tertiary:  #05d7e2;
+$pastel:    #e7eafe;
+$white:     #fff;
+
+
+/*-- Define Bootstrap color variables --*/
+
+// The page background color. 
+$body-bg: $white;
+// The page text color.
+$body-color: $black;
+// Code block background.
+$code-block-bg: $violet;
+//Color of inline code.
+$code-color: $white;
+
+
+/*-- Define Bootstrap font variables --*/
+
+// The sans-serif font family for the page. 
+$font-family-sans-serif: "DM Sans", "Open Sans", "serif";
+// The monospace font family for the page. 
+$font-family-monospace: "Noto Sans Mono", "Source Code Pro", "Courier New", "mono-space"; 
+//The base font size for the page. 
+$font-size-base: 1rem;
+
+
+/*-- Define TOC format --*/
+
+//TOC color
+$toc-color: $secondary;
+
+
+/*-- scss:rules --*/
+
+//Header text color
+h1, .h1, h2, .h2 {
+  color: $violet;
+  font-family: "DM Sans";
+}
+
+//Logo size
+.navbar-logo {
+    max-height: 60px;
+}

logo.css

@@ -0,0 +1,6 @@
+.reveal .slide-logo {
+  height: 100px !important;
+  width: 100px !important;
+  max-width: unset !important;
+  max-height: unset !important;
+}

styles.css

@@ -1 +1 @@
-/* css styles */
+/* css styles */