From 4b2558503d710931d58d028a680f6098da8f0b96 Mon Sep 17 00:00:00 2001
From: klaas <klaas@boergmann.it>
Date: Wed, 15 Jan 2025 16:21:02 +0100
Subject: [PATCH] initial

---
 LICENSE.md                        |   0
 README.md                         |   0
 html/.gitignore                   |   4 +
 html/assets/images/js-logo-xs.png | Bin 0 -> 10543 bytes
 html/assets/scripts/app.js        |   4 +
 html/assets/scripts/utils.js      |   1 +
 html/assets/styles/main.css       |  42 ++++
 html/index.html                   |  27 +++
 html/package.json                 |  23 ++
 index.html                        | 368 ++++++++++++++++++++++++++++++
 index.nginx-debian.html           |  23 ++
 11 files changed, 492 insertions(+)
 create mode 100644 LICENSE.md
 create mode 100644 README.md
 create mode 100644 html/.gitignore
 create mode 100644 html/assets/images/js-logo-xs.png
 create mode 100644 html/assets/scripts/app.js
 create mode 100644 html/assets/scripts/utils.js
 create mode 100644 html/assets/styles/main.css
 create mode 100644 html/index.html
 create mode 100644 html/package.json
 create mode 100644 index.html
 create mode 100644 index.nginx-debian.html

diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..e69de29
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..e69de29
diff --git a/html/.gitignore b/html/.gitignore
new file mode 100644
index 0000000..31b2671
--- /dev/null
+++ b/html/.gitignore
@@ -0,0 +1,4 @@
+node_modules/
+dist/
+.cache/
+package-lock.json
\ No newline at end of file
diff --git a/html/assets/images/js-logo-xs.png b/html/assets/images/js-logo-xs.png
new file mode 100644
index 0000000000000000000000000000000000000000..25deac092d58efa3e6c5aaa69994f0aa527347c2
GIT binary patch
literal 10543
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
aYb$0?J>#TC`T9pAoT99nOudv@@c#jdxq0CL

literal 0
HcmV?d00001

