terrible styling but whatever

iowexpedition · Aug 19, 2023 · bb2593e · bb2593e
1 parent 368e32c
commit bb2593e
Show file tree

Hide file tree

Showing 4 changed files with 56 additions and 3 deletions.
diff --git a/README.md b/README.md
@@ -1 +1,3 @@
-# iowexpedition.github.io
+# iowexpedition.github.io
+
+website for the isle of wight expedition that we did 17/8/23
diff --git a/xander/index.html b/xander/index.html
@@ -3,7 +3,21 @@
  <head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <title>Document</title>
+ <title>Isle of Wight Expedition</title>
+ <link rel="stylesheet" href="style.css" />
  </head>
- <body></body>
+ <body>
+ <div class="content">
+ <div class="image-title-container">
+ <img src="../img/panorama.PNG" width="100%" height="40%" />
+ <div class="title">
+ <h1>Exploration expedition exhibition</h1>
+ </div>
+ </div>
+ <p>
+ On Thursday 17th August 2023, we set out on an expedition for Scouts.
+ The route was [insert route here], and we went on it.
+ </p>
+ </div>
+ </body>
 </html>
diff --git a/xander/style.css b/xander/style.css
@@ -0,0 +1,28 @@
+html body {
+ margin: 0;
+ padding: 0;
+ min-height: 100vh;
+ height: 100vh;
+}
+
+body {
+ background-color: rgb(163, 248, 184);
+}
+
+.title {
+ color: rgb(231, 231, 231);
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ font-size: 24px;
+ font-weight: bold;
+ color: white;
+ background-color: rgba(0, 0, 0, 0.7);
+ padding: 10px 20px;
+ border-radius: 5px;
+}
+
+.image-title-container {
+ display: inline-block;
+}
diff --git a/zack/index.html b/zack/index.html
@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8" />
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+ <title>Document</title>
+ </head>
+ <body></body>
+</html>