Merge branch 'master' of github.com:Steffo99/appuntiweb

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 /*.log
+.idea/

.idea/.gitignore

@@ -0,0 +1,2 @@
+# Default ignored files
+/workspace.xml

.idea/appuntiweb.iml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/docs" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/dictionaries/stepi.xml

@@ -0,0 +1,3 @@
+<component name="ProjectDictionaryState">
+  <dictionary name="stepi" />
+</component>

.idea/discord.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="DiscordProjectSettings">
+    <option name="show" value="true" />
+  </component>
+  <component name="ProjectNotificationSettings">
+    <option name="askShowProject" value="false" />
+  </component>
+</project>

.idea/inspectionProfiles/Project_Default.xml

@@ -0,0 +1,18 @@
+<component name="InspectionProjectProfileManager">
+  <profile version="1.0">
+    <option name="myName" value="Project Default" />
+    <inspection_tool class="HtmlUnknownAttribute" enabled="true" level="WARNING" enabled_by_default="true">
+      <option name="myValues">
+        <value>
+          <list size="1">
+            <item index="0" class="java.lang.String" itemvalue="class" />
+          </list>
+        </value>
+      </option>
+      <option name="myCustomValuesEnabled" value="true" />
+    </inspection_tool>
+    <inspection_tool class="HtmlUnknownTarget" enabled="false" level="WARNING" enabled_by_default="false" />
+    <inspection_tool class="JSCheckFunctionSignatures" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+    <inspection_tool class="JSXNamespaceValidation" enabled="false" level="WEAK WARNING" enabled_by_default="false" />
+  </profile>
+</component>

.idea/misc.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="JavaScriptSettings">
+    <option name="languageLevel" value="JSX" />
+  </component>
+</project>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/appuntiweb.iml" filepath="$PROJECT_DIR$/.idea/appuntiweb.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

.idea/webResources.xml

@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="WebResourcesPaths">
+    <contentEntries>
+      <entry url="file://$PROJECT_DIR$">
+        <entryData>
+          <resourceRoots>
+            <path value="file://$PROJECT_DIR$/assets" />
+            <path value="file://$PROJECT_DIR$/src/assets" />
+          </resourceRoots>
+        </entryData>
+      </entry>
+    </contentEntries>
+  </component>
+</project>

docs/manifest.json

@@ -1,12 +1,16 @@
 {
-  "name": "preact-cli app",
+  "name": "Appunti Web",
-  "start_url": "/",
+  "short_name": "Appunti Web",
+  "start_url": "/appuntiweb/",
   "display": "standalone",
-  "background_color": "#fff",
+  "orientation": "portrait",
-  "theme_color": "#673ab8",
+  "background_color": "#0d193b",
-  "icons": [{
+  "theme_color": "#a0ccff",
-    "src": "/assets/icon.png",
+  "icons": [
-    "type": "image/png",
+    {
-    "sizes": "512x512"
+      "src": "/assets/icon.png",
-  }]
+      "type": "image/png",
+      "sizes": "800x800"
+    }
+  ]
 }

docs/polyfills.04c22.js

@@ -0,0 +1,2 @@
+!function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s="m+Gh")}({BtxX:function(e){!function(t){function n(){}function o(e,t){return function(){e.apply(t,arguments)}}function r(e){if(!(this instanceof r))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],a(e,this)}function i(e,t){for(;3===e._state;)e=e._value;if(0===e._state)return void e._deferreds.push(t);e._handled=!0,r._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null===n)return void(1===e._state?u:c)(t.promise,e._value);var o;try{o=n(e._value)}catch(e){return void c(t.promise,e)}u(t.promise,o)})}function u(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof r)return e._state=3,e._value=t,void s(e);if("function"==typeof n)return void a(o(n,t),e)}e._state=1,e._value=t,s(e)}catch(t){c(e,t)}}function c(e,t){e._state=2,e._value=t,s(e)}function s(e){2===e._state&&0===e._deferreds.length&&r._immediateFn(function(){e._handled||r._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)i(e,e._deferreds[t]);e._deferreds=null}function f(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}function a(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,c(t,e))})}catch(e){if(n)return;n=!0,c(t,e)}}var l=setTimeout;r.prototype.catch=function(e){return this.then(null,e)},r.prototype.then=function(e,t){var o=new this.constructor(n);return i(this,new f(e,t,o)),o},r.all=function(e){return new r(function(t,n){function o(e,u){try{if(u&&("object"==typeof u||"function"==typeof u)){var c=u.then;if("function"==typeof c)return void c.call(u,function(t){o(e,t)},n)}r[e]=u,0==--i&&t(r)}catch(e){n(e)}}if(!e||void 0===e.length)throw new TypeError("Promise.all accepts an array");var r=Array.prototype.slice.call(e);if(0===r.length)return t([]);for(var i=r.length,u=0;u<r.length;u++)o(u,r[u])})},r.resolve=function(e){return e&&"object"==typeof e&&e.constructor===r?e:new r(function(t){t(e)})},r.reject=function(e){return new r(function(t,n){n(e)})},r.race=function(e){return new r(function(t,n){for(var o=0,r=e.length;o<r;o++)e[o].then(t,n)})},r._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){l(e,0)},r._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)},r._setImmediateFn=function(e){r._immediateFn=e},r._setUnhandledRejectionFn=function(e){r._unhandledRejectionFn=e},void 0!==e&&e.exports?e.exports=r:t.Promise||(t.Promise=r)}(this)},QAmr:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default="function"==typeof fetch?fetch.bind():function(e,t){return t=t||{},new Promise(function(n,o){function r(){var e,t=[],n=[],o={};return i.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,function(r,i,u){t.push(i=i.toLowerCase()),n.push([i,u]),e=o[i],o[i]=e?e+","+u:u}),{ok:2==(i.status/100|0),status:i.status,statusText:i.statusText,url:i.responseURL,clone:r,text:function(){return Promise.resolve(i.responseText)},json:function(){return Promise.resolve(i.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([i.response]))},headers:{keys:function(){return t},entries:function(){return n},get:function(e){return o[e.toLowerCase()]},has:function(e){return e.toLowerCase()in o}}}}var i=new XMLHttpRequest;i.open(t.method||"get",e,!0);for(var u in t.headers)i.setRequestHeader(u,t.headers[u]);i.withCredentials="include"==t.credentials,i.onload=function(){n(r())},i.onerror=o,i.send(t.body||null)})}},VS7n:function(e,t,n){e.exports=window.fetch||(window.fetch=n("QAmr").default||n("QAmr"))},h6ac:function(e){var t;t=function(){return this}();try{t=t||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(t=window)}e.exports=t},"m+Gh":function(e,t,n){"use strict";(function(e){e.Promise||(e.Promise=n("BtxX")),e.fetch||(e.fetch=n("VS7n"))}).call(t,n("h6ac"))}});
+//# sourceMappingURL=polyfills.04c22.js.map

docs/polyfills.c6a1c.js

@@ -1,2 +0,0 @@
-!function(e){function t(o){if(n[o])return n[o].exports;var r=n[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,t),r.l=!0,r.exports}var n={};t.m=e,t.c=n,t.d=function(e,n,o){t.o(e,n)||Object.defineProperty(e,n,{configurable:!1,enumerable:!0,get:o})},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},t.p="/",t(t.s="g9Sn")}({CxuT:function(e){var t;t=function(){return this}();try{t=t||Function("return this")()||(0,eval)("this")}catch(e){"object"==typeof window&&(t=window)}e.exports=t},LKQF:function(e,t){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.default="function"==typeof fetch?fetch.bind():function(e,t){return t=t||{},new Promise(function(n,o){function r(){var e,t=[],n=[],o={};return i.getAllResponseHeaders().replace(/^(.*?):[^\S\n]*([\s\S]*?)$/gm,function(r,i,u){t.push(i=i.toLowerCase()),n.push([i,u]),e=o[i],o[i]=e?e+","+u:u}),{ok:2==(i.status/100|0),status:i.status,statusText:i.statusText,url:i.responseURL,clone:r,text:function(){return Promise.resolve(i.responseText)},json:function(){return Promise.resolve(i.responseText).then(JSON.parse)},blob:function(){return Promise.resolve(new Blob([i.response]))},headers:{keys:function(){return t},entries:function(){return n},get:function(e){return o[e.toLowerCase()]},has:function(e){return e.toLowerCase()in o}}}}var i=new XMLHttpRequest;i.open(t.method||"get",e,!0);for(var u in t.headers)i.setRequestHeader(u,t.headers[u]);i.withCredentials="include"==t.credentials,i.onload=function(){n(r())},i.onerror=o,i.send(t.body||null)})}},UNEV:function(e,t,n){e.exports=window.fetch||(window.fetch=n("LKQF").default||n("LKQF"))},g9Sn:function(e,t,n){"use strict";(function(e){e.Promise||(e.Promise=n("uQqn")),e.fetch||(e.fetch=n("UNEV"))}).call(t,n("CxuT"))},uQqn:function(e){!function(t){function n(){}function o(e,t){return function(){e.apply(t,arguments)}}function r(e){if(!(this instanceof r))throw new TypeError("Promises must be constructed via new");if("function"!=typeof e)throw new TypeError("not a function");this._state=0,this._handled=!1,this._value=void 0,this._deferreds=[],a(e,this)}function i(e,t){for(;3===e._state;)e=e._value;if(0===e._state)return void e._deferreds.push(t);e._handled=!0,r._immediateFn(function(){var n=1===e._state?t.onFulfilled:t.onRejected;if(null===n)return void(1===e._state?u:c)(t.promise,e._value);var o;try{o=n(e._value)}catch(e){return void c(t.promise,e)}u(t.promise,o)})}function u(e,t){try{if(t===e)throw new TypeError("A promise cannot be resolved with itself.");if(t&&("object"==typeof t||"function"==typeof t)){var n=t.then;if(t instanceof r)return e._state=3,e._value=t,void s(e);if("function"==typeof n)return void a(o(n,t),e)}e._state=1,e._value=t,s(e)}catch(t){c(e,t)}}function c(e,t){e._state=2,e._value=t,s(e)}function s(e){2===e._state&&0===e._deferreds.length&&r._immediateFn(function(){e._handled||r._unhandledRejectionFn(e._value)});for(var t=0,n=e._deferreds.length;t<n;t++)i(e,e._deferreds[t]);e._deferreds=null}function f(e,t,n){this.onFulfilled="function"==typeof e?e:null,this.onRejected="function"==typeof t?t:null,this.promise=n}function a(e,t){var n=!1;try{e(function(e){n||(n=!0,u(t,e))},function(e){n||(n=!0,c(t,e))})}catch(e){if(n)return;n=!0,c(t,e)}}var l=setTimeout;r.prototype.catch=function(e){return this.then(null,e)},r.prototype.then=function(e,t){var o=new this.constructor(n);return i(this,new f(e,t,o)),o},r.all=function(e){return new r(function(t,n){function o(e,u){try{if(u&&("object"==typeof u||"function"==typeof u)){var c=u.then;if("function"==typeof c)return void c.call(u,function(t){o(e,t)},n)}r[e]=u,0==--i&&t(r)}catch(e){n(e)}}if(!e||void 0===e.length)throw new TypeError("Promise.all accepts an array");var r=Array.prototype.slice.call(e);if(0===r.length)return t([]);for(var i=r.length,u=0;u<r.length;u++)o(u,r[u])})},r.resolve=function(e){return e&&"object"==typeof e&&e.constructor===r?e:new r(function(t){t(e)})},r.reject=function(e){return new r(function(t,n){n(e)})},r.race=function(e){return new r(function(t,n){for(var o=0,r=e.length;o<r;o++)e[o].then(t,n)})},r._immediateFn="function"==typeof setImmediate&&function(e){setImmediate(e)}||function(e){l(e,0)},r._unhandledRejectionFn=function(e){"undefined"!=typeof console&&console&&console.warn("Possible Unhandled Promise Rejection:",e)},r._setImmediateFn=function(e){r._immediateFn=e},r._setUnhandledRejectionFn=function(e){r._unhandledRejectionFn=e},void 0!==e&&e.exports?e.exports=r:t.Promise||(t.Promise=r)}(this)}});
-//# sourceMappingURL=polyfills.c6a1c.js.map

docs/push-manifest.json

@@ -1 +1 @@
-{"/":{"style.9595f.css":{"type":"style","weight":1},"bundle.58b01.js":{"type":"script","weight":1}}}
+{"/":{"style.bc35d.css":{"type":"style","weight":1},"bundle.0cae4.js":{"type":"script","weight":1}}}

docs/ssr-build/style.9595f.css

@@ -1,2 +0,0 @@
-*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#0d193b;color:#a0ccff;font-family:sans-serif}h1,h2,h3,h4,h5,h6{text-align:center;margin-top:4px;margin-bottom:4px;color:#fff;font-weight:400}a{color:#00caca;text-decoration:none}a:hover{color:#4affff}a:active{color:#fff}img{max-width:100%}.panel__22fOQ{background-color:rgba(62.7%,80%,100%,10%);padding:4px;border-radius:4px;margin:4px;height:calc(100% - 8px);min-width:256px}.split__2Bl8C{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.splitchild__3Ip86{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.todo__5Soco{border:4px solid #ff0;border-radius:4px;padding:2px;background-color:#000;color:#ff0}.latex__34DCT{display:inline-block;vertical-align:middle}.plus__1JPyf{color:#ff7d7d}.minus__2d_8r{color:#7d7dff}.copyright__TBGn1{margin-top:8px;color:#fff;text-align:center;font-size:x-small}
-/*# sourceMappingURL=style.9595f.css.map*/

