Templates update
This commit is contained in:
parent
c532683843
commit
2be89b6901
@ -1,16 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<meta charset="utf-8">
|
|
||||||
|
|
||||||
<title>SOITA | {% block title %}{% endblock %}</title>
|
|
||||||
<meta name="description" content="{% block description %}{% endblock %}">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
{% block content %}
|
|
||||||
{% endblock %}
|
|
||||||
</body>
|
|
||||||
|
|
||||||
</html>
|
|
||||||
|
|
||||||
@ -1,15 +0,0 @@
|
|||||||
{% extends "base.html" %}
|
|
||||||
|
|
||||||
{% block title %}Home{% endblock %}
|
|
||||||
|
|
||||||
{% block content %}
|
|
||||||
<h1>Welcome in SOITA/h1>
|
|
||||||
{% if user.is_authenticated %}
|
|
||||||
<p>Username: {{user.username}}</p>
|
|
||||||
<p>Name: {{user.first_name}} {{user.last_name}}</p>
|
|
||||||
<p>Email: {{user.email}}</p>
|
|
||||||
{% else %}
|
|
||||||
Guest nr 123
|
|
||||||
{% endif %}
|
|
||||||
{% endblock %}
|
|
||||||
|
|
||||||
@ -16,10 +16,13 @@ Including another URLconf
|
|||||||
from django.contrib import admin
|
from django.contrib import admin
|
||||||
from django.urls import include
|
from django.urls import include
|
||||||
from django.urls import path
|
from django.urls import path
|
||||||
from .views import index
|
from .views import index, login, logout, register
|
||||||
|
|
||||||
urlpatterns = [
|
urlpatterns = [
|
||||||
path('', index),
|
path('', index),
|
||||||
|
path('login/', login),
|
||||||
|
path('logout/', logout),
|
||||||
|
path('register/', register),
|
||||||
path('users/', include("users.urls")),
|
path('users/', include("users.urls")),
|
||||||
path('questions/', include("questions.urls")),
|
path('questions/', include("questions.urls")),
|
||||||
path('answers/', include("answers.urls")),
|
path('answers/', include("answers.urls")),
|
||||||
|
|||||||
@ -2,9 +2,26 @@ from django.shortcuts import render, redirect
|
|||||||
from django.template import loader
|
from django.template import loader
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
def index(request):
|
def index(request):
|
||||||
# context = {
|
# context = {
|
||||||
# 'latest_question_list': latest_question_list,
|
# 'latest_question_list': latest_question_list,
|
||||||
# }
|
# }
|
||||||
return render(request, 'index.html')
|
return render(request, 'index.html')
|
||||||
|
|
||||||
|
def login(request):
|
||||||
|
# context = {
|
||||||
|
# 'latest_question_list': latest_question_list,
|
||||||
|
# }
|
||||||
|
return render(request, 'login.html')
|
||||||
|
|
||||||
|
def logout(request):
|
||||||
|
# context = {
|
||||||
|
# 'latest_question_list': latest_question_list,
|
||||||
|
# }
|
||||||
|
return render(request, 'logout.html')
|
||||||
|
|
||||||
|
def register(request):
|
||||||
|
# context = {
|
||||||
|
# 'latest_question_list': latest_question_list,
|
||||||
|
# }
|
||||||
|
return render(request, 'register.html')
|
||||||
6
palette.txt
Normal file
6
palette.txt
Normal file
@ -0,0 +1,6 @@
|
|||||||
|
Color palette:
|
||||||
|
#00916E - Illuminating Emerald
|
||||||
|
#FEEFE5 - Linen
|
||||||
|
#FFCF00 - Cyber Yellow
|
||||||
|
#EE6123 - Orange Panteon
|
||||||
|
#FA003F - Red Munsell
|
||||||
62
static/style.css
Normal file
62
static/style.css
Normal file
@ -0,0 +1,62 @@
|
|||||||
|
.sidenav {
|
||||||
|
height: 100%;
|
||||||
|
width: 160px;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: #FA003F;
|
||||||
|
overflow-x: :hidden;
|
||||||
|
padding-top: 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidenav a {
|
||||||
|
padding: 6px 8px 6px 16px;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 20px;
|
||||||
|
color: #FEEFE5;
|
||||||
|
display: block;
|
||||||
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
|
.sidenav a:hover {
|
||||||
|
color: #00916E;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main {
|
||||||
|
margin-left: 160px;
|
||||||
|
padding: 0px 10px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authBox {
|
||||||
|
height: 100px;
|
||||||
|
width: 100px;
|
||||||
|
background-color: #FEEFE5;
|
||||||
|
color: #111;
|
||||||
|
padding: 250px 300px 0px 300px;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.authContent {
|
||||||
|
background-color:#FA003F
|
||||||
|
padding: 250px 300px 0px 300px;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
position: absolute;
|
||||||
|
}
|
||||||
|
|
||||||
|
.titleBar {
|
||||||
|
height: 50px;
|
||||||
|
width: 100%;
|
||||||
|
position: fixed;
|
||||||
|
z-index: 1;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
background-color: #2B3D41;
|
||||||
|
padding-top: 20px;
|
||||||
|
text-align: center;
|
||||||
|
text-decoration: none;
|
||||||
|
font-size: 30px;
|
||||||
|
color: #FEEFE5;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
24
templates/authBase.html
Normal file
24
templates/authBase.html
Normal file
@ -0,0 +1,24 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
{% load static %}
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
|
||||||
|
<title>SOITA | {% block title %}{% endblock %}</title>
|
||||||
|
<meta name="description" content="{% block description %}{% endblock %}">
|
||||||
|
</head>
|
||||||
|
|
||||||
|
<body>
|
||||||
|
<div class="titleBar">
|
||||||
|
SOITA
|
||||||
|
</div>
|
||||||
|
<div name="content", class="authContent">
|
||||||
|
<div name="box", class="authBox">
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
|
|
||||||
@ -1,15 +1,65 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
{% load static %}
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
|
<link rel="stylesheet" type="text/css" href="{% static 'style.css' %}">
|
||||||
|
<!-- <style type="text/css">-->
|
||||||
|
<!-- .sidenav {-->
|
||||||
|
<!-- height: 100%;-->
|
||||||
|
<!-- width: 160px;-->
|
||||||
|
<!-- position: fixed;-->
|
||||||
|
<!-- z-index: 1;-->
|
||||||
|
<!-- top: 0;-->
|
||||||
|
<!-- left: 0;-->
|
||||||
|
<!-- background-color: #111;-->
|
||||||
|
<!-- overflow-x: :hidden;-->
|
||||||
|
<!-- padding-top: 20px;-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
<title>SOITA | {% block title %}{% endblock %}</title>
|
<!-- .sidenav a {-->
|
||||||
<meta name="description" content="{% block description %}{% endblock %}">
|
<!-- padding: 6px 8px 6px 16px;-->
|
||||||
|
<!-- text-decoration: none;-->
|
||||||
|
<!-- font-size: 20px;-->
|
||||||
|
<!-- color: #818181;-->
|
||||||
|
<!-- display: block;-->
|
||||||
|
<!-- line-height: 1.6;-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!-- .sidenav a:hover {-->
|
||||||
|
<!-- color: #f1f1f1;-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!-- .main {-->
|
||||||
|
<!-- margin-left: 160px;-->
|
||||||
|
<!-- padding: 0px 10px;-->
|
||||||
|
<!-- }-->
|
||||||
|
|
||||||
|
<!-- </style>-->
|
||||||
|
<title>SOITA | {% block title %}{% endblock %}</title>
|
||||||
|
<meta name="description" content="{% block description %}{% endblock %}">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
{% block content %}
|
<div class="sidenav">
|
||||||
{% endblock %}
|
<a href="/">Home</a>
|
||||||
|
<a href="/about">About</a>
|
||||||
|
<a href="/tests/category/1">Category1</a>
|
||||||
|
<a href="/tests/category/2">Category2</a>
|
||||||
|
<a href="/tests/category/3">Category3</a>
|
||||||
|
<a href="/tests/category/4">Category4</a>
|
||||||
|
<a href="/tests/category/5">Category5</a>
|
||||||
|
<a href="/tests/category/6">Category6</a>
|
||||||
|
<a href="/tests/category/7">Category7</a>
|
||||||
|
<a href="/tests/category/8">Category8</a>
|
||||||
|
<a href="/tests/category/9">Category9</a>
|
||||||
|
<a href="/tests/category/10">Category10</a>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="content", name="content", class="main">
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|||||||
@ -4,12 +4,19 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<h1>Welcome in SOITA/h1>
|
<h1>Welcome in SOITA/h1>
|
||||||
{% if user.is_authenticated %}
|
<!-- TODO reading all tests from DB-->
|
||||||
<p>Username: {{user.username}}</p>
|
{% for test in tests.all %}
|
||||||
<p>Name: {{user.first_name}} {{user.last_name}}</p>
|
<div class="test-infoBox">
|
||||||
<p>Email: {{user.email}}</p>
|
<p><a href="/tests/{{test.id}}/show/">{{test.name}}</a></p>
|
||||||
{% else %}
|
</div>
|
||||||
Guest nr 123
|
|
||||||
{% endif %}
|
{% endfor %}
|
||||||
|
<!-- {% if user.is_authenticated %}-->
|
||||||
|
<!-- <p>Username: {{user.username}}</p>-->
|
||||||
|
<!-- <p>Name: {{user.first_name}} {{user.last_name}}</p>-->
|
||||||
|
<!-- <p>Email: {{user.email}}</p>-->
|
||||||
|
<!-- {% else %}-->
|
||||||
|
<!-- Guest nr 123-->
|
||||||
|
<!-- {% endif %}-->
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
8
templates/login.html
Normal file
8
templates/login.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{% extends "authBase.html" %}
|
||||||
|
|
||||||
|
{% block title %}Login{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
Login
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
8
templates/logout.html
Normal file
8
templates/logout.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{% extends "authBase.html" %}
|
||||||
|
|
||||||
|
{% block title %}Logout{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
Logout
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
8
templates/register.html
Normal file
8
templates/register.html
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
{% extends "authBase.html" %}
|
||||||
|
|
||||||
|
{% block title %}Create account{% endblock %}
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
Create account
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
Loading…
Reference in New Issue
Block a user