Templates basic formatting
This commit is contained in:
parent
a1e8c902e2
commit
88d8de76ec
@ -1,9 +1,8 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
|
{% load static %}
|
||||||
|
{% load qr_code %}
|
||||||
|
<html>
|
||||||
<head>
|
<head>
|
||||||
|
|
||||||
{% load static %}
|
|
||||||
{% load qr_code %}
|
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<title>{% block title %}reValuate{% endblock %}</title>
|
<title>{% block title %}reValuate{% endblock %}</title>
|
||||||
@ -11,12 +10,10 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||||
<link rel="stylesheet" href="{% static 'home/css/style.css' %}">
|
<link rel="stylesheet" href="{% static 'home/css/style.css' %}">
|
||||||
<link rel="shortcut icon" type="image/png" href="{% static 'home/img/logo.png' %}"/>
|
<link rel="shortcut icon" type="image/png" href="{% static 'home/img/logo.png' %}"/>
|
||||||
|
{% block optionalParams %}{% endblock %}
|
||||||
{% block optionalParams %} {% endblock %}
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% block aboveNav %} {% endblock %}
|
{% block aboveNav %}{% endblock %}
|
||||||
<header id="navbar">
|
<header id="navbar">
|
||||||
<a class="logo" href="/"><img src="{% static 'home/img/logo.png' %}" style="max-height: 100px;" alt="logo"></a>
|
<a class="logo" href="/"><img src="{% static 'home/img/logo.png' %}" style="max-height: 100px;" alt="logo"></a>
|
||||||
<nav>
|
<nav>
|
||||||
@ -54,7 +51,7 @@
|
|||||||
<a href="{% url 'leaderboard' %}">Класация</a>
|
<a href="{% url 'leaderboard' %}">Класация</a>
|
||||||
<a href="#">За нас</a>
|
<a href="#">За нас</a>
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<a href="{% url 'logout' %}">Излез!</a>
|
<a href="{% url 'logout' %}">Излез!</a>
|
||||||
{% else %}
|
{% else %}
|
||||||
<a href="{% url 'login' %}">Влез!</a>
|
<a href="{% url 'login' %}">Влез!</a>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -73,4 +70,4 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
<!-- templates/home.html -->
|
|
||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
{% block title %}Home{% endblock %}
|
{% block title %}Home{% endblock %}
|
||||||
|
|
||||||
{% block optionalParams%}
|
{% block optionalParams%}
|
||||||
<style>
|
<style>
|
||||||
.checkmark__circle {
|
.checkmark__circle {
|
||||||
@ -56,17 +56,18 @@
|
|||||||
</style>
|
</style>
|
||||||
|
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="centered" style="text-align: center;">
|
<div class="centered" style="text-align: center;">
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
{% if userBalance %}
|
{% if userBalance %}
|
||||||
<h1 style="color:#7ac142;">Транзакцията е записана успешно!</h1>
|
<h1 style="color:#7ac142;">Транзакцията е записана успешно!</h1>
|
||||||
Кликни <a style="color:#7ac142;"href="/remove_balance/">тук</a>, ако искаш да запишеш нова!
|
Кликни <a style="color:#7ac142;"href="/remove_balance/">тук</a>, ако искаш да запишеш нова!
|
||||||
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
|
<svg class="checkmark" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 52">
|
||||||
<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
|
<circle class="checkmark__circle" cx="26" cy="26" r="25" fill="none"/>
|
||||||
<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
|
<path class="checkmark__check" fill="none" d="M14.1 27.2l7.1 7.2 16.7-16.8"/>
|
||||||
</svg>
|
</svg>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<div>
|
<div>
|
||||||
{{ qr_code }}
|
{{ qr_code }}
|
||||||
|
@ -1,4 +1,8 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
|
{% load qr_code %}
|
||||||
|
{% load static %}
|
||||||
|
|
||||||
{% block optionalParams %}
|
{% block optionalParams %}
|
||||||
<style>
|
<style>
|
||||||
html{
|
html{
|
||||||
@ -11,8 +15,7 @@
|
|||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
{% load qr_code %}
|
|
||||||
{% load static %}
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div id="page-wrap">
|
<div id="page-wrap">
|
||||||
<h1 class="heading">reValuate</h1>
|
<h1 class="heading">reValuate</h1>
|
||||||
|
@ -1,16 +1,17 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
|
|
||||||
{% block title %}Класация{% endblock %}
|
{% block title %}Класация{% endblock %}
|
||||||
|
|
||||||
{% block optionalParams %}
|
{% block optionalParams %}
|
||||||
<style>
|
<style>
|
||||||
|
|
||||||
html{
|
html{
|
||||||
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
-moz-background-size: cover;
|
-moz-background-size: cover;
|
||||||
-o-background-size: cover;
|
-o-background-size: cover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
|
||||||
}
|
}
|
||||||
.content{
|
.content{
|
||||||
|
@ -3,15 +3,15 @@
|
|||||||
{% block title %}Login{% endblock %}
|
{% block title %}Login{% endblock %}
|
||||||
{% block optionalParams %}
|
{% block optionalParams %}
|
||||||
<style>
|
<style>
|
||||||
html{
|
html{
|
||||||
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
-moz-background-size: cover;
|
-moz-background-size: cover;
|
||||||
-o-background-size: cover;
|
-o-background-size: cover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
|
|
||||||
}
|
}
|
||||||
.buttons{
|
.buttons{
|
||||||
background-color: #469330;
|
background-color: #469330;
|
||||||
border: none;
|
border: none;
|
||||||
|
@ -5,13 +5,13 @@
|
|||||||
<style>
|
<style>
|
||||||
|
|
||||||
html{
|
html{
|
||||||
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
-moz-background-size: cover;
|
-moz-background-size: cover;
|
||||||
-o-background-size: cover;
|
-o-background-size: cover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
#page-wrap{
|
#page-wrap{
|
||||||
padding: 20vh;
|
padding: 20vh;
|
||||||
}
|
}
|
||||||
|
@ -1,6 +1,8 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block title %} My Images {% endblock %}
|
{% block title %} My Images {% endblock %}
|
||||||
|
|
||||||
{% block optionalParams %}
|
{% block optionalParams %}
|
||||||
<link rel="stylesheet" href="{% static 'home/css/gallery.css' %}">
|
<link rel="stylesheet" href="{% static 'home/css/gallery.css' %}">
|
||||||
<style>
|
<style>
|
||||||
|
@ -70,35 +70,35 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.closebtn:hover {
|
.closebtn:hover {
|
||||||
color: black;
|
color: black;
|
||||||
}
|
}
|
||||||
|
|
||||||
.buttons{
|
.buttons{
|
||||||
margin-top: 10%;
|
margin-top: 10%;
|
||||||
background-color: #469330;
|
background-color: #469330;
|
||||||
border: none;
|
border: none;
|
||||||
color: white;
|
color: white;
|
||||||
padding: 15px 32px;
|
padding: 15px 32px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
margin: 4px 2px;
|
margin: 4px 2px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
html{
|
html{
|
||||||
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
background: linear-gradient(180deg, rgba(70,147,48,1) 33%, rgba(109,126,107,1) 100%) no-repeat center center fixed;
|
||||||
-webkit-background-size: cover;
|
-webkit-background-size: cover;
|
||||||
-moz-background-size: cover;
|
-moz-background-size: cover;
|
||||||
-o-background-size: cover;
|
-o-background-size: cover;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
font-family: Arial, Helvetica, sans-serif;
|
font-family: Arial, Helvetica, sans-serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
#page-wrap{
|
#page-wrap{
|
||||||
padding: 20vh;
|
padding: 20vh;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user