docs/ssr-build/style.9595f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./D:/Codice/appuntiweb/src/index.css","webpack:///./components/D:/Codice/appuntiweb/src/components/panel.css","webpack:///./components/D:/Codice/appuntiweb/src/components/split.css","webpack:///./components/D:/Codice/appuntiweb/src/components/todo.css","webpack:///./components/D:/Codice/appuntiweb/src/components/latex.css","webpack:///./components/D:/Codice/appuntiweb/src/components/plus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/minus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/copyright.css"],"names":[],"mappings":"AAAA,EACC,8BAAuB,sBAGxB,KACC,yBACA,cACA,sBAAwB,CAGzB,kBACC,kBACA,eACA,kBACA,WACA,eAAoB,CAGrB,EACI,cACA,oBAAsB,CAG1B,QACC,aAAe,CAGhB,SACC,UAAe,CAGhB,IACC,cAAgB,CChCjB,cACI,0CACA,YACA,kBACA,WACA,wBACA,eAAiB,CCNrB,cACI,oBAAc,iCACd,mBAAgB,eAGpB,mBACI,mBAAa,gCACb,oBAAe,cACf,0BAAc,aCRlB,aACI,sBACA,kBACA,YACA,sBACA,UAAc,CCLlB,cACI,qBACA,qBAAuB,CCF3B,aACI,aAAe,CCDnB,cACI,aAAe,CCDnB,kBACI,eACA,WACA,kBACA,iBAAmB","file":"style.9595f.css","sourcesContent":["* {\n\tbox-sizing: border-box;\n}\n\nbody {\n\tbackground-color: #0d193b;\n\tcolor: #a0ccff;\n\tfont-family: sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6 {\n\ttext-align: center;\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n\tcolor: #ffffff;\n\tfont-weight: normal;\n}\n\na {\n    color: #00caca;\n    text-decoration: none;\n}\n\na:hover {\n\tcolor: #4affff;\n}\n\na:active {\n\tcolor: #ffffff;\n}\n\nimg {\n\tmax-width: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./D:/Codice/appuntiweb/src/index.css",".panel {\n    background-color: rgba(62.7%, 80%, 100%, 10%);\n    padding: 4px;\n    border-radius: 4px;\n    margin: 4px;\n    height: calc(100% - 8px);\n    min-width: 256px;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/panel.css",".split {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.splitchild {\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/split.css",".todo {\r\n    border: 4px yellow solid;\r\n    border-radius: 4px;\r\n    padding: 2px;\r\n    background-color: black;\r\n    color: yellow;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/todo.css",".latex {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/latex.css",".plus {\r\n    color: #ff7d7d;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/plus.css",".minus {\r\n    color: #7d7dff;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/minus.css",".copyright {\r\n    margin-top: 8px;\r\n    color: white;\r\n    text-align: center;\r\n    font-size: x-small;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/copyright.css"],"sourceRoot":""}

