From 6a8398eeb36109ea8fc74e004fc8b512cd7ca844 Mon Sep 17 00:00:00 2001
From: anag0 <ernest.marcinko@gmail.com>
Date: Mon, 16 Oct 2023 17:24:51 +0200
Subject: [PATCH] chore: added htmx-serverless

---
 dist/htmx-serverless.js         |  1 +
 dist/style.css                  |  2 +-
 package.json                    |  2 ++
 server.js                       | 12 +++++++++++
 src/htmx-serverless.js          | 35 ++++++++++++++++++++++++++++++++
 src/style.css                   | 16 +++++++++++++++
 src/tt.js                       |  1 +
 views/pages/flappybird.ejs      |  2 +-
 views/pages/htmx-serverless.ejs | 36 +++++++++++++++++++++++++++++++++
 views/pages/index.ejs           | 26 +++++++++++++++++-------
 views/pages/typewriter.ejs      |  2 +-
 views/parts/footer.ejs          |  4 ++--
 webpack.config.js               |  7 +++++++
 13 files changed, 134 insertions(+), 12 deletions(-)
 create mode 100644 dist/htmx-serverless.js
 create mode 100644 src/htmx-serverless.js
 create mode 100644 src/tt.js
 create mode 100644 views/pages/htmx-serverless.ejs

