🚀 Launch

VaagenIM · Jan 18, 2023 · 3cbf8ef · 3cbf8ef
1 parent 9bef6f6
commit 3cbf8ef
Show file tree

Hide file tree

Showing 3 changed files with 65 additions and 15 deletions.
diff --git a/.devcontainer/devcontainer.json b/.devcontainer/devcontainer.json
@@ -9,8 +9,24 @@
     },
     "vscode": {
       "extensions": [
-        "ms-vscode.live-server"
-      ]
+        "mkaufman.HTMLHint",
+        "esbenp.prettier-vscode",
+        "christian-kohler.path-intellisense"
+      ],
+      "settings": {
+        "editor.formatOnSave": true,
+        "[html]": {
+          "editor.defaultFormatter": "esbenp.prettier-vscode"
+        }
+      }
+    }
+  },
+  "postCreateCommand": "npm install -g --no-package-lock live-server",
+  "postAttachCommand": "live-server --no-browser --port=8080",
+  "portsAttributes": {
+    "8080": {
+      "label": "Application",
+      "onAutoForward": "openPreview"
     }
   }
 }
diff --git a/blank.html b/blank.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css"
+    />
+    <title>Blank Page</title>
+  </head>
+  <body>
+    <header>
+      <!-- Header content -->
+    </header>
+    <main>
+      <!-- Main content -->
+    </main>
+    <footer>
+      <!-- Footer content -->
+    </footer>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -1,25 +1,36 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <link rel="stylesheet" href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css">
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/@picocss/pico@latest/css/pico.classless.min.css"
+    />
     <title>Hello, world!</title>
   </head>
   <body>
     <header>
-        <!-- Header content -->
-        <hgroup>
-            <h1>Hello, world!</h1>
-            <h2>This website uses <a href="https://picocss.com/examples/classless/" target="_blank">Pico.css classless</a>, a CSS framework that uses only HTML tags for styling.</h2>
-        </hgroup>
-        <a href="https://picocss.com/docs/" target="_blank"><button>Click here for more information about Pico.css</button></a>
+      <!-- Header content -->
+      <hgroup>
+        <h1>Hello, world!</h1>
+        <h2>
+          This website uses
+          <a href="https://picocss.com/examples/classless/" target="_blank">
+            Pico.css classless
+          </a>
+          , a CSS framework that uses only HTML tags for styling.
+        </h2>
+      </hgroup>
+      <a href="https://picocss.com/docs/" target="_blank">
+        <button>Click here for more information about Pico.css</button>
+      </a>
     </header>
     <main>
-        <!-- Main content -->
+      <!-- Main content -->
     </main>
     <footer>
-        <!-- Footer content -->
+      <!-- Footer content -->
     </footer>
   </body>
-</html>
+</html>