Add quarto document with all accompanying documents for Verena's example

quarto-to-wiki.qmd

@@ -12,7 +12,7 @@ https://scilifelab.atlassian.net/wiki/spaces/EBT/pages/2899836938/Quarto+example
 
 Give the page a name on this format with your name to make it unique: "Quarto_example-Tomas"
 ## Quarto document 
-Verena (reviewer Jason)
+Verena (reviewer Jason): `Training-Tech-shorts/quarto-to-wiki/quarto-example-verena/quarto-example-verena.qmd`
 
 ## Quarto document 
 Cormac (reviewer Guilherme)

quarto-to-wiki/quarto-example-verena/_extensions/nbis/_extension.yml

@@ -0,0 +1,23 @@
+title: NBIS Quarto Extension
+author: Erik Fasterius
+version: 1.0.0
+quarto-required: ">=1.2.0"
+contributes:
+  formats:
+    html:
+      theme: [default, nbis.scss]
+      highlight-style: nbis.theme
+      toc: true
+      toc-location: left
+      toc-title: <img src="_extensions/nbis/nbis-logo-green.svg" width="100" vspace="10"/>
+      df-print: paged
+      code-fold: true
+      smooth-scroll: true
+      embed-resources: true
+      code-line-numbers: true
+    revealjs:
+      theme: [default, nbis.scss]
+      logo: nbis-logo-green.svg
+      slide-number: false
+      scrollable: true
+      embed-resources: true

quarto-to-wiki/quarto-example-verena/_extensions/nbis/nbis.scss

@@ -0,0 +1,162 @@
+
+/*-- scss:defaults --*/
+
+$theme: "nbis" !default;
+
+// NBIS base colours
+$green:  #92BB55 !default;
+$blue:   #0093BD !default;
+$orange: #EF7C00 !default;
+
+// NBIS light colours
+$lgreen:  #F8FFE5 !default;
+$lblue:   #E5F9FF !default;
+$lorange: #FFF2E5 !default;
+
+// Extra colours
+$red:    #BB5454 !default;
+$yellow: #BBBB54 !default;
+$purple: #AF75A7 !default;
+
+// Greyscale colours
+$white:    #FFFFFF !default;
+$grey-100: #F5F5F5 !default;
+$grey-90:  #E5E5E5 !default;
+$grey-80:  #CCCCCC !default;
+$grey-70:  #B2B2B2 !default;
+$grey-60:  #999999 !default;
+$grey-50:  #7F7F7F !default;
+$grey-40:  #666666 !default;
+$grey-30:  #4C4C4C !default;
+$grey-20:  #333333 !default;
+$grey-10:  #191919 !default;
+$black:    #000000 !default;
+
+// Theme
+$primary:   $green !default;
+$secondary: $blue !default;
+$light:     $grey-100 !default;
+$dark:      $grey-30 !default;
+$success:   $green !default;
+$info:      $purple !default;
+$warning:   $yellow !default;
+$danger:    $red !default;
+
+// Code
+$code-color:    $primary !default;
+$code-bg:       $light !default;
+$code-block-bg: $light !default;
+
+// Links
+$link-color: $primary !default;
+
+// Popover
+$popover:       $light !default;
+
+// Dropdowns
+$dropdown-link-color:       $grey-30 !default;
+$dropdown-link-hover-color: $white !default;
+$dropdown-link-hover-bg:    $primary !default;
+
+// Fonts
+$font-family-sans-serif: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$h1-font-size:           2.5rem !default;
+$h2-font-size:           2.0rem !default;
+$h3-font-size:           1.5rem !default;
+
+// Tables
+$table-bg-scale: 0 !default;
+
+// Navs
+$nav-link-padding-y:      .5rem !default !default;
+$nav-link-padding-x:      2rem !default;
+$nav-link-disabled-color: $grey-40 !default !default;
+$nav-tabs-border-color:   $grey-80 !default;
+
+// Navbar
+$navbar-padding-y:               1rem !default;
+$navbar-light-bg:                $primary !default;
+$navbar-light-color:             $white !default;
+$navbar-light-hover-color:       $success !default;
+$navbar-light-active-color:      $success !default;
+$navbar-light-brand-color:       $white !default;
+$navbar-light-brand-hover-color: $navbar-light-brand-color !default;
+$navbar-dark-color:              $white !default;
+$navbar-dark-hover-color:        $primary !default;
+$navbar-dark-active-color:       $primary !default;
+$navbar-dark-brand-color:        $white !default;
+$navbar-dark-brand-hover-color:  $navbar-dark-brand-color !default;
+
+// Pagination
+$pagination-color:                 $white !default;
+$pagination-bg:                    $success !default;
+$pagination-border-width:          0 !default;
+$pagination-border-color:          transparent !default;
+$pagination-hover-color:           $white !default;
+$pagination-hover-bg:              darken($success, 15%) !default;
+$pagination-hover-border-color:    transparent !default;
+$pagination-active-bg:             $pagination-hover-bg !default;
+$pagination-active-border-color:   transparent !default;
+$pagination-disabled-color:        $grey-80 !default;
+$pagination-disabled-bg:           lighten($success, 15%) !default;
+$pagination-disabled-border-color: transparent !default;
+
+// List group
+$list-group-hover-bg:    $grey-80 !default;
+$list-group-disabled-bg: $grey-80 !default;
+
+// Close
+$btn-close-color:         $white !default;
+$btn-close-opacity:       .4 !default;
+$btn-close-hover-opacity: 1 !default;
+
+/*-- scss:rules --*/
+
+// Variables
+$web-font-path: "https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400&display=swap" !default;
+@if $web-font-path {
+    @import url($web-font-path);
+}
+
+// Navbar
+.bg-primary {
+    .navbar-nav .show > .nav-link,
+    .navbar-nav .nav-link.active,
+    .navbar-nav .nav-link:hover,
+    .navbar-nav .nav-link:focus {
+        color: $success !important;
+    }
+}
+
+// Navs
+.nav-tabs {
+    .nav-link.active,
+    .nav-link.active:focus,
+    .nav-link.active:hover,
+    .nav-item.open .nav-link,
+    .nav-item.open .nav-link:focus,
+    .nav-item.open .nav-link:hover {
+        color: $primary;
+    }
+}
+
+// Pagination
+.pagination {
+    a:hover {
+        text-decoration: none;
+    }
+}
+
+// Blockquotes
+.blockquote {
+  color: $lgreen;
+  border-left-color: $primary;
+}
+
+// Cell Output
+.cell-output-error > pre > code {
+  color: $red;
+}
+.cell-output-stderr > pre > code {
+  color: $yellow;
+}