diff --git a/dist/htmx-serverless.js b/dist/htmx-serverless.js
new file mode 100644
index 0000000..3abab8b
--- /dev/null
+++ b/dist/htmx-serverless.js
@@ -0,0 +1 @@
+(()=>{var __webpack_modules__={957:e=>{var t;window,t=()=>(()=>{"use strict";var e={967:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(){this.handlers=new Map,this.init(null===window||void 0===window?void 0:window.htmx)}init(e){null==e||e.defineExtension("serverless",{onEvent:this.onEvent.bind(this),transformResponse:this.transformResponse.bind(this)})}onEvent(e,t){var r,n,o;if(void 0!==t.detail.xhr&&this.shouldIntercept(null===(o=null===(n=null===(r=null==t?void 0:t.detail)||void 0===r?void 0:r.elt)||void 0===n?void 0:n["htmx-internal-data"])||void 0===o?void 0:o.path))if("htmx:beforeSend"===e){const e=t.detail.xhr;e.send=()=>{e.dispatchEvent(new Event("loadstart")),e.dispatchEvent(new Event("load")),e.dispatchEvent(new Event("loadend")),e.readyState,XMLHttpRequest.DONE}}else"htmx:beforeSwap"===e&&(t.detail.shouldSwap=!0)}transformResponse(e,t,r){var n,o;return this.shouldIntercept(null===(n=null==r?void 0:r["htmx-internal-data"])||void 0===n?void 0:n.path)?this.handlers.get(null===(o=null==r?void 0:r["htmx-internal-data"])||void 0===o?void 0:o.path):e}shouldIntercept(e){return e=null!=e?e:"",this.handlers.has(e)}}},607:function(e,t,r){var n=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const o=new(n(r(967)).default);t.default=o}},t={};return function r(n){var o=t[n];if(void 0!==o)return o.exports;var i=t[n]={exports:{}};return e[n].call(i.exports,i,i.exports,r),i.exports}(607).default})(),e.exports=t()},28:function(module,exports){var __WEBPACK_AMD_DEFINE_FACTORY__,__WEBPACK_AMD_DEFINE_ARRAY__,__WEBPACK_AMD_DEFINE_RESULT__,t;"undefined"!=typeof self&&self,t=function(){return function(){"use strict";var Y={onLoad:t,process:Pt,on:Z,off:K,trigger:fe,ajax:wr,find:E,findAll:f,closest:v,values:function(e,t){return nr(e,t||"post").values},remove:U,addClass:B,removeClass:n,toggleClass:V,takeClass:j,defineExtension:qr,removeExtension:Hr,logAll:X,logNone:F,logger:null,config:{historyEnabled:!0,historyCacheSize:10,refreshOnHistoryMiss:!1,defaultSwapStyle:"innerHTML",defaultSwapDelay:0,defaultSettleDelay:20,includeIndicatorStyles:!0,indicatorClass:"htmx-indicator",requestClass:"htmx-request",addedClass:"htmx-added",settlingClass:"htmx-settling",swappingClass:"htmx-swapping",allowEval:!0,allowScriptTags:!0,inlineScriptNonce:"",attributesToSettle:["class","style","width","height"],withCredentials:!1,timeout:0,wsReconnectDelay:"full-jitter",wsBinaryType:"blob",disableSelector:"[hx-disable], [data-hx-disable]",useTemplateFragments:!1,scrollBehavior:"smooth",defaultFocusScroll:!1,getCacheBusterParam:!1,globalViewTransitions:!1,methodsThatUseUrlParams:["get"],selfRequestsOnly:!1},parseInterval:d,_:e,createEventSource:function(e){return new EventSource(e,{withCredentials:!0})},createWebSocket:function(e){var t=new WebSocket(e,[]);return t.binaryType=Y.config.wsBinaryType,t},version:"1.9.6"},r={addTriggerHandler:St,bodyContains:oe,canAccessLocalStorage:M,findThisElement:de,filterValues:lr,hasAttribute:o,getAttributeValue:ee,getClosestAttributeValue:re,getClosestMatch:c,getExpressionVars:xr,getHeaders:sr,getInputValues:nr,getInternalData:ie,getSwapSpecification:fr,getTriggerSpecs:Ze,getTarget:ge,makeFragment:l,mergeObjects:se,makeSettleInfo:T,oobSwap:ye,querySelectorExt:le,selectAndSwap:Fe,settleImmediately:Wt,shouldCancel:tt,triggerEvent:fe,triggerErrorEvent:ue,withExtensions:C},b=["get","post","put","delete","patch"],w=b.map((function(e){return"[hx-"+e+"], [data-hx-"+e+"]"})).join(", ");function d(e){if(null!=e)return"ms"==e.slice(-2)?parseFloat(e.slice(0,-2))||void 0:"s"==e.slice(-1)?1e3*parseFloat(e.slice(0,-1))||void 0:"m"==e.slice(-1)?1e3*parseFloat(e.slice(0,-1))*60||void 0:parseFloat(e)||void 0}function Q(e,t){return e.getAttribute&&e.getAttribute(t)}function o(e,t){return e.hasAttribute&&(e.hasAttribute(t)||e.hasAttribute("data-"+t))}function ee(e,t){return Q(e,t)||Q(e,"data-"+t)}function u(e){return e.parentElement}function te(){return document}function c(e,t){for(;e&&!t(e);)e=u(e);return e||null}function O(e,t,r){var n=ee(t,r),o=ee(t,"hx-disinherit");return e!==t&&o&&("*"===o||o.split(" ").indexOf(r)>=0)?"unset":n}function re(e,t){var r=null;if(c(e,(function(n){return r=O(e,n,t)})),"unset"!==r)return r}function h(e,t){var r=e.matches||e.matchesSelector||e.msMatchesSelector||e.mozMatchesSelector||e.webkitMatchesSelector||e.oMatchesSelector;return r&&r.call(e,t)}function q(e){var t=/<([a-z][^\/\0>\x20\t\r\n\f]*)/i.exec(e);return t?t[1].toLowerCase():""}function i(e,t){for(var r=(new DOMParser).parseFromString(e,"text/html").body;t>0;)t--,r=r.firstChild;return null==r&&(r=te().createDocumentFragment()),r}function H(e){return e.match(/<body/)}function l(e){var t=!H(e);if(Y.config.useTemplateFragments&&t)return i("<body><template>"+e+"</template></body>",0).querySelector("template").content;switch(q(e)){case"thead":case"tbody":case"tfoot":case"colgroup":case"caption":return i("<table>"+e+"</table>",1);case"col":return i("<table><colgroup>"+e+"</colgroup></table>",2);case"tr":return i("<table><tbody>"+e+"</tbody></table>",2);case"td":case"th":return i("<table><tbody><tr>"+e+"</tr></tbody></table>",3);case"script":case"style":return i("<div>"+e+"</div>",1);default:return i(e,0)}}function ne(e){e&&e()}function L(e,t){return Object.prototype.toString.call(e)==="[object "+t+"]"}function A(e){return L(e,"Function")}function N(e){return L(e,"Object")}function ie(e){var t="htmx-internal-data",r=e[t];return r||(r=e[t]={}),r}function I(e){var t=[];if(e)for(var r=0;r<e.length;r++)t.push(e[r]);return t}function ae(e,t){if(e)for(var r=0;r<e.length;r++)t(e[r])}function P(e){var t=e.getBoundingClientRect(),r=t.top,n=t.bottom;return r<window.innerHeight&&n>=0}function oe(e){return e.getRootNode&&e.getRootNode()instanceof window.ShadowRoot?te().body.contains(e.getRootNode().host):te().body.contains(e)}function k(e){return e.trim().split(/\s+/)}function se(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r]);return e}function S(e){try{return JSON.parse(e)}catch(e){return y(e),null}}function M(){var e="htmx:localStorageTest";try{return localStorage.setItem(e,e),localStorage.removeItem(e),!0}catch(e){return!1}}function D(e){try{var t=new URL(e);return t&&(e=t.pathname+t.search),e.match("^/$")||(e=e.replace(/\/+$/,"")),e}catch(t){return e}}function e(e){return gr(te().body,(function(){return eval(e)}))}function t(e){return Y.on("htmx:load",(function(t){e(t.detail.elt)}))}function X(){Y.logger=function(e,t,r){console&&console.log(t,e,r)}}function F(){Y.logger=null}function E(e,t){return t?e.querySelector(t):E(te(),e)}function f(e,t){return t?e.querySelectorAll(t):f(te(),e)}function U(e,t){e=s(e),t?setTimeout((function(){U(e),e=null}),t):e.parentElement.removeChild(e)}function B(e,t,r){e=s(e),r?setTimeout((function(){B(e,t),e=null}),r):e.classList&&e.classList.add(t)}function n(e,t,r){e=s(e),r?setTimeout((function(){n(e,t),e=null}),r):e.classList&&(e.classList.remove(t),0===e.classList.length&&e.removeAttribute("class"))}function V(e,t){(e=s(e)).classList.toggle(t)}function j(e,t){ae((e=s(e)).parentElement.children,(function(e){n(e,t)})),B(e,t)}function v(e,t){if((e=s(e)).closest)return e.closest(t);do{if(null==e||h(e,t))return e}while(e=e&&u(e));return null}function g(e,t){return e.substring(0,t.length)===t}function _(e,t){return e.substring(e.length-t.length)===t}function z(e){var t=e.trim();return g(t,"<")&&_(t,"/>")?t.substring(1,t.length-2):t}function W(e,t){return 0===t.indexOf("closest ")?[v(e,z(t.substr(8)))]:0===t.indexOf("find ")?[E(e,z(t.substr(5)))]:0===t.indexOf("next ")?[$(e,z(t.substr(5)))]:0===t.indexOf("previous ")?[G(e,z(t.substr(9)))]:"document"===t?[document]:"window"===t?[window]:"body"===t?[document.body]:te().querySelectorAll(z(t))}var $=function(e,t){for(var r=te().querySelectorAll(t),n=0;n<r.length;n++){var o=r[n];if(o.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_PRECEDING)return o}},G=function(e,t){for(var r=te().querySelectorAll(t),n=r.length-1;n>=0;n--){var o=r[n];if(o.compareDocumentPosition(e)===Node.DOCUMENT_POSITION_FOLLOWING)return o}};function le(e,t){return t?W(e,t)[0]:W(te().body,e)[0]}function s(e){return L(e,"String")?E(e):e}function J(e,t,r){return A(t)?{target:te().body,event:e,listener:t}:{target:s(e),event:t,listener:r}}function Z(e,t,r){return Nr((function(){var n=J(e,t,r);n.target.addEventListener(n.event,n.listener)})),A(t)?t:r}function K(e,t,r){return Nr((function(){var n=J(e,t,r);n.target.removeEventListener(n.event,n.listener)})),A(t)?t:r}var he=te().createElement("output");function ve(e,t){var r=re(e,t);if(r){if("this"===r)return[de(e,t)];var n=W(e,r);return 0===n.length?(y('The selector "'+r+'" on '+t+" returned no matches!"),[he]):n}}function de(e,t){return c(e,(function(e){return null!=ee(e,t)}))}function ge(e){var t=re(e,"hx-target");return t?"this"===t?de(e,"hx-target"):le(e,t):ie(e).boosted?te().body:e}function me(e){for(var t=Y.config.attributesToSettle,r=0;r<t.length;r++)if(e===t[r])return!0;return!1}function pe(e,t){ae(e.attributes,(function(r){!t.hasAttribute(r.name)&&me(r.name)&&e.removeAttribute(r.name)})),ae(t.attributes,(function(t){me(t.name)&&e.setAttribute(t.name,t.value)}))}function xe(e,t){for(var r=Lr(t),n=0;n<r.length;n++){var o=r[n];try{if(o.isInlineSwap(e))return!0}catch(e){y(e)}}return"outerHTML"===e}function ye(e,t,r){var n="#"+Q(t,"id"),o="outerHTML";"true"===e||(e.indexOf(":")>0?(o=e.substr(0,e.indexOf(":")),n=e.substr(e.indexOf(":")+1,e.length)):o=e);var i=te().querySelectorAll(n);return i?(ae(i,(function(e){var n,i=t.cloneNode(!0);(n=te().createDocumentFragment()).appendChild(i),xe(o,e)||(n=i);var a={shouldSwap:!0,target:e,fragment:n};fe(e,"htmx:oobBeforeSwap",a)&&(e=a.target,a.shouldSwap&&De(o,e,e,n,r),ae(r.elts,(function(e){fe(e,"htmx:oobAfterSwap",a)})))})),t.parentNode.removeChild(t)):(t.parentNode.removeChild(t),ue(te().body,"htmx:oobErrorNoTarget",{content:t})),e}function be(e,t,r){var n=re(e,"hx-select-oob");if(n){var o=n.split(",");for(let e=0;e<o.length;e++){var i=o[e].split(":",2),a=i[0].trim();0===a.indexOf("#")&&(a=a.substring(1));var s=i[1]||"true",l=t.querySelector("#"+a);l&&ye(s,l,r)}}ae(f(t,"[hx-swap-oob], [data-hx-swap-oob]"),(function(e){var t=ee(e,"hx-swap-oob");null!=t&&ye(t,e,r)}))}function we(e){ae(f(e,"[hx-preserve], [data-hx-preserve]"),(function(e){var t=ee(e,"id"),r=te().getElementById(t);null!=r&&e.parentNode.replaceChild(r,e)}))}function Se(e,t,r){ae(t.querySelectorAll("[id]"),(function(t){var n=Q(t,"id");if(n&&n.length>0){var o=n.replace("'","\\'"),i=t.tagName.replace(":","\\:"),a=e.querySelector(i+"[id='"+o+"']");if(a&&a!==e){var s=t.cloneNode();pe(t,a),r.tasks.push((function(){pe(t,s)}))}}}))}function Ee(e){return function(){n(e,Y.config.addedClass),Pt(e),Ct(e),Ce(e),fe(e,"htmx:load")}}function Ce(e){var t="[autofocus]",r=h(e,t)?e:e.querySelector(t);null!=r&&r.focus()}function a(e,t,r,n){for(Se(e,r,n);r.childNodes.length>0;){var o=r.firstChild;B(o,Y.config.addedClass),e.insertBefore(o,t),o.nodeType!==Node.TEXT_NODE&&o.nodeType!==Node.COMMENT_NODE&&n.tasks.push(Ee(o))}}function Te(e,t){for(var r=0;r<e.length;)t=(t<<5)-t+e.charCodeAt(r++)|0;return t}function Re(e){var t=0;if(e.attributes)for(var r=0;r<e.attributes.length;r++){var n=e.attributes[r];n.value&&(t=Te(n.name,t),t=Te(n.value,t))}return t}function Oe(e){var t=ie(e);if(t.onHandlers){for(let r=0;r<t.onHandlers.length;r++){const n=t.onHandlers[r];e.removeEventListener(n.event,n.listener)}delete t.onHandlers}}function qe(e){var t=ie(e);t.timeout&&clearTimeout(t.timeout),t.webSocket&&t.webSocket.close(),t.sseEventSource&&t.sseEventSource.close(),t.listenerInfos&&ae(t.listenerInfos,(function(e){e.on&&e.on.removeEventListener(e.trigger,e.listener)})),t.initHash&&(t.initHash=null),Oe(e)}function m(e){fe(e,"htmx:beforeCleanupElement"),qe(e),e.children&&ae(e.children,(function(e){m(e)}))}function He(e,t,r){if("BODY"===e.tagName)return ke(e,t,r);var n,o=e.previousSibling;for(a(u(e),e,t,r),n=null==o?u(e).firstChild:o.nextSibling,ie(e).replacedWith=n,r.elts=r.elts.filter((function(t){return t!=e}));n&&n!==e;)n.nodeType===Node.ELEMENT_NODE&&r.elts.push(n),n=n.nextElementSibling;m(e),u(e).removeChild(e)}function Le(e,t,r){return a(e,e.firstChild,t,r)}function Ae(e,t,r){return a(u(e),e,t,r)}function Ne(e,t,r){return a(e,null,t,r)}function Ie(e,t,r){return a(u(e),e.nextSibling,t,r)}function Pe(e,t,r){return m(e),u(e).removeChild(e)}function ke(e,t,r){var n=e.firstChild;if(a(e,n,t,r),n){for(;n.nextSibling;)m(n.nextSibling),e.removeChild(n.nextSibling);m(n),e.removeChild(n)}}function Me(e,t,r){var n=r||re(e,"hx-select");if(n){var o=te().createDocumentFragment();ae(t.querySelectorAll(n),(function(e){o.appendChild(e)})),t=o}return t}function De(e,t,r,n,o){switch(e){case"none":return;case"outerHTML":return void He(r,n,o);case"afterbegin":return void Le(r,n,o);case"beforebegin":return void Ae(r,n,o);case"beforeend":return void Ne(r,n,o);case"afterend":return void Ie(r,n,o);case"delete":return void Pe(r,n,o);default:for(var i=Lr(t),a=0;a<i.length;a++){var s=i[a];try{var l=s.handleSwap(e,r,n,o);if(l){if(void 0!==l.length)for(var u=0;u<l.length;u++){var c=l[u];c.nodeType!==Node.TEXT_NODE&&c.nodeType!==Node.COMMENT_NODE&&o.tasks.push(Ee(c))}return}}catch(e){y(e)}}"innerHTML"===e?ke(r,n,o):De(Y.config.defaultSwapStyle,t,r,n,o)}}function Xe(e){if(e.indexOf("<title")>-1){var t=e.replace(/<svg(\s[^>]*>|>)([\s\S]*?)<\/svg>/gim,"").match(/<title(\s[^>]*>|>)([\s\S]*?)<\/title>/im);if(t)return t[2]}}function Fe(e,t,r,n,o,i){o.title=Xe(n);var a=l(n);if(a)return be(r,a,o),we(a=Me(r,a,i)),De(e,r,t,a,o)}function Ue(e,t,r){var n=e.getResponseHeader(t);if(0===n.indexOf("{")){var o=S(n);for(var i in o)if(o.hasOwnProperty(i)){var a=o[i];N(a)||(a={value:a}),fe(r,i,a)}}else for(var s=n.split(","),l=0;l<s.length;l++)fe(r,s[l].trim(),[])}var Be=/\s/,p=/[\s,]/,Ve=/[_$a-zA-Z]/,je=/[_$a-zA-Z0-9]/,_e=['"',"'","/"],ze=/[^\s]/;function We(e){for(var t=[],r=0;r<e.length;){if(Ve.exec(e.charAt(r))){for(var n=r;je.exec(e.charAt(r+1));)r++;t.push(e.substr(n,r-n+1))}else if(-1!==_e.indexOf(e.charAt(r))){var o=e.charAt(r);for(n=r,r++;r<e.length&&e.charAt(r)!==o;)"\\"===e.charAt(r)&&r++,r++;t.push(e.substr(n,r-n+1))}else{var i=e.charAt(r);t.push(i)}r++}return t}function $e(e,t,r){return Ve.exec(e.charAt(0))&&"true"!==e&&"false"!==e&&"this"!==e&&e!==r&&"."!==t}function Ge(e,t,r){if("["===t[0]){t.shift();for(var n=1,o=" return (function("+r+"){ return (",i=null;t.length>0;){var a=t[0];if("]"===a){if(0==--n){null===i&&(o+="true"),t.shift(),o+=")})";try{var s=gr(e,(function(){return Function(o)()}),(function(){return!0}));return s.source=o,s}catch(e){return ue(te().body,"htmx:syntax:error",{error:e,source:o}),null}}}else"["===a&&n++;$e(a,i,r)?o+="(("+r+"."+a+") ? ("+r+"."+a+") : (window."+a+"))":o+=a,i=t.shift()}}}function x(e,t){for(var r="";e.length>0&&!e[0].match(t);)r+=e.shift();return r}var Je="input, textarea, select";function Ze(e){var t=ee(e,"hx-trigger"),r=[];if(t){var n=We(t);do{x(n,ze);var o=n.length,i=x(n,/[,\[\s]/);if(""!==i)if("every"===i){var a={trigger:"every"};x(n,ze),a.pollInterval=d(x(n,/[,\[\s]/)),x(n,ze),(s=Ge(e,n,"event"))&&(a.eventFilter=s),r.push(a)}else if(0===i.indexOf("sse:"))r.push({trigger:"sse",sseEvent:i.substr(4)});else{var s,l={trigger:i};for((s=Ge(e,n,"event"))&&(l.eventFilter=s);n.length>0&&","!==n[0];){x(n,ze);var u=n.shift();if("changed"===u)l.changed=!0;else if("once"===u)l.once=!0;else if("consume"===u)l.consume=!0;else if("delay"===u&&":"===n[0])n.shift(),l.delay=d(x(n,p));else if("from"===u&&":"===n[0]){n.shift();var c=x(n,p);"closest"!==c&&"find"!==c&&"next"!==c&&"previous"!==c||(n.shift(),c+=" "+x(n,p)),l.from=c}else"target"===u&&":"===n[0]?(n.shift(),l.target=x(n,p)):"throttle"===u&&":"===n[0]?(n.shift(),l.throttle=d(x(n,p))):"queue"===u&&":"===n[0]?(n.shift(),l.queue=x(n,p)):"root"!==u&&"threshold"!==u||":"!==n[0]?ue(e,"htmx:syntax:error",{token:n.shift()}):(n.shift(),l[u]=x(n,p))}r.push(l)}n.length===o&&ue(e,"htmx:syntax:error",{token:n.shift()}),x(n,ze)}while(","===n[0]&&n.shift())}return r.length>0?r:h(e,"form")?[{trigger:"submit"}]:h(e,'input[type="button"], input[type="submit"]')?[{trigger:"click"}]:h(e,Je)?[{trigger:"change"}]:[{trigger:"click"}]}function Ke(e){ie(e).cancelled=!0}function Ye(e,t,r){var n=ie(e);n.timeout=setTimeout((function(){oe(e)&&!0!==n.cancelled&&(nt(r,e,Mt("hx:poll:trigger",{triggerSpec:r,target:e}))||t(e),Ye(e,t,r))}),r.pollInterval)}function Qe(e){return location.hostname===e.hostname&&Q(e,"href")&&0!==Q(e,"href").indexOf("#")}function et(e,t,r){if("A"===e.tagName&&Qe(e)&&(""===e.target||"_self"===e.target)||"FORM"===e.tagName){var n,o;if(t.boosted=!0,"A"===e.tagName)n="get",o=Q(e,"href");else{var i=Q(e,"method");n=i?i.toLowerCase():"get",o=Q(e,"action")}r.forEach((function(r){it(e,(function(e,t){v(e,Y.config.disableSelector)?m(e):ce(n,o,e,t)}),t,r,!0)}))}}function tt(e,t){if("submit"===e.type||"click"===e.type){if("FORM"===t.tagName)return!0;if(h(t,'input[type="submit"], button')&&null!==v(t,"form"))return!0;if("A"===t.tagName&&t.href&&("#"===t.getAttribute("href")||0!==t.getAttribute("href").indexOf("#")))return!0}return!1}function rt(e,t){return ie(e).boosted&&"A"===e.tagName&&"click"===t.type&&(t.ctrlKey||t.metaKey)}function nt(e,t,r){var n=e.eventFilter;if(n)try{return!0!==n.call(t,r)}catch(e){return ue(te().body,"htmx:eventFilter:error",{error:e,source:n.source}),!0}return!1}function it(e,t,r,n,o){var i,a=ie(e);i=n.from?W(e,n.from):[e],n.changed&&i.forEach((function(e){ie(e).lastValue=e.value})),ae(i,(function(i){var s=function(r){if(oe(e)){if(!rt(e,r)&&((o||tt(r,e))&&r.preventDefault(),!nt(n,e,r))){var l=ie(r);if(l.triggerSpec=n,null==l.handledFor&&(l.handledFor=[]),l.handledFor.indexOf(e)<0){if(l.handledFor.push(e),n.consume&&r.stopPropagation(),n.target&&r.target&&!h(r.target,n.target))return;if(n.once){if(a.triggeredOnce)return;a.triggeredOnce=!0}if(n.changed){var u=ie(i);if(u.lastValue===i.value)return;u.lastValue=i.value}if(a.delayed&&clearTimeout(a.delayed),a.throttle)return;n.throttle?a.throttle||(t(e,r),a.throttle=setTimeout((function(){a.throttle=null}),n.throttle)):n.delay?a.delayed=setTimeout((function(){t(e,r)}),n.delay):(fe(e,"htmx:trigger"),t(e,r))}}}else i.removeEventListener(n.trigger,s)};null==r.listenerInfos&&(r.listenerInfos=[]),r.listenerInfos.push({trigger:n.trigger,listener:s,on:i}),i.addEventListener(n.trigger,s)}))}var at=!1,ot=null;function st(){ot||(ot=function(){at=!0},window.addEventListener("scroll",ot),setInterval((function(){at&&(at=!1,ae(te().querySelectorAll("[hx-trigger='revealed'],[data-hx-trigger='revealed']"),(function(e){lt(e)})))}),200))}function lt(e){!o(e,"data-hx-revealed")&&P(e)&&(e.setAttribute("data-hx-revealed","true"),ie(e).initHash?fe(e,"revealed"):e.addEventListener("htmx:afterProcessNode",(function(t){fe(e,"revealed")}),{once:!0}))}function ut(e,t,r){for(var n=k(r),o=0;o<n.length;o++){var i=n[o].split(/:(.+)/);"connect"===i[0]&&ft(e,i[1],0),"send"===i[0]&&ht(e)}}function ft(e,t,r){if(oe(e)){if(0==t.indexOf("/")){var n=location.hostname+(location.port?":"+location.port:"");"https:"==location.protocol?t="wss://"+n+t:"http:"==location.protocol&&(t="ws://"+n+t)}var o=Y.createWebSocket(t);o.onerror=function(t){ue(e,"htmx:wsError",{error:t,socket:o}),ct(e)},o.onclose=function(n){if([1006,1012,1013].indexOf(n.code)>=0){var o=vt(r);setTimeout((function(){ft(e,t,r+1)}),o)}},o.onopen=function(e){r=0},ie(e).webSocket=o,o.addEventListener("message",(function(t){if(!ct(e)){var r=t.data;C(e,(function(t){r=t.transformResponse(r,null,e)}));for(var n=T(e),o=I(l(r).children),i=0;i<o.length;i++){var a=o[i];ye(ee(a,"hx-swap-oob")||"true",a,n)}Wt(n.tasks)}}))}}function ct(e){if(!oe(e))return ie(e).webSocket.close(),!0}function ht(e){var t=c(e,(function(e){return null!=ie(e).webSocket}));t?e.addEventListener(Ze(e)[0].trigger,(function(r){var n=ie(t).webSocket,o=sr(e,t),i=nr(e,"post"),a=i.errors,s=lr(se(i.values,xr(e)),e);s.HEADERS=o,a&&a.length>0?fe(e,"htmx:validation:halted",a):(n.send(JSON.stringify(s)),tt(r,e)&&r.preventDefault())})):ue(e,"htmx:noWebSocketSourceError")}function vt(e){var t=Y.config.wsReconnectDelay;if("function"==typeof t)return t(e);if("full-jitter"===t){var r=Math.min(e,6);return 1e3*Math.pow(2,r)*Math.random()}y('htmx.config.wsReconnectDelay must either be a function or the string "full-jitter"')}function dt(e,t,r){for(var n=k(r),o=0;o<n.length;o++){var i=n[o].split(/:(.+)/);"connect"===i[0]&&gt(e,i[1]),"swap"===i[0]&&mt(e,i[1])}}function gt(e,t){var r=Y.createEventSource(t);r.onerror=function(t){ue(e,"htmx:sseError",{error:t,source:r}),xt(e)},ie(e).sseEventSource=r}function mt(e,t){var r=c(e,yt);if(r){var n=ie(r).sseEventSource,o=function(i){if(!xt(r))if(oe(e)){var a=i.data;C(e,(function(t){a=t.transformResponse(a,null,e)}));var s=fr(e),l=ge(e),u=T(e);Fe(s.swapStyle,l,e,a,u),Wt(u.tasks),fe(e,"htmx:sseMessage",i)}else n.removeEventListener(t,o)};ie(e).sseListener=o,n.addEventListener(t,o)}else ue(e,"htmx:noSSESourceError")}function pt(e,t,r){var n=c(e,yt);if(n){var o=ie(n).sseEventSource,i=function(){xt(n)||(oe(e)?t(e):o.removeEventListener(r,i))};ie(e).sseListener=i,o.addEventListener(r,i)}else ue(e,"htmx:noSSESourceError")}function xt(e){if(!oe(e))return ie(e).sseEventSource.close(),!0}function yt(e){return null!=ie(e).sseEventSource}function bt(e,t,r,n){var o=function(){r.loaded||(r.loaded=!0,t(e))};n?setTimeout(o,n):o()}function wt(e,t,r){var n=!1;return ae(b,(function(i){if(o(e,"hx-"+i)){var a=ee(e,"hx-"+i);n=!0,t.path=a,t.verb=i,r.forEach((function(r){St(e,r,t,(function(e,t){v(e,Y.config.disableSelector)?m(e):ce(i,a,e,t)}))}))}})),n}function St(e,t,r,n){if(t.sseEvent)pt(e,n,t.sseEvent);else if("revealed"===t.trigger)st(),it(e,n,r,t),lt(e);else if("intersect"===t.trigger){var o={};t.root&&(o.root=le(e,t.root)),t.threshold&&(o.threshold=parseFloat(t.threshold));var i=new IntersectionObserver((function(t){for(var r=0;r<t.length;r++)if(t[r].isIntersecting){fe(e,"intersect");break}}),o);i.observe(e),it(e,n,r,t)}else"load"===t.trigger?nt(t,e,Mt("load",{elt:e}))||bt(e,n,r,t.delay):t.pollInterval?(r.polling=!0,Ye(e,n,t)):it(e,n,r,t)}function Et(e){if(Y.config.allowScriptTags&&("text/javascript"===e.type||"module"===e.type||""===e.type)){var t=te().createElement("script");ae(e.attributes,(function(e){t.setAttribute(e.name,e.value)})),t.textContent=e.textContent,t.async=!1,Y.config.inlineScriptNonce&&(t.nonce=Y.config.inlineScriptNonce);var r=e.parentElement;try{r.insertBefore(t,e)}catch(e){y(e)}finally{e.parentElement&&e.parentElement.removeChild(e)}}}function Ct(e){h(e,"script")&&Et(e),ae(f(e,"script"),(function(e){Et(e)}))}function Tt(){return document.querySelector("[hx-boost], [data-hx-boost]")}function Rt(e){var t=null,r=[];if(document.evaluate)for(var n=document.evaluate('//*[@*[ starts-with(name(), "hx-on:") or starts-with(name(), "data-hx-on:") ]]',e);t=n.iterateNext();)r.push(t);else for(var o=document.getElementsByTagName("*"),i=0;i<o.length;i++)for(var a=o[i].attributes,s=0;s<a.length;s++){var l=a[s].name;(g(l,"hx-on:")||g(l,"data-hx-on:"))&&r.push(o[i])}return r}function Ot(e){if(e.querySelectorAll){var t=Tt()?", a":"";return e.querySelectorAll(w+t+", form, [type='submit'], [hx-sse], [data-hx-sse], [hx-ws], [data-hx-ws], [hx-ext], [data-hx-ext], [hx-trigger], [data-hx-trigger], [hx-on], [data-hx-on]")}return[]}function qt(e){var t=s("#"+Q(e,"form"))||v(e,"form");if(t){var r=function(e){var r=v(e.target,"button, input[type='submit']");null!==r&&(ie(t).lastButtonClicked=r)};e.addEventListener("click",r),e.addEventListener("focusin",r),e.addEventListener("focusout",(function(e){ie(t).lastButtonClicked=null}))}}function Ht(e){var t=We(e),r=0;for(let e=0;e<t.length;e++){const n=t[e];"{"===n?r++:"}"===n&&r--}return r}function Lt(e,t,r){var n,o=ie(e);o.onHandlers=[];var i=function(t){return gr(e,(function(){n||(n=new Function("event",r)),n.call(e,t)}))};e.addEventListener(t,i),o.onHandlers.push({event:t,listener:i})}function At(e){var t=ee(e,"hx-on");if(t){for(var r={},n=t.split("\n"),o=null,i=0;n.length>0;){var a=n.shift(),s=a.match(/^\s*([a-zA-Z:\-\.]+:)(.*)/);0===i&&s?(a.split(":"),r[o=s[1].slice(0,-1)]=s[2]):r[o]+=a,i+=Ht(a)}for(var l in r)Lt(e,l,r[l])}}function Nt(e){Oe(e);for(var t=0;t<e.attributes.length;t++){var r=e.attributes[t].name,n=e.attributes[t].value;if(g(r,"hx-on:")||g(r,"data-hx-on:")){let t=r.slice(r.indexOf(":")+1);g(t,":")&&(t="htmx"+t),Lt(e,t,n)}}}function It(e){if(v(e,Y.config.disableSelector))m(e);else{var t=ie(e);if(t.initHash!==Re(e)){qe(e),t.initHash=Re(e),At(e),fe(e,"htmx:beforeProcessNode"),e.value&&(t.lastValue=e.value);var r=Ze(e);wt(e,t,r)||("true"===re(e,"hx-boost")?et(e,t,r):o(e,"hx-trigger")&&r.forEach((function(r){St(e,r,t,(function(){}))}))),("FORM"===e.tagName||"submit"===Q(e,"type")&&o(e,"form"))&&qt(e);var n=ee(e,"hx-sse");n&&dt(e,t,n);var i=ee(e,"hx-ws");i&&ut(e,t,i),fe(e,"htmx:afterProcessNode")}}}function Pt(e){v(e=s(e),Y.config.disableSelector)?m(e):(It(e),ae(Ot(e),(function(e){It(e)})),ae(Rt(e),Nt))}function kt(e){return e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}function Mt(e,t){var r;return window.CustomEvent&&"function"==typeof window.CustomEvent?r=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:t}):(r=te().createEvent("CustomEvent")).initCustomEvent(e,!0,!0,t),r}function ue(e,t,r){fe(e,t,se({error:t},r))}function Dt(e){return"htmx:afterProcessNode"===e}function C(e,t){ae(Lr(e),(function(e){try{t(e)}catch(e){y(e)}}))}function y(e){console.error?console.error(e):console.log&&console.log("ERROR: ",e)}function fe(e,t,r){e=s(e),null==r&&(r={}),r.elt=e;var n=Mt(t,r);Y.logger&&!Dt(t)&&Y.logger(e,t,r),r.error&&(y(r.error),fe(e,"htmx:error",{errorInfo:r}));var o=e.dispatchEvent(n),i=kt(t);if(o&&i!==t){var a=Mt(i,n.detail);o=o&&e.dispatchEvent(a)}return C(e,(function(e){o=o&&!1!==e.onEvent(t,n)&&!n.defaultPrevented})),o}var Xt=location.pathname+location.search;function Ft(){return te().querySelector("[hx-history-elt],[data-hx-history-elt]")||te().body}function Ut(e,t,r,n){if(M()){e=D(e);for(var o=S(localStorage.getItem("htmx-history-cache"))||[],i=0;i<o.length;i++)if(o[i].url===e){o.splice(i,1);break}var a={url:e,content:t,title:r,scroll:n};for(fe(te().body,"htmx:historyItemCreated",{item:a,cache:o}),o.push(a);o.length>Y.config.historyCacheSize;)o.shift();for(;o.length>0;)try{localStorage.setItem("htmx-history-cache",JSON.stringify(o));break}catch(e){ue(te().body,"htmx:historyCacheError",{cause:e,cache:o}),o.shift()}}}function Bt(e){if(!M())return null;e=D(e);for(var t=S(localStorage.getItem("htmx-history-cache"))||[],r=0;r<t.length;r++)if(t[r].url===e)return t[r];return null}function Vt(e){var t=Y.config.requestClass,r=e.cloneNode(!0);return ae(f(r,"."+t),(function(e){n(e,t)})),r.innerHTML}function jt(){var e,t=Ft(),r=Xt||location.pathname+location.search;try{e=te().querySelector('[hx-history="false" i],[data-hx-history="false" i]')}catch(t){e=te().querySelector('[hx-history="false"],[data-hx-history="false"]')}e||(fe(te().body,"htmx:beforeHistorySave",{path:r,historyElt:t}),Ut(r,Vt(t),te().title,window.scrollY)),Y.config.historyEnabled&&history.replaceState({htmx:!0},te().title,window.location.href)}function _t(e){Y.config.getCacheBusterParam&&(_(e=e.replace(/org\.htmx\.cache-buster=[^&]*&?/,""),"&")||_(e,"?"))&&(e=e.slice(0,-1)),Y.config.historyEnabled&&history.pushState({htmx:!0},"",e),Xt=e}function zt(e){Y.config.historyEnabled&&history.replaceState({htmx:!0},"",e),Xt=e}function Wt(e){ae(e,(function(e){e.call()}))}function $t(e){var t=new XMLHttpRequest,r={path:e,xhr:t};fe(te().body,"htmx:historyCacheMiss",r),t.open("GET",e,!0),t.setRequestHeader("HX-History-Restore-Request","true"),t.onload=function(){if(this.status>=200&&this.status<400){fe(te().body,"htmx:historyCacheMissLoad",r);var t=l(this.response);t=t.querySelector("[hx-history-elt],[data-hx-history-elt]")||t;var n=Ft(),o=T(n),i=Xe(this.response);if(i){var a=E("title");a?a.innerHTML=i:window.document.title=i}ke(n,t,o),Wt(o.tasks),Xt=e,fe(te().body,"htmx:historyRestore",{path:e,cacheMiss:!0,serverResponse:this.response})}else ue(te().body,"htmx:historyCacheMissLoadError",r)},t.send()}function Gt(e){jt();var t=Bt(e=e||location.pathname+location.search);if(t){var r=l(t.content),n=Ft(),o=T(n);ke(n,r,o),Wt(o.tasks),document.title=t.title,setTimeout((function(){window.scrollTo(0,t.scroll)}),0),Xt=e,fe(te().body,"htmx:historyRestore",{path:e,item:t})}else Y.config.refreshOnHistoryMiss?window.location.reload(!0):$t(e)}function Jt(e){var t=ve(e,"hx-indicator");return null==t&&(t=[e]),ae(t,(function(e){var t=ie(e);t.requestCount=(t.requestCount||0)+1,e.classList.add.call(e.classList,Y.config.requestClass)})),t}function Zt(e){var t=ve(e,"hx-disabled-elt");return null==t&&(t=[]),ae(t,(function(e){var t=ie(e);t.requestCount=(t.requestCount||0)+1,e.setAttribute("disabled","")})),t}function Kt(e,t){ae(e,(function(e){var t=ie(e);t.requestCount=(t.requestCount||0)-1,0===t.requestCount&&e.classList.remove.call(e.classList,Y.config.requestClass)})),ae(t,(function(e){var t=ie(e);t.requestCount=(t.requestCount||0)-1,0===t.requestCount&&e.removeAttribute("disabled")}))}function Yt(e,t){for(var r=0;r<e.length;r++)if(e[r].isSameNode(t))return!0;return!1}function Qt(e){return""!==e.name&&null!=e.name&&!e.disabled&&"button"!==e.type&&"submit"!==e.type&&"image"!==e.tagName&&"reset"!==e.tagName&&"file"!==e.tagName&&("checkbox"!==e.type&&"radio"!==e.type||e.checked)}function er(e,t,r){if(null!=e&&null!=t){var n=r[e];void 0===n?r[e]=t:Array.isArray(n)?Array.isArray(t)?r[e]=n.concat(t):n.push(t):Array.isArray(t)?r[e]=[n].concat(t):r[e]=[n,t]}}function tr(e,t,r,n,o){if(null!=n&&!Yt(e,n)){if(e.push(n),Qt(n)){var i=Q(n,"name"),a=n.value;n.multiple&&(a=I(n.querySelectorAll("option:checked")).map((function(e){return e.value}))),n.files&&(a=I(n.files)),er(i,a,t),o&&rr(n,r)}h(n,"form")&&ae(n.elements,(function(n){tr(e,t,r,n,o)}))}}function rr(e,t){e.willValidate&&(fe(e,"htmx:validation:validate"),e.checkValidity()||(t.push({elt:e,message:e.validationMessage,validity:e.validity}),fe(e,"htmx:validation:failed",{message:e.validationMessage,validity:e.validity})))}function nr(e,t){var r=[],n={},o={},i=[],a=ie(e),s=h(e,"form")&&!0!==e.noValidate||"true"===ee(e,"hx-validate");if(a.lastButtonClicked&&(s=s&&!0!==a.lastButtonClicked.formNoValidate),"get"!==t&&tr(r,o,i,v(e,"form"),s),tr(r,n,i,e,s),a.lastButtonClicked||"BUTTON"===e.tagName||"INPUT"===e.tagName&&"submit"===Q(e,"type")){var l=a.lastButtonClicked||e;er(Q(l,"name"),l.value,o)}return ae(ve(e,"hx-include"),(function(e){tr(r,n,i,e,s),h(e,"form")||ae(e.querySelectorAll(Je),(function(e){tr(r,n,i,e,s)}))})),n=se(n,o),{errors:i,values:n}}function ir(e,t,r){""!==e&&(e+="&"),"[object Object]"===String(r)&&(r=JSON.stringify(r));var n=encodeURIComponent(r);return e+(encodeURIComponent(t)+"=")+n}function ar(e){var t="";for(var r in e)if(e.hasOwnProperty(r)){var n=e[r];Array.isArray(n)?ae(n,(function(e){t=ir(t,r,e)})):t=ir(t,r,n)}return t}function or(e){var t=new FormData;for(var r in e)if(e.hasOwnProperty(r)){var n=e[r];Array.isArray(n)?ae(n,(function(e){t.append(r,e)})):t.append(r,n)}return t}function sr(e,t,r){var n={"HX-Request":"true","HX-Trigger":Q(e,"id"),"HX-Trigger-Name":Q(e,"name"),"HX-Target":ee(t,"id"),"HX-Current-URL":te().location.href};return dr(e,"hx-headers",!1,n),void 0!==r&&(n["HX-Prompt"]=r),ie(e).boosted&&(n["HX-Boosted"]="true"),n}function lr(e,t){var r=re(t,"hx-params");if(r){if("none"===r)return{};if("*"===r)return e;if(0===r.indexOf("not "))return ae(r.substr(4).split(","),(function(t){t=t.trim(),delete e[t]})),e;var n={};return ae(r.split(","),(function(t){t=t.trim(),n[t]=e[t]})),n}return e}function ur(e){return Q(e,"href")&&Q(e,"href").indexOf("#")>=0}function fr(e,t){var r=t||re(e,"hx-swap"),n={swapStyle:ie(e).boosted?"innerHTML":Y.config.defaultSwapStyle,swapDelay:Y.config.defaultSwapDelay,settleDelay:Y.config.defaultSettleDelay};if(ie(e).boosted&&!ur(e)&&(n.show="top"),r){var o=k(r);if(o.length>0)for(var i=0;i<o.length;i++){var a=o[i];if(0===a.indexOf("swap:"))n.swapDelay=d(a.substr(5));else if(0===a.indexOf("settle:"))n.settleDelay=d(a.substr(7));else if(0===a.indexOf("transition:"))n.transition="true"===a.substr(11);else if(0===a.indexOf("ignoreTitle:"))n.ignoreTitle="true"===a.substr(12);else if(0===a.indexOf("scroll:")){var s=(u=a.substr(7).split(":")).pop(),l=u.length>0?u.join(":"):null;n.scroll=s,n.scrollTarget=l}else if(0===a.indexOf("show:")){var u,c=(u=a.substr(5).split(":")).pop();l=u.length>0?u.join(":"):null,n.show=c,n.showTarget=l}else if(0===a.indexOf("focus-scroll:")){var f=a.substr(13);n.focusScroll="true"==f}else 0==i?n.swapStyle=a:y("Unknown modifier in hx-swap: "+a)}}return n}function cr(e){return"multipart/form-data"===re(e,"hx-encoding")||h(e,"form")&&"multipart/form-data"===Q(e,"enctype")}function hr(e,t,r){var n=null;return C(t,(function(o){null==n&&(n=o.encodeParameters(e,r,t))})),null!=n?n:cr(t)?or(r):ar(r)}function T(e){return{tasks:[],elts:[e]}}function vr(e,t){var r=e[0],n=e[e.length-1];if(t.scroll){var o=null;t.scrollTarget&&(o=le(r,t.scrollTarget)),"top"===t.scroll&&(r||o)&&((o=o||r).scrollTop=0),"bottom"===t.scroll&&(n||o)&&((o=o||n).scrollTop=o.scrollHeight)}if(t.show){if(o=null,t.showTarget){var i=t.showTarget;"window"===t.showTarget&&(i="body"),o=le(r,i)}"top"===t.show&&(r||o)&&(o=o||r).scrollIntoView({block:"start",behavior:Y.config.scrollBehavior}),"bottom"===t.show&&(n||o)&&(o=o||n).scrollIntoView({block:"end",behavior:Y.config.scrollBehavior})}}function dr(e,t,r,n){if(null==n&&(n={}),null==e)return n;var o=ee(e,t);if(o){var i,a=o.trim(),s=r;if("unset"===a)return null;for(var l in 0===a.indexOf("javascript:")?(a=a.substr(11),s=!0):0===a.indexOf("js:")&&(a=a.substr(3),s=!0),0!==a.indexOf("{")&&(a="{"+a+"}"),i=s?gr(e,(function(){return Function("return ("+a+")")()}),{}):S(a))i.hasOwnProperty(l)&&null==n[l]&&(n[l]=i[l])}return dr(u(e),t,r,n)}function gr(e,t,r){return Y.config.allowEval?t():(ue(e,"htmx:evalDisallowedError"),r)}function mr(e,t){return dr(e,"hx-vars",!0,t)}function pr(e,t){return dr(e,"hx-vals",!1,t)}function xr(e){return se(mr(e),pr(e))}function yr(e,t,r){if(null!==r)try{e.setRequestHeader(t,r)}catch(n){e.setRequestHeader(t,encodeURIComponent(r)),e.setRequestHeader(t+"-URI-AutoEncoded","true")}}function br(e){if(e.responseURL&&"undefined"!=typeof URL)try{var t=new URL(e.responseURL);return t.pathname+t.search}catch(t){ue(te().body,"htmx:badResponseUrl",{url:e.responseURL})}}function R(e,t){return e.getAllResponseHeaders().match(t)}function wr(e,t,r){return e=e.toLowerCase(),r?r instanceof Element||L(r,"String")?ce(e,t,null,null,{targetOverride:s(r),returnPromise:!0}):ce(e,t,s(r.source),r.event,{handler:r.handler,headers:r.headers,values:r.values,targetOverride:s(r.target),swapOverride:r.swap,returnPromise:!0}):ce(e,t,null,null,{returnPromise:!0})}function Sr(e){for(var t=[];e;)t.push(e),e=e.parentElement;return t}function Er(e,t,r){var n,o;return"function"==typeof URL?(o=new URL(t,document.location.href),n=document.location.origin===o.origin):(o=t,n=g(t,document.location.origin)),!(Y.config.selfRequestsOnly&&!n)&&fe(e,"htmx:validateUrl",se({url:o,sameHost:n},r))}function ce(e,t,r,n,o,i){var a=null,s=null;if((o=null!=o?o:{}).returnPromise&&"undefined"!=typeof Promise)var l=new Promise((function(e,t){a=e,s=t}));null==r&&(r=te().body);var u=o.handler||Tr;if(!oe(r))return ne(a),l;var c=o.targetOverride||ge(r);if(null==c||c==he)return ue(r,"htmx:targetError",{target:ee(r,"hx-target")}),ne(s),l;var f=ie(r),h=f.lastButtonClicked;if(h){var d=Q(h,"formaction");null!=d&&(t=d);var v=Q(h,"formmethod");null!=v&&(e=v)}if(!i&&!1===fe(r,"htmx:confirm",{target:c,elt:r,path:t,verb:e,triggeringEvent:n,etc:o,issueRequest:function(){return ce(e,t,r,n,o,!0)}}))return ne(a),l;var g=r,p=re(r,"hx-sync"),m=null,x=!1;if(p){var b=p.split(":"),y=b[0].trim();if(g="this"===y?de(r,"hx-sync"):le(r,y),p=(b[1]||"drop").trim(),f=ie(g),"drop"===p&&f.xhr&&!0!==f.abortable)return ne(a),l;if("abort"===p){if(f.xhr)return ne(a),l;x=!0}else"replace"===p?fe(g,"htmx:abort"):0===p.indexOf("queue")&&(m=(p.split(" ")[1]||"last").trim())}if(f.xhr){if(!f.abortable){if(null==m){if(n){var w=ie(n);w&&w.triggerSpec&&w.triggerSpec.queue&&(m=w.triggerSpec.queue)}null==m&&(m="last")}return null==f.queuedRequests&&(f.queuedRequests=[]),"first"===m&&0===f.queuedRequests.length||"all"===m?f.queuedRequests.push((function(){ce(e,t,r,n,o)})):"last"===m&&(f.queuedRequests=[],f.queuedRequests.push((function(){ce(e,t,r,n,o)}))),ne(a),l}fe(g,"htmx:abort")}var E=new XMLHttpRequest;f.xhr=E,f.abortable=x;var S=function(){f.xhr=null,f.abortable=!1,null!=f.queuedRequests&&f.queuedRequests.length>0&&f.queuedRequests.shift()()},_=re(r,"hx-prompt");if(_){var C=prompt(_);if(null===C||!fe(r,"htmx:prompt",{prompt:C,target:c}))return ne(a),S(),l}var R=re(r,"hx-confirm");if(R&&!confirm(R))return ne(a),S(),l;var T=sr(r,c,C);o.headers&&(T=se(T,o.headers));var A=nr(r,e),O=A.errors,q=A.values;o.values&&(q=se(q,o.values));var L=se(q,xr(r)),H=lr(L,r);"get"===e||cr(r)||(T["Content-Type"]="application/x-www-form-urlencoded"),Y.config.getCacheBusterParam&&"get"===e&&(H["org.htmx.cache-buster"]=Q(c,"id")||"true"),null!=t&&""!==t||(t=te().location.href);var k=dr(r,"hx-request"),N=ie(r).boosted,I=Y.config.methodsThatUseUrlParams.indexOf(e)>=0,M={boosted:N,useUrlParams:I,parameters:H,unfilteredParameters:L,headers:T,target:c,verb:e,errors:O,withCredentials:o.credentials||k.credentials||Y.config.withCredentials,timeout:o.timeout||k.timeout||Y.config.timeout,path:t,triggeringEvent:n};if(!fe(r,"htmx:configRequest",M))return ne(a),S(),l;if(t=M.path,e=M.verb,T=M.headers,H=M.parameters,I=M.useUrlParams,(O=M.errors)&&O.length>0)return fe(r,"htmx:validation:halted",M),ne(a),S(),l;var P=t.split("#"),D=P[0],F=P[1],X=t;if(I&&(X=D,0!==Object.keys(H).length&&(X.indexOf("?")<0?X+="?":X+="&",X+=ar(H),F&&(X+="#"+F))),!Er(r,X,M))return ue(r,"htmx:invalidPath",M),ne(s),l;if(E.open(e.toUpperCase(),X,!0),E.overrideMimeType("text/html"),E.withCredentials=M.withCredentials,E.timeout=M.timeout,k.noHeaders);else for(var B in T)if(T.hasOwnProperty(B)){var U=T[B];yr(E,B,U)}var W={xhr:E,target:c,requestConfig:M,etc:o,boosted:N,pathInfo:{requestPath:t,finalRequestPath:X,anchor:F}};if(E.onload=function(){try{var e=Sr(r);if(W.pathInfo.responsePath=br(E),u(r,W),Kt(j,V),fe(r,"htmx:afterRequest",W),fe(r,"htmx:afterOnLoad",W),!oe(r)){for(var t=null;e.length>0&&null==t;){var n=e.shift();oe(n)&&(t=n)}t&&(fe(t,"htmx:afterRequest",W),fe(t,"htmx:afterOnLoad",W))}ne(a),S()}catch(e){throw ue(r,"htmx:onLoadError",se({error:e},W)),e}},E.onerror=function(){Kt(j,V),ue(r,"htmx:afterRequest",W),ue(r,"htmx:sendError",W),ne(s),S()},E.onabort=function(){Kt(j,V),ue(r,"htmx:afterRequest",W),ue(r,"htmx:sendAbort",W),ne(s),S()},E.ontimeout=function(){Kt(j,V),ue(r,"htmx:afterRequest",W),ue(r,"htmx:timeout",W),ne(s),S()},!fe(r,"htmx:beforeRequest",W))return ne(a),S(),l;var j=Jt(r),V=Zt(r);ae(["loadstart","loadend","progress","abort"],(function(e){ae([E,E.upload],(function(t){t.addEventListener(e,(function(t){fe(r,"htmx:xhr:"+e,{lengthComputable:t.lengthComputable,loaded:t.loaded,total:t.total})}))}))})),fe(r,"htmx:beforeSend",W);var z=I?null:hr(E,r,H);return E.send(z),l}function Cr(e,t){var r=t.xhr,n=null,o=null;if(R(r,/HX-Push:/i)?(n=r.getResponseHeader("HX-Push"),o="push"):R(r,/HX-Push-Url:/i)?(n=r.getResponseHeader("HX-Push-Url"),o="push"):R(r,/HX-Replace-Url:/i)&&(n=r.getResponseHeader("HX-Replace-Url"),o="replace"),n)return"false"===n?{}:{type:o,path:n};var i=t.pathInfo.finalRequestPath,a=t.pathInfo.responsePath,s=re(e,"hx-push-url"),l=re(e,"hx-replace-url"),u=ie(e).boosted,c=null,f=null;return s?(c="push",f=s):l?(c="replace",f=l):u&&(c="push",f=a||i),f?"false"===f?{}:("true"===f&&(f=a||i),t.pathInfo.anchor&&-1===f.indexOf("#")&&(f=f+"#"+t.pathInfo.anchor),{type:c,path:f}):{}}function Tr(e,t){var r=t.xhr,n=t.target,o=t.etc;if(t.requestConfig,fe(e,"htmx:beforeOnLoad",t)){if(R(r,/HX-Trigger:/i)&&Ue(r,"HX-Trigger",e),R(r,/HX-Location:/i)){jt();var i=r.getResponseHeader("HX-Location");return 0===i.indexOf("{")&&(d=S(i),i=d.path,delete d.path),void wr("GET",i,d).then((function(){_t(i)}))}var a=R(r,/HX-Refresh:/i)&&"true"===r.getResponseHeader("HX-Refresh");if(R(r,/HX-Redirect:/i))return location.href=r.getResponseHeader("HX-Redirect"),void(a&&location.reload());if(a)location.reload();else{R(r,/HX-Retarget:/i)&&(t.target=te().querySelector(r.getResponseHeader("HX-Retarget")));var s=Cr(e,t),l=r.status>=200&&r.status<400&&204!==r.status,u=r.response,c=r.status>=400,f=Y.config.ignoreTitle,h=se({shouldSwap:l,serverResponse:u,isError:c,ignoreTitle:f},t);if(fe(n,"htmx:beforeSwap",h)){if(n=h.target,u=h.serverResponse,c=h.isError,f=h.ignoreTitle,t.target=n,t.failed=c,t.successful=!c,h.shouldSwap){286===r.status&&Ke(e),C(e,(function(t){u=t.transformResponse(u,r,e)})),s.type&&jt();var d,v=o.swapOverride;R(r,/HX-Reswap:/i)&&(v=r.getResponseHeader("HX-Reswap")),(d=fr(e,v)).hasOwnProperty("ignoreTitle")&&(f=d.ignoreTitle),n.classList.add(Y.config.swappingClass);var g=null,p=null,m=function(){try{var o,i=document.activeElement,a={};try{a={elt:i,start:i?i.selectionStart:null,end:i?i.selectionEnd:null}}catch(i){}R(r,/HX-Reselect:/i)&&(o=r.getResponseHeader("HX-Reselect"));var l=T(n);if(Fe(d.swapStyle,n,e,u,l,o),a.elt&&!oe(a.elt)&&Q(a.elt,"id")){var c=document.getElementById(Q(a.elt,"id")),h={preventScroll:void 0!==d.focusScroll?!d.focusScroll:!Y.config.defaultFocusScroll};if(c){if(a.start&&c.setSelectionRange)try{c.setSelectionRange(a.start,a.end)}catch(i){}c.focus(h)}}if(n.classList.remove(Y.config.swappingClass),ae(l.elts,(function(e){e.classList&&e.classList.add(Y.config.settlingClass),fe(e,"htmx:afterSwap",t)})),R(r,/HX-Trigger-After-Swap:/i)){var v=e;oe(e)||(v=te().body),Ue(r,"HX-Trigger-After-Swap",v)}var m=function(){if(ae(l.tasks,(function(e){e.call()})),ae(l.elts,(function(e){e.classList&&e.classList.remove(Y.config.settlingClass),fe(e,"htmx:afterSettle",t)})),s.type&&("push"===s.type?(_t(s.path),fe(te().body,"htmx:pushedIntoHistory",{path:s.path})):(zt(s.path),fe(te().body,"htmx:replacedInHistory",{path:s.path}))),t.pathInfo.anchor){var n=E("#"+t.pathInfo.anchor);n&&n.scrollIntoView({block:"start",behavior:"auto"})}if(l.title&&!f){var o=E("title");o?o.innerHTML=l.title:window.document.title=l.title}if(vr(l.elts,d),R(r,/HX-Trigger-After-Settle:/i)){var i=e;oe(e)||(i=te().body),Ue(r,"HX-Trigger-After-Settle",i)}ne(g)};d.settleDelay>0?setTimeout(m,d.settleDelay):m()}catch(i){throw ue(e,"htmx:swapError",t),ne(p),i}},x=Y.config.globalViewTransitions;if(d.hasOwnProperty("transition")&&(x=d.transition),x&&fe(e,"htmx:beforeTransition",t)&&"undefined"!=typeof Promise&&document.startViewTransition){var b=new Promise((function(e,t){g=e,p=t})),y=m;m=function(){document.startViewTransition((function(){return y(),b}))}}d.swapDelay>0?setTimeout(m,d.swapDelay):m()}c&&ue(e,"htmx:responseError",se({error:"Response Status Error Code "+r.status+" from "+t.pathInfo.requestPath},t))}}}}var Rr={};function Or(){return{init:function(e){return null},onEvent:function(e,t){return!0},transformResponse:function(e,t,r){return e},isInlineSwap:function(e){return!1},handleSwap:function(e,t,r,n){return!1},encodeParameters:function(e,t,r){return null}}}function qr(e,t){t.init&&t.init(r),Rr[e]=se(Or(),t)}function Hr(e){delete Rr[e]}function Lr(e,t,r){if(null==e)return t;null==t&&(t=[]),null==r&&(r=[]);var n=ee(e,"hx-ext");return n&&ae(n.split(","),(function(e){if("ignore:"!=(e=e.replace(/ /g,"")).slice(0,7)){if(r.indexOf(e)<0){var n=Rr[e];n&&t.indexOf(n)<0&&t.push(n)}}else r.push(e.slice(7))})),Lr(u(e),t,r)}var Ar=!1;function Nr(e){Ar||"complete"===te().readyState?e():te().addEventListener("DOMContentLoaded",e)}function Ir(){!1!==Y.config.includeIndicatorStyles&&te().head.insertAdjacentHTML("beforeend","<style>                      ."+Y.config.indicatorClass+"{opacity:0;transition: opacity 200ms ease-in;}                      ."+Y.config.requestClass+" ."+Y.config.indicatorClass+"{opacity:1}                      ."+Y.config.requestClass+"."+Y.config.indicatorClass+"{opacity:1}                    </style>")}function Pr(){var e=te().querySelector('meta[name="htmx-config"]');return e?S(e.content):null}function kr(){var e=Pr();e&&(Y.config=se(Y.config,e))}return te().addEventListener("DOMContentLoaded",(function(){Ar=!0})),Nr((function(){kr(),Ir();var e=te().body;Pt(e);var t=te().querySelectorAll("[hx-trigger='restored'],[data-hx-trigger='restored']");e.addEventListener("htmx:abort",(function(e){var t=ie(e.target);t&&t.xhr&&t.xhr.abort()}));var r=window.onpopstate;window.onpopstate=function(e){e.state&&e.state.htmx?(Gt(),ae(t,(function(e){fe(e,"htmx:restored",{document:te(),triggerEvent:fe})}))):r&&r(e)},setTimeout((function(){fe(e,"htmx:load",{}),e=null}),0)})),Y}()},__WEBPACK_AMD_DEFINE_ARRAY__=[],void 0===(__WEBPACK_AMD_DEFINE_RESULT__="function"==typeof(__WEBPACK_AMD_DEFINE_FACTORY__=t)?__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports,__WEBPACK_AMD_DEFINE_ARRAY__):__WEBPACK_AMD_DEFINE_FACTORY__)||(module.exports=__WEBPACK_AMD_DEFINE_RESULT__)}},__webpack_module_cache__={};function __webpack_require__(e){var t=__webpack_module_cache__[e];if(void 0!==t)return t.exports;var r=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e].call(r.exports,r,r.exports,__webpack_require__),r.exports}var __webpack_exports__={};(()=>{"use strict";var e=__webpack_require__(28),t=__webpack_require__(957);t.init(e),t.handlers.set("/clicked",'<button hx-get="/clicked2" hx-swap="outerHTML" hx-ext="serverless">\n        Hey!\n    </button>'),t.handlers.set("/clicked2",'<button hx-get="/clicked3" hx-swap="outerHTML" hx-ext="serverless">\n        Okay then!\n    </button>'),t.handlers.set("/clicked3",'<button hx-get="/clicked4" hx-swap="outerHTML" hx-ext="serverless">\n        Stop it now.\n    </button>'),t.handlers.set("/clicked4",'<button hx-get="/clicked5" hx-swap="outerHTML" hx-ext="serverless">\n        Just stop pls..\n    </button>'),t.handlers.set("/clicked5",'<button hx-get="/clicked6" hx-swap="outerHTML" hx-ext="serverless">\n        Sus.\n    </button>'),t.handlers.set("/clicked6",'<button hx-get="/clicked" hx-swap="outerHTML" hx-ext="serverless">\n        I\'m done.\n    </button>')})()})();
\ No newline at end of file
diff --git a/dist/style.css b/dist/style.css
index 4acaa53..4e2afc0 100644
--- a/dist/style.css
+++ b/dist/style.css
@@ -1 +1 @@
-:root{--color-pink:#e62ac6;--color-pink-opaque:rgba(230,42,198,.6);--color-bg:#0f0020;--color-bg-footer:#080007;--color-text:#f1f1f1;--color-anchor:#e72c4b;--color-project-bg:hsla(0,0%,7%,.4);--color-project-bg-hover:hsla(0,0%,7%,.8);--color-pre:rgba(22,27,34,.4);--wrapper-width:1280px;--project-gap:2rem;--project-min-width:380px;--project-columns:3}html{font-family:Roboto,Arial,sans-serif}body{background:var(--color-bg);color:var(--color-text);margin:0}h1,h2{--color:var(--color-pink);font-size:2.4rem;text-shadow:0 2px 1px var(--color-pink);transition:all .3s}h1:hover{text-shadow:0 5px 10px var(--color-pink)}h2{font-size:1.5rem;text-shadow:0 1px 1px var(--color-pink)}p,ul li{font-size:1rem;line-height:1.6rem;text-shadow:0 1px 0 var(--color-pink-opaque)}ul li{line-height:1.8rem}pre{background:var(--color-pre);display:inline;padding:6px 12px}a{color:var(--color-anchor);text-decoration:none;text-shadow:none;transition:color .15s}a:hover{color:var(--color-pink)}a.title{color:#fff}.wrapper{max-width:var(--wrapper-width)}main{align-items:center;background-image:url(../img/ernest-marcinko-pixelated-opaque.png);background-position-x:center;background-position-y:40px;background-repeat:no-repeat;background-size:auto;display:flex;flex-direction:column;margin:0 auto 5rem;padding:24px}section{width:100%}section.intro{margin:10rem auto;text-align:center}.socials a svg path{fill:#fff;transition:fill .2s}.socials a:hover svg path{fill:var(--color-pink)}.socials{gap:18px}.flexy,.socials{display:flex;justify-content:center}.flexy{flex-wrap:wrap;gap:2rem;width:100%}.projects .project{background:var(--color-project-bg);border-radius:4px;box-shadow:0 0 2px 1px var(--color-pink);box-sizing:border-box;max-width:calc(100%/var(--project-columns) - (var(--project-columns) - 1)*var(--project-gap)/var(--project-columns));min-width:var(--project-min-width);padding:8px 24px;transition:all .3s;width:100%}.projects .project.active,.projects .project:hover{background:var(--color-project-bg-hover);box-shadow:0 0 20px 4px var(--color-pink)}.projects .project .title{align-items:center;display:flex;gap:1rem}.projects .project img{border-radius:32px;height:64px;width:64px}footer{background:var(--color-bg-footer);margin:none;overflow:auto;padding:24px}.footer-container{margin:0 auto}footer .row{max-width:480px}@media only screen and (max-width:480px){main{background-position-x:center;background-position-y:40px}.projects .project{min-width:320px}.footer-container{justify-content:left}}
\ No newline at end of file
+:root{--color-pink:#e62ac6;--color-pink-opaque:rgba(230,42,198,.6);--color-bg:#0f0020;--color-bg-footer:#080007;--color-text:#f1f1f1;--color-anchor:#e72c4b;--color-project-bg:hsla(0,0%,7%,.4);--color-project-bg-hover:hsla(0,0%,7%,.8);--color-pre:rgba(22,27,34,.4);--wrapper-width:1280px;--project-gap:2rem;--project-min-width:380px;--project-columns:3}html{font-family:Roboto,Arial,sans-serif}body{background:var(--color-bg);color:var(--color-text);margin:0}h1,h2{--color:var(--color-pink);font-size:2.4rem;text-shadow:0 2px 1px var(--color-pink);transition:all .3s}h1:hover{text-shadow:0 5px 10px var(--color-pink)}h2{font-size:1.5rem;text-shadow:0 1px 1px var(--color-pink)}p,ul li{font-size:1rem;line-height:1.6rem;text-shadow:0 1px 0 var(--color-pink-opaque)}ul li{line-height:1.8rem}pre{background:var(--color-pre);display:inline;padding:6px 12px}a{color:var(--color-anchor);text-decoration:none;text-shadow:none;transition:color .15s}a:hover{color:var(--color-pink)}a.title{color:#fff}.wrapper{max-width:var(--wrapper-width)}main{align-items:center;background-image:url(../img/ernest-marcinko-pixelated-opaque.png);background-position-x:center;background-position-y:40px;background-repeat:no-repeat;background-size:auto;display:flex;flex-direction:column;margin:0 auto 5rem;padding:24px}section{width:100%}section.intro{margin:10rem auto;text-align:center}section.htmx-serverless{background:#000000a8;max-width:640px}.socials a svg path{fill:#fff;transition:fill .2s}.socials a:hover svg path{fill:var(--color-pink)}.socials{display:flex;gap:18px;justify-content:center}section.htmx-serverless button{background:#1585ef;border:none;border-radius:2em;color:#fff;cursor:pointer;font-size:1em;font-weight:700;padding:1em 2em}.flexy{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}.projects .project{background:var(--color-project-bg);border-radius:4px;box-shadow:0 0 2px 1px var(--color-pink);box-sizing:border-box;max-width:calc(100%/var(--project-columns) - (var(--project-columns) - 1)*var(--project-gap)/var(--project-columns));min-width:var(--project-min-width);padding:8px 24px;transition:all .3s;width:100%}.projects .project.active,.projects .project:hover{background:var(--color-project-bg-hover);box-shadow:0 0 20px 4px var(--color-pink)}.projects .project .title{align-items:center;display:flex;gap:1rem}.projects .project img{border-radius:32px;height:64px;width:64px}footer{background:var(--color-bg-footer);margin:none;overflow:auto;padding:24px}.footer-container{margin:0 auto}footer .row{max-width:480px}@media only screen and (max-width:480px){main{background-position-x:center;background-position-y:40px}.projects .project{min-width:320px}.footer-container{justify-content:left}}
\ No newline at end of file
diff --git a/package.json b/package.json
index a308dc0..9ca5296 100644
--- a/package.json
+++ b/package.json
@@ -28,6 +28,8 @@
     "cssnano": "^6.0.1",
     "esc": "^0.0.3",
     "flappybird-ts": "^0.1.2",
+    "htmx.org": "^1.9.6",
+    "htmx-serverless": "^0.1.5",
     "nodemon": "^2.0.22",
     "postcss": "^8.4.23",
     "webpack": "^5.84.0",
diff --git a/server.js b/server.js
index 5d5b17e..f48a1fb 100644
--- a/server.js
+++ b/server.js
@@ -34,6 +34,16 @@ app.get('/typewriter', function(req, res) {
     });
 });
 
