General styling added

tiller1010 · Jun 4, 2019 · 94153ef · 94153ef
1 parent f258503
commit 94153ef
Show file tree

Hide file tree

Showing 10 changed files with 157 additions and 21 deletions.
diff --git a/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc b/.sass-cache/cb74dca68057977652e0c31e103d513d0b8c1389/sass.scssc
diff --git a/appointment_submit.php b/appointment_submit.php
@@ -0,0 +1,21 @@
+<?php
+
+session_start();
+
+include('header.html');
+
+$day = $_GET['day'];
+$time = $_GET['time'];
+$doctor = $_GET['doctor'];
+$subject = $_SESSION['subject'];
+$message = $_SESSION['message'];
+
+
+require('connect_db.php');
+$q = "INSERT INTO appointments(day, time, doctor, subject, message)
+	  VALUES ('$day', '$time', '$doctor', '$subject', '$message');";
+mysqli_query($dbc, $q);
+
+echo "Your appointment for $subject has been submitted for $time on $day with Dr. $doctor";
+echo "<br>";
+echo "$message";
diff --git a/dashboard.php b/dashboard.php
@@ -12,7 +12,7 @@
 
 echo "Welcome to the dashboard, $_SESSION[first_name]";
 echo "<br>";
-echo "<a href='logout.php'>Logout</a>";
+echo "<div id='logout'><a href='logout.php'>Logout</a></div>";
 echo "<br>";
 
 require('connect_db.php');

diff --git a/footer.html b/footer.html
@@ -1,5 +1,8 @@
+</main>
 <footer>
+	<div class='stripe'>
 	<h4>Website By Tyler Trout</h4>
+	</div>
 </footer>
 </body>
 </html>
diff --git a/header.html b/header.html
@@ -8,5 +8,7 @@
 <body>
 	<header id='site_title'>
 		<a href='index.php'><h1>Hospital App</h1></a>
+		<div class="banner"><img src="images/banner.jpg" alt="hospital banner"/></div>
 	</header>
-	<div class='vertical_spacer'></div>
+	<div class='vertical_spacer'></div>
+	<main>
diff --git a/images/banner.jpg b/images/banner.jpg
diff --git a/index.php b/index.php
@@ -2,6 +2,7 @@
 
 include('header.html');
 include('logout_link.php');
+echo "<div class='flexbox'>";
 echo "<a href='appointment.php'>Make an appointment today.</a>";
 echo "<br>";
 //Allow doctor to sign in, if they are already then link to dashboard
@@ -16,4 +17,5 @@
 		  <br>
 		  <a href='logout.php'>Logout</a>";
 }
+echo "</div>";
 include('footer.html');
diff --git a/output.css b/output.css
diff --git a/output.css.map b/output.css.map
diff --git a/sass.scss b/sass.scss
@@ -7,7 +7,7 @@ $color-primary-0: #632770;
 $color-primary-1: #9F71A8;
 
 //Spacing
-$vertical_spacing: 12em;
+$vertical_spacing: 200px;
 $horizontal_spacing: 5em;
 
 header{
@@ -16,18 +16,80 @@ header{
 	top:0;
 	background: $heading_color;
 	width: 100%;
-}
-header a{
-	color: white;
-	text-indent: $horizontal_spacing;
+	z-index: -2;
+	a{
+		color: white;
+		text-indent: $horizontal_spacing;
+		z-index: 10;
+	}
+
+	.banner{
+		position: relative;
+		width: 100%;
+		height: 400px;
+		overflow: hidden;
+		img{
+			position: absolute;
+			bottom: 0;
+			max-width: 100%;
+			display: block;
+		}
+	}
 }
 
 .vertical_spacer{
-	height: $vertical_spacing;
+	margin-top: $vertical_spacing;
 }
 
-.dropdown-menu{
+main{
+	z-index: 2;
+	background: #fff;
+	width: 80%;
+	margin: auto;
+	padding: 20px;
+	padding-bottom: $vertical_spacing;
+	#logout{
+		position: absolute;
+		top:30px;
+		right:30px;
+		a{
+			color: #fff;
+			font-size: 20px;
+		}
+	}
+
+	.flexbox{
+		display: flex;
+		justify-content: space-around;
+
+		a{
+			color: #aaa;
+		}
+	}
+
+	.dropdown-menu{
+		position: absolute;
+		background-color: $color-primary-1;
+		color: #fff;
+	}
+
+}
+
+footer{
 	position: absolute;
-	background-color: $color-primary-1;
-	color: #fff;
+	left: 0;
+	width: 100%;
+	color: #aaa;
+	h4{
+		position: absolute;
+		bottom: 10px;
+		right: 10px;
+		font-style: italic;
+		margin-right: 10px;
+	}
+	.stripe{
+		width: 100%;
+		height: 180px;
+		background-color: #445;
+	}
 }