Edited CSS of the whole website.

parent 014deb77
...@@ -584,4 +584,14 @@ fieldset[disabled] .btn-danger.active { ...@@ -584,4 +584,14 @@ fieldset[disabled] .btn-danger.active {
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1); box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
} }
.do{
margin: 0;
background-color: transparent;
text-align: center;
}
.bg{
font-weight: 20px;
background-color: white;
padding: 2em;
}
/*# sourceMappingURL=bootstrap-theme.css.map */ /*# sourceMappingURL=bootstrap-theme.css.map */
...@@ -11,6 +11,10 @@ html { ...@@ -11,6 +11,10 @@ html {
} }
body { body {
margin: 0; margin: 0;
background-image: url(carbg.jpg);
background-size: auto auto;
background-opacity: 0.1;
} }
article, article,
aside, aside,
...@@ -6757,4 +6761,5 @@ button.close { ...@@ -6757,4 +6761,5 @@ button.close {
display: none !important; display: none !important;
} }
} }
/*# sourceMappingURL=bootstrap.css.map */ /*# sourceMappingURL=bootstrap.css.map */
<table class="table table-hover"> <div class="bg">
<thead> <table class="table table-hover">
<tr> <thead>
<th>Plate Number</th> <tr>
<th>Plate Number</th>
<th>Time In</th> <th>Time In</th>
<th>Time Out</th> <th>Time Out</th>
<th>Color</th> <th>Color</th>
<th>Brand</th> <th>Brand</th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<% @car_logs.each do |car| %> <% @car_logs.each do |car| %>
<tr> <tr>
<td><%= car.plate_number %></td> <td><%= car.plate_number %></td>
<td><%= car.time_in %></td> <td><%= car.time_in %></td>
<td><%= car.time_out %></td> <td><%= car.time_out %></td>
<td><%= car.color %></td> <td><%= car.color %></td>
<td><%= car.brand %></td> <td><%= car.brand %></td>
<td><%= button_to "Remove Car", { id: car.id }, <td><%= button_to "Remove Car", { id: car.id },
method: :delete, data: { confirm: "Are you sure?" } %></td> method: :delete, data: { confirm: "Are you sure?" } %></td>
</tr> </tr>
<% end %> <% end %>
</tbody> </tbody>
</table> </table>
<hr> <hr>
<a href= "/car_logs/new"><button>Add New Car</button></a> <a href= "/car_logs/new"><button type="button" class="btn btn-primary">Add New Car</button></a>
<hr> <hr>
<a href= "/">Go back to Homepage</a> <a href= "/"><button type="button" class="btn btn-secondary">Go back to Homepage</button></a>
\ No newline at end of file </div>
\ No newline at end of file
<h1>Add Car</h1> <div class="bg">
<%= form_tag("/car_logs/add", method: "post") do %> <h1>New Car Details</h1>
<label>Plate Number:</label> <%= form_tag("/car_logs/add", method: "post") do %>
<input type= "text" name= "plate_number"/> <label>Plate Number:</label>
<input type= "text" name= "plate_number"/>
<hr>
<label>Time In:</label>
<input type= "datetime" name= "time_in"/>
<hr>
<label>Time Out:</label>
<input type= "datetime" name= "time_out"/>
<hr>
<label>Color:</label>
<select name= "color">
<option value = "Red">Red</option>
<option value = "White">White</option>
<option value = "Blue">Blue</option>
<option value = "Green">Green</option>
<option value = "Orange">Orange</option>
<option value = "Pink">Pink</option>
<option value = "Black">Black</option>
<option value = "Others">Others</option>
</select>
<hr>
<label>Brand:</label>
<select name= "brand">
<option value = "Honda">Honda</option>
<option value = "Toyota">Toyota</option>
<option value = "Ford">Ford</option>
<option value = "Suzuki">Suzuki</option>
<option value = "Chevrolet">Chevrolet</option>
<option value = "Mitsubishi">Mitsubishi</option>
<option value = "Subaru">Subaru</option>
<option value = "Nissan">Nissan</option>
<option value = "Others">Others</option>
</select>
<hr>
<input type= "submit" class="btn btn-primary" value= "Add Car"/>
<% end %>
<hr> <hr>
<label>Time In:</label> <a href= "/car_logs"><button type="button" class="btn btn-secondary">
<input type= "datetime" name= "time_in"/> View All Cars</button></a>
<hr> </div>
<label>Time Out:</label> \ No newline at end of file
<input type= "datetime" name= "time_out"/>
<hr>
<label>Color:</label>
<select name= "color">
<option value = "Red">Red</option>
<option value = "White">White</option>
<option value = "Blue">Blue</option>
<option value = "Green">Green</option>
<option value = "Orange">Orange</option>
<option value = "Pink">Pink</option>
<option value = "Black">Black</option>
<option value = "Others">Others</option>
</select>
<hr>
<label>Brand:</label>
<select name= "brand">
<option value = "Honda">Honda</option>
<option value = "Toyota">Toyota</option>
<option value = "Ford">Ford</option>
<option value = "Suzuki">Suzuki</option>
<option value = "Chevrolet">Chevrolet</option>
<option value = "Mitsubishi">Mitsubishi</option>
<option value = "Subaru">Subaru</option>
<option value = "Nissan">Nissan</option>
<option value = "Others">Others</option>
</select>
<hr>
<input type= "submit" value= "Add Car"/>
<% end %>
<hr>
<a href= "/car_logs">View All Cars</a>
\ No newline at end of file
<h1>Moshi Moshi Parking</h1> <div class="bg">
<a href="/car_logs">Check out your Cars!</a> <h1 class="text-center">Moshi Moshi Parking</h1>
\ No newline at end of file <h3 class="text-center">This is the Moshi Moshi Parking Lot Tracker!</h3>
<h4 class="text-center">Press the button below to Check on your Car!</h4>
<div class="do">
<a href="/car_logs"><button type="button" class="btn btn-success">Check out your Cars!</button></a>
</div>
<h6 class="text-center">Created by: Alfonso Arvisu, Dean Bardeloza and Bianca Tarun</h6>
</div>
\ No newline at end of file
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