firebase deploy

.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,2 @@
+bundle.js,1604323381767,974033ec3ca0c3ac4f403e204c49eea929bf1a33cd1506ae97e8c1c7b4363974
+index.html,1604323381767,93d54e472400d4602a98046f7b6079317e1b195a1049bdad237fa419cda8a810

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "javascript-constructor-e6864"
+  }
+}

dist/bundle.js

@@ -1 +1 @@
-(()=>{"use strict";var e,t,n,r={756:(e,t,n)=>{n.d(t,{Z:()=>i});var r=n(645),o=n.n(r)()((function(e){return e[1]}));o.push([e.id,"#app {\n  position: relative;\n}\n\n.content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 200px;\n}\n\n.sidebar {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 200px;\n  z-index: 100;\n  padding: 10px;\n  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);\n  overflow-y: auto;\n}\n",""]);const i=o},645:e=>{e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=e(t);return t[2]?"@media ".concat(t[2]," {").concat(n,"}"):n})).join("")},t.i=function(e,n,r){"string"==typeof e&&(e=[[null,e,""]]);var o={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(o[a]=!0)}for(var s=0;s<e.length;s++){var c=[].concat(e[s]);r&&o[c[0]]||(n&&(c[2]?c[2]="".concat(n," and ").concat(c[2]):c[2]=n),t.push(c))}},t}},379:(e,t,n)=>{var r,o=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}(),i=[];function a(e){for(var t=-1,n=0;n<i.length;n++)if(i[n].identifier===e){t=n;break}return t}function s(e,t){for(var n={},r=[],o=0;o<e.length;o++){var s=e[o],c=t.base?s[0]+t.base:s[0],l=n[c]||0,u="".concat(c," ").concat(l);n[c]=l+1;var d=a(u),f={css:s[1],media:s[2],sourceMap:s[3]};-1!==d?(i[d].references++,i[d].updater(f)):i.push({identifier:u,updater:h(f,t),references:1}),r.push(u)}return r}function c(e){var t=document.createElement("style"),r=e.attributes||{};if(void 0===r.nonce){var i=n.nc;i&&(r.nonce=i)}if(Object.keys(r).forEach((function(e){t.setAttribute(e,r[e])})),"function"==typeof e.insert)e.insert(t);else{var a=o(e.insert||"head");if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(t)}return t}var l,u=(l=[],function(e,t){return l[e]=t,l.filter(Boolean).join("\n")});function d(e,t,n,r){var o=n?"":r.media?"@media ".concat(r.media," {").concat(r.css,"}"):r.css;if(e.styleSheet)e.styleSheet.cssText=u(t,o);else{var i=document.createTextNode(o),a=e.childNodes;a[t]&&e.removeChild(a[t]),a.length?e.insertBefore(i,a[t]):e.appendChild(i)}}function f(e,t,n){var r=n.css,o=n.media,i=n.sourceMap;if(o?e.setAttribute("media",o):e.removeAttribute("media"),i&&"undefined"!=typeof btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(i))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var p=null,v=0;function h(e,t){var n,r,o;if(t.singleton){var i=v++;n=p||(p=c(t)),r=d.bind(null,n,i,!1),o=d.bind(null,n,i,!0)}else n=c(t),r=f.bind(null,n,t),o=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else o()}}e.exports=function(e,t){(t=t||{}).singleton||"boolean"==typeof t.singleton||(t.singleton=(void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r));var n=s(e=e||[],t);return function(e){if(e=e||[],"[object Array]"===Object.prototype.toString.call(e)){for(var r=0;r<n.length;r++){var o=a(n[r]);i[o].references--}for(var c=s(e,t),l=0;l<n.length;l++){var u=a(n[l]);0===i[u].references&&(i[u].updater(),i.splice(u,1))}n=c}}}}},o={};function i(e){if(o[e])return o[e].exports;var t=o[e]={id:e,exports:{}};return r[e](t,t.exports,i),t.exports}i.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return i.d(t,{a:t}),t},i.d=(e,t)=>{for(var n in t)i.o(t,n)&&!i.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e=i(379),t=i.n(e),n=i(756),t()(n.Z,{insert:"head",singleton:!1}),n.Z.locals,console.log([{type:"title",value:"Test title",options:{}},{type:"text",value:"Lorem ipsum dolor sit, amet consectetur adipisicing elit.",options:{}},{type:"textColumns",value:["text 1","text 2","text 3"],options:{}}])})();
+(()=>{"use strict";var n={756:(n,e,t)=>{t.d(e,{Z:()=>o});var i=t(645),a=t.n(i)()((function(n){return n[1]}));a.push([n.id,"#app {\n  position: relative;\n}\n\n.content {\n  position: absolute;\n  top: 0;\n  right: 0;\n  left: 200px;\n  background: linear-gradient(17deg, #d3d3d3, #696969),\n    linear-gradient(127deg, #d3d3d3, #bdbdbd),\n    linear-gradient(336deg, #9e9e9e, #7d7d7d);\n}\n\n.sidebar {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  width: 200px;\n  z-index: 100;\n  padding: 10px;\n  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);\n  overflow-y: auto;\n}\n\n#leaves {\n  position: absolute;\n  top: -50px;\n  width: 100%;\n  text-align: right;\n  z-index: 4000;\n}\n\n#leaves i {\n  display: inline-block;\n  width: 200px;\n  height: 150px;\n  background: linear-gradient(to bottom right, #309900, #005600);\n  transform: skew(20deg);\n  border-radius: 5% 40% 70%;\n  box-shadow: inset 0px 0px 1px #222;\n  border: 1px solid #333;\n  z-index: 1;\n  animation: falling 5s 0s infinite;\n}\n\n#leaves i:nth-of-type(2n) {\n  animation: falling2 5s 0s infinite;\n}\n#leaves i:nth-of-type(3n) {\n  animation: falling3 5s 0s infinite;\n}\n\n#leaves i:before {\n  position: absolute;\n  content: '';\n  top: 117px;\n  right: 9px;\n  height: 27px;\n  width: 32px;\n  transform: rotate(49deg);\n  border-radius: 0% 15% 15% 0%;\n  border-top: 1px solid #222;\n  border-bottom: 1px solid #222;\n  border-left: 0px solid #222;\n  border-right: 1px solid #222;\n  background: linear-gradient(to right, rgba(0, 100, 0, 1), #005600);\n  z-index: 1;\n}\n\n#leaves i:after {\n  content: '';\n  height: 125px;\n  width: 10px;\n  background: linear-gradient(to right, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0));\n  display: block;\n  transform: rotate(125deg);\n  position: absolute;\n  left: 85px;\n  border-radius: 50%;\n}\n\n#leaves i:nth-of-type(n) {\n  height: 23px;\n  width: 30px;\n}\n#leaves i:nth-of-type(n):before {\n  width: 7px;\n  height: 5px;\n  top: 17px;\n  right: 1px;\n}\n#leaves i:nth-of-type(n):after {\n  width: 2px;\n  height: 17px;\n  left: 12px;\n  top: 0px;\n}\n\n#leaves i:nth-of-type(2n + 1) {\n  height: 11px;\n  width: 16px;\n}\n#leaves i:nth-of-type(2n + 1):before {\n  width: 4px;\n  height: 3px;\n  top: 7px;\n  right: 0px;\n}\n#leaves i:nth-of-type(2n + 1):after {\n  width: 2px;\n  height: 6px;\n  left: 5px;\n  top: 1px;\n}\n\n#leaves i:nth-of-type(3n + 2) {\n  height: 17px;\n  width: 23px;\n}\n#leaves i:nth-of-type(3n + 2):before {\n  height: 4px;\n  width: 4px;\n  top: 12px;\n  right: 1px;\n}\n#leaves i:nth-of-type(3n + 2):after {\n  height: 10px;\n  width: 2px;\n  top: 1px;\n  left: 8px;\n}\n\n#leaves i:nth-of-type(n) {\n  animation-delay: 1.9s;\n}\n#leaves i:nth-of-type(2n) {\n  animation-delay: 3.9s;\n}\n#leaves i:nth-of-type(3n) {\n  animation-delay: 2.3s;\n}\n#leaves i:nth-of-type(4n) {\n  animation-delay: 4.4s;\n}\n#leaves i:nth-of-type(5n) {\n  animation-delay: 5s;\n}\n#leaves i:nth-of-type(6n) {\n  animation-delay: 3.5s;\n}\n#leaves i:nth-of-type(7n) {\n  animation-delay: 2.8s;\n}\n#leaves i:nth-of-type(8n) {\n  animation-delay: 1.5s;\n}\n#leaves i:nth-of-type(9n) {\n  animation-delay: 3.3s;\n}\n#leaves i:nth-of-type(10n) {\n  animation-delay: 2.5s;\n}\n#leaves i:nth-of-type(11n) {\n  animation-delay: 1.2s;\n}\n#leaves i:nth-of-type(12n) {\n  animation-delay: 4.1s;\n}\n#leaves i:nth-of-type(13n) {\n  animation-delay: 1s;\n}\n#leaves i:nth-of-type(14n) {\n  animation-delay: 4.7s;\n}\n#leaves i:nth-of-type(15n) {\n  animation-delay: 3s;\n}\n\n#leaves i:nth-of-type(n) {\n  background: linear-gradient(to bottom right, #309900, #005600);\n}\n#leaves i:nth-of-type(2n + 2) {\n  background: linear-gradient(to bottom right, #5e9900, #2b5600);\n}\n#leaves i:nth-of-type(4n + 1) {\n  background: linear-gradient(to bottom right, #990, #564500);\n}\n\n#leaves i:nth-of-type(n) {\n  opacity: 0.7;\n}\n#leaves i:nth-of-type(3n + 1) {\n  opacity: 0.5;\n}\n#leaves i:nth-of-type(3n + 2) {\n  opacity: 0.3;\n}\n\n#leaves i:nth-of-type(n) {\n  transform: rotate(180deg);\n}\n\n#leaves i:nth-of-type(n) {\n  animation-timing-function: ease-in-out;\n}\n\n@keyframes falling {\n  0% {\n    transform: translate3d(300, 0, 0) rotate(0deg);\n  }\n\n  100% {\n    transform: translate3d(-350px, 700px, 0) rotate(90deg);\n    opacity: 0;\n  }\n}\n\n@keyframes falling3 {\n  0% {\n    transform: translate3d(0, 0, 0) rotate(-20deg);\n  }\n\n  100% {\n    transform: translate3d(-230px, 640px, 0) rotate(-70deg);\n    opacity: 0;\n  }\n}\n\n@keyframes falling2 {\n  0% {\n    transform: translate3d(0, 0, 0) rotate(90deg);\n  }\n\n  100% {\n    transform: translate3d(-400px, 680px, 0) rotate(0deg);\n    opacity: 0;\n  }\n}\n",""]);const o=a},645:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map((function(e){var t=n(e);return e[2]?"@media ".concat(e[2]," {").concat(t,"}"):t})).join("")},e.i=function(n,t,i){"string"==typeof n&&(n=[[null,n,""]]);var a={};if(i)for(var o=0;o<this.length;o++){var r=this[o][0];null!=r&Line truncated

dist/index.html

@@ -1 +1 @@
-<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"/><title>JavaScript Constructor</title></head><body><div id="app" class="container-fluid"><div id="panel" class="bg-light sidebar"><p>Sidebar text</p></div><div id="site" class="content"><div class="row"><div class="col-sm"><h1>Title</h1></div></div><div class="row"><div class="col-sm"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt consectetur reprehenderit ex blanditiis assumenda quaerat ea atque fugit eaque asperiores eligendi accusantium ratione exercitationem delectus eveniet unde rerum, possimus voluptate!</p></div></div><div class="row"><div class="col-sm"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt consectetur reprehenderit ex blanditiis assumenda quaerat ea atque fugit eaque asperiores eligendi accusantium ratione exercitationem delectus eveniet unde rerum, possimus voluptate!</p></div><div class="col-sm"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt consectetur reprehenderit ex blanditiis assumenda quaerat ea atque fugit eaque asperiores eligendi accusantium ratione exercitationem delectus eveniet unde rerum, possimus voluptate!</p></div><div class="col-sm"><p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Incidunt consectetur reprehenderit ex blanditiis assumenda quaerat ea atque fugit eaque asperiores eligendi accusantium ratione exercitationem delectus eveniet unde rerum, possimus voluptate!</p></div></div></div></div><script src="bundle.js"></script></body></html>
+<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous"/><title>JavaScript Constructor</title></head><body><div id="app" class="container-fluid"><div id="panel" class="bg-light sidebar"></div><div id="site" class="content"></div></div><script src="bundle.js"></script></body></html>

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

src/index.js

@@ -3,10 +3,12 @@ import { model } from './model.js'
 import { Site } from './classes/site.js'
 import { SideBar } from './classes/sidebar.js'
 
+const site = new Site('#site')
+
 const updateCallback = (newBlock) => {
   model.push(newBlock)
   site.render(model)
 }
 
-new Site('#site').render(model)
+site.render(model)
 new SideBar('#panel', updateCallback)