chore: commit save point

application/README.md

@@ -2,7 +2,7 @@
 
 A modern, efficient and flexible JavaScript library for building user interfaces.
 
-Monster relies on proven concepts mixed with many new Javascript concepts.
+Monster relies on proven concepts mixed with many new JavaScript concepts.
 
 The library relies on modern features such as classes, WeakRef,
 WeakMaps, proxies or the MutationObserver interface, to name a few.
@@ -10,24 +10,28 @@ WeakMaps, proxies or the MutationObserver interface, to name a few.
 Monster integrates easily into your existing websites without taking over
 everything.
 
-It is not the goal of Monster to pull in a completely new abstraction
+It is not the goal of Monster to pull in an entirely new abstraction
 with its own language, but to combine the existing techniques of HTML,  
-CSS and Javascript in a meaningful way.
+CSS and JavaScript in a meaningful way.
 
 Monster is perfectly suited for the creation of beautiful and fast  
 user interfaces and websites. The basis is formed by core functions that  
 can be supplemented by necessary classes and objects.
 
-One design target is to reach the shiny sun with as little Javascript as possible.
+One design target is to reach the shiny sun with as little JavaScript as possible.
 
 Monster was built with ES6 modules and uses [import](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/import)  
 and [export](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/export).
 
-For some functions you need additional [polyfills](#polyfill).
+For some functions, you need additional [polyfills](#polyfill).
+
+## Documentation
+
+To check out docs and examples, visit [monsterjs.org/en/doc/monster/](https://monsterjs.org/en/doc/monster/).
 
 ## Installation
 
-`npm install @schukai/monster`, `yarn install @schukai/monster` oder `pnpm install @schukai/monster`
+`npm install @schukai/monster`, `yarn install @schukai/monster` or `pnpm install @schukai/monster`
 
 ### Polyfill
 
@@ -41,13 +45,9 @@ However, many functions can be mapped via [polyfill.io](https://polyfill.io/) an
            referrerpolicy="no-referrer"></script>
 ```
 
-## Documentation
-
-To check out docs and examples, visit [monsterjs.org/en/doc/monster/](https://monsterjs.org/en/doc/monster/).
-
 ## Questions
 
-For questions and commercial support please contact [schukai GmbH](https://www.schukai.com/).
+For questions and commercial support, please contact [schukai GmbH](https://www.schukai.com/).
 The issue list of this repo is exclusively for bug reports and feature requests.
 
 ## Issues
@@ -61,10 +61,9 @@ Copyright © 2022 schukai GmbH
 
 [AGPL](https://www.gnu.org/licenses/agpl-3.0.de.html)
 
-You can also purchase a commercial licence.
+You can also purchase a commercial license.
 
 ## Changelog
 
 Detailed changes for each release are documented in
 the [CHANGELOG](https://gitlab.schukai.com/oss/libraries/javascript/monster/-/blob/master/application/CHANGELOG).
-

deployment/web/assets/prettify.css

+/**
+ * @license
+ * Copyright (C) 2015 Google Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either expre.prettyprintss or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+/* pre.prettyprinttty printing styles. Used with pre.prettyprintttify.js. */
+
+body pre.prettyprint {
+    background-color: #ededed;
+}
+
+body pre.prettyprint code {
+    background-color: inherit;
+}
+
+body pre .pre-top-bar-container {
+    background: inherit;
+}
+
+body pre .code-copy-icon-container {
+    fill: #000;
+}
+
+
+/* SPAN elements with the classes below are added by pre.prettyprintttyprint. */
+pre.prettyprint .pln {
+    color: #000
+}
+
+/* plain text */
+
+@media screen {
+    pre.prettyprint {
+        background-color: #ededed;
+    }
+
+    pre.prettyprint code {
+        background-color: inherit;
+    }
+
+    body pre .pre-top-bar-container {
+        background: inherit;
+    }
+
+    pre.prettyprint .str {
+        color: #080
+    }
+
+    /* string content */
+    pre.prettyprint .kwd {
+        color: #008
+    }
+
+    /* a keyword */
+    pre.prettyprint .com {
+        color: #800
+    }
+
+    /* a comment */
+    pre.prettyprint .typ {
+        color: #606
+    }
+
+    /* a type name */
+    pre.prettyprint .lit {
+        color: #066
+    }
+
+    /* a literal value */
+    /* punctuation, lisp open bracket, lisp close bracket */
+    pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo {
+        color: #660
+    }
+
+    pre.prettyprint .tag {
+        color: #008
+    }
+
+    /* a markup tag name */
+    pre.prettyprint .atn {
+        color: #606
+    }
+
+    /* a markup attribute name */
+    pre.prettyprint .atv {
+        color: #080
+    }
+
+    /* a markup attribute value */
+    pre.prettyprint .dec, pre.prettyprint .var {
+        color: #606
+    }
+
+    /* a declaration; a variable name */
+    pre.prettyprint .fun {
+        color: red
+    }
+
+    /* a function name */
+}
+
+/* Use higher contrast and text-weight for printable form. */
+@media print, projection {
+
+    pre.prettyprint {
+        background-color: #ededed;
+    }
+
+    pre.prettyprint code {
+        background-color: inherit;
+    }
+
+    body pre .pre-top-bar-container {
+        background: inherit;
+    }
+
+    pre.prettyprint .str {
+        color: #060
+    }
+
+    pre.prettyprint .kwd {
+        color: #006;
+        font-weight: bold
+    }
+
+    pre.prettyprint .com {
+        color: #600;
+        font-style: italic
+    }
+
+    pre.prettyprint .typ {
+        color: #404;
+        font-weight: bold
+    }
+
+    pre.prettyprint .lit {
+        color: #044
+    }
+
+    pre.prettyprint .pun, pre.prettyprint .opn, pre.prettyprint .clo {
+        color: #440
+    }
+
+    pre.prettyprint .tag {
+        color: #006;
+        font-weight: bold
+    }
+
+    pre.prettyprint .atn {
+        color: #404
+    }
+
+    pre.prettyprint .atv {
+        color: #060
+    }
+}
+
+/* Put a border around pre.prettyprintttyprinted code snippets. */
+pre.prettyprint.pre.prettyprintttyprint {
+    padding: 2px;
+    border: 1px solid #888
+}
+
+/* Specify class=linenums on a pre.prettyprint to get line numbering */
+pre.prettyprint ol.linenums {
+    margin-top: 0;
+    margin-bottom: 0
+}
+
+/* IE indents via margin-left */
+pre.prettyprint li.L0,
+pre.prettyprint li.L1,
+pre.prettyprint li.L2,
+pre.prettyprint li.L3,
+pre.prettyprint li.L5,
+pre.prettyprint li.L6,
+pre.prettyprint li.L7,
+pre.prettyprint li.L8 {
+    list-style-type: none
+}
+
+/* Alternate shading for lines */
+pre.prettyprint li.L1,
+pre.prettyprint li.L3,
+pre.prettyprint li.L5,
+pre.prettyprint li.L7,
+pre.prettyprint li.L9 {
+    background: #eee
+}
+
+body section .codepen-form {
+    top: 0;
+    position: absolute;
+    right: 160px;
+    background-color: #da3b1e;
+    height: 78px;
+    width: 78px;
+    display: flex;
+    align-content: center;
+    justify-content: center;
+    align-items: center;
+    padding-left: 10px;
+}
+
+
+.sketch {
+    display: flex;
+    align-content: center;
+    margin: 6rem 0rem;
+    justify-content: center;
+}

deployment/web/browserconfig.xml

+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

deployment/web/en/doc/latest/index.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>Monster</title>
+</head>
+<body>
+
+
+<div id="redirect-to-latest"></div>
+<script src="https://monsterjs.org/js/doc/monster-latest-version.js" crossorigin="anonymous"></script>
+
+</body>
+</html>
\ No newline at end of file

deployment/web/error.html

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    <title>404 Monster</title>
+
+    <style id="" media="all">/* vietnamese */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 400;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
+        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+    }
+
+    /* latin-ext */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 400;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
+        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    }
+
+    /* latin */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 400;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+
+    /* vietnamese */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 900;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3GwmQIAFg.woff2) format('woff2');
+        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
+    }
+
+    /* latin-ext */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 900;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3Gw2QIAFg.woff2) format('woff2');
+        unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
+    }
+
+    /* latin */
+    @font-face {
+        font-family: 'Maven Pro';
+        font-style: normal;
+        font-weight: 900;
+        src: url(https://fonts.gstatic.com/s/mavenpro/v22/7Au9p_AqnyWWAxW2Wk3GzWQI.woff2) format('woff2');
+        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+    }
+    </style>
+
+    <link type="text/css" rel="stylesheet" href="/style.css">
+
+
+    <!--[if lt IE 9]>
+    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
+    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
+    <![endif]-->
+    <meta name="robots" content="noindex, follow">
+</head>
+<body>
+<div id="notfound">
+    <div class="notfound">
+        <div class="notfound-404">
+            <h1>404</h1>
+        </div>
+        <h2>We are sorry, Page not found!</h2>
+        <p>The page you are looking for might have been removed had its name changed or is temporarily unavailable.</p>
+        <a class="button" href="/">Back To Homepage</a>
+    </div>
+</div>
+
+</body>
+</html>