Added sample pages

Added simple cleaner logic

src/views/about/about.html

@@ -0,0 +1,17 @@
+<div class="position-relative">
+    <button type="button" class="btn btn-light back-button top-0 start-0 m-3" onclick="loadView('home')">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
+            <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
+        </svg>
+        Back</button>
+</div>
+<section class="py-5">
+    <div class="container text-center">
+        <h1 class="display-4">About <strong>Cooperate Cleaner</strong></h1>
+        <p class="lead mb-5">Developed by Walzen665</p>
+
+
+
+
+    </div>
+</section>

src/views/cleaner/cleaner.html

@@ -0,0 +1,28 @@
+<div class="position-relative">
+    <button type="button" class="btn btn-light back-button top-0 start-0 m-3" onclick="loadView('home')">
+        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left" viewBox="0 0 16 16">
+            <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/>
+        </svg>
+        Back</button>
+</div>
+<section class="py-5">
+    <div class="container text-center">
+        <h1 class="display-4"><strong>Cooperate Cleaner</strong></h1>
+        <p class="lead mb-3">Enter your text, clear, done</p>
+
+        <h2>Input:</h2>
+        <textarea class="form-control w-100" rows="10"></textarea>
+        <button type="button" class="btn btn-success mt-3" id="cleaner-clean-btn">
+            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cpu" viewBox="0 0 16 16">
+                <path d="M5 0a.5.5 0 0 1 .5.5V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2h1V.5a.5.5 0 0 1 1 0V2A2.5 2.5 0 0 1 14 4.5h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14v1h1.5a.5.5 0 0 1 0 1H14a2.5 2.5 0 0 1-2.5 2.5v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14h-1v1.5a.5.5 0 0 1-1 0V14A2.5 2.5 0 0 1 2 11.5H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2v-1H.5a.5.5 0 0 1 0-1H2A2.5 2.5 0 0 1 4.5 2V.5A.5.5 0 0 1 5 0m-.5 3A1.5 1.5 0 0 0 3 4.5v7A1.5 1.5 0 0 0 4.5 13h7a1.5 1.5 0 0 0 1.5-1.5v-7A1.5 1.5 0 0 0 11.5 3zM5 6.5A1.5 1.5 0 0 1 6.5 5h3A1.5 1.5 0 0 1 11 6.5v3A1.5 1.5 0 0 1 9.5 11h-3A1.5 1.5 0 0 1 5 9.5zM6.5 6a.5.5 0 0 0-.5.5v3a.5.5 0 0 0 .5.5h3a.5.5 0 0 0 .5-.5v-3a.5.5 0 0 0-.5-.5z"/>
+            </svg>
+            Clear my input</button>
+        <div class="visually-hidden">
+            <h2 class="mt-3">Output:</h2>
+            <textarea class="form-control w-100" rows="10"></textarea>
+        </div>
+
+
+
+    </div>
+</section>

src/views/cleaner/cleaner.js

@@ -0,0 +1,15 @@
+$(document).ready(function() {
+    console.log("Initialization of cleaner.js finished.");
+    init();
+});
+
+function init() {
+    $("#cleaner-clean-btn").click(function() {
+        console.log("Clean button clicked");
+        clean();
+    });
+}
+
+function clean() {
+    console.log("Cleaning...")
+}

src/views/home/home.html

@@ -1,7 +1,7 @@
 <section class="py-5">
     <div class="container text-center">
         <h1 class="display-4">Welcome to <strong>Cooperate Cleaner</strong></h1>
-        <p class="lead mb-5">Choose an app to get started</p>
+        <p class="lead mb-5">Your advanced text filtering engine</p>
 
         <!-- App Menu -->
         <div class="row">