From 1534f883f3a6953b30c956210a69d246d5f8a3c7 Mon Sep 17 00:00:00 2001
From: Victor <vitek.batishev97@gmail.com>
Date: Mon, 2 Nov 2020 16:38:57 +0300
Subject: [PATCH] firebase deploy

---
 .firebase/hosting.ZGlzdA.cache |  2 ++
 .firebaserc                    |  5 +++++
 dist/bundle.js                 |  2 +-
 dist/index.html                |  2 +-
 firebase.json                  | 16 ++++++++++++++++
 src/index.js                   |  4 +++-
 6 files changed, 28 insertions(+), 3 deletions(-)
 create mode 100644 .firebase/hosting.ZGlzdA.cache
 create mode 100644 .firebaserc
 create mode 100644 firebase.json

diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
new file mode 100644
index 0000000..6132d80
--- /dev/null
+++ b/.firebase/hosting.ZGlzdA.cache
@@ -0,0 +1,2 @@
+bundle.js,1604323381767,974033ec3ca0c3ac4f403e204c49eea929bf1a33cd1506ae97e8c1c7b4363974
+index.html,1604323381767,93d54e472400d4602a98046f7b6079317e1b195a1049bdad237fa419cda8a810
diff --git a/.firebaserc b/.firebaserc
new file mode 100644
index 0000000..da4b704
--- /dev/null
+++ b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "javascript-constructor-e6864"
+  }
+}
diff --git a/dist/bundle.js b/dist/bundle.js
index ec3ca4b..f93e49f 100644
--- a/dist/bundle.js
+++ b/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:{}}])})();
\ No newline at end of file
+(()=>{"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&&(a[r]=!0)}for(var s=0;s<n.length;s++){var l=[].concat(n[s]);i&&a[l[0]]||(t&&(l[2]?l[2]="".concat(t," and ").concat(l[2]):l[2]=t),e.push(l))}},e}},379:(n,e,t)=>{var i,a=function(){var n={};return function(e){if(void 0===n[e]){var t=document.querySelector(e);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}n[e]=t}return n[e]}}(),o=[];function r(n){for(var e=-1,t=0;t<o.length;t++)if(o[t].identifier===n){e=t;break}return e}function s(n,e){for(var t={},i=[],a=0;a<n.length;a++){var s=n[a],l=e.base?s[0]+e.base:s[0],p=t[l]||0,d="".concat(l," ").concat(p);t[l]=p+1;var c=r(d),f={css:s[1],media:s[2],sourceMap:s[3]};-1!==c?(o[c].references++,o[c].updater(f)):o.push({identifier:d,updater:g(f,e),references:1}),i.push(d)}return i}function l(n){var e=document.createElement("style"),i=n.attributes||{};if(void 0===i.nonce){var o=t.nc;o&&(i.nonce=o)}if(Object.keys(i).forEach((function(n){e.setAttribute(n,i[n])})),"function"==typeof n.insert)n.insert(e);else{var r=a(n.insert||"head");if(!r)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");r.appendChild(e)}return e}var p,d=(p=[],function(n,e){return p[n]=e,p.filter(Boolean).join("\n")});function c(n,e,t,i){var a=t?"":i.media?"@media ".concat(i.media," {").concat(i.css,"}"):i.css;if(n.styleSheet)n.styleSheet.cssText=d(e,a);else{var o=document.createTextNode(a),r=n.childNodes;r[e]&&n.removeChild(r[e]),r.length?n.insertBefore(o,r[e]):n.appendChild(o)}}function f(n,e,t){var i=t.css,a=t.media,o=t.sourceMap;if(a?n.setAttribute("media",a):n.removeAttribute("media"),o&&"undefined"!=typeof btoa&&(i+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(o))))," */")),n.styleSheet)n.styleSheet.cssText=i;else{for(;n.firstChild;)n.removeChild(n.firstChild);n.appendChild(document.createTextNode(i))}}var h=null,u=0;function g(n,e){var t,i,a;if(e.singleton){var o=u++;t=h||(h=l(e)),i=c.bind(null,t,o,!1),a=c.bind(null,t,o,!0)}else t=l(e),i=f.bind(null,t,e),a=function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(t)};return i(n),function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap)return;i(n=e)}else a()}}n.exports=function(n,e){(e=e||{}).singleton||"boolean"==typeof e.singleton||(e.singleton=(void 0===i&&(i=Boolean(window&&document&&document.all&&!window.atob)),i));var t=s(n=n||[],e);return function(n){if(n=n||[],"[object Array]"===Object.prototype.toString.call(n)){for(var i=0;i<t.length;i++){var a=r(t[i]);o[a].references--}for(var l=s(n,e),p=0;p<t.length;p++){var d=r(t[p]);0===o[d].references&&(o[d].updater(),o.splice(d,1))}t=l}}}}},e={};function t(i){if(e[i])return e[i].exports;var a=e[i]={id:i,exports:{}};return n[i](a,a.exports,t),a.exports}t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var i in e)t.o(e,i)&&!t.o(n,i)&&Object.defineProperty(n,i,{enumerable:!0,get:e[i]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),(()=>{var n=t(379),e=t.n(n),i=t(756);e()(i.Z,{insert:"head",singleton:!1}),i.Z.locals;const a=(n,e="")=>`<div class="row" style="margin: 0; ${e}">${n}</div>`,o=n=>`<div class="col-sm">${n}</div>`,r=(n={})=>Object.keys(n).map((e=>`${e}: ${n[e]}`)).join(";");class s{constructor(n,e){this.value=n,this.options=e}toHTML(){throw new Error("Для данного блока не найден подходящий метод для генерации HTML кода!")}}class l extends s{constructor(n,e){super(n,e)}toHTML(){const{options:n,value:e}=this;return a(o(`<${n.tag}>${e}</${n.tag}>`),n.styles)}}class p extends s{constructor(n,e){super(n,e)}toHTML(){const{options:n,value:e}=this;return a(o(`<p style="margin-bottom: 0;">${e}</p>`),n.styles)}}const d=[new class extends s{constructor(n,e){super(n,e)}toHTML(){return a(this.value)}}('<div id="leaves">\n      <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>\n      <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>\n      <i></i><i></i><i></i><i></i><i></i><i></i><i></i><i></i>\n      <i></i><i></i><i></i><i></i><i></i><i></i>\n    </div>'),new l("Алексей Плещеев",{styles:r({color:"#fff","text-align":"center","font-family":"Georgia, serif","font-size":"25px","letter-spacing":"2px","word-spacing":"2px","font-variant":"small-caps","padding-top":"50px"}),tag:"h2"}),new p("Осень наступила, высохли цветы",{styles:r({"text-align":"center","font-family":"Arial, Helvetica, sans-serif","font-size":"20px","font-weight":"700","padding-top":"20px"})}),new class extends s{constructor(n,e){super(n,e)}toHTML(){const{alt:n,styles:e}=this.options;return a(o(`<img src="./src/assets/${this.value}" alt="${n}" height="250">`),e)}}("golden_autumn.jpg",{styles:r({"text-align":"center","padding-top":"20px"}),alt:"Иван Иванович Шишкин – Ранняя осень 1889"}),new class extends s{constructor(n,e){super(n,e)}toHTML(){const{options:n,value:e}=this;return a(e.map((n=>o(n))).join(""),n.styles)}}(["      Осень наступила,\n      Высохли цветы,\n      И глядят уныло\n      Голые кусты.","      Вянет и желтеет\n      Травка на лугах,\n      Только зеленеет\n      Озимь на полях.","      Туча небо кроет,\n      Солнце не блестит,\n      Ветер в поле воет,\n      Дождик моросит..","      Зашумели воды\n      Быстрого ручья,\n      Птички улетели\n      В теплые края."],{styles:r({"white-space":"pre-wrap","text-align":"justify","padding-top":"50px","font-family":"Verdana","font-size":"16px","font-weight":"700","padding-bottom":"200px","padding-left":"150px","padding-right":"100px"})})];function c(n){return`\n    <form name="${n}">\n      <h5>${n}</h5>\n      <div class="form-group">\n        <input class="form-control form-control-sm" name="value" placeholder="value">\n      </div>\n      <div class="form-group">\n        <input class="form-control form-control-sm" name="styles" placeholder="styles">\n      </div>\n      <button type="submit" class="btn btn-primary btn-sm">Добавить</button>\n    </form>\n    <hr />\n  `}const f=new class{constructor(n){this.$el=document.querySelector(n)}render(n){this.$el.innerHTML="",n.forEach((n=>{this.$el.insertAdjacentHTML("beforeend",n.toHTML())}))}}("#site");f.render(d),new class{constructor(n,e){this.$el=document.querySelector(n),this.update=e,this.init()}init(){this.$el.addEventListener("submit",this.addBlock.bind(this)),this.$el.innerHTML=this.template}get template(){return[c("text"),c("title")].join("")}addBlock(n){n.preventDefault();const e=n.target.name,t=n.target.value.value,i=n.target.styles.value,a=new("text"===e?p:l)(t,{styles:i});this.update(a),n.target.value.value="",n.target.styles.value=""}}("#panel",(n=>{d.push(n),f.render(d)}))})()})();
\ No newline at end of file
diff --git a/dist/index.html b/dist/index.html
index 05b4771..d8aae28 100644
--- a/dist/index.html
+++ b/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>
\ No newline at end of file
+<!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>
\ No newline at end of file
diff --git a/firebase.json b/firebase.json
new file mode 100644
index 0000000..2c33c29
--- /dev/null
+++ b/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/src/index.js b/src/index.js
index 1d3f058..208d278 100644
--- a/src/index.js
+++ b/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)