diff --git a/_quarto.yml b/_quarto.yml index 0de5917..23edb83 100644 --- a/_quarto.yml +++ b/_quarto.yml @@ -2,24 +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-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: cosmo - css: styles.css + theme: + - custom.scss toc: true editor: visual diff --git a/contact.qmd b/contact.qmd index c9a65bb..6e5589e 100644 --- a/contact.qmd +++ b/contact.qmd @@ -1,15 +1,19 @@ --- -title: "Contact" +title: "Team" --- ## Core facilitating team +![](images/Nick.png){fig-align="center" width="279"} + #### 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" width="236"} + #### 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. diff --git a/custom.scss b/custom.scss new file mode 100644 index 0000000..1c34f51 --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/images/.DS_Store b/images/.DS_Store new file mode 100644 index 0000000..5008ddf Binary files /dev/null and b/images/.DS_Store differ diff --git a/images/Merel.png b/images/Merel.png new file mode 100644 index 0000000..f84a4c2 Binary files /dev/null and b/images/Merel.png differ diff --git a/images/Nick.png b/images/Nick.png new file mode 100644 index 0000000..b1c37e3 Binary files /dev/null and b/images/Nick.png differ diff --git a/images/WASHWEB-logotype-colour-1-RGB.png b/images/WASHWEB-logotype-colour-1-RGB.png new file mode 100644 index 0000000..0c1a130 Binary files /dev/null and b/images/WASHWEB-logotype-colour-1-RGB.png differ diff --git a/images/WASHWEB-logotype-white-1-RGB.png b/images/WASHWEB-logotype-white-1-RGB.png new file mode 100755 index 0000000..2ef68c5 Binary files /dev/null and b/images/WASHWEB-logotype-white-1-RGB.png differ diff --git a/images/WASHWEB-logotype-white-2-RGB.png b/images/WASHWEB-logotype-white-2-RGB.png new file mode 100755 index 0000000..09fda51 Binary files /dev/null and b/images/WASHWEB-logotype-white-2-RGB.png differ diff --git a/images/WASHWEB-logotype-white-3-RGB.png b/images/WASHWEB-logotype-white-3-RGB.png new file mode 100755 index 0000000..aa21aeb Binary files /dev/null and b/images/WASHWEB-logotype-white-3-RGB.png differ diff --git a/images/WASHWEB-logotype-white-4-RGB.png b/images/WASHWEB-logotype-white-4-RGB.png new file mode 100755 index 0000000..4d6d821 Binary files /dev/null and b/images/WASHWEB-logotype-white-4-RGB.png differ diff --git a/logo.css b/logo.css new file mode 100644 index 0000000..1b40087 --- /dev/null +++ b/logo.css @@ -0,0 +1,6 @@ +.reveal .slide-logo { + height: 100px !important; + width: 100px !important; + max-width: unset !important; + max-height: unset !important; +} \ No newline at end of file diff --git a/posts.qmd b/posts.qmd index 27bf5c4..b3fd6c2 100644 --- a/posts.qmd +++ b/posts.qmd @@ -1,8 +1,8 @@ --- -title: "News" +title: "Blog" listing: contents: posts # all Quarto docs in the `posts` directory will be included on your listing page - type: grid # or `default` or `table`; each type has its own set of yaml options to include + type: default # or `grid` or `table`; each type has its own set of yaml options to include sort: "date desc" # can also sort on more than one field categories: true # allows you to sort posts by assigned categories feed: true diff --git a/styles.css b/styles.css index 2ddf50c..de92dfb 100644 --- a/styles.css +++ b/styles.css @@ -1 +1 @@ -/* css styles */ +/* css styles */ \ No newline at end of file