started reworking home page, added monster page (empty)

Dev-Doctor · Dev-Doctor · commit 12d3f4a8ea6b · 2025-06-16T19:04:44.000+02:00
diff --git a/images/wallpaper_one.jpg b/images/wallpaper_one.jpg
diff --git a/images/wallpaper_two.jpg b/images/wallpaper_two.jpg
diff --git a/index.html b/index.html
@@ -15,7 +15,7 @@
 
 <body>
     <input type="image" id="glados" onclick="play()" src="images/glados.gif">
-    <div class="container">
+    <div class="container main-bg">
         <div>
             <header>
                 <nav>
@@ -92,14 +92,15 @@ <h2>Projects</h2>
             </div>
             <span><small><a href="pages/buttons.html">What are these buttons?</a></small></span>
         </div>
+        <footer class="main-bg">
+            <span id="copyright"></span>
+        </footer>
     </div>
 
     <!-- AUDIO FOR GLADoS -->
     <audio id="glados_audio" src="/sounds/glados_message.wav" style="display: none;"></audio>
 
-    <footer>
-        <span id="copyright"></span>
-    </footer>
+    
 </body>
 
 </html>
diff --git a/pages/about.html b/pages/about.html
@@ -15,7 +15,7 @@
 
 <body>
     <input type="button" id="stars" onclick="setStars()" value="✨">
-    <div class="container">
+    <div class="container" id="main-container">
         <header>
             <nav class="centered">
                 <a href="../index.html">Home</a>•
diff --git a/pages/monsters.html b/pages/monsters.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Monsters - Doc's site</title>
+    <!-- BOOTSTRAP CSS GRID -->
+    <link rel="stylesheet" href="../style/bootstrap-grid.css">
+    <!-- CUSTOM CSS -->
+    <link rel="stylesheet" href="../style/main.css">
+    <!-- JAVASCRIPT -->
+    <script src="../main.js"></script>
+</head>
+
+<body>
+    <div class="container main-bg">
+        <div class="row">
+            <div class="col">
+                
+            </div>
+        </div>
+    </div>
+</body>
diff --git a/style/main.css b/style/main.css
@@ -1,7 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap');
 
 :root {
-    --bg-dark-color: #000;
+    --bg-dark-color: rgb();
 
     --text-highlight: #8539ff;
     --comments-text-color: #939da5;
@@ -19,6 +19,8 @@ body {
     flex-direction: column;
     max-width: 900px;
 
+    margin-top: 0;
+    margin-bottom: 0;
     margin-left: auto;
     margin-right: auto;
 
@@ -27,7 +29,10 @@ body {
 
     font-size: larger;
 
-    background-color: var(--bg-dark-color);
+    background-image: url("../images/wallpaper_two.jpg");
+    background-repeat: repeat;
+    background-size: 20%;
+    /* background-color: var(--bg-dark-color); */
     color: var(--dark-text-color);
     font-family: Calibri;
 }
@@ -102,6 +107,10 @@ nav {
     text-decoration: underline;
 }
 
+.main-bg {
+    background-color: #000000d5;
+}
+
 .centered {
     text-align: center;
 
