ghpages trial 2

Author: lokeshbio

_extensions/royfrancis/reveal-logo/_extension.yml

@@ -0,0 +1,8 @@
+title: Reveal-logo
+author: Roy Francis
+version: 1.0.0
+quarto-required: ">=1.2.0"
+contributes:
+  filters:
+    - reveal-logo.lua
+

_extensions/royfrancis/reveal-logo/resources/css/reveal-logo.css

@@ -0,0 +1,54 @@
+/* quarto revealjs logo extension */
+
+.reveal .reveal-header {
+  top: 0;
+  margin: 3.2px 0px 2px 0px;
+  width: 100%;
+  position: fixed;
+  z-index: 5;
+}
+
+.reveal .reveal-header p {
+  color: var(--header-font-color);
+  text-align: center;
+  margin: var(--header-margin);
+  font-size: var(--header-font-size);
+}
+
+div.reveal-header {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+}
+
+.reveal .header-logo-left img {
+  margin: var(--header-margin);
+  padding-left: 1vw;
+  padding-top: 5px;
+  height: auto;
+  width: auto;
+  max-width: max(60px, 10vw);
+  max-height: max(60px, 10vh);
+}
+
+.reveal .header-logo-right img {
+  margin: var(--header-margin);
+  padding-right: 1vw;
+  padding-top: 5px;
+  height: auto;
+  width: auto;
+  max-width: max(60px, 10vw);
+  max-height: max(60px, 10vh);
+  float: right;
+}
+
+div.slides section:not(.title-slide):not(#title-slide):not(.stack) {
+  padding-top: 1em;
+}
+
+/* On screens that are 600px or less*/
+@media screen and (max-width: 600px) {
+  .reveal .header-logo-left img, .reveal .header-logo-right img {
+    padding-top: 0px;
+    margin: 0px 0px 5px 0px;
+  }
+}

_extensions/royfrancis/reveal-logo/resources/js/reveal-logo.js

@@ -0,0 +1,44 @@
+// quarto revealjs logo extension
+
+function header() {
+  
+  // add the header structure as the firstChild of div.reveal-header
+  function add_header() {
+    let header = document.querySelector("div.reveal-header");
+    let reveal = document.querySelector(".reveal");
+    reveal.insertBefore(header, reveal.firstChild);
+    
+    logo_img_left = document.querySelector('.header-logo-left img');
+    if (logo_img_left.getAttribute('src') == null) {
+      if (logo_img_left?.getAttribute('data-src') != null) {
+        logo_img_left.src = logo_img_left?.getAttribute('data-src') || "";
+        logo_img_left.removeAttribute('data-src'); 
+      };
+    };
+    
+    logo_img_right = document.querySelector('.header-logo-right img');
+    if (logo_img_right.getAttribute('src') == null) {
+      if (logo_img_right?.getAttribute('data-src') != null) {
+        logo_img_right.src = logo_img_right?.getAttribute('data-src') || "";
+        logo_img_right.removeAttribute('data-src'); 
+      };
+    };
+  };
+  
+  // dynamically changing the header
+  function change_header(dheader, cheader, ctext) {
+    if (dheader !== null) {
+      cheader.innerHTML = dheader.innerHTML;  
+    } else {
+      cheader.innerHTML = ctext;
+    };
+  };
+  
+  if (Reveal.isReady()) {
+    add_header();
+  }; 
+};
+
+window.addEventListener("load", (event) => {
+  header();
+});

_extensions/royfrancis/reveal-logo/reveal-logo.lua

@@ -0,0 +1,87 @@
+-- quarto revealjs logo extension --
+
+local function ensureHtmlDeps()
+  quarto.doc.add_html_dependency({
+  name = "reveal-logo",
+  version = "1.0.0",
+  scripts = {
+    { path = "resources/js/reveal-logo.js", attribs = {defer = "true"}}
+  },
+  stylesheets = {"resources/css/reveal-logo.css"}
+})
+end
+
+if quarto.doc.is_format('revealjs') then
+  -- Ensuring the dependencies got loaded before proceeding
+  ensureHtmlDeps()
+  function Pandoc(doc)
+    local blocks = doc.blocks
+    local str = pandoc.utils.stringify
+    local meta = doc.meta
+
+    -- read and stringify input if it exists
+    local function makeString(path)
+      if path == nil or path == '' then
+        return nil
+      else
+        return pandoc.utils.stringify(path)
+      end
+    end
+
+    -- make image
+    local function makeImage(path, height)
+      if makeString(height) ~= nil then
+        return pandoc.Image("", path, "", pandoc.Attr("", {}, {{"style", "height:" .. height .. ";max-width:none;"}}))
+      else
+        return pandoc.Image("", path, "")
+      end
+    end
+
+    -- convert image to link
+    local function makeLink(img, url)
+      if url ~= nil and url ~= '' then
+        return pandoc.Link(img, url)
+      end
+    end
+
+    -- insert into div
+    local function makeDiv(x, class)
+      if x == nil or x == '' then
+        return x
+      else
+        return pandoc.Div(x, { class = class })
+      end
+    end
+
+    -- build a div with logo
+    -- @param path Path to an image (string)
+    -- @param url A link / url (string)
+    -- @param height Height of the image in css units (string)
+    -- @param class Class of the div with logo (string)
+    --
+    local function makeLogo(path, url, height, class)
+      if makeString(path) ~= nil and makeString(url) ~= nil then
+        return makeDiv(makeLink(makeImage(makeString(path), makeString(height)), makeString(url)), class)
+      elseif makeString(path) ~= nil and makeString(url) == nil then
+        return makeDiv(makeImage(makeString(path), makeString(height)), class)
+      else
+        return makeDiv(" ", class)
+      end
+    end
+
+    -- make divs structure for holding text and logo.
+    local header_img_left = makeLogo(meta['header-logo-left'], meta['header-logo-left-url'],
+      meta['header-logo-left-height'], "header-logo-left")
+    local header_img_right = makeLogo(meta['header-logo-right'], meta['header-logo-right-url'],
+      meta['header-logo-right-height'], "header-logo-right")
+
+    local div = pandoc.Div(
+      {
+        header_img_left,
+        header_img_right
+      },
+      {class = 'reveal-header'})
+    table.insert(blocks, div)
+    return doc
+  end
+end