UPD: Home tekst

howbizarre · howbizarre · commit 728742678dc6 · 2023-02-23T16:26:02.000Z
diff --git a/.gitignore b/.gitignore
@@ -30,3 +30,4 @@ coverage
 # Personal
 .history
 .vscode
+.gitpod*
diff --git a/index.html b/index.html
@@ -1,16 +1,10 @@
-<!DOCTYPE html>
-<html lang="en" data-bs-theme="light">
-    <head>
-        <meta charset="UTF-8" />
-        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta name="description" content="This boilerplate is based on Vue 3 with Bootstrap 5 with TypeScript support. Bootstrap Icons and Vue Router have also been added." />
-
-        <title>Starter template for Vue 3 with Bootstrap 5, SASS and Bootstrap Icons on TypeScript!</title>
-
-        <style>body, html { width: 100%; height: 100%; }</style>
-    </head>
-    <body class="d-flex flex-column">
-        <div id="app" class="d-flex flex-column h-100"></div>
-        <script type="module" src="./src/main.ts"></script>
-    </body>
-</html>
+<!doctype html><html lang="en" data-bs-theme="light"><head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="description" content="This boilerplate is based on Vue 3 with Bootstrap 5 with TypeScript support. Bootstrap Icons and Vue Router have also been added." />
+    <title>Starter template based on Vue 3, Bootstrap 5, SASS with Dark Theme and Typescript!</title>
+    <style>body, html { width: 100%; height: 100%; }</style>
+</head><body class="d-flex flex-column">
+    <div id="app" class="d-flex flex-column h-100"></div>
+    <script type="module" src="./src/main.ts"></script>
+</body></html>
diff --git a/src/components/Heads.vue b/src/components/Heads.vue
@@ -2,7 +2,7 @@
     <div class="box p-5 mb-4 rounded-3">
         <div class="container-fluid py-5">
             <h1 class="display-5 fw-bold"><slot></slot></h1>
-            <p class="col-md-8 fs-4">The point of it all is beyond the grasp of human intelligence. Be humble. Be grateful simply knowing that you, we, all are taking part in this One big story called The Universe. Thankfully, we have the tools to acknowledge that fact in wonder and awe.</p>
+            <p class="col-md-10 fs-4">This template was created to help web developers jumpstart their development. It uses Vue 3 with Composition API and Typescript support and added Bootstrap 5 with support for SASS and Dark Themes. Dark theme support in Bootstrap, by default, comes from version 5.3.0, which is currently an Alpha release. Therefore, it should be installed explicitly, and you should test it well before adding it to the production environment.</p>
         </div>
     </div>
 </template>
diff --git a/src/layouts/Default.vue b/src/layouts/Default.vue
@@ -2,7 +2,7 @@
   <Nav />
 
   <header class="container">
-    <Heads>What is the point of all?</Heads>
+    <Heads>Starter template based on Vue 3, Bootstrap 5,<br />SASS with Dark Theme and Typescript!</Heads>
   </header>
 
   <main class="container flex-shrink-0 mb-4">
