From 2897224dc660bfcecf7932aa59fdde05c9ed3dfa Mon Sep 17 00:00:00 2001
From: Santiago <rincorpes@gmail.com>
Date: Sun, 7 Jan 2024 11:37:39 -0500
Subject: [PATCH] Update index.html with new styles and content

---
 .gitignore            |  1 +
 .vscode/settings.json |  3 +++
 assets/css/style.css  |  6 +++++
 index.html            | 61 ++++++++++++++++++++++++++++++++++---------
 4 files changed, 59 insertions(+), 12 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 .vscode/settings.json
 create mode 100644 assets/css/style.css
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..59bebb8
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+assets/js/*
\ No newline at end of file
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..6f3a291
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,3 @@
+{
+    "liveServer.settings.port": 5501
+}
\ No newline at end of file
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..115e977
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,6 @@
+
+html, body {
+    height: 100%;
+    font-family: 'Dancing Script', cursive;
+    font-family: 'Roboto Mono', monospace;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 0069e99..603d4ef 100644
--- a/index.html
+++ b/index.html
@@ -1,15 +1,52 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Project Penrose</title>
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
-</head>
-<body>
-    <h1>
-        Hello World!
-    </h1>
-    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
-</body>
-</html>
\ No newline at end of file
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Dancing+Script&family=Roboto+Mono:wght@300&display=swap" rel="stylesheet">
+    <link
+      href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
+      rel="stylesheet"
+      integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="assets/css/style.css" />
+  </head>
+  <body class="overflow-auto bg-black">
+    <div class="w-100 h-100 d-flex flex-column justify-content-between">
+        <header class="bg-dark text-light py-4">
+            <div class="container">
+                <h1 class="h6">Penrose AI</h1>
+            </div>
+        </header>
+        <main class="w-100" role="main">
+            <div class="container">
+                <div class="row">
+                    <div class="col-12 col-md-6 mx-auto">
+                        <p class="lead text-center">
+                            This site is under construction.
+                        </p>
+                    </div>
+                </div>
+            </div>
+        </main>
+        <footer class="w-100 border-top py-3">
+            <div class="container d-flex justify-content-end">
+                <p class="mb-0">
+                    <small>
+                        &copy; 2023 Penrose AI
+                    </small>
+                </p>
+            </div>
+        </footer>
+    </div>
+    <script
+      src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
+      crossorigin="anonymous"
+    ></script>
+  </body>
+</html>