diff --git a/html/assets/scripts/app.js b/html/assets/scripts/app.js
new file mode 100644
index 0000000..f53e28f
--- /dev/null
+++ b/html/assets/scripts/app.js
@@ -0,0 +1,4 @@
+const user = ["klaas", "Börgmann"];
+const [first, last] = user;
+
+console.log(first);
diff --git a/html/assets/scripts/utils.js b/html/assets/scripts/utils.js
new file mode 100644
index 0000000..0e50f5d
--- /dev/null
+++ b/html/assets/scripts/utils.js
@@ -0,0 +1 @@
+export let apiKey = "kjahyssiufhsah9";
diff --git a/html/assets/styles/main.css b/html/assets/styles/main.css
new file mode 100644
index 0000000..a04f249
--- /dev/null
+++ b/html/assets/styles/main.css
@@ -0,0 +1,42 @@
+@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Roboto+Condensed:wght@400;700&display=swap');
+
+body {
+    font-family: sans-serif;
+    background-color: #1f1c17;
+    color: #e6e2db;
+}
+
+header {
+    display: flex;
+    gap: 1rem;
+    justify-content: center;
+    align-items: center;
+    width: 90%;
+    max-width: 40rem;
+    margin: 2rem auto;
+    padding-bottom: 1.5rem;
+    border-bottom: 2px solid #ccc;
+}
+
+header img {
+    width: 2rem;
+    object-fit: contain;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7);
+}
+
+header h1 {
+    color: #fce563;
+    font-family: 'Roboto Condensed', sans-serif;
+    font-weight: normal;
+    font-size: 1.25rem;
+}
+
+ul {
+    list-style: none;
+    text-align: center;
+}
+
+li {
+    margin: 0.5rem 0;
+    color: #e9e2ba;
+}
diff --git a/html/index.html b/html/index.html
new file mode 100644
index 0000000..5bc71d8
--- /dev/null
+++ b/html/index.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>JavaScript Refresher</title>
+    <link rel="stylesheet" href="assets/styles/main.css" />
+    <script src="assets/scripts/app.js" type="module"></script>
+    <meta charset="UTF-8" />
+  </head>
+
+  <body>
+    <header>
+      <img src="assets/images/js-logo-xs.png" alt="JavaScript logo" />
+      <h1>JavaScript Refresher</h1>
+    </header>
+    <ul>
+      <li>Base Syntax & Rules</li>
+      <li>Variables, Values & Operators</li>
+      <li>Functions</li>
+      <li>Objects</li>
+      <li>Arrays</li>
+      <li>Control Structures</li>
+      <li>Browser APIs & The DOM</li>
+      <li>Essential Features Used By React</li>
+      <li>Tricky Parts</li>
+    </ul>
+  </body>
+</html>
diff --git a/html/package.json b/html/package.json
new file mode 100644
index 0000000..2041eb2
--- /dev/null
+++ b/html/package.json
@@ -0,0 +1,23 @@
+{
+    "name": "javascript-refresher-start",
+    "version": "1.0.0",
+    "description": "",
+    "main": "index.html",
+    "scripts": {
+        "start": "parcel index.html --open",
+        "build": "parcel build index.html"
+    },
+    "dependencies": {
+        "parcel-bundler": "^1.12.5"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.25.2",
+        "typescript": "^5.5.4"
+    },
+    "resolutions": {
+        "@babel/preset-env": "7.13.8"
+    },
+    "keywords": [],
+    "author": "",
+    "license": "ISC"
+}
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..766401d
--- /dev/null
+++ b/index.html
@@ -0,0 +1,368 @@
+
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml">
+  <head>
+    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+    <title>Apache2 Debian Default Page: It works</title>
+    <style type="text/css" media="screen">
+  * {
+    margin: 0px 0px 0px 0px;
+    padding: 0px 0px 0px 0px;
+  }
+
+  body, html {
+    padding: 3px 3px 3px 3px;
+
+    background-color: #D8DBE2;
+
+    font-family: Verdana, sans-serif;
+    font-size: 11pt;
+    text-align: center;
+  }
+
+  div.main_page {
+    position: relative;
+    display: table;
+
+    width: 800px;
+
+    margin-bottom: 3px;
+    margin-left: auto;
+    margin-right: auto;
+    padding: 0px 0px 0px 0px;
+
+    border-width: 2px;
+    border-color: #212738;
+    border-style: solid;
+
+    background-color: #FFFFFF;
+
+    text-align: center;
+  }
+
+  div.page_header {
+    height: 99px;
+    width: 100%;
+
+    background-color: #F5F6F7;
+  }
+
+  div.page_header span {
+    margin: 15px 0px 0px 50px;
+
+    font-size: 180%;
+    font-weight: bold;
+  }
+
+  div.page_header img {
+    margin: 3px 0px 0px 40px;
+
+    border: 0px 0px 0px;
+  }
+
+  div.table_of_contents {
+    clear: left;
+
+    min-width: 200px;
+
+    margin: 3px 3px 3px 3px;
+
+    background-color: #FFFFFF;
+
+    text-align: left;
+  }
+
+  div.table_of_contents_item {
+    clear: left;
+
+    width: 100%;
+
+    margin: 4px 0px 0px 0px;
+
+    background-color: #FFFFFF;
+
+    color: #000000;
+    text-align: left;
+  }
+
+  div.table_of_contents_item a {
+    margin: 6px 0px 0px 6px;
+  }
+
+  div.content_section {
+    margin: 3px 3px 3px 3px;
+
+    background-color: #FFFFFF;
+
+    text-align: left;
+  }
+
+  div.content_section_text {
+    padding: 4px 8px 4px 8px;
+
+    color: #000000;
+    font-size: 100%;
+  }
+
+  div.content_section_text pre {
+    margin: 8px 0px 8px 0px;
+    padding: 8px 8px 8px 8px;
+
+    border-width: 1px;
+    border-style: dotted;
+    border-color: #000000;
+
+    background-color: #F5F6F7;
+
+    font-style: italic;
+  }
+
+  div.content_section_text p {
+    margin-bottom: 6px;
+  }
+
+  div.content_section_text ul, div.content_section_text li {
+    padding: 4px 8px 4px 16px;
+  }
+
+  div.section_header {
+    padding: 3px 6px 3px 6px;
+
+    background-color: #8E9CB2;
+
+    color: #FFFFFF;
+    font-weight: bold;
+    font-size: 112%;
+    text-align: center;
+  }
+
+  div.section_header_red {
+    background-color: #CD214F;
+  }
+
+  div.section_header_grey {
+    background-color: #9F9386;
+  }
+
+  .floating_element {
+    position: relative;
+    float: left;
+  }
+
+  div.table_of_contents_item a,
+  div.content_section_text a {
+    text-decoration: none;
+    font-weight: bold;
+  }
+
+  div.table_of_contents_item a:link,
+  div.table_of_contents_item a:visited,
+  div.table_of_contents_item a:active {
+    color: #000000;
+  }
+
+  div.table_of_contents_item a:hover {
+    background-color: #000000;
+
+    color: #FFFFFF;
+  }
+
+  div.content_section_text a:link,
+  div.content_section_text a:visited,
+   div.content_section_text a:active {
+    background-color: #DCDFE6;
+
+    color: #000000;
+  }
+
+  div.content_section_text a:hover {
+    background-color: #000000;
+
+    color: #DCDFE6;
+  }
+
+  div.validator {
+  }
+    </style>
+  </head>
+  <body>
+    <div class="main_page">
+      <div class="page_header floating_element">
+        <img src="/icons/openlogo-75.png" alt="Debian Logo" class="floating_element"/>
+        <span class="floating_element">
+          Apache2 Debian Default Page
+        </span>
+      </div>
+<!--      <div class="table_of_contents floating_element">
+        <div class="section_header section_header_grey">
+          TABLE OF CONTENTS
+        </div>
+        <div class="table_of_contents_item floating_element">
+          <a href="#about">About</a>
+        </div>
+        <div class="table_of_contents_item floating_element">
+          <a href="#changes">Changes</a>
+        </div>
+        <div class="table_of_contents_item floating_element">
+          <a href="#scope">Scope</a>
+        </div>
+        <div class="table_of_contents_item floating_element">
+          <a href="#files">Config files</a>
+        </div>
+      </div>
+-->
+      <div class="content_section floating_element">
+
+
+        <div class="section_header section_header_red">
+          <div id="about"></div>
+          It works!
+        </div>
+        <div class="content_section_text">
+          <p>
+                This is the default welcome page used to test the correct 
+                operation of the Apache2 server after installation on Debian systems.
+                If you can read this page, it means that the Apache HTTP server installed at
+                this site is working properly. You should <b>replace this file</b> (located at
+                <tt>/var/www/html/index.html</tt>) before continuing to operate your HTTP server.
+          </p>
+
+
+          <p>
+                If you are a normal user of this web site and don't know what this page is
+                about, this probably means that the site is currently unavailable due to
+                maintenance.
+                If the problem persists, please contact the site's administrator.
+          </p>
+
+        </div>
+        <div class="section_header">
+          <div id="changes"></div>
+                Configuration Overview
+        </div>
+        <div class="content_section_text">
+          <p>
+                Debian's Apache2 default configuration is different from the
+                upstream default configuration, and split into several files optimized for
+                interaction with Debian tools. The configuration system is
+                <b>fully documented in
+                /usr/share/doc/apache2/README.Debian.gz</b>. Refer to this for the full
+                documentation. Documentation for the web server itself can be
+                found by accessing the <a href="/manual">manual</a> if the <tt>apache2-doc</tt>
+                package was installed on this server.
+
+          </p>
+          <p>
+                The configuration layout for an Apache2 web server installation on Debian systems is as follows:
+          </p>
+          <pre>
+/etc/apache2/
+|-- apache2.conf
+|       `--  ports.conf
+|-- mods-enabled
+|       |-- *.load
+|       `-- *.conf
+|-- conf-enabled
+|       `-- *.conf
+|-- sites-enabled
+|       `-- *.conf
+          </pre>
+          <ul>
+                        <li>
+                           <tt>apache2.conf</tt> is the main configuration
+                           file. It puts the pieces together by including all remaining configuration
+                           files when starting up the web server.
+                        </li>
+
+                        <li>
+                           <tt>ports.conf</tt> is always included from the
+                           main configuration file. It is used to determine the listening ports for
+                           incoming connections, and this file can be customized anytime.
+                        </li>
+
+                        <li>
+                           Configuration files in the <tt>mods-enabled/</tt>,
+                           <tt>conf-enabled/</tt> and <tt>sites-enabled/</tt> directories contain
+                           particular configuration snippets which manage modules, global configuration
+                           fragments, or virtual host configurations, respectively.
+                        </li>
+
+                        <li>
+                           They are activated by symlinking available
+                           configuration files from their respective
+                           *-available/ counterparts. These should be managed
+                           by using our helpers
+                           <tt>
+                                a2enmod,
+                                a2dismod,
+                           </tt>
+                           <tt>
+                                a2ensite,
+                                a2dissite,
+                            </tt>
+                                and
+                           <tt>
+                                a2enconf,
+                                a2disconf
+                           </tt>. See their respective man pages for detailed information.
+                        </li>
+
+                        <li>
+                           The binary is called apache2. Due to the use of
+                           environment variables, in the default configuration, apache2 needs to be
+                           started/stopped with <tt>/etc/init.d/apache2</tt> or <tt>apache2ctl</tt>.
+                           <b>Calling <tt>/usr/bin/apache2</tt> directly will not work</b> with the
+                           default configuration.
+                        </li>
+          </ul>
+        </div>
+
+        <div class="section_header">
+            <div id="docroot"></div>
+                Document Roots
+        </div>
+
+        <div class="content_section_text">
+            <p>
+                By default, Debian does not allow access through the web browser to
+                <em>any</em> file apart of those located in <tt>/var/www</tt>,
+                <a href="http://httpd.apache.org/docs/2.4/mod/mod_userdir.html" rel="nofollow">public_html</a>
+                directories (when enabled) and <tt>/usr/share</tt> (for web
+                applications). If your site is using a web document root
+                located elsewhere (such as in <tt>/srv</tt>) you may need to whitelist your
+                document root directory in <tt>/etc/apache2/apache2.conf</tt>.
+            </p>
+            <p>
+                The default Debian document root is <tt>/var/www/html</tt>. You
+                can make your own virtual hosts under /var/www. This is different
+                to previous releases which provides better security out of the box.
+            </p>
+        </div>
+
+        <div class="section_header">
+          <div id="bugs"></div>
+                Reporting Problems
+        </div>
+        <div class="content_section_text">
+          <p>
+                Please use the <tt>reportbug</tt> tool to report bugs in the
+                Apache2 package with Debian. However, check <a
+                href="http://bugs.debian.org/cgi-bin/pkgreport.cgi?ordering=normal;archive=0;src=apache2;repeatmerged=0"
+                rel="nofollow">existing bug reports</a> before reporting a new bug.
+          </p>
+          <p>
+                Please report bugs specific to modules (such as PHP and others)
+                to respective packages, not to the web server itself.
+          </p>
+        </div>
+
+
+
+
+      </div>
+    </div>
+    <div class="validator">
+    </div>
+  </body>
+</html>
+
diff --git a/index.nginx-debian.html b/index.nginx-debian.html
new file mode 100644
index 0000000..e8f5622
--- /dev/null
+++ b/index.nginx-debian.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+<head>
+<title>Welcome to nginx!</title>
+<style>
+html { color-scheme: light dark; }
+body { width: 35em; margin: 0 auto;
+font-family: Tahoma, Verdana, Arial, sans-serif; }
+</style>
+</head>
+<body>
+<h1>Welcome to nginx!</h1>
+<p>If you see this page, the nginx web server is successfully installed and
+working. Further configuration is required.</p>
+
+<p>For online documentation and support please refer to
+<a href="http://nginx.org/">nginx.org</a>.<br/>
+Commercial support is available at
+<a href="http://nginx.com/">nginx.com</a>.</p>
+
+<p><em>Thank you for using nginx.</em></p>
+</body>
+</html>