From 321d28e4b54babf25d1be6b42ab75e84feae92e9 Mon Sep 17 00:00:00 2001 From: Luthfi Dzaky Saifuddin <luthfi.dzaky@ui.ac.id> Date: Sat, 14 Sep 2019 19:36:45 +0700 Subject: [PATCH] [GREEN] implementation homepage --- lists/templates/homepage.html | 60 +++++++++++++++++++++++++++++++++++ lists/views.py | 3 +- superlists/settings.py | 1 + 3 files changed, 63 insertions(+), 1 deletion(-) create mode 100644 lists/templates/homepage.html diff --git a/lists/templates/homepage.html b/lists/templates/homepage.html new file mode 100644 index 0000000..1b7b77b --- /dev/null +++ b/lists/templates/homepage.html @@ -0,0 +1,60 @@ +<html> +<head> +<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> +<title>Homepage</title> +<style> +.card { + box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); + max-width: 300px; + margin: auto; + text-align: center; + font-family: arial; +} + +.title { + color: grey; + font-size: 18px; +} + +button { + border: none; + outline: 0; + display: inline-block; + padding: 8px; + color: white; + background-color: #000; + text-align: center; + cursor: pointer; + width: 100%; + font-size: 18px; +} + +a { + text-decoration: none; + font-size: 22px; + color: black; +} + +button:hover, a:hover { + opacity: 0.7; +} +</style> +</head> +<body> + +<div class="card"> + <img src="https://assets.gitlab-static.net/uploads/-/system/user/avatar/1572360/avatar.png?width=90" alt="Luthfi" style="width:100%"> + <h1>Luthfi Dzaky Saifuddin</h1> + <p class="title">28 November 1998</p> + <p id="university">Universitas Indonesia</p> + <div style="margin: 24px 0;"> + <a href="#"><i class="fa fa-dribbble"></i></a> + <a href="#"><i class="fa fa-twitter"></i></a> + <a href="#"><i class="fa fa-linkedin"></i></a> + <a href="#"><i class="fa fa-facebook"></i></a> + </div> + <p><button>Contact</button></p> +</div> + +</body> +</html> \ No newline at end of file diff --git a/lists/views.py b/lists/views.py index e8c13af..4f0abb2 100644 --- a/lists/views.py +++ b/lists/views.py @@ -6,4 +6,5 @@ from django.http import HttpResponse # Create your views here. def home_page(request): - return HttpResponse('<html><title>To-Do lists</title></html>') + response = {} + return render(request, 'homepage.html', response) diff --git a/superlists/settings.py b/superlists/settings.py index 5d6c88b..cd6232d 100644 --- a/superlists/settings.py +++ b/superlists/settings.py @@ -37,6 +37,7 @@ INSTALLED_APPS = [ 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', + 'lists' ] MIDDLEWARE = [ -- GitLab