diff --git a/_extensions/quarto-ext/pointer/_extension.yml b/_extensions/quarto-ext/pointer/_extension.yml index 13b9df4..3c51aa6 100644 --- a/_extensions/quarto-ext/pointer/_extension.yml +++ b/_extensions/quarto-ext/pointer/_extension.yml @@ -13,3 +13,4 @@ contributes: color: "red" pointerSize: 16 alwaysVisible: false + icon: "fa-solid fa-arrow-pointer" diff --git a/_extensions/quarto-ext/pointer/pointer.css b/_extensions/quarto-ext/pointer/pointer.css index bd55511..cf8742a 100644 --- a/_extensions/quarto-ext/pointer/pointer.css +++ b/_extensions/quarto-ext/pointer/pointer.css @@ -1 +1,28 @@ -.cursor-dot,.cursor-dot-outline{pointer-events:none;position:absolute;top:0;left:0;border-radius:50%;opacity:0;transform:translate(-50%,-50%);transition:opacity 0.3s ease-in-out,transform 0.3s ease-in-out;}.cursor-dot{width:12px;height:12px;background-color:red;z-index:99;}.no-cursor{cursor:none;}.no-cursor a,.no-cursor div,.no-cursor span{cursor:none;} +.cursor-dot, +.cursor-dot-outline { + pointer-events: none; + position: absolute; + top: 0; + left: 0; + opacity: 0; + transform: translate(-50%, -50%); + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + z-index: 99; +} + +.cursor-dot { + font-family: "Font Awesome 6 Free", "Font Awesome 6 Brands", "Font Awesome 5 Free", "Font Awesome 5 Brands"; + font-weight: 900; + color: rgb(46, 46, 46); + font-size: 16px; +} + +.no-cursor { + cursor: none; +} + +.no-cursor a, +.no-cursor div, +.no-cursor span { + cursor: none; +} \ No newline at end of file diff --git a/_extensions/quarto-ext/pointer/pointer.js b/_extensions/quarto-ext/pointer/pointer.js index 381a857..c96fa15 100644 --- a/_extensions/quarto-ext/pointer/pointer.js +++ b/_extensions/quarto-ext/pointer/pointer.js @@ -1 +1 @@ -var RevealPointer=function(){"use strict";var e={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,pausebreak:19,capslock:20,esc:27,space:32,pageup:33,pagedown:34,end:35,home:36,leftarrow:37,uparrow:38,rightarrow:39,downarrow:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,leftwindowkey:91,rightwindowkey:92,selectkey:93,numpad0:96,numpad1:97,numpad2:98,numpad3:99,numpad4:100,numpad5:101,numpad6:102,numpad7:103,numpad8:104,numpad9:105,multiply:106,add:107,subtract:109,decimalpoint:110,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,numlock:144,scrolllock:145,semicolon:186,equalsign:187,comma:188,dash:189,period:190,forwardslash:191,graveaccent:192,openbracket:219,backslash:220,closebracket:221,singlequote:222};return function(){var t={},o=!1,a=null,n={x:0,y:0,isVisible:!1},i={x:0,y:0,scale:1};function l(o){var a;null==(t=o.pointer||{}).key?t.key="q":t.key=t.key.toLowerCase(),null!=t.pointerSize&&"number"==typeof t.pointerSize||(t.pointerSize=12),null!=t.tailLength&&"number"==typeof t.tailLength||(t.tailLength=10),null!=t.color&&"string"==typeof t.color||(t.color="red"),null!=t.alwaysVisible&&"boolean"==typeof t.alwaysVisible||(t.alwaysVisible=!1),t.keyCode=(a=t.key,e[a])}function s(){a.style.top="".concat((n.y-i.y)/i.scale,"px"),a.style.left="".concat((n.x-i.x)/i.scale,"px"),n.isVisible?a.style.opacity="0.8":a.style.opacity="0",1!==i.scale?(a.style.width="".concat(t.pointerSize/i.scale,"px"),a.style.height="".concat(t.pointerSize/i.scale,"px")):(a.style.width="".concat(t.pointerSize,"px"),a.style.height="".concat(t.pointerSize,"px"))}function c(e){n.x=e.pageX,n.y=e.pageY;var t=document.body.style.transform;""!==t?(i.x=Number.parseInt(/translate\((.*)px,/gm.exec(t)[1]),i.y=Number.parseInt(/px,\s(.*)px\)/gm.exec(t)[1]),i.scale=Number.parseFloat(/scale\((.)\)/gm.exec(t)[1])):(i.x=0,i.y=0,i.scale=1),requestAnimationFrame(s)}function r(){(o=!o)?(document.addEventListener("mousemove",c),document.body.classList.add("no-cursor"),n.isVisible=!0):(document.removeEventListener("mousemove",c),document.body.classList.remove("no-cursor"),n.isVisible=!1,requestAnimationFrame(s))}return{id:"pointer",init:function(e){var o;l(e.getConfig()),t.alwaysVisible?r():e.addKeyBinding({keyCode:t.keyCode,key:t.key},(function(){r()})),(o=document.createElement("div")).className="cursor-dot",o.style.width="".concat(t.pointerSize,"px"),o.style.height="".concat(t.pointerSize,"px"),o.style.backgroundColor=t.color,t.alwaysVisible&&(o.style.opacity="0.8"),document.body.appendChild(o),a=o}}}}(); +var RevealPointer=function(){"use strict";var e={backspace:8,tab:9,enter:13,shift:16,ctrl:17,alt:18,pausebreak:19,capslock:20,esc:27,space:32,pageup:33,pagedown:34,end:35,home:36,leftarrow:37,uparrow:38,rightarrow:39,downarrow:40,insert:45,delete:46,0:48,1:49,2:50,3:51,4:52,5:53,6:54,7:55,8:56,9:57,a:65,b:66,c:67,d:68,e:69,f:70,g:71,h:72,i:73,j:74,k:75,l:76,m:77,n:78,o:79,p:80,q:81,r:82,s:83,t:84,u:85,v:86,w:87,x:88,y:89,z:90,leftwindowkey:91,rightwindowkey:92,selectkey:93,numpad0:96,numpad1:97,numpad2:98,numpad3:99,numpad4:100,numpad5:101,numpad6:102,numpad7:103,numpad8:104,numpad9:105,multiply:106,add:107,subtract:109,decimalpoint:110,divide:111,f1:112,f2:113,f3:114,f4:115,f5:116,f6:117,f7:118,f8:119,f9:120,f10:121,f11:122,f12:123,numlock:144,scrolllock:145,semicolon:186,equalsign:187,comma:188,dash:189,period:190,forwardslash:191,graveaccent:192,openbracket:219,backslash:220,closebracket:221,singlequote:222};return function(){var t={},o=!1,a=null,n={x:0,y:0,isVisible:!1},i={x:0,y:0,scale:1};function l(o){var a;null==(t=o.pointer||{}).key?t.key="q":t.key=t.key.toLowerCase(),null!=t.pointerSize&&"number"==typeof t.pointerSize||(t.pointerSize=16),null!=t.tailLength&&"number"==typeof t.tailLength||(t.tailLength=10),null!=t.color&&"string"==typeof t.color||(t.color="red"),null!=t.alwaysVisible&&"boolean"==typeof t.alwaysVisible||(t.alwaysVisible=!1),null!=t.icon&&"string"==typeof t.icon||(t.icon="fa-solid fa-arrow-pointer"),t.keyCode=(a=t.key,e[a])}function s(){a.style.top="".concat((n.y-i.y)/i.scale,"px"),a.style.left="".concat((n.x-i.x)/i.scale,"px"),n.isVisible?a.style.opacity="0.8":a.style.opacity="0",1!==i.scale?a.style.fontSize="".concat(t.pointerSize/i.scale,"px"):a.style.fontSize="".concat(t.pointerSize,"px")}function c(e){n.x=e.pageX,n.y=e.pageY;var t=document.body.style.transform;""!==t?(i.x=Number.parseInt(/translate\((.*)px,/gm.exec(t)[1]),i.y=Number.parseInt(/px,\s(.*)px\)/gm.exec(t)[1]),i.scale=Number.parseFloat(/scale\((.)\)/gm.exec(t)[1])):(i.x=0,i.y=0,i.scale=1),requestAnimationFrame(s)}function r(){(o=!o)?(document.addEventListener("mousemove",c),document.body.classList.add("no-cursor"),n.isVisible=!0):(document.removeEventListener("mousemove",c),document.body.classList.remove("no-cursor"),n.isVisible=!1,requestAnimationFrame(s))}return{id:"pointer",init:function(e){var o;l(e.getConfig()),t.alwaysVisible?r():e.addKeyBinding({keyCode:t.keyCode,key:t.key},(function(){r()})),(o=document.createElement("i")).className="cursor-dot "+t.icon,o.style.fontSize="".concat(t.pointerSize,"px"),o.style.color=t.color,t.alwaysVisible&&(o.style.opacity="0.8"),document.body.appendChild(o),a=o}}}}(); diff --git a/assets/hecf_logo.svg b/assets/hecf_logo.svg new file mode 100644 index 0000000..f8864b7 --- /dev/null +++ b/assets/hecf_logo.svg @@ -0,0 +1,1382 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/logos_combined.png b/assets/logos_combined.png deleted file mode 100644 index a6b9b9b..0000000 Binary files a/assets/logos_combined.png and /dev/null differ diff --git a/assets/logos_combined.xcf b/assets/logos_combined.xcf deleted file mode 100644 index f5e2f43..0000000 Binary files a/assets/logos_combined.xcf and /dev/null differ diff --git a/knots_plot/index.qmd b/assets/mcrps_learning/knots_plot/index.qmd similarity index 100% rename from knots_plot/index.qmd rename to assets/mcrps_learning/knots_plot/index.qmd diff --git a/apa-old-doi-prefix.csl b/assets/revealjs/apa-old-doi-prefix.csl similarity index 100% rename from apa-old-doi-prefix.csl rename to assets/revealjs/apa-old-doi-prefix.csl diff --git a/custom.js b/assets/revealjs/custom.js similarity index 100% rename from custom.js rename to assets/revealjs/custom.js diff --git a/custom.scss b/assets/revealjs/custom.scss similarity index 96% rename from custom.scss rename to assets/revealjs/custom.scss index 1193483..3280e2d 100644 --- a/custom.scss +++ b/assets/revealjs/custom.scss @@ -220,6 +220,15 @@ color: #777777 !important; } +// Alternatively center the slide numbers +// .slide-number, +// .reveal.has-logo .slide-number { +// bottom: 10px !important; +// left: 50% !important; +// top: unset !important; +// color: #777777 !important; +// } + .sup-zero-width { display: inline-block; vertical-align: super; diff --git a/sydney.scss b/assets/revealjs/sydney.scss similarity index 100% rename from sydney.scss rename to assets/revealjs/sydney.scss diff --git a/assets/ude_logo.svg b/assets/ude_logo.svg new file mode 100644 index 0000000..973141b --- /dev/null +++ b/assets/ude_logo.svg @@ -0,0 +1,66 @@ + + \ No newline at end of file diff --git a/assets/web_pres.png b/assets/web_pres.png deleted file mode 100644 index c0089f0..0000000 Binary files a/assets/web_pres.png and /dev/null differ diff --git a/clean.scss b/clean.scss deleted file mode 100644 index 2c69b1b..0000000 --- a/clean.scss +++ /dev/null @@ -1,261 +0,0 @@ -/*-- scss:defaults --*/ - -// Custom colours and variables - -$jet: #131516; -$accent: #107895; -$accent2: #9a2515; -// $accent2: #e64173; -$right-arrow: "\2192"; // Unicode character for right arrow - -// fonts - -/* -Note: This theme uses the Roboto font family, which it imports from Google - Fonts to ensure consistent weighting in addition to availability. While - you can use a local installation of Roboto, this is generally not - recommended since the weighting will likely be wrong (probably too - light). OTOH, importing from Google Fonts can cause some issues in - certain secure environments due the external CDN (see: - https://github.com/grantmcdermott/quarto-revealjs-clean/issues/7). If - that's the case for you, simply comment out the `@import url(...)` line - below and it will default for the default Sans Serif font on your system - (e.g., Helvetica on a Mac). Circling back to the earlier point about - preserving consistent font weights, you may also wish to remove "Roboto" - from the choice set if the family is installed locally. -*/ -@import url(https://fonts.googleapis.com/css?family=Roboto:200,200i,300,300i,350,350i,400,400i); -$font-family-sans-serif: "Roboto", sans-serif !default; -$presentation-heading-font: "Roboto", sans-serif !default; - -$presentation-heading-color: $jet !default; -$presentation-heading-font-weight: lighter; -//$presentation-heading-line-height: 2; -//$presentation-block-margin: 28px; -$presentation-font-size-root: 32px; - -// colors -//$body-bg: #f0f1eb !default; -$body-color: $jet !default; -$link-color: $accent !default; -$selection-bg: #26351c !default; - - -/*-- scss:rules --*/ - -.reveal a { - line-height: 1.5em; -} - -.reveal p { - // font-weight: 300; - font-weight: lighter; - margin-top: 1.25em; -} - -// title and headings - -#title-slide { - text-align: left; - - .title { - color: $body-color; - font-size: 1.4em; - // font-weight: 350; - font-weight: lighter; - } - - .subtitle { - color: $accent; - font-style: italic; - margin-top: 0em; - font-weight: lighter; - } - - .institute, - .quarto-title-affiliation, - .quarto-title-author-email { - font-style: italic; - // font-size: 80%; - // color: #7F7F7F; - } - - .author, - .quarto-title-author-name { - color: $body-color; - } - - .quarto-title-authors { - display: flex; - justify-content: left; - - .quarto-title-author { - padding-left: 0em; - padding-right: 0em; - width: 100%; - } - } - -} - - -.reveal h2 { - // font-weight: 350; - font-weight: lighter; - font-size: 1.4em; -} - -.reveal h3 { - color: $accent; - font-style: italic; - // font-weight: 350; - font-weight: lighter; - font-size: 0.95em; -} - -.reveal h4 { - color: $accent2; - // font-weight: 350; - font-weight: normal; - margin-top: 1.25em; -} - -// alerts etc. - -.alert { - color: $accent2; -} - -.fg { - color: var(--col, $jet); -} - -.bg { - background-color: var(--col, #fff); - padding: 0.1em; - border-radius: 5px; - display: inline-block; -} - -// lists - -// Unordered lists - -.reveal ul { - // font-weight: 300; - font-weight: lighter; - padding-left: 16px; - - li::marker { - color: mix($accent, white, 70%); - } -} - -.reveal ul ul { - list-style: none; - - li:before { - content: $right-arrow; - color: mix($accent, white, 60%); - display: inline-block; - width: 1em; - margin-left: -1em; - margin-right: 0.5em; - } -} - -// Ordered lists - -.reveal ol { - // font-weight: 300; - font-weight: lighter; - padding-left: 16px; - - li::marker { - color: $accent; - } -} - -// Move "hamburger" menu button to top right - -.reveal .slide-menu-button { - position: fixed; - top: 6px; - right: 0; - display: flex; - justify-content: flex-end; - align-items: flex-start; - pointer-events: none; -} - -.reveal .slide-menu-button > * { - pointer-events: auto; -} - - -// Same for chalkboard buttons (with an offset) - -.reveal .slide-chalkboard-buttons { - position: fixed; - top: 12px; - right: 24px; - display: flex; - justify-content: flex-end; - align-items: flex-start; - pointer-events: none; -} - -.reveal .slide-chalkboard-buttons > * { - pointer-events: auto; -} - -// Beamer-style button link environment - -.button { - display: inline-block; - padding: 6px 12px; - margin-bottom: 0; - font-size: 14px; - font-weight: 400; - line-height: 1.42857143; - text-align: center; - white-space: nowrap; - vertical-align: middle; - cursor: pointer; - background-color: $accent; - border: 1px solid $accent; - color: #fff !important; - text-decoration: none; - border-radius: 4px; - transition: all 0.2s ease-in-out; -} - -.button:hover { - background-color: #0056b3; - border-color: #0056b3; -} - -.button::before { - content: "▶"; - margin-right: 5px; -} - -// Special catch for etable environment to ensure these table images -// don't overflow the slide. -// See: https://lrberge.github.io/fixest/articles/etable_new_features.html - -.etable { - width: 100%; - height: calc(100% - 3em); /* Adjust 3em based on the height of your header, if necessary */ - display: flex; - align-items: center; - justify-content: center; -} - -.etable img { - max-width: 100%; - max-height: 100%; - width: auto; - height: auto; - object-fit: contain; -} \ No newline at end of file diff --git a/custom.html b/custom.html deleted file mode 100644 index c637dbf..0000000 --- a/custom.html +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/hemf_logo.png b/hemf_logo.png deleted file mode 100644 index 779fbfe..0000000 Binary files a/hemf_logo.png and /dev/null differ diff --git a/index.qmd b/index.qmd index 47e8c92..d6c23c9 100644 --- a/index.qmd +++ b/index.qmd @@ -7,33 +7,38 @@ author: - ref: hemf affiliations: - id: hemf - name: University of Duisburg-Essen, House of Energy, Climate and Finance + name: University of Duisburg-Essen, House of Energy, Climate, and Finance format: revealjs: + pointer: + key: "q" + color: "#202020FF" + pointerSize: 30 + icon: "fa fa-hand-point-up" embed-resources: false self-contained-math: true - footer: "" width: 1280 height: 720 - logo: assets/logos_combined.png - theme: [default, sydney.scss, custom.scss] + # footer: defined in assets/revealjs/custom.html + # logo: defined in assets/revealjs/custom.html + theme: [default, assets/revealjs/sydney.scss, assets/revealjs/custom.scss] smaller: true fig-format: svg slide-number: true crossrefs-hover: true pagetitle: "De-Fence" html-math-method: mathjax - pointer: - color: "#1B5E20" include-in-header: - - file: custom.html + - file: assets/revealjs/custom.html execute: daemon: false highlight-style: github bibliography: assets/library.bib -csl: apa-old-doi-prefix.csl +csl: assets/revealjs/apa-old-doi-prefix.csl +# Find nice plugins: https://m.canouil.dev/quarto-extensions/ revealjs-plugins: - pointer +# - drop --- ## Outline {.center}