docs/ssr-build/style.bc35d.css

@@ -0,0 +1,2 @@
+*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#0d193b;color:#a0ccff;font-family:sans-serif}h1,h2,h3,h4,h5,h6{text-align:center;margin-top:4px;margin-bottom:4px;color:#fff;font-weight:400}a{color:#00caca;text-decoration:none}a:hover{color:#4affff}a:active{color:#fff}img{max-width:100%}.panel__22fOQ{background-color:rgba(160,204,255,.1);padding:4px;border-radius:4px;margin:4px;height:calc(100% - 8px);min-width:256px}.splitparent__nqY7W{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.splitchild__3Ip86{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.todo__5Soco{border:4px solid #ff0;border-radius:4px;padding:2px;background-color:#000;color:#ff0}.latex__34DCT{display:inline-block;vertical-align:middle}.plus__1JPyf{color:#ff7d7d}.minus__2d_8r{color:#7d7dff}.copyright__TBGn1{margin-top:8px;color:#fff;text-align:center;font-size:x-small}
+/*# sourceMappingURL=style.bc35d.css.map*/

docs/ssr-build/style.bc35d.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./D:/Codice/appuntiweb/src/index.css","webpack:///./components/D:/Codice/appuntiweb/src/components/panel.css","webpack:///./components/D:/Codice/appuntiweb/src/components/split.css","webpack:///./components/D:/Codice/appuntiweb/src/components/todo.css","webpack:///./components/D:/Codice/appuntiweb/src/components/latex.css","webpack:///./components/D:/Codice/appuntiweb/src/components/plus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/minus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/copyright.css"],"names":[],"mappings":"AAAA,EACC,8BAAuB,sBAGxB,KACC,yBACA,cACA,sBAAwB,CAGzB,kBACC,kBACA,eACA,kBACA,WACA,eAAoB,CAGrB,EACI,cACA,oBAAsB,CAG1B,QACC,aAAe,CAGhB,SACC,UAAe,CAGhB,IACC,cAAgB,CChCjB,cACI,sCACA,YACA,kBACA,WACA,wBACA,eAAiB,CCFrB,oBACI,oBAAc,iCACd,mBAAgB,eAGpB,mBACI,mBAAa,gCACb,oBAAe,cACf,0BAAc,aCZlB,aACI,sBACA,kBACA,YACA,sBACA,UAAc,CCLlB,cACI,qBACA,qBAAuB,CCF3B,aACI,aAAe,CCDnB,cACI,aAAe,CCDnB,kBACI,eACA,WACA,kBACA,iBAAmB","file":"style.bc35d.css","sourcesContent":["* {\n\tbox-sizing: border-box;\n}\n\nbody {\n\tbackground-color: #0d193b;\n\tcolor: #a0ccff;\n\tfont-family: sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6 {\n\ttext-align: center;\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n\tcolor: #ffffff;\n\tfont-weight: normal;\n}\n\na {\n    color: #00caca;\n    text-decoration: none;\n}\n\na:hover {\n\tcolor: #4affff;\n}\n\na:active {\n\tcolor: #ffffff;\n}\n\nimg {\n\tmax-width: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./D:/Codice/appuntiweb/src/index.css",".panel {\n    background-color: rgba(62.7%, 80%, 100%, 0.1);\n    padding: 4px;\n    border-radius: 4px;\n    margin: 4px;\n    height: calc(100% - 8px);\n    min-width: 256px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/panel.css",".split {\n\n}\n\n.splitparent {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.splitchild {\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/split.css",".todo {\r\n    border: 4px yellow solid;\r\n    border-radius: 4px;\r\n    padding: 2px;\r\n    background-color: black;\r\n    color: yellow;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/todo.css",".latex {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/latex.css",".plus {\r\n    color: #ff7d7d;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/plus.css",".minus {\r\n    color: #7d7dff;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/minus.css",".copyright {\r\n    margin-top: 8px;\r\n    color: white;\r\n    text-align: center;\r\n    font-size: x-small;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/copyright.css"],"sourceRoot":""}

