Skip to content

U
uBus
Commit 0683ebb5 authored by Chiara Veronica Señires's avatar Chiara Veronica Señires
Browse files
Options

Added more files

parent 53c814b3
Hide whitespace changes
Inline Side-by-side
Showing with 123 additions and 73 deletions
web-app/css/style.css
View file @ 0683ebb5
/* /*
Main CSS styles for main uBus web app. Main CSS styles for main uBus web app.
for CS 123 Group Project. for CS 123 Group Project.
Group D : Ian De La Cruz, Pearl Santos, Chi Señires, EJ Villadarez Group D : Ian De La Cruz, Pearl Santos, Chi Señires, EJ Villadarez
*/ */
* { /* ------------ */
margin: 0; /* MAIN */
padding: 0; /* ------------ */
} *, *:after, *:before {
margin: 0;
padding: 0;
box-sizing: border-box; }
html, body { html, body {
font-size: 10px;
background-color: #124E78; background-color: #124E78;
font-family: monospace; font-family: monospace;
overflow-x: hidden; overflow: hidden;
} }
a { a {
text-decoration: none; text-decoration: none;
...@@ -22,6 +26,9 @@ a { ...@@ -22,6 +26,9 @@ a {
font-weight: bold; font-weight: bold;
} }
/* ------------ */
/* INDEX.html */
/* ------------ */
.container { .container {
margin: 4.5% auto; margin: 4.5% auto;
width: 50%; width: 50%;
...@@ -35,23 +42,23 @@ header { ...@@ -35,23 +42,23 @@ header {
text-align: center; text-align: center;
} }
.logo { .logo {
display: block; display: block;
margin: 0 auto; margin: 0 auto;
width: 20em; width: 20em;
} }
.content { .content {
height: 15em; height: 15em;
} }
.button a { .button a {
display: block; display: block;
width: 12em; width: 12em;
height: 12em; height: 12em;
text-align: center; text-align: center;
} }
.button > a img { .button > a img {
width: 100%; width: 100%;
background-color: #ccc; background-color: #ccc;
...@@ -61,39 +68,72 @@ header { ...@@ -61,39 +68,72 @@ header {
#admin { #admin {
float: left; float: left;
margin-left: 20%;
} }
#loading { #loading {
float: right; float: right;
margin-right: 25%; margin-right: 30%;
} }
/* SCHEDULING */ /* -------------- */
/* SCHEDULE.html */
nav { /* -------------- */
background-color: dimgray; nav {
height: 120px; background-color: #999;
display: flex; height: 115px;
flex-direction: column; }
}
.brand img {
.brand img { float: left;
width: 100px; width: 100px;
margin: 10px; margin: 10px;
} }
.align-right { .align-right {
align-self: flex-end; float: right;
} margin: 20px 10px;
}
#add-schedule {
font-size: 5em; .nav a {
padding: 10px; display: inline-block;
margin-right: 5%; padding: 20px 10px;
width: 100px; margin: auto 0;
height: 100px; }
background-color: green; .wrapper {
width: 60%;
margin: 0 auto;
}
.content {
display: block;
width: 100%;
margin: 0 auto;
}
.title {
margin: 2.5% 5%;
color: #f0f0c9;
}
.title > img {
width: 75px;
background-color: #ccc;
padding: 0.75%;
border-radius: 10%;
float: left;
margin-left: -9em;
}
/* Temporary */
.placeholder {
width: 50px;
height: 50px;
background-color: aqua;
}
.clearfix {
display: block;
clear: both;
} }
web-app/schedule.html
View file @ 0683ebb5
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>uBus | Bus Schedules</title> <title>uBus | Bus Schedules</title>
<link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/style.css">
</head> </head>
<body> <body>
<nav> <nav>
<div class="brand"> <div class="brand">
<a href="index.html"><img src="img/logo.png"></a> <a href="index.html"><img src="img/logo.png"></a>
</div> </div>
<div class="align-right"> <div class="align-right">
<div class="placeholder" id="add-schedule">+</div> <a href="javascript:void(0);"><img src="img/add.png" class="nav button"></a>
</div> <a href="javascript:void(0);"><img src="img/search.png" class="nav button"></a>
</nav> </div>
</body> </nav>
</html>
\ No newline at end of file <div class="wrapper">
<div class="content">
<div class="title">
<img src="img/scheduling.png">
<h1>Bus Schedules</h1>
</div>
</div>
</div>
</body>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment