Added initial web files

efd407aa · Chiara Veronica Señires · 72dcdb7c · efd407aa · efd407aa · efd407aa
Commit efd407aa authored Oct 06, 2015 by Chiara Veronica Señires
Showing with 139 additions and 0 deletions

style.css web-app/css/style.css +97 -0

logo.png web-app/img/logo.png +0 -0

index.html web-app/index.html +23 -0

loading.html web-app/loading.html +0 -0

schedule.html web-app/schedule.html +19 -0

No files found.
--- a/web-app/css/style.css
+++ b/web-app/css/style.css
+/*
+	Main CSS styles for main uBus web app.
+
+	for CS 123 Group Project.
+	Group D : Ian De La Cruz, Pearl Santos, Chi Señires, EJ Villadarez
+*/
+
+* {
+	margin: 0;
+	padding: 0;
+}
+
+body {
+	background-color: azure;
+	font-family: monospace;
+	overflow-x: none;
+}
+
+.container {
+	margin: 0 auto;
+	display: flex;
+	flex-direction: column;
+	width: 50%;
+	justify-content: center;
+	align-items: center;
+}
+
+a {
+	text-decoration: none;
+}
+
+.logo {
+	width: 25em;
+	padding: 2em;
+	margin: 0 auto;
+}
+
+.buttons {
+	width: 50%;
+	display: flex;
+	align-content: center;
+	align-items: center;
+}
+
+.placeholder {
+	padding: 10px;
+	width: 10em;
+	height: 10em;
+}
+
+#admin, #loading {
+	margin: 10px;
+	padding: 10px;
+	color: azure;
+	font-size: 1.5em;
+	text-align: center;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+#admin {
+	background-color: coral;
+}
+
+#loading {
+	background-color: cadetblue;
+}
+
+/* SCHEDULING */
+
+nav {
+	background-color: dimgray;
+	height: 120px;
+	display: flex;
+	flex-direction: column;
+}
+
+
+.brand img {
+	width: 100px;
+	margin: 10px;
+}
+
+.align-right {
+	align-self: flex-end;
+}
+
+#add-schedule {
+	font-size: 5em;
+	padding: 10px;
+	margin-right: 5%;
+	width: 100px;
+	height: 100px;
+	
+	background-color: green;
+}
\ No newline at end of file
--- a/web-app/img/logo.png
+++ b/web-app/img/logo.png
--- a/web-app/index.html
+++ b/web-app/index.html
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>uBus | Admin System</title>
+		<link rel="stylesheet" type="text/css" href="css/style.css">
+	</head>
+	<body>
+		<div class="container">
+			<img class="logo" src="img/logo.png">
+
+			<div class="buttons">
+				<a class="placeholder" id="admin" href="schedule.html">
+					Scheduling
+				</a>
+
+				<a class="placeholder" id="loading" href="loading.html">
+					Loading
+				</a>
+			</div>
+			
+		</div>
+	</body>
+</html>
\ No newline at end of file
--- a/web-app/loading.html
+++ b/web-app/loading.html
--- a/web-app/schedule.html
+++ b/web-app/schedule.html
+<!DOCTYPE html>
+<html>
+	<head>
+		<title>uBus | Bus Schedules</title>
+		<link rel="stylesheet" type="text/css" href="css/style.css">
+	</head>
+	
+	<body>
+		<nav>
+			<div class="brand">
+				<a href="index.html"><img src="img/logo.png"></a>
+			</div>
+			
+			<div class="align-right">
+				<div class="placeholder" id="add-schedule">+</div>
+			</div>
+		</nav>
+	</body>
+</html>
\ No newline at end of file