initial commit

.github/workflows/quarto.yml

@@ -0,0 +1,28 @@
+on:
+  push:
+    branches: main
+
+name: Render and Publish
+
+jobs:
+  build-deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Check out repository
+        uses: actions/checkout@v3
+
+      - name: Set up Quarto
+        uses: quarto-dev/quarto-actions/setup@v2
+        with:
+          # To install LaTeX to build PDF book 
+          tinytex: true 
+          # uncomment below and fill to pin a version
+          # version: SPECIFIC-QUARTO-VERSION-HERE
+
+      - name: Publish to GitHub Pages (and render)
+        uses: quarto-dev/quarto-actions/publish@v2
+        with:
+          target: gh-pages
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }} # this secret is always available for github actions
+

.gitignore

@@ -0,0 +1 @@
+/.quarto/

README.md

@@ -0,0 +1,16 @@
+# R/Pharma 2023 conference
+
+The R Validation Hub was invited to give a 20min presentation workshop highlighting 
+recent activities and share our future direction.
+
+## Take a peek
+
+[Slides are hosted on GitHub pages](https://pharmar.github.io/events-rpharma2023)
+
+## Building the deck
+
+Build the slides in terminal with
+
+```
+quarto preview
+```

_extensions/pharmaR/rvalhub/_extension.yml

@@ -0,0 +1,54 @@
+title: rvalhub
+author: dgkf
+version: 1.0.0
+quarto-required: ">=1.2.0"
+contributes:
+  formats:
+    revealjs:
+      # general
+
+      self-contained: true
+      theme: [default, custom.scss, custom-light.scss]
+      template-partials:
+        - revealjs-assets/title-slide.html      
+
+      # code
+      highlight-style: arrow
+      code-line-numbers: true
+      code-annotations: hover
+
+      # assets
+      logo: assets/logo.svg
+      background-image: assets/swirling-margins.svg
+
+    revealjs+light:
+      # general
+      self-contained: true
+      theme: [default, custom.scss, custom-light.scss]
+      template-partials:
+        - revealjs-assets/title-slide.html      
+
+      # code
+      highlight-style: arrow
+      code-line-numbers: true
+      code-annotations: hover
+
+      # assets
+      logo: assets/logo.svg
+      background-image: assets/swirling-margins.svg
+
+    revealjs+dark:
+      # general
+      self-contained: true
+      theme: [dark, custom.scss, custom-dark.scss]
+      template-partials:
+        - revealjs-assets/title-slide.html      
+
+      # code
+      highlight-style: ayu
+      code-line-numbers: true
+      code-annotations: hover
+
+      # assets
+      logo: assets/logo.svg
+      background-image: assets/swirling-margins.svg

_extensions/pharmaR/rvalhub/custom-dark.scss

@@ -0,0 +1,49 @@
+/*-- scss:defaults --*/
+$tippy-border: rgb(64, 64, 64);
+
+/*-- scss:rules --*/
+.reveal {
+  .slide-logo {
+    filter: drop-shadow(0px 3px 2px #0006);
+  }
+
+  .code-copy-button {
+    filter: brightness(0%) invert(100%) opacity(30%);
+  }
+
+  .code-copy-button:hover {
+    filter: brightness(0%) invert(80%) opacity(90%);
+  }
+
+  .code-annotation-anchor {
+    filter: brightness(0%) invert(100%) opacity(30%);
+  }
+
+  .cell {
+    // console code output
+    .cell-output pre {
+      background-color: rgba(0, 0, 0, 0.5);
+    }
+  }
+
+  // code annotation hover box
+  .tippy-box[data-theme~="light-border"] {
+    border-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="top"] > .tippy-arrow::before {
+      border-top-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="right"] > .tippy-arrow::before {
+      border-right-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="bottom"] > .tippy-arrow::before {
+      border-bottom-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="left"] > .tippy-arrow::before {
+      border-left-color: $tippy-border;
+  }
+}

_extensions/pharmaR/rvalhub/custom-light.scss

@@ -0,0 +1,42 @@
+/*-- scss:defaults --*/
+$primary: #4d8dc9;
+$secondary: #68b8e5;
+
+$presentation-heading-color: $primary;
+
+$tippy-border: rgb(200, 200, 200);
+
+/*-- scss:rules --*/
+.reveal {
+  .slide-logo {
+    filter: drop-shadow(0px 0px 3px #FFF);
+  }
+
+  .cell {
+    // console code output
+    .cell-output pre {
+      background-color: rgba(210, 220, 230, 0.6);
+    }
+  }
+
+  // code annotation hover box
+  .tippy-box[data-theme~="light-border"] {
+    border-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="top"] > .tippy-arrow::before {
+      border-top-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="right"] > .tippy-arrow::before {
+      border-right-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="bottom"] > .tippy-arrow::before {
+      border-bottom-color: $tippy-border;
+  }
+
+  .tippy-box[data-theme~="light-border"][data-placement^="left"] > .tippy-arrow::before {
+      border-left-color: $tippy-border;
+  }
+}

_extensions/pharmaR/rvalhub/custom.scss

@@ -0,0 +1,63 @@
+/*-- scss:defaults --*/
+$primary: #4d8dc9;
+$secondary: #68b8e5;
+
+$presentation-title-slide-text-align: left;
+$link-color: $primary;
+$code-block-bg: rgba(lighten($primary, 20%), 0.1);
+$code-block-border-color: transparent;
+
+/*-- scss:rules --*/
+.reveal {
+  .slide-logo {
+    max-height: 12.5vh !important;
+    max-width: 20vw !important;
+  }  
+
+  .backgrounds {
+    background-size: cover;
+    background-position-y: center;
+  }
+
+  .slide-logo-title {
+    visibility: hidden;
+  }
+
+  .cell {
+    // echo'ed code blocks
+    .sourceCode {
+      background-color: transparent;
+
+      // only blur and apply colors to code-containing div, otherwise we blur the text as well
+      pre {
+        background-color: rgba($primary, 0.1);
+        backdrop-filter: blur(10px);
+      }
+
+      // line number gutters
+      span > a::before {
+        background-color: rgba($primary, 0.1);
+      }
+    }
+
+    // console code output
+    .cell-output pre {
+      background-color: rgba(0, 0, 0, 0.5);
+      backdrop-filter: blur(10px);
+
+      code {
+        background-color: transparent;
+      }
+    } 
+
+    // filename line
+    .code-with-filename-file {
+      background-color: rgba($primary, 0.2);
+      backdrop-filter: blur(10px);
+
+      pre {
+        background-color: transparent;
+      }
+    }
+  }
+}

_quarto.yml

@@ -0,0 +1,4 @@
+project:
+  title: "R Validation Hub at posit::conf(2023)"
+
+format: rvalhub-revealjs