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