added 2 more funny pages

Sylverena · Dec 14, 2023 · 6768c45 · 6768c45
1 parent 2ecd55f
commit 6768c45
Show file tree

Hide file tree

Showing 6 changed files with 140 additions and 15 deletions.
diff --git a/css/main.css b/css/main.css
diff --git a/css/main.css.map b/css/main.css.map
diff --git a/css/main.less b/css/main.less
@@ -3,6 +3,11 @@
   src: url("../fonts/OldLondon.ttf");
 }
 
+html
+{
+  scroll-behavior: smooth;
+}
+
 a{
   color: goldenrod;
 
@@ -11,6 +16,11 @@ a{
   }
 }
 
+.active{
+  color: goldenrod !important;
+  text-decoration: underline !important;
+}
+
 .header {
   display: grid;
   grid-template-columns: 1fr auto;
@@ -141,7 +151,7 @@ a{
     z-index: 2;
   }
 
-  .column-content {
+  .column-grid-content {
     position: relative;
     display: grid;
     height: 100%;
@@ -178,6 +188,17 @@ a{
   }
 }
 
+.menu-column{
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 12vw;
+  right: 12vw;
+  background-color: floralwhite;
+  box-shadow: 0 0 50px 50px rgba(0,0,0,.8);
+}
+
+
 .footer
 {
   height: 30vh;

diff --git a/index.html b/index.html
@@ -3,7 +3,7 @@
 
 <head>
   <meta charset="utf-8">
-  <title></title>
+  <title>Ambassador Houghton</title>
   <meta name="description" content="Ambassador Website wahoo">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
@@ -18,11 +18,11 @@
 <body>
 <div class="home-splash">
   <div class="header">
-    <a class="left center">
+    <a class="left center" href="index.html" style="text-decoration: none">
       Ambassador
     </a>
     <div class="right center">
-      <a class="barrel">Menu</a>
+      <a class="barrel" href="menu.html">Menu</a>
       <a class="barrel">History</a>
       <a class="barrel">Join us</a>
       <a class="barrel" href="takenbake.html">Take N' Bake</a>
@@ -38,7 +38,7 @@ <h2>MENU ></h2>
   </div>
 </div>
 <div class="below-splash">
-  <div class="column-content">
+  <div class="column-grid-content">
     <div class="card center">
       <h2>Hours</h2>
       <p>

diff --git a/menu.html b/menu.html
@@ -1,10 +1,49 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
+
 <head>
-  <meta charset="UTF-8">
-  <title>Title</title>
+  <meta charset="utf-8">
+  <title>Ambassador - Menu</title>
+  <meta name="description" content="Ambassador Website wahoo">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="stylesheet" href="css/normalize.css"/>
+  <!--  <link rel="stylesheet" type="text/css" href="css/main.css"/>-->
+  <link rel="stylesheet/less" type="text/css" href="css/main.less"/>
+  <script src="js/less.min.js" type="text/javascript"></script>
+  <script src="js/plugins.js"></script>
+  <script src="js/main.js"></script>
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
 </head>
 <body>
+<div class="home-splash">
+  <div class="header">
+    <a class="left center" href="index.html">
+      Ambassador
+    </a>
+    <div class="right center">
+      <a class="active barrel" href="menu.html">Menu</a>
+      <a class="barrel">History</a>
+      <a class="barrel">Join us</a>
+      <a class="barrel" href="takenbake.html">Take N' Bake</a>
+    </div>
+  </div>
+  <div class="landing dead-center">
+    <div class="card center" style="width: 50vw;">
+      <h1 style="font-size: 6em">&mdash; Menu &mdash;</h1>
+      <a style="font-size: 6em; text-decoration: none" href="#below-splash" >&downarrow;</a>
+    </div>
+  </div>
+</div>
+<div class="below-splash" id="below-splash" style="background-size: 50vw; background-image:url(img/wood_texture-vertical.jpg);">
+  <div class="column-grid-content dead-center" >
+    <div class="menu-column">
+      <p>asdf</p>
+    </div>
+  </div>
+</div>
+<div class="footer">
 
+</div>
 </body>
 </html>
diff --git a/takenbake.html b/takenbake.html
@@ -0,0 +1,49 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8">
+  <title>Ambassador - Take N' Bake</title>
+  <meta name="description" content="Ambassador Website wahoo">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+
+  <link rel="stylesheet" href="css/normalize.css"/>
+  <!--  <link rel="stylesheet" type="text/css" href="css/main.css"/>-->
+  <link rel="stylesheet/less" type="text/css" href="css/main.less"/>
+  <script src="js/less.min.js" type="text/javascript"></script>
+  <script src="js/plugins.js"></script>
+  <script src="js/main.js"></script>
+  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
+</head>
+<body>
+<div class="home-splash">
+  <div class="header">
+    <a class="left center" href="index.html">
+      Ambassador
+    </a>
+    <div class="right center">
+      <a class="barrel" href="menu.html">Menu</a>
+      <a class="barrel">History</a>
+      <a class="barrel">Join us</a>
+      <a class="active barrel" href="takenbake.html">Take N' Bake</a>
+    </div>
+  </div>
+  <div class="landing dead-center">
+    <div class="card center" style="width: 50vw;">
+      <h1 style="font-size: 5em">&mdash; Take N' Bake &mdash;</h1>
+      <a style="font-size: 6em; text-decoration: none" href="#below-splash" >&downarrow;</a>
+    </div>
+  </div>
+</div>
+<div class="below-splash" id="below-splash" style="background-size: 50vw; background-image:url(img/wood_texture-vertical.jpg);">
+  <div class="column-grid-content dead-center" >
+    <div class="menu-column">
+      <p>asdf</p>
+    </div>
+  </div>
+</div>
+<div class="footer">
+
+</div>
+</body>
+</html>