Commit 661c2d14 authored by Kirby Ezekiel Santos's avatar Kirby Ezekiel Santos

Added css for home page

parent f8b86d55
This source diff could not be displayed because it is too large. You can view the blob instead.
body{
background: #DCD0C0;
font-family: 'Courier New', Courier, monospace;
color: #373737;
}
th{
text-align: center;
}
h2 {
text-align: center;
}
.container {
background: #F4F4F4;
padding: 15px;
margin: 10px;
}
.table{
font-size: 20px;
}
#page_header {
font-family: Helvetica, sans-serif;
padding: 15px;
font-size: 40px;
text-align: center;
text-shadow: 3px 2px #A9A9A9;
}
{% load static %}
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>The Good Place FroYo Shop</title> <title>The Good Place FroYo Shop</title>
<link rel="stylesheet" href="/static/bootstrap.min.css">
<link rel="stylesheet" href="/static/styles.css">
</head> </head>
<body> <body>
<div> <div class="col-lg-10 col-lg-10 mx-auto container">
<h1 id="page_header">The Good Place FroYo Shop</h1> <h1 id="page_header" class="col-lg-8">The Good Place FroYo Shop</h1>
</div> </div>
<div> <div class="col-lg-10 mx-auto container">
<h2 id="home_page_ingredients">Ingredients</h2> <h2 id="home_page_ingredients" class="col-lg-8 mx-auto">Ingredients</h2>
<form method="get" action="http://localhost:8000/ingredients-list"> <form method="get" action="http://localhost:8000/ingredients-list">
<button type="submit" id="button_to_ingredients">View available ingredients</button> <button type="submit" id="button_to_ingredients" class="btn-block btn-outline-info">View available ingredients</button>
</form> </form>
</div> </div>
<div> <div class="col-lg-10 mx-auto container">
<h2 id="home_page_recipes">Recipes</h2> <h2 id="home_page_recipes" class="col-lg-8 mx-auto">Recipes</h2>
<form method="get" action="http://localhost:8000/recipes-list"> <form method="get" action="http://localhost:8000/recipes-list">
<button type="submit" id="button_to_recipes">Go to recipes</button> <button type="submit" id="button_to_recipes" class="btn-block btn-outline-info">Go to recipes</button>
</form> </form>
</div> </div>
<div> <div class="col-lg-10 mx-auto container">
<h2 id="home_page_orders">Orders</h2> <h2 id="home_page_orders" class="col-lg-8 mx-auto">Orders</h2>
<form method="get" action="http://localhost:8000/orders-list"> <form method="get" action="http://localhost:8000/orders-list">
<button type="submit" id="button_to_orders">Check current orders</button> <button type="submit" id="button_to_orders" class="btn-block btn-outline-info">Check current orders</button>
</form> </form>
</div> </div>
</body> </body>
......
...@@ -117,5 +117,9 @@ USE_TZ = True ...@@ -117,5 +117,9 @@ USE_TZ = True
# Static files (CSS, JavaScript, Images) # Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/3.0/howto/static-files/ # https://docs.djangoproject.com/en/3.0/howto/static-files/
STATICFILES_DIRS = [
os.path.join(BASE_DIR, "static"),
"/static/",
]
STATIC_URL = '/static/' STATIC_URL = '/static/'
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