docs/style.9595f.css

@@ -1,2 +0,0 @@
-*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#0d193b;color:#a0ccff;font-family:sans-serif}h1,h2,h3,h4,h5,h6{text-align:center;margin-top:4px;margin-bottom:4px;color:#fff;font-weight:400}a{color:#00caca;text-decoration:none}a:hover{color:#4affff}a:active{color:#fff}img{max-width:100%}.panel__22fOQ{background-color:rgba(62.7%,80%,100%,10%);padding:4px;border-radius:4px;margin:4px;height:calc(100% - 8px);min-width:256px}.split__2Bl8C{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.splitchild__3Ip86{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.todo__5Soco{border:4px solid #ff0;border-radius:4px;padding:2px;background-color:#000;color:#ff0}.latex__34DCT{display:inline-block;vertical-align:middle}.plus__1JPyf{color:#ff7d7d}.minus__2d_8r{color:#7d7dff}.copyright__TBGn1{margin-top:8px;color:#fff;text-align:center;font-size:x-small}
-/*# sourceMappingURL=style.9595f.css.map*/

docs/style.9595f.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["webpack:///./D:/Codice/appuntiweb/src/index.css","webpack:///./components/D:/Codice/appuntiweb/src/components/panel.css","webpack:///./components/D:/Codice/appuntiweb/src/components/split.css","webpack:///./components/D:/Codice/appuntiweb/src/components/todo.css","webpack:///./components/D:/Codice/appuntiweb/src/components/latex.css","webpack:///./components/D:/Codice/appuntiweb/src/components/plus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/minus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/copyright.css"],"names":[],"mappings":"AAAA,EACC,8BAAuB,sBAGxB,KACC,yBACA,cACA,sBAAwB,CAGzB,kBACC,kBACA,eACA,kBACA,WACA,eAAoB,CAGrB,EACI,cACA,oBAAsB,CAG1B,QACC,aAAe,CAGhB,SACC,UAAe,CAGhB,IACC,cAAgB,CChCjB,cACI,0CACA,YACA,kBACA,WACA,wBACA,eAAiB,CCNrB,cACI,oBAAc,iCACd,mBAAgB,eAGpB,mBACI,mBAAa,gCACb,oBAAe,cACf,0BAAc,aCRlB,aACI,sBACA,kBACA,YACA,sBACA,UAAc,CCLlB,cACI,qBACA,qBAAuB,CCF3B,aACI,aAAe,CCDnB,cACI,aAAe,CCDnB,kBACI,eACA,WACA,kBACA,iBAAmB","file":"style.9595f.css","sourcesContent":["* {\n\tbox-sizing: border-box;\n}\n\nbody {\n\tbackground-color: #0d193b;\n\tcolor: #a0ccff;\n\tfont-family: sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6 {\n\ttext-align: center;\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n\tcolor: #ffffff;\n\tfont-weight: normal;\n}\n\na {\n    color: #00caca;\n    text-decoration: none;\n}\n\na:hover {\n\tcolor: #4affff;\n}\n\na:active {\n\tcolor: #ffffff;\n}\n\nimg {\n\tmax-width: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./D:/Codice/appuntiweb/src/index.css",".panel {\n    background-color: rgba(62.7%, 80%, 100%, 10%);\n    padding: 4px;\n    border-radius: 4px;\n    margin: 4px;\n    height: calc(100% - 8px);\n    min-width: 256px;\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/panel.css",".split {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.splitchild {\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/split.css",".todo {\r\n    border: 4px yellow solid;\r\n    border-radius: 4px;\r\n    padding: 2px;\r\n    background-color: black;\r\n    color: yellow;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/todo.css",".latex {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/latex.css",".plus {\r\n    color: #ff7d7d;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/plus.css",".minus {\r\n    color: #7d7dff;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/minus.css",".copyright {\r\n    margin-top: 8px;\r\n    color: white;\r\n    text-align: center;\r\n    font-size: x-small;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/copyright.css"],"sourceRoot":""}

docs/style.bc35d.css

@@ -0,0 +1,2 @@
+*{-webkit-box-sizing:border-box;box-sizing:border-box}body{background-color:#0d193b;color:#a0ccff;font-family:sans-serif}h1,h2,h3,h4,h5,h6{text-align:center;margin-top:4px;margin-bottom:4px;color:#fff;font-weight:400}a{color:#00caca;text-decoration:none}a:hover{color:#4affff}a:active{color:#fff}img{max-width:100%}.panel__22fOQ{background-color:rgba(160,204,255,.1);padding:4px;border-radius:4px;margin:4px;height:calc(100% - 8px);min-width:256px}.splitparent__nqY7W{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.splitchild__3Ip86{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:0;flex-basis:0}.todo__5Soco{border:4px solid #ff0;border-radius:4px;padding:2px;background-color:#000;color:#ff0}.latex__34DCT{display:inline-block;vertical-align:middle}.plus__1JPyf{color:#ff7d7d}.minus__2d_8r{color:#7d7dff}.copyright__TBGn1{margin-top:8px;color:#fff;text-align:center;font-size:x-small}
+/*# sourceMappingURL=style.bc35d.css.map*/

docs/style.bc35d.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["webpack:///./D:/Codice/appuntiweb/src/index.css","webpack:///./components/D:/Codice/appuntiweb/src/components/panel.css","webpack:///./components/D:/Codice/appuntiweb/src/components/split.css","webpack:///./components/D:/Codice/appuntiweb/src/components/todo.css","webpack:///./components/D:/Codice/appuntiweb/src/components/latex.css","webpack:///./components/D:/Codice/appuntiweb/src/components/plus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/minus.css","webpack:///./components/D:/Codice/appuntiweb/src/components/copyright.css"],"names":[],"mappings":"AAAA,EACC,8BAAuB,sBAGxB,KACC,yBACA,cACA,sBAAwB,CAGzB,kBACC,kBACA,eACA,kBACA,WACA,eAAoB,CAGrB,EACI,cACA,oBAAsB,CAG1B,QACC,aAAe,CAGhB,SACC,UAAe,CAGhB,IACC,cAAgB,CChCjB,cACI,sCACA,YACA,kBACA,WACA,wBACA,eAAiB,CCFrB,oBACI,oBAAc,iCACd,mBAAgB,eAGpB,mBACI,mBAAa,gCACb,oBAAe,cACf,0BAAc,aCZlB,aACI,sBACA,kBACA,YACA,sBACA,UAAc,CCLlB,cACI,qBACA,qBAAuB,CCF3B,aACI,aAAe,CCDnB,cACI,aAAe,CCDnB,kBACI,eACA,WACA,kBACA,iBAAmB","file":"style.bc35d.css","sourcesContent":["* {\n\tbox-sizing: border-box;\n}\n\nbody {\n\tbackground-color: #0d193b;\n\tcolor: #a0ccff;\n\tfont-family: sans-serif;\n}\n\nh1, h2, h3, h4, h5, h6 {\n\ttext-align: center;\n\tmargin-top: 4px;\n\tmargin-bottom: 4px;\n\tcolor: #ffffff;\n\tfont-weight: normal;\n}\n\na {\n    color: #00caca;\n    text-decoration: none;\n}\n\na:hover {\n\tcolor: #4affff;\n}\n\na:active {\n\tcolor: #ffffff;\n}\n\nimg {\n\tmax-width: 100%;\n}\n\n\n// WEBPACK FOOTER //\n// ./D:/Codice/appuntiweb/src/index.css",".panel {\n    background-color: rgba(62.7%, 80%, 100%, 0.1);\n    padding: 4px;\n    border-radius: 4px;\n    margin: 4px;\n    height: calc(100% - 8px);\n    min-width: 256px;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/panel.css",".split {\n\n}\n\n.splitparent {\n    display: flex;\n    flex-wrap: wrap;\n}\n\n.splitchild {\n    flex-grow: 1;\n    flex-shrink: 0;\n    flex-basis: 0;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/split.css",".todo {\r\n    border: 4px yellow solid;\r\n    border-radius: 4px;\r\n    padding: 2px;\r\n    background-color: black;\r\n    color: yellow;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/todo.css",".latex {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/latex.css",".plus {\r\n    color: #ff7d7d;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/plus.css",".minus {\r\n    color: #7d7dff;\r\n}\r\n\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/minus.css",".copyright {\r\n    margin-top: 8px;\r\n    color: white;\r\n    text-align: center;\r\n    font-size: x-small;\r\n}\n\n\n// WEBPACK FOOTER //\n// ./components/D:/Codice/appuntiweb/src/components/copyright.css"],"sourceRoot":""}

docs/sw.js

