diff --git a/.gitignore b/.gitignore index 82d431f..cc705b5 100644 --- a/.gitignore +++ b/.gitignore @@ -275,3 +275,5 @@ Icon *tmp /.quarto/ +/Hetero-And-Macro/central-banks-hark-and-ssj_files +Hetero-And-Macro/central-banks-hark-and-ssj.html diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/_extension.yml b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/_extension.yml new file mode 100644 index 0000000..c66fde8 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/_extension.yml @@ -0,0 +1,12 @@ +title: Metropolis +author: Shafayet Khan Shafee +version: 1.0.1 +quarto-required: ">=1.2.0" +contributes: + formats: + revealjs: + theme: [serif, metropolis.scss] + filters: + - metropolis.lua + + diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/asset/jquery-3.6.3.min.js b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/asset/jquery-3.6.3.min.js new file mode 100644 index 0000000..b5329e9 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/asset/jquery-3.6.3.min.js @@ -0,0 +1,2 @@ +/*! jQuery v3.6.3 | (c) OpenJS Foundation and other contributors | jquery.org/license */ +!function(e,t){"use strict";"object"==typeof module&&"object"==typeof module.exports?module.exports=e.document?t(e,!0):function(e){if(!e.document)throw new Error("jQuery requires a window with a document");return t(e)}:t(e)}("undefined"!=typeof window?window:this,function(C,e){"use strict";var t=[],r=Object.getPrototypeOf,s=t.slice,g=t.flat?function(e){return t.flat.call(e)}:function(e){return t.concat.apply([],e)},u=t.push,i=t.indexOf,n={},o=n.toString,y=n.hasOwnProperty,a=y.toString,l=a.call(Object),v={},m=function(e){return"function"==typeof e&&"number"!=typeof e.nodeType&&"function"!=typeof e.item},x=function(e){return null!=e&&e===e.window},S=C.document,c={type:!0,src:!0,nonce:!0,noModule:!0};function b(e,t,n){var r,i,o=(n=n||S).createElement("script");if(o.text=e,t)for(r in c)(i=t[r]||t.getAttribute&&t.getAttribute(r))&&o.setAttribute(r,i);n.head.appendChild(o).parentNode.removeChild(o)}function w(e){return null==e?e+"":"object"==typeof e||"function"==typeof e?n[o.call(e)]||"object":typeof e}var f="3.6.3",E=function(e,t){return new E.fn.init(e,t)};function p(e){var t=!!e&&"length"in e&&e.length,n=w(e);return!m(e)&&!x(e)&&("array"===n||0===t||"number"==typeof t&&0+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,S)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&v(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!y||!y.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ve(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=E)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{if(d.cssSupportsSelector&&!CSS.supports("selector(:is("+c+"))"))throw new Error;return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===E&&e.removeAttribute("id")}}}return g(t.replace(B,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[E]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ye(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ve(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,S=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.cssSupportsSelector=ce(function(){return CSS.supports("selector(*)")&&C.querySelectorAll(":is(:jqfake)")&&!CSS.supports("selector(:is(*,:jqfake))")}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=E,!C.getElementsByName||!C.getElementsByName(E).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&S){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&S){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&S)return t.getElementsByClassName(e)},s=[],y=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&y.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||y.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+E+"-]").length||y.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||y.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||y.push(":checked"),e.querySelectorAll("a#"+E+"+*").length||y.push(".#.+[+~]"),e.querySelectorAll("\\\f"),y.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&y.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&y.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&y.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),y.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),d.cssSupportsSelector||y.push(":has"),y=y.length&&new RegExp(y.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),v=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType&&e.documentElement||e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&v(p,e)?-1:t==C||t.ownerDocument==p&&v(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&S&&!N[t+" "]&&(!s||!s.test(t))&&(!y||!y.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?E.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?E.grep(e,function(e){return e===n!==r}):"string"!=typeof n?E.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(E.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof E?t[0]:t,E.merge(this,E.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:S,!0)),N.test(r[1])&&E.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=S.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(E):E.makeArray(e,this)}).prototype=E.fn,D=E(S);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}E.fn.extend({has:function(e){var t=E(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=S.createDocumentFragment().appendChild(S.createElement("div")),(fe=S.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),v.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",v.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",v.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ye(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?E.merge([e],n):n}function ve(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&E(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),S.head.appendChild(r[0])},abort:function(){i&&i()}}});var Ut,Xt=[],Vt=/(=)\?(?=&|$)|\?\?/;E.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=Xt.pop()||E.expando+"_"+Ct.guid++;return this[e]=!0,e}}),E.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Vt.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Vt.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Vt,"$1"+r):!1!==e.jsonp&&(e.url+=(St.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||E.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?E(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,Xt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),v.createHTMLDocument=((Ut=S.implementation.createHTMLDocument("").body).innerHTML="
",2===Ut.childNodes.length),E.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(v.createHTMLDocument?((r=(t=S.implementation.createHTMLDocument("")).createElement("base")).href=S.location.href,t.head.appendChild(r)):t=S),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&E(o).remove(),E.merge([],i.childNodes)));var r,i,o},E.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(E.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},E.expr.pseudos.animated=function(t){return E.grep(E.timers,function(e){return t===e.elem}).length},E.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=E.css(e,"position"),c=E(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=E.css(e,"top"),u=E.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,E.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},E.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){E.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===E.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===E.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=E(e).offset()).top+=E.css(e,"borderTopWidth",!0),i.left+=E.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-E.css(r,"marginTop",!0),left:t.left-i.left-E.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===E.css(e,"position"))e=e.offsetParent;return e||re})}}),E.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;E.fn[t]=function(e){return B(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),E.each(["top","left"],function(e,n){E.cssHooks[n]=_e(v.pixelPosition,function(e,t){if(t)return t=Be(e,n),Pe.test(t)?E(e).position()[n]+"px":t})}),E.each({Height:"height",Width:"width"},function(a,s){E.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){E.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return B(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?E.css(e,t,i):E.style(e,t,n,i)},s,n?e:void 0,n)}})}),E.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){E.fn[t]=function(e){return this.on(t,e)}}),E.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),E.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){E.fn[n]=function(e,t){return 0 section, +.reveal .slides > section > section { + line-height: 1.2; + font-weight: inherit; } + +/********************************************* + * HEADERS + *********************************************/ +.reveal h1, +.reveal h2, +.reveal h3, +.reveal h4, +.reveal h5, +.reveal h6 { + margin: 0 0 20px 0; + color: #33474b; + font-family: "Fira Sans"; + font-weight: normal; + line-height: 1; + letter-spacing: normal; + text-transform: none; + text-shadow: none; + word-wrap: break-word; } + +.reveal h1 { + font-size: 1.77em; } + +.reveal h2 { + font-size: 1.30em; } + +.reveal h3 { + font-size: .95em; } + +.reveal h4 { + font-size: .75em; } + +.reveal h1 { + text-shadow: none; } + +h1.subtitle { + font-size: 1em; + padding-bottom:15px; + border-bottom: 2px solid #EB811B; +} + +h2.author, h3.date { + font-size: .6em; +} + +h1.title { + font-variant: small-caps; +} + +.level2 h1 { + font-size:1.57em; + font-variant: small-caps; + text-transform: lowercase; +} + +.titleslide h1 { + font-variant: small-caps; + font-size:1.67em; + margin-left:25px; + margin-right:25px; + padding-bottom: 10px; + border-bottom: 2px solid #EB811B; +} + + +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin: 20px 0; + line-height: 1.3; } + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; } + +.reveal strong, +.reveal b { + font-weight: bold; } + +.reveal em { + font-style: italic; } + +.reveal ol, +.reveal dl, +.reveal ul { + display: inline-block; + text-align: left; + margin: 0 0 0 1em; } + +.reveal ol { + list-style-type: decimal; } + +.reveal ul { + list-style-type: disc; } + +.reveal ul ul { + list-style-type: square; } + +.reveal ul ul ul { + list-style-type: circle; } + +.reveal ul ul, +.reveal ul ol, +.reveal ol ol, +.reveal ol ul { + display: block; + margin-left: 40px; } + +.reveal dt { + font-weight: bold; } + +.reveal dd { + margin-left: 40px; } + +.reveal q, +.reveal blockquote { + quotes: none; } + +.reveal blockquote { + display: block; + position: relative; + width: 70%; + margin: 20px auto; + padding: 5px; + font-style: italic; + background: rgba(255, 255, 255, 0.05); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } + +.reveal blockquote p:first-child, +.reveal blockquote p:last-child { + display: inline-block; } + +.reveal q { + font-style: italic; } + +.reveal pre { + display: block; + position: relative; + width: 90%; + margin: 20px auto; + text-align: left; + font-size: 0.55em; + font-family: monospace; + line-height: 1.2em; + word-wrap: break-word; + box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } + +.reveal code { + font-family: monospace; } + +.reveal pre code { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; } + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; } + +.reveal table th { + font-weight: bold; } + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; } + +.reveal table th[align="center"], +.reveal table td[align="center"] { + text-align: center; } + +.reveal table th[align="right"], +.reveal table td[align="right"] { + text-align: right; } + +.reveal table tr:last-child td { + border-bottom: none; } + +.reveal sup { + vertical-align: super; } + +.reveal sub { + vertical-align: sub; } + +.reveal small { + display: inline-block; + font-size: 0.6em; + line-height: 1.2em; + vertical-align: top; } + +.reveal small * { + vertical-align: top; } + +/********************************************* + * LINKS + *********************************************/ +.reveal a { + color: #51483D; + text-decoration: none; + -webkit-transition: color 0.15s ease; + -moz-transition: color 0.15s ease; + transition: color 0.15s ease; } + +.reveal a:hover { + color: #8b7c69; + text-shadow: none; + border: none; } + +.reveal .roll span:after { + color: #fff; + background: #25211c; } + +/********************************************* + * IMAGES + *********************************************/ +.reveal section img { + margin: 15px 0px; + background: rgba(255, 255, 255, 0.12); + border: 4px solid #000; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } + +.reveal section img.plain { + border: 0; + box-shadow: none; } + +.reveal a img { + -webkit-transition: all 0.15s linear; + -moz-transition: all 0.15s linear; + transition: all 0.15s linear; } + +.reveal a:hover img { + background: rgba(255, 255, 255, 0.2); + border-color: #51483D; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } + + +/********************************************* + * Slides with background-image + *********************************************/ + +section[data-background-image] { + color: white; + + h1, h2, h3, h4, h5, h5 { + color: white; + } + + code { + filter: brightness(2); + } +} + +/********************************************* + * NAVIGATION CONTROLS + *********************************************/ +.reveal .controls .navigate-left, +.reveal .controls .navigate-left.enabled { + border-right-color: #51483D; } + +.reveal .controls .navigate-right, +.reveal .controls .navigate-right.enabled { + border-left-color: #51483D; } + +.reveal .controls .navigate-up, +.reveal .controls .navigate-up.enabled { + border-bottom-color: #51483D; } + +.reveal .controls .navigate-down, +.reveal .controls .navigate-down.enabled { + border-top-color: #51483D; } + +.reveal .controls .navigate-left.enabled:hover { + border-right-color: #8b7c69; } + +.reveal .controls .navigate-right.enabled:hover { + border-left-color: #8b7c69; } + +.reveal .controls .navigate-up.enabled:hover { + border-bottom-color: #8b7c69; } + +.reveal .controls .navigate-down.enabled:hover { + border-top-color: #8b7c69; } + +/********************************************* + * PROGRESS BAR + *********************************************/ +.reveal .progress { + background: rgba(235, 129, 27, .4); } + +.reveal .progress span { + background: rgba(235, 129, 27, 1); + -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); + -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); + transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/add_header.css b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/add_header.css new file mode 100644 index 0000000..87b8729 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/add_header.css @@ -0,0 +1,108 @@ +/* +Copyright (c) 2023 Shafayet Khan Shafee +MIT LICENSED +*/ + +@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap'); +@import url('https://fonts.googleapis.com/css?family=Fira+Sans'); + +:root { + --header-font-size: max(10px, 1.2vw); + --header-font-color: #898E8B; + --header-margin: 0px 0px 0px 0px; + --header-font-family: 'Fira Sans', sans-serif; +} + +.reveal .reveal-header { + top: 0; + margin: 3.2px 0px 2px 0px; + width: 100%; + position: fixed; + z-index: 5; + font-family: var(--header-font-family); +} + +.reveal .reveal-header p { + color: var(--header-font-color); + text-align: center; + margin: var(--header-margin); + font-size: var(--header-font-size); +} + +.reveal-header .sc-title p, +.reveal-header .sb-title p { + font-size: max(10px, 1.25vw); + filter: brightness(0.85); +} + +.reveal-header .sc-title p { float: left; margin-left: 2vw} +.reveal-header .sb-title p { float: right;} +.reveal-header.no-logo .sc-title p {margin-left: 6vw} + +div.header-logo { grid-area: logo;} +div.sc-title { grid-area: sc;} +div.sb-title { grid-area: sb;} +div.header-text { grid-area: ht;} +div.reveal.has-logo div.slide-number { + grid-area: sn; + top: unset !important; + right: unset !important; + bottom: unset !important; + padding: 5px 5px 5px 5px; + justify-self: center; + font-family: var(--header-font-family); + font-size: 18px; +} + +div.reveal-header { + display: grid; + grid-template-columns: 0.4fr 0.4fr 2fr 0.4fr 0.3fr; + grid-template-areas: "logo sc ht sb sn"; + column-gap: 10px; + align-items: center; +} + +div.reveal-header.no-logo { + grid-template-columns: 0.7fr 2fr 0.7fr 0.05fr; + grid-template-areas: "sc ht sb sn"; + margin-top: 1.5vh; +} + +.reveal .header-logo img { + margin: var(--header-margin); + padding-left: 1vw; + padding-top: 5px; + height: 100%; + width: auto; + max-width: max(60px, 10vw); + max-height: max(60px, 10vh); +} + + +/* .reveal .slides section:not(.title-slide) { margin-top: 3vh !important;} */ +.inverse-header { color: #c5d7ce !important;} + +div.slides section:not(.title-slide) { + padding-top: 1em; +} + +/* On screens that are 600px or less*/ +@media screen and (max-width: 600px) { + .reveal .header-logo img { + padding-top: 0px; + margin: 0px 0px 5px 0px; + } + + div.reveal-header { + grid-template-columns: 0.4fr 0.4fr 1fr 0.4fr 0.3fr; + grid-template-areas: "logo sc ht sb sn"; + } + + div.reveal-header.no-logo { + grid-template-columns: 0.7fr 1fr 0.7fr 0.05fr; + grid-template-areas: "sc ht sb sn"; + } + + .reveal-header .sc-title p { margin-left: 1vw} + div.reveal.has-logo div.slide-number { font-size: 10px; } +} \ No newline at end of file diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/code-fullscreen.css b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/code-fullscreen.css new file mode 100644 index 0000000..b32f43c --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/code-fullscreen.css @@ -0,0 +1,154 @@ +/** + * code-fullscreen + * A filter that add a fullscreen button in code chunk. + * + * MIT License + * Copyright (c) 2023 Shafayet Khan Shafee. + */ + + +/**************************** fullscreen buttons *************************/ + +:root { + --fullscreen-bg-color: var(--quarto-body-bg); +} + + +pre .fullscreen-button { + z-index: 5; + position: absolute; + top: 0; + right: 30px; + border: 0; + margin-top: 7px; + margin-right: 5px; + background-color: transparent; + display: none; + cursor: pointer; +} + +div#fullscreen-box pre .fullscreen-button { + position: fixed; + right: 0; +} + +.reveal-full-page pre .fullscreen-button { + margin-top: 5px; +} + +.reveal-full-page div#fullscreen-box pre .fullscreen-button { + position: fixed; + margin-top: 7px; + right: 15px; +} + + +pre:hover .fullscreen-button { + display: block; +} + +/* +div.sourceCode.cell-code:hover .fullscreen-button { + display: block; +} +*/ + +div#fullscreen-box:hover .fullscreen-button { + display: block; +} + + +pre .fullscreen-button .fullscreen-icon { + content: url('data:image/svg+xml,'); +} + +div#fullscreen-box pre .fullscreen-button .fullscreen-exit-icon { + content: url('data:image/svg+xml,'); +} + +/**************************** fullscreen buttons *************************/ + + + +/*************************** div#fullscreen-box **************************/ + +div#fullscreen-box { + margin: 0; + padding: 0; + z-index: 9999; + position: absolute; + top: 0; + right: 0; + width: 100vw; + height: 100svmax; + display: none; + background-color: var(--fullscreen-bg-color); +} + +div#fullscreen-box.visible{ + display: block; +} + +div#fullscreen-box pre.sourceCode { + background-color: var(--fullscreen-bg-color); +} + +div#fullscreen-box code { + padding-top: 0.3rem ; + padding-bottom: 1.5rem; +} + + +div#fullscreen-box pre code span a { + pointer-events: none; +} + +div#fullscreen-box code { + font-family: var(--r-code-font); +} + +div#fullscreen-box pre.numberSource code > span > a:first-child::before { + left: -1.2em !important; +} + +div#fullscreen-box pre.numberSource { + border-left: 1px solid #aaaaaa !important; + border-radius: 0; + margin-left: 4em; +} + +body.reveal-viewport:has(div#fullscreen-box) { + overflow: overlay; +} + +.reveal-full-page div#fullscreen-box { + height: unset !important; +} + +.reveal-full-page div#fullscreen-box pre.numberSource { + border-left: 1px solid #aaaaaa !important; + border-radius: 0; + margin-left: 3em; +} + + +/********************** for mobile devices ****************************/ + +@media only screen and (max-width: 992px) { + div#fullscreen-box { + font-size: 1.5vw; + } +} + +@media only screen and (max-width: 500px) { + div#fullscreen-box pre.numberSource code > span { + left: -5em !important; + } +} + +@media only screen and (min-width: 501px) and (max-width: 768px) { + div#fullscreen-box pre.numberSource code > span { + left: -4.5em !important; + } + +} \ No newline at end of file diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/sc_sb_title.css b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/css/sc_sb_title.css new file mode 100644 index 0000000..e69de29 diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/add_header.js b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/add_header.js new file mode 100644 index 0000000..9020f20 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/add_header.js @@ -0,0 +1,119 @@ +/** + * reveal-header + * A filter that adds header text and logo. + * + * MIT License + * Copyright (c) 2023 Shafayet Khan Shafee. + */ + +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 = document.querySelector('.header-logo img'); + if (logo_img.getAttribute('src') == null) { + if (logo_img?.getAttribute('data-src') != null) { + logo_img.src = logo_img?.getAttribute('data-src') || ""; + logo_img.removeAttribute('data-src'); + }; + }; + }; + + // add the class inverse-header for slide with has-dark-background class + // otherwise remove it. + function add_class(has_dark, header_paras) { + header_paras.forEach(el => { + el.classList.remove('inverse-header'); + if(has_dark) { + el.classList.add('inverse-header'); + }; + }); + }; + + /* + function toggle_header_text(event, text) { + + } + */ + + // dynamically changing the header + function change_header(dheader, cheader, ctext) { + // dhead => dynamic header + // chead => constant header + // ctext => contstant header_text inner html + if (dheader !== null) { + cheader.innerHTML = dheader.innerHTML; + } else { + cheader.innerHTML = ctext; + }; + }; + + + if (Reveal.isReady()) { + + add_header(); + + if (document.querySelector('div.reveal.has-logo') != null) { + var slide_number = document.querySelector('div.slide-number'); + var header = document.querySelector("div.reveal-header"); + header.appendChild(slide_number); + }; + + // Get the default header text element and innner HTML (i.e. literal text) + var header_text = document.querySelector("div.header-text p"); + const header_inner_html = header_text.innerHTML; + + var header_paras = document.querySelectorAll("div.reveal-header p"); + var dark = Reveal.getCurrentSlide().classList.contains('has-dark-background'); + add_class(dark, header_paras); + + Reveal.on( 'slidechanged', event => { + var has_dark = event.currentSlide.classList.contains('has-dark-background'); + add_class(has_dark, header_paras); + }); + + /**** for slide specific header (i.e. text in ::: header) *******************/ + + // make the visibility of slide specific header text defined in slide body none + document.querySelectorAll('div.header').forEach(el => { + el.style.display = 'none'; + }); + + // change the header if currently loaded slide has the header div defined + // which won't be captured by slidechanged event unless we change slides. + let dynamic_header = Reveal.getCurrentSlide().querySelector('div.header p'); + change_header(dynamic_header, header_text, header_inner_html); + + Reveal.on( 'slidechanged', event => { + let dyn_header = event.currentSlide.querySelector('div.header p'); + change_header(dyn_header, header_text, header_inner_html); + }); + /****************************************************************************/ + + // header text in title slide if title or subtitle is used as header text + var title_text = document.querySelector('.reveal-header .title-text p'); + + if (title_text != null) { + + title_text.style.display = 'none'; + + Reveal.on( 'slidechanged' , event => { + if (event.currentSlide.matches('#title-slide')) { + title_text.style.display = 'none'; + } else { + title_text.style.display = 'block'; + } + }); + }; + + }; +}; + + +window.addEventListener("load", (event) => { + header(); +}); diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/code-fullscreen.js b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/code-fullscreen.js new file mode 100644 index 0000000..054191f --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/code-fullscreen.js @@ -0,0 +1,61 @@ +/* +code modified from https://github.com/mkordulewski/reveal.js-fullscreen-code/blob/master/reveal.js-fullscreen-code.js +*/ + +/** + * code-fullscreen + * A filter that add a fullscreen button in code chunk. + * + * MIT License + * Copyright (c) 2023 Shafayet Khan Shafee. + */ + +function fullscreen_code() { + // creating the fullscreen box + $('body').append("
" ); + + // for revealjs do not link the button + if ($('div.reveal').length) { + $('pre code').before(""); + $('div#fullscreen-box button.fullscreen-button').replaceWith("") + } else { + // create buttons with links + $('pre code').before(""); + $('div#fullscreen-box button.fullscreen-button').replaceWith("") + } + + var fullscreenBoxVisible = false; + $('button.fullscreen-button').click(function(e){ + var code = this.parentElement.children[1].innerHTML; + if (fullscreenBoxVisible) { + $('div#fullscreen-box pre code').html(''); + $('div#fullscreen-box').toggleClass('visible'); + fullscreenBoxVisible = false; + } else { + $('div#fullscreen-box pre code').html(code); + $('div#fullscreen-box').toggleClass('visible'); + fullscreenBoxVisible = true; + var box_height = Math.max($('div#fullscreen-box pre').outerHeight(), $(document).height()); + $('div#fullscreen-box pre').height(box_height); + $('div#fullscreen-box').height(box_height); + // attach links for html (not revealjs) + if (!$('div.reveal').length) { + let id = this.parentElement.parentElement.id; + let id_string = `#${id}`; + $('div#fullscreen-box button.fullscreen-button a').attr("href", id_string); + }; + }; + // slow the link changing + if (!$('div.reveal').length) { + setTimeout(function() { + if (!fullscreenBoxVisible) { + $('div#fullscreen-box button.fullscreen-button a').attr("href", "#fullscreen-box"); + } + }, 100); + }; + }); +}; + +window.addEventListener("load", (event) => { + fullscreen_code(); +}); diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/sc_sb_title.js b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/sc_sb_title.js new file mode 100644 index 0000000..3c621e5 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/metropolis/resources/js/sc_sb_title.js @@ -0,0 +1,90 @@ +/** + * reveal-header + * A filter that adds header text and logo. + * + * MIT License + * Copyright (c) 2023 Shafayet Khan Shafee. + */ + + function add_sc_sb_title() { + + function get_title() { + var h1_arr = []; + var h2_arr = []; + + Reveal.getSlides().forEach(el => { + if (!el.matches('#title-slide')) { + var h1 = el.querySelector('.title-slide h1')?.innerText; + var h2 = el.querySelector('.title-slide h2')?.innerText; + h1_arr.push(h1); + h2_arr.push(h2); + }; + }); + + return [h1_arr, h2_arr] + }; + + function fill_array(ar) { + let last_val = ar[0] || " "; + for (let i = 1; i < ar.length; i++) { + if (typeof ar[i] === 'undefined') { + ar[i] = last_val; + } else { + last_val = ar[i]; + } + } + return ar + }; + + + if (Reveal.isReady()) { + + if (document.querySelector('div.reveal-header img').getAttribute('src').length == 0) { + document.querySelector('div.reveal-header').classList.add('no-logo') + } + + var [h1_array, h2_array] = get_title(); + var filled_h1_array = fill_array(h1_array); + var filled_h2_array = fill_array(h2_array); + + Reveal.getSlides().forEach((el, idx) => { + if (!el.matches('#title-slide')) { + el.setAttribute('data-sc-title', filled_h1_array[(idx - 1)]) + el.setAttribute('data-sb-title', filled_h2_array[(idx - 1)]) + } + }); + + Reveal.on( 'slidechanged', event => { + let sp = Reveal.getSlidesElement().querySelector('.stack.present'); + + if (sp != null) { + let header = document.querySelector("div.reveal-header"); + + // handling h1 section title (`.sc-title`) + var section_text = event.currentSlide.getAttribute('data-sc-title') || " "; + if (event.currentSlide.matches('.title-slide.level1')) { + header.querySelector('.sc-title p').innerText = ""; + } else if (event.currentSlide.matches('.title-slide.level2')) { + header.querySelector('.sc-title p').innerText = section_text; + } else { + header.querySelector('.sc-title p').innerText = section_text; + }; + + // handling h2 section title (`.sb-title`) + var sbsection_text = event.currentSlide.getAttribute('data-sb-title') || " "; + if (event.currentSlide.matches('.title-slide.level1')) { + header.querySelector('.sb-title p').innerText = ""; + } else if (event.currentSlide.matches('.title-slide.level2')) { + header.querySelector('.sb-title p').innerText = ""; + } else { + header.querySelector('.sb-title p').innerText = sbsection_text; + }; + }; + }); + }; +}; + + +window.addEventListener("load", (event) => { + add_sc_sb_title(); +}); diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/_extension.yml b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/_extension.yml new file mode 100644 index 0000000..b28c980 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/_extension.yml @@ -0,0 +1,8 @@ +title: Reveal-header +author: Shafayet Khan Shafee +version: 1.2.8 +quarto-required: ">=1.2.0" +contributes: + filters: + - reveal-header.lua + diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/add_header.css b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/add_header.css new file mode 100644 index 0000000..db2c82c --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/add_header.css @@ -0,0 +1,70 @@ +/*@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz@8..60&display=swap');*/ + + +:root { + --header-font-size: max(10px, 1.4vw); + --header-font-color: #898E8B; + --header-margin: 0px 0px 0px 0px; + /*--header-font-family: 'Source Serif 4', serif;*/ +} + +.reveal .reveal-header { + top: 0; + margin: 3.2px 0px 2px 0px; + width: 100%; + position: fixed; + z-index: 5; + /*font-family: var(--header-font-family);*/ +} + +.reveal .reveal-header p { + color: var(--header-font-color); + text-align: center; + margin: var(--header-margin); + font-size: var(--header-font-size); +} + +.reveal-header .sc-title p, +.reveal-header .sb-title p { + font-size: max(10px, 1.45vw); + filter: brightness(0.85); +} + +.reveal-header .sc-title p { float: left; margin-left: 0.5vw} +.reveal-header .sb-title p { float: right; margin-right: 0.5vw} +.reveal-header.no-logo .sc-title p {margin-left: 6vw} + + +.reveal .header-logo svg, +.reveal .header-logo img { + margin: var(--header-margin); + padding-left: 1vw; + padding-top: 5px; + height: 100%; + width: auto; + max-width: max(60px, 10vw); + max-height: max(60px, 10vh); +} + + + + +/* .reveal .slides { margin-top: 3vh !important;} */ +.inverse-header { color: #c5d7ce !important;} + + +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 img { + padding-top: 0px; + margin: 0px 0px 5px 0px; + } + + .reveal-header .sc-title p { margin-left: 1vw; } + .reveal-header.no-logo .sc-title p {margin-left: 2vw; } + div.reveal.has-logo div.slide-number { font-size: 10px; } +} \ No newline at end of file diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_htext.css b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_htext.css new file mode 100644 index 0000000..7fdc08f --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_htext.css @@ -0,0 +1,50 @@ +div.header-logo { grid-area: logo;} + +.no-logo div.header-logo { grid-area: unset !important; } + +div.sc-title { grid-area: sc;} +div.sb-title { grid-area: sb;} +div.header-text { grid-area: ht;} +div.reveal.has-logo div.slide-number { + grid-area: sn; + top: unset !important; + right: unset !important; + bottom: unset !important; + padding: 5px 5px 5px 5px; + justify-self: center; + /*font-family: var(--header-font-family);*/ + font-size: 18px; +} + +div.reveal-header { + display: grid; + grid-template-columns: 0.4fr 0.4fr 2fr 0.4fr 0.3fr; + grid-template-areas: "logo sc ht sb sn"; + column-gap: 10px; + align-items: center; +} + +div.reveal-header.no-logo { + grid-template-columns: 0.7fr 2fr 0.7fr 0.05fr; + grid-template-areas: "sc ht sb sn"; + margin-top: 1.5vh; +} + + +/* On screens that are 600px or less*/ +@media screen and (max-width: 600px) { + + div.reveal-header { + grid-template-columns: 0.4fr 0.4fr 1fr 0.4fr 0.3fr; + grid-template-areas: "logo sc ht sb sn"; + } + + div.reveal-header.no-logo { + grid-template-columns: 0.7fr 1fr 0.7fr 0.05fr; + grid-template-areas: "sc ht sb sn"; + } + + .reveal-header .sc-title p { margin-left: 1vw; } + .reveal-header.no-logo .sc-title p {margin-left: 2vw; } + div.reveal.has-logo div.slide-number { font-size: 10px; } +} \ No newline at end of file diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_no_htext.css b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_no_htext.css new file mode 100644 index 0000000..5b62397 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/css/grid_no_htext.css @@ -0,0 +1,50 @@ +div.header-logo { grid-area: logo;} + +.no-logo div.header-logo { grid-area: unset !important; } + +div.sc-title { grid-area: sc;} +div.header-text { grid-area: ht;} +div.sb-title { grid-area: sb;} +div.reveal.has-logo div.slide-number { + grid-area: sn; + top: unset !important; + right: unset !important; + bottom: unset !important; + padding: 5px 5px 5px 5px; + justify-self: center; + /*font-family: var(--header-font-family);*/ + font-size: 18px; +} + +div.reveal-header { + display: grid; + grid-template-columns: 0.35fr 1.2fr 0.1fr 1.2fr 0.2fr; + grid-template-areas: "logo sc ht sb sn"; + column-gap: 10px; + align-items: center; +} + +div.reveal-header.no-logo { + grid-template-columns: 1fr 0.1fr 1fr 0.15fr; + grid-template-areas: "sc ht sb sn"; + margin-top: 1.5vh; +} + + +/* On screens that are 600px or less*/ +@media screen and (max-width: 600px) { + + div.reveal-header { + grid-template-columns: 0.2fr 1.2fr 0.1fr 1.2fr 0.4fr; + grid-template-areas: "logo sc ht sb sn"; + } + + div.reveal-header.no-logo { + grid-template-columns: 1fr 0.1fr 1fr 0.25fr; + grid-template-areas: "sc ht sb sn"; + } + + .reveal-header .sc-title p { margin-left: 1vw; } + .reveal-header.no-logo .sc-title p {margin-left: 2vw; } + div.reveal.has-logo div.slide-number { font-size: 10px; } +} \ No newline at end of file diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/add_header.js b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/add_header.js new file mode 100644 index 0000000..daebbc1 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/add_header.js @@ -0,0 +1,166 @@ +/** + * reveal-header + * A filter that adds header text and logo. + * + * MIT License + * Copyright (c) 2023-2024 Shafayet Khan Shafee. + */ + +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 = document.querySelector('.header-logo img'); + if (logo_img?.getAttribute('src') == null) { + if (logo_img?.getAttribute('data-src') != null) { + logo_img.src = logo_img?.getAttribute('data-src') || ""; + logo_img?.removeAttribute('data-src'); + }; + }; + }; + + function linkify_logo(logo, href) { + const logo_cloned = logo.cloneNode(true); + const link = document.createElement('a'); + link.href = href; + link.target = '_blank'; + link.appendChild(logo_cloned); + logo.replaceWith(link); + }; + + // add the class inverse-header for slide with has-dark-background class + // otherwise remove it. + function add_class(has_dark, header_paras) { + header_paras.forEach(el => { + el.classList.remove('inverse-header'); + if(has_dark) { + el.classList.add('inverse-header'); + }; + }); + }; + + + // dynamically changing the header + function change_header(dheader, cheader, ctext) { + // dhead => dynamic header + // chead => constant header + // ctext => contstant header_text inner html + if (dheader !== null) { + cheader.innerHTML = dheader.innerHTML; + } else { + cheader.innerHTML = ctext; + }; + }; + + function hide_from_title_slide(element) { + Reveal.on( 'slidechanged' , event => { + if (event.currentSlide.matches('#title-slide')) { + element.style.visibility = 'hidden'; + } else { + element.style.visibility = 'visible'; + } + }); + }; + + function get_clean_attrs(elem, attrName) { + let attrVal = elem.getAttribute(attrName); + if (attrVal != null) { + elem.removeAttribute(attrName); + } + return attrVal; + }; + + + if (Reveal.isReady()) { + + add_header(); + + /*************** linkifying the header and footer logo ********************/ + const header_logo = document.querySelector('div.header-logo'); + if (header_logo != null) { + const header_logo_link = get_clean_attrs(header_logo, 'data-header-logo-link'); + const footer_logo_link = get_clean_attrs(header_logo, 'data-footer-logo-link'); + + if (header_logo_link != null) { + const header_logo_img = document.querySelector('div.header-logo').firstElementChild; + linkify_logo(header_logo_img, header_logo_link); + }; + + if (footer_logo_link != null) { + const footer_logo_img = document.querySelector('.slide-logo'); + footer_logo_img.setAttribute('style', "z-index:99;"); + linkify_logo(footer_logo_img, footer_logo_link); + }; + }; + /****************************** END ***************************************/ + + if (document.querySelector('div.reveal.has-logo') != null) { + var slide_number = document.querySelector('div.slide-number'); + var header = document.querySelector("div.reveal-header"); + header.appendChild(slide_number); + }; + + // Get the default header text element and innner HTML (i.e. literal text) + var header_text = document.querySelector("div.header-text p"); + const header_inner_html = header_text.innerHTML; + + var header_paras = document.querySelectorAll("div.reveal-header p"); + var dark = Reveal.getCurrentSlide().classList.contains('has-dark-background'); + add_class(dark, header_paras); + + Reveal.on( 'slidechanged', event => { + var has_dark = event.currentSlide.classList.contains('has-dark-background'); + add_class(has_dark, header_paras); + }); + + // make the visibility of slide specific header text defined in slide body none + document.querySelectorAll('div.header').forEach(el => { + el.style.display = 'none'; + }); + + + // change the header if currently loaded slide has the header div defined + // which won't be captured by slidechanged event unless we change slides. + let dynamic_header = Reveal.getCurrentSlide().querySelector('div.header p'); + change_header(dynamic_header, header_text, header_inner_html); + + Reveal.on( 'slidechanged', event => { + let dyn_header = event.currentSlide.querySelector('div.header p'); + change_header(dyn_header, header_text, header_inner_html); + }); + + /************** header text in title slide if title or ***********************/ + /************* subtitle is used as header text ***********************/ + + var title_text = document.querySelector('.reveal-header .title-text p'); + if (title_text != null) { + title_text.style.visibility = 'hidden'; + hide_from_title_slide(title_text); + }; + + /*************** hide header text and logo on title slide ********************/ + + var hide_header_text = document.querySelector('.header-text').getAttribute('data-hide-from-titleslide'); + var hide_header_logo = document.querySelector('.header-logo').getAttribute('data-hide-from-titleslide'); + + if (hide_header_text == 'true') { + header_text.style.visibility = 'hidden'; + hide_from_title_slide(header_text); + } + + if (hide_header_logo == 'true') { + logo_img.style.visibility = 'hidden'; + hide_from_title_slide(logo_img); + } + + }; +}; + + +window.addEventListener("load", (event) => { + header(); +}); diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/sc_sb_title.js b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/sc_sb_title.js new file mode 100644 index 0000000..c85fc6c --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/resources/js/sc_sb_title.js @@ -0,0 +1,93 @@ +/** + * reveal-header + * A filter that adds header text and logo. + * + * MIT License + * Copyright (c) 2023-2024 Shafayet Khan Shafee. + */ + + function add_sc_sb_title() { + + function get_title() { + var h1_arr = []; + var h2_arr = []; + + Reveal.getSlides().forEach(el => { + if (!el.matches('#title-slide')) { + var h1 = el.querySelector('.title-slide h1')?.innerText; + var h2 = el.querySelector('.title-slide h2')?.innerText; + h1_arr.push(h1); + h2_arr.push(h2); + }; + }); + + return [h1_arr, h2_arr] + }; + + function fill_array(ar) { + let last_val = ar[0] || " "; + for (let i = 1; i < ar.length; i++) { + if (typeof ar[i] === 'undefined') { + ar[i] = last_val; + } else { + last_val = ar[i]; + } + } + return ar + }; + + + if (Reveal.isReady()) { + + if (document.querySelector('div.reveal-header img')?.getAttribute('src')?.length == 0) { + document.querySelector('div.reveal-header').classList.add('no-logo') + } + + var [h1_array, h2_array] = get_title(); + var filled_h1_array = fill_array(h1_array); + var filled_h2_array = fill_array(h2_array); + + Reveal.getSlides().forEach((el, idx) => { + if (!el.matches('#title-slide')) { + el.setAttribute('data-sc-title', filled_h1_array[(idx - 1)]) + el.setAttribute('data-sb-title', filled_h2_array[(idx - 1)]) + } + }); + + Reveal.on( 'slidechanged', event => { + let sp = Reveal.getSlidesElement().querySelector('.stack.present'); + + if (sp != null) { + let header = document.querySelector("div.reveal-header"); + + // handling h1 section title (`.sc-title`) + var section_text = event.currentSlide.getAttribute('data-sc-title') || " "; + if (event.currentSlide.matches('.title-slide.level1')) { + header.querySelector('.sc-title p').innerText = ""; + } else if (event.currentSlide.matches('.title-slide.level2')) { + header.querySelector('.sc-title p').innerText = section_text; + } else { + header.querySelector('.sc-title p').innerText = section_text; + }; + + // handling h2 section title (`.sb-title`) + var sbsection_text = event.currentSlide.getAttribute('data-sb-title') || " "; + if (event.currentSlide.matches('.title-slide.level1')) { + header.querySelector('.sb-title p').innerText = ""; + } else if (event.currentSlide.matches('.title-slide.level2')) { + header.querySelector('.sb-title p').innerText = ""; + } else { + header.querySelector('.sb-title p').innerText = sbsection_text; + }; + }; + }); + }; +}; + + +window.addEventListener("load", (event) => { + add_sc_sb_title(); +}); + + + diff --git a/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/reveal-header.lua b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/reveal-header.lua new file mode 100644 index 0000000..33b3dc6 --- /dev/null +++ b/Hetero-And-Macro/_extensions/shafayetShafee/reveal-header/reveal-header.lua @@ -0,0 +1,128 @@ +--[[ +MIT License + +Copyright (c) 2023 Shafayet Khan Shafee + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. +]]-- + + +local function ensureHtmlDeps() + quarto.doc.add_html_dependency({ + name = "reveal-header", + version = "1.0.0", + scripts = { + { path = "resources/js/add_header.js", attribs = {defer = "true"}} + }, + stylesheets = {"resources/css/add_header.css"} + }) +end + +local function sc_sb_title() + quarto.doc.add_html_dependency({ + name = "sc-sb-title", + version = "1.0.0", + scripts = { + { path = "resources/js/sc_sb_title.js", attribs = {defer = "true"}} + } + }) +end + +local function grid_htext() + quarto.doc.add_html_dependency({ + name = "grid-htext", + version = "1.0.0", + stylesheets = {"resources/css/grid_htext.css"} +}) +end + +local function grid_no_htext() + quarto.doc.add_html_dependency({ + name = "grid-no-htext", + version = "1.0.0", + stylesheets = {"resources/css/grid_no_htext.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 + if meta['sc-sb-title'] then + sc_sb_title() + end + if meta['header'] then + grid_htext() + else + grid_no_htext() + end + local header_text = meta['header'] and str(meta['header']) or " " + local header_para_class = {class = "header-text"} + if meta['title-as-header'] then + header_text = meta['title'] + header_para_class = {class = "header-text title-text"} + end + if meta['subtitle-as-header'] then + header_text = meta['subtitle'] + header_para_class = {class = "header-text title-text"} + end + -- make divs structure for holding text and logo. + local header_logo = meta['header-logo'] and str(meta['header-logo']) or "" + local header_logo_link = meta['header-logo-link'] and str(meta['header-logo-link']) or "" + local footer_logo_link = meta['footer-logo-link'] and str(meta['footer-logo-link']) or "" + local header_img = pandoc.Div(pandoc.Image("", header_logo, ""), {class = "header-logo"}) + + if header_logo_link ~= "" then + header_img.attributes['header-logo-link'] = header_logo_link + end + + if footer_logo_link ~= "" then + header_img.attributes['footer-logo-link'] = footer_logo_link + end + + local header_section = pandoc.Div(pandoc.Para(" "), {class = "sc-title"}) + local header_sbsection = pandoc.Div(pandoc.Para(" "), {class = "sb-title"}) + local header_para = pandoc.Div(pandoc.Para(header_text), header_para_class) + if meta['hide-from-titleSlide'] then + local hide = str(meta['hide-from-titleSlide']) + if hide == "text" then + header_para.attributes['hide-from-titleslide'] = "true" + elseif hide == "logo" then + header_img.attributes['hide-from-titleslide'] = "true" + elseif hide == "all" then + header_para.attributes['hide-from-titleslide'] = "true" + header_img.attributes['hide-from-titleslide'] = "true" + end + end + local div = pandoc.Div( + { + header_img, + header_section, + header_para, + header_sbsection + }, + {class = 'reveal-header'}) + table.insert(blocks, div) + return doc + end +end \ No newline at end of file diff --git a/Hetero-And-Macro/central-banks-hark-and-ssj.md b/Hetero-And-Macro/central-banks-hark-and-ssj.md index dcd6965..4656a20 100644 --- a/Hetero-And-Macro/central-banks-hark-and-ssj.md +++ b/Hetero-And-Macro/central-banks-hark-and-ssj.md @@ -2,16 +2,26 @@ title: Econ-ARK for Central Banks author: - name: Christopher D. Carroll - orcid: 0000-0002-1234-5678 + orcid: 0000-0003-3732-9312 email: ccarroll@llorracc.org affiliations: - Johns Hopkins University - Econ-ARK -format: clean-revealjs +format: + metropolis-revealjs: default html-math-method: method: mathjax url: "https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js" date: last-modified +date-format: "MMMM DD, YYYY" +footer: +slide-number: true +embed-resources: true +logo: ../numfocus-logo.png +reveal-header: + sc-sb-title: true + header-logo: ../econ-ark-logo.png + header-text: Powered by Econ-ARK --- diff --git a/econ-ark-logo.png b/econ-ark-logo.png new file mode 100644 index 0000000..e9db35a Binary files /dev/null and b/econ-ark-logo.png differ diff --git a/numfocus-logo.png b/numfocus-logo.png new file mode 100644 index 0000000..4a6f9a4 Binary files /dev/null and b/numfocus-logo.png differ