+app.get('/htmx-serverless', function(req, res) {
+    var att = {
+        title: 'HTMX without a Server',
+        description: 'HTMX Serverless is a small addon to define static HTMX request and responses without a Server'
+    };
+    res.render('pages/htmx-serverless',{
+        att: att,
+    });
+});
+
 app.get('/flappybird', function(req, res) {
     var att = {
         title: 'Flappy Bird in TypeScript by Ernest Marcinko',
@@ -58,6 +68,8 @@ app.get('/sitemap.xml', async function(req, res) {
 
         smstream.write({ url: '/', changefreq: 'monthly', priority: 1});
         smstream.write({ url: '/typewriter', changefreq: 'monthly', priority: 0.6});
+        smstream.write({ url: '/flappybird', changefreq: 'monthly', priority: 0.6});
+        smstream.write({ url: '/htmx-serverless', changefreq: 'monthly', priority: 0.6});
         smstream.write({ url: '/aicookieclicker', changefreq: 'monthly', priority: 0.6});
 
         // cache the response
diff --git a/src/htmx-serverless.js b/src/htmx-serverless.js
new file mode 100644
index 0000000..8374122
--- /dev/null
+++ b/src/htmx-serverless.js
@@ -0,0 +1,35 @@
+import htmx from "htmx.org";
+import htmxServerless from "htmx-serverless";
+
+htmxServerless.init(htmx);
+
+htmxServerless.handlers.set('/clicked', 
+    `<button hx-get="/clicked2" hx-swap="outerHTML" hx-ext="serverless">
+        Hey!
+    </button>`
+);
+htmxServerless.handlers.set('/clicked2', 
+    `<button hx-get="/clicked3" hx-swap="outerHTML" hx-ext="serverless">
+        Okay then!
+    </button>`
+);
+htmxServerless.handlers.set('/clicked3', 
+    `<button hx-get="/clicked4" hx-swap="outerHTML" hx-ext="serverless">
+        Stop it now.
+    </button>`
+);
+htmxServerless.handlers.set('/clicked4', 
+    `<button hx-get="/clicked5" hx-swap="outerHTML" hx-ext="serverless">
+        Just stop pls..
+    </button>`
+);
+htmxServerless.handlers.set('/clicked5', 
+    `<button hx-get="/clicked6" hx-swap="outerHTML" hx-ext="serverless">
+        Sus.
+    </button>`
+);
+htmxServerless.handlers.set('/clicked6', 
+    `<button hx-get="/clicked" hx-swap="outerHTML" hx-ext="serverless">
+        I'm done.
+    </button>`
+);
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
index 2769a8d..8054bad 100644
--- a/src/style.css
+++ b/src/style.css
@@ -98,6 +98,11 @@ section.intro {
     margin: 10rem auto;
 }
 
+section.htmx-serverless {
+    background: #000000a8;
+    max-width: 640px;;
+}
+
 .socials a svg path {
     fill: white;
     transition: fill 0.2s;
@@ -113,6 +118,17 @@ section.intro {
     justify-content: center;
 }
 
+section.htmx-serverless button {
+    padding: 1em 2em;
+    color: white;
+    background: #1585ef;
+    border: none;
+    border-radius: 2em;
+    cursor: pointer;
+    font-size: 1em;
+    font-weight: 700;
+}
+
 .flexy {
     display: flex;
     flex-wrap: wrap;
diff --git a/src/tt.js b/src/tt.js
new file mode 100644
index 0000000..6f60287
--- /dev/null
+++ b/src/tt.js
@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t();else if("function"==typeof define&&define.amd)define([],t);else{var n=t();for(var o in n)("object"==typeof exports?exports:e)[o]=n[o]}}(window,(()=>(()=>{"use strict";var e={967:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(e){this.handlers=new Map,this.init(e)}init(e){null==e||e.defineExtension("serverless",{onEvent:this.onEvent.bind(this),transformResponse:this.transformResponse.bind(this)})}onEvent(e,t){var n,o,i;if(void 0!==t.detail.xhr&&this.shouldIntercept(null===(i=null===(o=null===(n=null==t?void 0:t.detail)||void 0===n?void 0:n.elt)||void 0===o?void 0:o["htmx-internal-data"])||void 0===i?void 0:i.path))if("htmx:beforeSend"===e){const e=t.detail.xhr;e.send=()=>{e.dispatchEvent(new Event("loadstart")),e.dispatchEvent(new Event("load")),e.dispatchEvent(new Event("loadend")),e.readyState,XMLHttpRequest.DONE}}else"htmx:beforeSwap"===e&&(t.detail.shouldSwap=!0)}transformResponse(e,t,n){var o,i;return this.shouldIntercept(null===(o=null==n?void 0:n["htmx-internal-data"])||void 0===o?void 0:o.path)?this.handlers.get(null===(i=null==n?void 0:n["htmx-internal-data"])||void 0===i?void 0:i.path):e}shouldIntercept(e){return e=null!=e?e:"",this.handlers.has(e)}}},607:function(e,t,n){var o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const i=new(o(n(967)).default)(window.htmx);window.htmxServerless=i,t.default=function(){return!1}}},t={},n=function n(o){var i=t[o];if(void 0!==i)return i.exports;var r=t[o]={exports:{}};return e[o].call(r.exports,r,r.exports,n),r.exports}(607);return n.default})()));
\ No newline at end of file
diff --git a/views/pages/flappybird.ejs b/views/pages/flappybird.ejs
index ab83982..993c42c 100644
--- a/views/pages/flappybird.ejs
+++ b/views/pages/flappybird.ejs
@@ -8,7 +8,7 @@
         <section class="intro" style="width:auto">
             <h1 id="tw1">Flappy Bird TS</h1>
             <p>You can integrate this Flappy Bird game to your project</p>
-            <p><a href='https://youtu.be/3HwsIWoDhrU'>YouTube Video</a> | <a href='https://github.com/anag0/flappybird'>Github repository</a> | <a href="https://www.npmjs.com/package/flappybird-ts">npm</a></p>
+            <p><a href='https://youtu.be/3HwsIWoDhrU'>YouTube Video</a> | <a href='https://github.com/ernestmarcinko/flappybird'>Github repository</a> | <a href="https://www.npmjs.com/package/flappybird-ts">npm</a></p>
             <pre>npm i flappybird-ts --save-dev</pre>
             <p><canvas id="game"></canvas></p>
             <p><a href='../'><< Back Home</a></p>
diff --git a/views/pages/htmx-serverless.ejs b/views/pages/htmx-serverless.ejs
new file mode 100644
index 0000000..bfe5d11
--- /dev/null
+++ b/views/pages/htmx-serverless.ejs
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <%- include('../parts/head'); %>
+    <script src="/dist/htmx-serverless.js"></script>
+</head>
+<body>
+    <main class="wrapper" role="main">
+        <section class="intro htmx-serverless">
+            <h1 id="tw1">HTMX Serverless</h1>
+            <p>
+                <h3>Click the button to do things</h3>
+                <button hx-get="/clicked" hx-swap="outerHTML" hx-ext="serverless">
+                    Click to change the buttons!
+                </button>
+                <p>The button changes via HTMX without server queries.</p>
+                <p><a href='https://github.com/ernestmarcinko/htmx-serverless'>Github repository</a> | <a href="https://www.npmjs.com/package/htmx-serverless">npm</a></p>
+
+            </p>
+        </section>
+        <section style="max-width: 640px;">
+            <h2>HTMX boosted</h2>
+            <p>
+                HTMX without a server? Yes, it is possible! Although HTMX is designed focusing on server-client connections,
+                in some cases it is convenient to define static responses to certain requests.
+            </p>
+            <p>
+                This is what the <a href="https://github.com/ernestmarcinko/htmx-serverless">htmx-serverless</a> library can do.
+            </p>
+            <p><a href='../'><< Back Home</a></p>
+        </section>
+    </main>
+    
+    <%- include('../parts/footer'); %>
+</body>
+</html>
\ No newline at end of file
diff --git a/views/pages/index.ejs b/views/pages/index.ejs
index a0187f0..0ff7235 100644
--- a/views/pages/index.ejs
+++ b/views/pages/index.ejs
@@ -17,7 +17,7 @@
                             c0-3.774,3.982-6.22,7.348-4.514l126.06,63.881C304.363,229.873,304.298,235.248,300.506,237.056z"/>
                     </svg>
                 </a>
-                <a target="_blank" href="https://github.com/anag0" title="Github" aria-label="Github">
+                <a target="_blank" href="https://github.com/ernestmarcinko" title="Github" aria-label="Github">
                     <svg id="github" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 1024 1024" fill="none">
                         <path fill-rule="evenodd" clip-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" transform="scale(64)" fill="#1B1F23"/>
                     </svg>
@@ -31,6 +31,18 @@
             </p>
         </section>
         <section class="projects flexy">
+            <div class="project">
+                <a class="title" href="/htmx-serverless/">
+                    <h2>HTMX without a Server</h2>
+                </a>            
+                <p>The HTMX Serverless extensions adds a quick way to bypass certain requests.</p>
+                <p>With HTMX Serverless you can define your own responses on the frontend based on the request path.</p>
+                <ul>
+                    <li><a href='/htmx-serverless/'>Examle</a></li>
+                    <li><a href='https://github.com/ernestmarcinko/htmx-serverless' target="_blank">Github Repository</a></li>
+                    <li><a href='https://www.npmjs.com/package/htmx-serverless' target="_blank">npm Repository</a></li>
+                </ul>
+            </div>
             <div class="project">
                 <a class="title" href="/flappybird/">
                     <h2>Flappy Bird in TypeScript</h2>
@@ -40,7 +52,7 @@
                 <ul>
                     <li><a href='/flappybird/'>Play</a></li>
                     <li><a href='https://youtu.be/3HwsIWoDhrU'>YouTube Video</a></li>
-                    <li><a href='https://github.com/anag0/flappybird' target="_blank">Github Repository</a></li>
+                    <li><a href='https://github.com/ernestmarcinko/flappybird' target="_blank">Github Repository</a></li>
                     <li><a href='https://www.npmjs.com/package/flappybird-ts' target="_blank">npm Repository</a></li>
                 </ul>
             </div>
@@ -53,7 +65,7 @@
                 <p>Syntactically indentical to <strong>jQuery</strong>, but much smaller with only the essential features.</p>
                 <ul>
                     <li><a href='https://dominijs.com/' target="_blank">DoMini website</a></li>
-                    <li><a href='https://github.com/anag0/domini' target="_blank">Github Repository</a></li>
+                    <li><a href='https://github.com/ernestmarcinko/domini' target="_blank">Github Repository</a></li>
                     <li><a href='https://www.npmjs.com/package/domini' target="_blank">npm Repository</a></li>
                 </ul>
             </div>
@@ -64,7 +76,7 @@
                 <p>Using a javascript neural network (brain.js) to play Cookie Clicker, also experimenting with a Genetic alrorithm.</p>
                 <ul>
                     <li><a href='https://youtu.be/NdJI9k5WRao'>Youtube Video</a></li>
-                    <li><a href='https://github.com/anag0/cookieclicker'>Github Repository</a></li>
+                    <li><a href='https://github.com/ernestmarcinko/cookieclicker'>Github Repository</a></li>
                     <li><a href='https://brain.js.org/'>Brain.js</a> neural network for javascript</li>
                     <li><a href='https://www.thisdot.co/blog/quick-intro-to-genetic-algorithms-with-a-javascript-example'>Awesome Genetic algorithm tutorial</a> for javascript</li>
                 </ul>
@@ -77,7 +89,7 @@
                 <ul>
                     <li><a href='https://youtu.be/SKs-_MSlSsE'>Youtube Video</a></li>
                     <li><a href='https://ernestmarcinko.com/typewriter/'>Live Example</a></li>
-                    <li><a href='https://github.com/anag0/typewriter'>Github Repository</a></li>
+                    <li><a href='https://github.com/ernestmarcinko/typewriter'>Github Repository</a></li>
                     <li><a href='https://www.npmjs.com/package/@anag0/typewriter'>npm Repository</a></li>
                 </ul>
             </div>
@@ -102,11 +114,11 @@
                 </ul>
             </div>
             <div class="project">
-                <a class="title" href="https://github.com/anag0/ernestmarcinko.com">
+                <a class="title" href="https://github.com/ernestmarcinko/ernestmarcinko.com">
                     <h2>This website</h2>
                 </a>            
                 <p>It's a work of art, I know.</p>
-                <p>Feel free to use this as you template, the full site source can be found in the <a target="_blank" href='https://github.com/anag0/ernestmarcinko.com'>Github Repository</a></p>
+                <p>Feel free to use this as you template, the full site source can be found in the <a target="_blank" href='https://github.com/ernestmarcinko/ernestmarcinko.com'>Github Repository</a></p>
                 <p>Don't forget to remove or replace the Google Tag Manager codes in the index.html file</p>
             </div>
         </section>
diff --git a/views/pages/typewriter.ejs b/views/pages/typewriter.ejs
index 1413df0..829e5d9 100644
--- a/views/pages/typewriter.ejs
+++ b/views/pages/typewriter.ejs
@@ -9,7 +9,7 @@
             <h1 id="tw1">Native javascript TypeWriter</h1>
             <p>This is a simple, small (~2.3kB) yet powerful TypeWriter effect written in native javascript.</p>
             <p>It can write, delete, clear, pause, can chain and also has events and many more.</p>
-            <p><a href='https://github.com/anag0/typewriter'>Github repository</a> | <a href="https://youtu.be/SKs-_MSlSsE">YouTube Video</a> | <a href="https://www.npmjs.com/package/@anag0/typewriter">npm</a></p>
+            <p><a href='https://github.com/ernestmarcinko/typewriter'>Github repository</a> | <a href="https://youtu.be/SKs-_MSlSsE">YouTube Video</a> | <a href="https://www.npmjs.com/package/@anag0/typewriter">npm</a></p>
             <pre>npm i @anag0/typewriter --save-dev</pre>
         </section>
         <section>
diff --git a/views/parts/footer.ejs b/views/parts/footer.ejs
index 888b187..d0e5a4f 100644
--- a/views/parts/footer.ejs
+++ b/views/parts/footer.ejs
@@ -6,14 +6,14 @@
             <p>Most of the time I work on my products, sometimes I create educational style YouTube videos for fun.</p>
             <p>This site was built with <strong>node.js</strong>,
                 the complete source is available in the 
-                <a target="_blank" href="https://github.com/anag0/ernestmarcinko.com" title="Github for site source" aria-label="Github">github repository</a>.</p>
+                <a target="_blank" href="https://github.com/ernestmarcinko/ernestmarcinko.com" title="Github for site source" aria-label="Github">github repository</a>.</p>
         </div>
         <div class="row">
             <h2>My socials</h2>
             <ul class="socials-list">
                 <li><a target="_blank" href="https://www.youtube.com/@ernestmarcinko/" title="Ernest Marcinko's Youtube Channel" aria-label="Youtube">YouTube</a></li>
                 <li><a target="_blank" href="https://twitter.com/ernest_marcinko" title="Ernest Marcinko's Twitter" aria-label="Twitter">Twitter</a></li>
-                <li><a target="_blank" href="https://github.com/anag0" title="Github" aria-label="Ernest Marcinko's Github">Github</a></li>
+                <li><a target="_blank" href="https://github.com/ernestmarcinko" title="Github" aria-label="Ernest Marcinko's Github">Github</a></li>
                 <li><a target="_blank" href="https://instagram.com/ernestmarcinko" title="Instagram" aria-label="Ernest Marcinko's Instagram">Instagram</a></li>
             </ul>
         </div>
diff --git a/webpack.config.js b/webpack.config.js
index 59faccb..8d43ea8 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -40,5 +40,12 @@ export default [{
     path: path.resolve(__dirname, 'dist'),
     filename: 'flappybird.js',
   },
+},
+{
+  entry: './src/htmx-serverless.js',
+  output: {
+    path: path.resolve(__dirname, 'dist'),
+    filename: 'htmx-serverless.js',
+  },
 }
 ];
\ No newline at end of file