@@ -1 +1 @@
-"use strict";var precacheConfig=[["/assets/icon.png","cf3fdf7af60a294d6d3f48cb7ad82488"],["/bundle.58b01.js","64ca47d6fdba82c8d14803cfbcf45d45"],["/favicon.ico","94eae66bebbd6bbfe48a669f245048ac"],["/index.html","dc4308b51b432368c19b5ed862412ccc"],["/manifest.json","310a916537fc6f66deb88310b13a2759"],["/style.9595f.css","c1ae2c7bda927b0e9e27848228409644"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(e){return e.redirected?("body"in e?Promise.resolve(e.body):e.blob()).then(function(t){return new Response(t,{headers:e.headers,status:e.status,statusText:e.statusText})}):Promise.resolve(e)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,t){var n=new URL(e);return n.hash="",n.search=n.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(e){return t.every(function(t){return!t.test(e[0])})}).map(function(e){return e.join("=")}).join("&"),n.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,!1);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(e){return setOfCachedUrls(e).then(function(t){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(n){if(!t.has(n)){var r=new Request(n,{credentials:"same-origin"});return fetch(r).then(function(t){if(!t.ok)throw new Error("Request for "+n+" returned a response with status "+t.status);return cleanResponse(t).then(function(t){return e.put(n,t)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var t=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(e){return e.keys().then(function(n){return Promise.all(n.map(function(n){if(!t.has(n.url))return e.delete(n)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(e){if("GET"===e.request.method){var t,n=stripIgnoredUrlParameters(e.request.url,ignoreUrlParametersMatching);(t=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,"index.html"),t=urlsToCacheKeys.has(n));!t&&"navigate"===e.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],e.request.url)&&(n=new URL("index.html",self.location).toString(),t=urlsToCacheKeys.has(n)),t&&e.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(t){return console.warn('Couldn\'t serve response for "%s" from cache: %O',e.request.url,t),fetch(e.request)}))}});
+"use strict";var precacheConfig=[["/assets/favicon.ico","468bad0a3f47a965985c8a99f3ab0ced"],["/assets/icon.png","2b714cf154cd80b3949545dfe0c5939a"],["/bundle.0cae4.js","3509b848c6974adc9d4551760023d9ea"],["/favicon.ico","468bad0a3f47a965985c8a99f3ab0ced"],["/index.html","22c0d30a83047b69ae5e47d54c3a45c1"],["/manifest.json","451674ae8f01fd50402a3afd4ebeeffa"],["/style.bc35d.css","8375665adf528afcf12fcf12a0edec2f"]],cacheName="sw-precache-v3-sw-precache-webpack-plugin-"+(self.registration?self.registration.scope:""),ignoreUrlParametersMatching=[/^utm_/],addDirectoryIndex=function(e,t){var n=new URL(e);return"/"===n.pathname.slice(-1)&&(n.pathname+=t),n.toString()},cleanResponse=function(e){return e.redirected?("body"in e?Promise.resolve(e.body):e.blob()).then(function(t){return new Response(t,{headers:e.headers,status:e.status,statusText:e.statusText})}):Promise.resolve(e)},createCacheKey=function(e,t,n,r){var a=new URL(e);return r&&a.pathname.match(r)||(a.search+=(a.search?"&":"")+encodeURIComponent(t)+"="+encodeURIComponent(n)),a.toString()},isPathWhitelisted=function(e,t){if(0===e.length)return!0;var n=new URL(t).pathname;return e.some(function(e){return n.match(e)})},stripIgnoredUrlParameters=function(e,t){var n=new URL(e);return n.hash="",n.search=n.search.slice(1).split("&").map(function(e){return e.split("=")}).filter(function(e){return t.every(function(t){return!t.test(e[0])})}).map(function(e){return e.join("=")}).join("&"),n.toString()},hashParamName="_sw-precache",urlsToCacheKeys=new Map(precacheConfig.map(function(e){var t=e[0],n=e[1],r=new URL(t,self.location),a=createCacheKey(r,hashParamName,n,!1);return[r.toString(),a]}));function setOfCachedUrls(e){return e.keys().then(function(e){return e.map(function(e){return e.url})}).then(function(e){return new Set(e)})}self.addEventListener("install",function(e){e.waitUntil(caches.open(cacheName).then(function(e){return setOfCachedUrls(e).then(function(t){return Promise.all(Array.from(urlsToCacheKeys.values()).map(function(n){if(!t.has(n)){var r=new Request(n,{credentials:"same-origin"});return fetch(r).then(function(t){if(!t.ok)throw new Error("Request for "+n+" returned a response with status "+t.status);return cleanResponse(t).then(function(t){return e.put(n,t)})})}}))})}).then(function(){return self.skipWaiting()}))}),self.addEventListener("activate",function(e){var t=new Set(urlsToCacheKeys.values());e.waitUntil(caches.open(cacheName).then(function(e){return e.keys().then(function(n){return Promise.all(n.map(function(n){if(!t.has(n.url))return e.delete(n)}))})}).then(function(){return self.clients.claim()}))}),self.addEventListener("fetch",function(e){if("GET"===e.request.method){var t,n=stripIgnoredUrlParameters(e.request.url,ignoreUrlParametersMatching);(t=urlsToCacheKeys.has(n))||(n=addDirectoryIndex(n,"index.html"),t=urlsToCacheKeys.has(n));!t&&"navigate"===e.request.mode&&isPathWhitelisted(["^(?!\\/__).*"],e.request.url)&&(n=new URL("index.html",self.location).toString(),t=urlsToCacheKeys.has(n)),t&&e.respondWith(caches.open(cacheName).then(function(e){return e.match(urlsToCacheKeys.get(n)).then(function(e){if(e)return e;throw Error("The cached response that was expected is missing.")})}).catch(function(t){return console.warn('Couldn\'t serve response for "%s" from cache: %O',e.request.url,t),fetch(e.request)}))}});

package.json

@@ -26,6 +26,7 @@
     "preact": "^8.5.2",
     "preact-compat": "^3.17.0",
     "preact-render-to-string": "^4.1.0",
-    "showdown": "^1.9.1"
+    "showdown": "^1.9.1",
+    "preact-router": "^2.6.1"
   }
 }

src/components/copyright.js

@@ -1,4 +1,4 @@
-import style from "./copyright.css";
+import style from './copyright.css';
 import { Component } from 'preact';
 
 export default class Copyright extends Component {

src/components/latex.js

@@ -1,12 +1,14 @@
-import style from "./latex.css";
+import style from './latex.css';
 import { Component } from 'preact';
 
 export default class Latex extends Component {
 	render() {
-		let equation = `{\\color{White} ${this.props.children} }` 
+		let equation = `{\\color{White} ${this.props.children} }`;
-		return <img src={`https://latex.codecogs.com/png.latex?${equation}`}
+		return (
-			        alt={this.props.children}
+			<img src={`https://latex.codecogs.com/png.latex?${equation}`}
-				    title={this.props.children}
+				 alt={this.props.children}
-				    class={style.latex}></img>;
+			     title={this.props.children}
+			     class={style.latex}
+			/>);
 	}
 }

src/components/markdown.css

@@ -0,0 +1,3 @@
+.markdown {
+
+}

src/components/markdown.js

@@ -7,6 +7,7 @@ export default class Markdown extends Component {
         let converter = new showdown.Converter();
         converter.setFlavor("github");
         let html = converter.makeHtml(`${this.props.children}`);
-        return <div dangerouslySetInnerHTML={{__html: html}}></div>;
+        // noinspection CheckTagEmptyBody
+        return <div style={style.markdown} dangerouslySetInnerHTML={{__html: html}}></div>;
 	}
 }

src/components/panel.css

@@ -1,5 +1,5 @@
 .panel {
-    background-color: rgba(62.7%, 80%, 100%, 10%);
+    background-color: rgba(62.7%, 80%, 100%, 0.1);
     padding: 4px;
     border-radius: 4px;
     margin: 4px;

src/components/panel.js

@@ -3,6 +3,15 @@ import { Component } from 'preact';
 
 export default class Panel extends Component {
 	render() {
-		return <div class={style.panel}>{this.props.children}</div>;
+		let title = null;
+		if(this.props.title !== undefined) {
+			title = (<h3>{this.props.title}</h3>)
+		}
+		return (
+			<div class={style.panel}>
+				{title}
+				{this.props.children}
+			</div>
+		);
 	}
 }

src/components/split.css

@@ -1,4 +1,8 @@
 .split {
+
+}
+
+.splitparent {
     display: flex;
     flex-wrap: wrap;
 }

src/components/split.js

@@ -3,8 +3,12 @@ import { Component } from 'preact';
 
 export default class Split extends Component {
 	render() {
-        let percent = 100 / this.props.children.count;
+	    let title = null;
-        let children = null;
+	    if(this.props.title !== undefined) {
+            title = (<h2>{this.props.title}</h2>)
+        }
+
+        let children;
         if(Array.isArray(this.props.children)) {
             children = this.props.children.map(element => {
                 return (<div class={style.splitchild}>{element}</div>);
@@ -13,6 +17,11 @@ export default class Split extends Component {
         else {
             children = <div class={style.splitchild}>{this.props.children}</div>;
         }
-		return <div class={style.split}>{children}</div>;
+		return (
+	        <div class={style.split}>
+                {title}
+                <div class={style.splitparent}>{children}</div>
+            </div>
+        );
 	}
 }

src/index.js

@@ -1,4 +1,5 @@
-import style from './index.css';
+import './index.css';
+import './manifest.json';
 import { Component } from 'preact';
 import Router from 'preact-router';
 import Home from './pages/home';
@@ -7,19 +8,19 @@ import VlDiGeometria from './pages/vldigeometria';
 import MingwInstall from './pages/mingwinstall';
 import Copyright from './components/copyright';
 
-const r = String.raw;
+// noinspection JSUnusedGlobalSymbols
-
 export default class App extends Component {
 	render() {
 		return (
 			<div id="app">
+				<h1><a href="/">Appuntiweb</a> <small>di <a href="https://steffo.eu/">Steffo</a></small></h1>
 				<Router>
-					<Home path="/"></Home>
+					<Home path="/"/>
-					<Fisica path="/fisica"></Fisica>
+					<Fisica path="/fisica"/>
-					<VlDiGeometria path="/vldigeometria"></VlDiGeometria>
+					<VlDiGeometria path="/vldigeometria"/>
-					<MingwInstall path="/mingwinstall"></MingwInstall>
+					<MingwInstall path="/mingwinstall"/>
 				</Router>
-				<Copyright></Copyright>
+				<Copyright/>
 			</div>
 		);
 	}

src/pages/fisica.css

@@ -0,0 +1,3 @@
+.fisica {
+
+}

src/pages/home.css

@@ -0,0 +1,3 @@
+.home {
+
+}

src/pages/home.js

@@ -7,85 +7,55 @@ import Todo from '../components/todo';
 export default class Home extends Component {
     render() {
         return (
-            <div>
+            <div style={style.home}>
-                <h1>Appuntiweb <small>di <a href="https://steffo.eu/">Steffo</a></small></h1>
+                <h1>Indice</h1>
-                <h2>
+                <Split title="Argomenti">
-                    Argomenti
+                    <Panel title={<a href="/fisica">Fisica</a>}>
-                </h2>
-                <Split>
-                    <Panel>
-                        <h2>
-                            <a href="/fisica">Fisica</a>
-                        </h2>
                         <p>
                             Appunti delle <a href="http://personale.unimore.it/rubrica/contenutiad/brunetti/2019/58025/N0/N0/9999">lezioni di Fisica</a> del <a href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di Informatica</a> all'<a href="https://www.unimore.it/">Unimore</a>, tenute dalla <a href="https://personale.unimore.it/rubrica/dettaglio/brunetti">Prof.ssa Rossella Brunetti</a> nel primo semestre dell'Anno Accademico 2019/2020.
                         </p>
+                        <p>
+                            <Todo>Work in progress</Todo>
+                        </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="https://github.com/Steffo99/appunti-universitari/tree/master/2019_SistemiOperativi/Arzigogoli">Sistemi Operativi</a>}>
-                        <h2>
-                            <a href="https://github.com/Steffo99/appunti-universitari/tree/master/2019_SistemiOperativi/Arzigogoli">Sistemi Operativi</a>
-                        </h2>
                         <p>
                             Soluzioni agli <a href="https://weblab.ing.unimore.it/people/andreolini/didattica/sistemi-operativi/index.html#arzigogoli">Arzigogoli</a> proposti dal <a href="https://personale.unimore.it/rubrica/dettaglio/andreolini">Prof. Mauro Andreolini</a> durante le <a href="https://personale.unimore.it/rubrica/contenutiad/andreolini/2019/58027/N0/N0/9999">lezioni di Sistemi Operativi</a> del <a href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di Informatica</a> all'<a href="https://www.unimore.it/">Unimore</a> tenutesi nel primo semestre dell'Anno Accademico 2019/2020.
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="https://github.com/Steffo99/appunti-universitari/tree/master/2018_AlgoritmiEStruttureDati">Algoritmi e Strutture Dati</a>}>
-                        <h2>
-                            <a href="https://github.com/Steffo99/appunti-universitari/tree/master/2018_AlgoritmiEStruttureDati">Algoritmi e Strutture Dati</a>
-                        </h2>                        
                         <p>
                             Appunti delle <a href="https://personale.unimore.it/rubrica/contenutiad/mmontangero/2018/58133/N0/N0/9999">lezioni di Algoritmi e Strutture Dati</a> del <a href="https://www.unimore.it/didattica/mlaurea.html?ID=54">corso triennale di Informatica</a> all'<a href="https://www.unimore.it/">Unimore</a>, tenute dalla <a href="https://personale.unimore.it/rubrica/dettaglio/mmontangero">Prof.ssa Manuela Montangero</a> nel secondo semestre dell'Anno Accademico 2018/2019.
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="/vldigeometria">Videolezioni di Geometria</a>}>
-                        <h2>
-                            <a href="/vldigeometria">Videolezioni di Geometria</a>
-                        </h2>                        
                         <p>
                             Ottime videolezioni di Geometria con licenza <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a> che ho trovato sul <a href="https://dolly.fim.unimore.it/2018/course/view.php?id=14#section-0">portale Dolly 2018</a> dell'<a href="https://www.unimore.it/">Unimore</a>.
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="/mingwinstall">Come installare MinGW</a>}>
-                        <h2>
-                            <a href="/mingwinstall">Come installare MinGW</a>
-                        </h2>                        
                         <p>
                             Un breve tutorial con immagini su come installare e configurare <a href="https://it.wikipedia.org/wiki/MinGW">MinGW</a> per compilare programmi C e C++ su Windows. 
                         </p>
                     </Panel>
                 </Split>
-                <h2>
+                <Split title="Altri collegamenti utili">
-                    Altre collegamenti utili
+                    <Panel title={<a href="https://t.me/unimoreinfo">@unimoreinfo</a>}>
-                </h2>
-                <Split>
-                    <Panel>
-                        <h2>
-                            <a href="https://t.me/unimoreinfo">@unimoreinfo</a>
-                        </h2>
                         <p>
                             Il gruppo <a href="https://telegram.org/">Telegram</a> del corso di Informatica dell'Unimore!  
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="https://calendar.google.com/calendar?cid=MmYza2o2M3VuZWQ1cmZqaGpmOGY0MWFrNmdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ">Calendario Lezioni</a>}>
-                        <h2>
-                            <a href="https://calendar.google.com/calendar?cid=MmYza2o2M3VuZWQ1cmZqaGpmOGY0MWFrNmdAZ3JvdXAuY2FsZW5kYXIuZ29vZ2xlLmNvbQ">Calendario Lezioni</a>
-                        </h2>
                         <p>
                             Calendario Google <small>quasi</small> sempre aggiornato delle lezioni e degli esami del secondo anno dell'<a href="https://www.unimore.it/">Unimore</a> durante l'Anno Accademico 2019/2020.
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="http://erre2.fermitech.info/dashboard">Erre2</a>}>
-                        <h2>
-                            <a href="http://erre2.fermitech.info/dashboard">Erre2</a>
-                        </h2>
                         <p>
                             Portale contenente appunti e riassunti mantenuto da <a href="https://github.com/LBindustries">Lorenzo Balugani</a>.
                         </p>
                     </Panel>
-                    <Panel>
+                    <Panel title={<a href="https://github.com/vezzalinistefano/Appunti-Algoritmi">vezzalinistefano/Appunti-Algoritmi</a>}>
-                        <h2>
-                            <a href="https://github.com/vezzalinistefano/Appunti-Algoritmi">vezzalinistefano/Appunti-Algoritmi</a>
-                        </h2>
                         <p>
                             Appunti di Algoritmi e Strutture Dati mantenuti da <a href="https://github.com/vezzalinistefano/">Vezzalini Stefano</a>.
                         </p>

src/pages/mingwinstall.css

@@ -0,0 +1,3 @@
+.mingwinstall {
+
+}

src/pages/mingwinstall.js

@@ -1,40 +1,37 @@
-import style from './vldigeometria.css';
+import style from './mingwinstall.css';
 import { Component } from 'preact';
-import Markdown from '../components/markdown';
 import Panel from '../components/panel';
 
-const r = String.raw;
-
 export default class MingwInstall extends Component {
 	render() {
 		//Imported from unimore-info-wiki
 		return (
-			<div>
+			<div style={style.mingwinstall}>
                 <h1>Come installare MinGW</h1>
                 <Panel>
 					<p> Scaricate <a href="https://osdn.net/projects/mingw/downloads/68260/mingw-get-setup.exe/">l'installer ufficiale</a>,
-						ed eseguitelo.</p><img src="https://i.imgur.com/mDZSqjV.png" />
+						ed eseguitelo.</p><img src="https://i.imgur.com/mDZSqjV.png" alt=""/>
 					<p> Dovrebbe comparire questa schermata. Cliccate su <code>Install</code>, poi scegliete una cartella di installazione
 						(ricordatevela!) e poi <code>Continue</code>. Lasciate stare le altre opzioni, dovrebbero essere tutte spuntate,
-						tranne <code>For all users</code>, che dovrebbe essere disattivato.</p><img src="https://i.imgur.com/brdw8Xy.png" />
+						tranne <code>For all users</code>, che dovrebbe essere disattivato.</p><img src="https://i.imgur.com/brdw8Xy.png" alt=""/>
 					<p> Aspettate che finisca il download. Pochi secondi dopo, dovrebbe finire e dovrebbe apparire un tasto
-						<code>Continue</code>. Premetelo.</p><img src="https://i.imgur.com/aPTwrxz.png" />
+						<code>Continue</code>. Premetelo.</p><img src="https://i.imgur.com/aPTwrxz.png" alt=""/>
 					<p> Dovrebbe apparirvi questa finestra. L'installer di MinGW è una specie di gestore pacchetti (tipo <code>apt</code> su
-						Ubuntu); potete scegliere quali pacchetti installare, e quindi quali funzionalità.</p><img src="https://i.imgur.com/5QLSkFN.png" />
+						Ubuntu); potete scegliere quali pacchetti installare, e quindi quali funzionalità.</p><img src="https://i.imgur.com/5QLSkFN.png" alt=""/>
 					<p> Nel nostro caso, dovrebbero servirci <code>mingw32-base-bin</code> (per il C e alcune librerie C++) e
 						<code>mingw32-gcc-g++-bin</code> (per il C++). Cliccate, quindi, sui due quadratini corrispondenti, e premete
-						<code>Mark for Installation</code>. Dovrebbe comparire una freccia gialla sul quadratino.</p><img src="https://i.imgur.com/zP74nks.png" />
+						<code>Mark for Installation</code>. Dovrebbe comparire una freccia gialla sul quadratino.</p><img src="https://i.imgur.com/zP74nks.png" alt=""/>
 					<p> Ora, è il momento di installare i pacchetti. Aprite il menù <code>Installation</code>, poi premete
-						<code>Apply Changes</code>, e di nuovo <code>Apply</code>.</p><img src="https://i.imgur.com/jp4uz5B.png" />
+						<code>Apply Changes</code>, e di nuovo <code>Apply</code>.</p><img src="https://i.imgur.com/jp4uz5B.png" alt=""/>
 					<p> Lasciate che scarichi, ci vorrà un po'. Guardatevi un video nel frattempo, fatevi una partitina a qualcosa, tornate
-						dopo circa 10 minuti.</p><img src="https://i.imgur.com/Lq9IepY.png" />
+						dopo circa 10 minuti.</p><img src="https://i.imgur.com/Lq9IepY.png" alt=""/>
 					<p> Una volta installato, dobbiamo aggiungere <code>g++</code> ai programmi eseguibili da Prompt dei Comandi: premete il
 						tasto <kbd>Windows</kbd>, e scrivete <code>PATH</code>. Windows dovrebbe trovarvi automaticamente quell'opzione.</p>
-					<img src="https://i.imgur.com/dy3b5Ub.png" />
+					<img src="https://i.imgur.com/dy3b5Ub.png" alt=""/>
-					<p> Dentro la finestra di <i>Proprietà del Sistema</i>, premete <code>Variabili d'ambiente</code>.</p><img src="https://i.imgur.com/FjYpT1n.png" />
+					<p> Dentro la finestra di <i>Proprietà del Sistema</i>, premete <code>Variabili d'ambiente</code>.</p><img src="https://i.imgur.com/FjYpT1n.png" alt=""/>
-					<p> Trovate la variabile d'ambiente globale <code>Path</code>, e fateci doppio click per modificarla.</p><img src="https://i.imgur.com/klZQ9So.png" />
+					<p> Trovate la variabile d'ambiente globale <code>Path</code>, e fateci doppio click per modificarla.</p><img src="https://i.imgur.com/klZQ9So.png" alt=""/>
 					<p> Ora dovreste vedere l'elenco di tutte le cartelle contenenti programmi eseguibili da terminale: dobbiamo aggiungere
-						quella di MinGW! Premete <code>Sfoglia</code>.</p><img src="https://i.imgur.com/F6lBCqS.png" />
+						quella di MinGW! Premete <code>Sfoglia</code>.</p><img src="https://i.imgur.com/F6lBCqS.png" alt=""/>
 					<p> Trovate la cartella in cui avete installato MinGW (vi avevo detto di ricordarvela!); entrateci, poi selezionate la
 						sottocartella <code>bin</code> e premete <code>OK</code> su tutte le finestre che avete aperto fino ad ora,
 						chiudendole.</p>

src/pages/vldigeometria.css

@@ -0,0 +1,3 @@
+.vldigeometria {
+
+}

src/pages/vldigeometria.js

@@ -7,8 +7,9 @@ const r = String.raw;
 
 export default class VlDiGeometria extends Component {
 	render() {
+		//Imported from unimore-info-wiki
 		return (
-			<div>
+			<div style={style.vldigeometria}>
                 <h1>Videolezioni di Geometria</h1>
                 <Panel>
                     <Markdown>{r`