{% extends 'base.html' %}
{% block optionalParams %}
<style>
	html{
		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;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		font-family: Arial, Helvetica, sans-serif;
}
</style>
{% endblock %}
{% load qr_code %}
{% load static %}
{% block content %}
<div id="page-wrap">
	<h1 class="heading">reValuate</h1>
	<h3>Остават ни още:<br>{{ fullbalance }} reCoins</h3><br>
	{% if user.is_authenticated %}
	<h3> Ти притежаваш <u>{{ userBalance }}</u> от тях.</h3>
	<br>
	<h3>Твоят QR код:</h3>
	<div id="qr" >{% qr_from_text userQR size="M" %} </div>
	{% endif %}
	<br>
	<hr>
	<br>
	<h1>Нашата цел и основни дейности</h1><br>
	<p>
		Основната цел на проекта е запознаване с ползите от рециклирането на учениците и подтикването им да започнат да събират разделно боклук.
		Това е сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци.<br><br>  За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди.
		За една снимка получават 2 точки, а за едно видео 3 точки.
		</p>
	<hr><br>
	<h1>Защо да участвам?</h1>
	<p>
	<ul class="emoji" style="text-align: left; padding-left: 5%; margin: auto;">
		<li> Награден фонд за участие в проекта.</li><br>
		<li> Наградите се разпределят спрямо натрупаните точки в сайта.</li><br>
		<li> Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li><br>
		</p>
	</ul>

	<!-- <br>
	<hr>
	<br>
	<h1>Често задавани въпроси</h1><br>
	<ul class="nothing" style="text-align: left; padding-left: 5%; margin: auto;">
		<li class="question"></li>
		<p>test</p>
	</ul> -->

	<br>
	<hr>
	<br>
	<h1>Имате въпроси?<br><h2>Свържете се с нас!</h2></h1><br>
	<p id="contact">
		<a href="https://discord.gg/twDtbKeVXV"><img src="{% static 'home/img/Discord-Logo.png' %}" style="max-width:100px;"></a>
		<a href="mailto://boyan+revaluate@bobokara.com"><img src="{% static 'home/img/mail.png' %}" style="max-width:100px;"></a>
		<a href="https://www.youtube.com/channel/UCIWblGtjXAxwbTMUbhZ_PDQ"><img src="{% static 'home/img/youtube.png' %}" style="max-width:100px;" ></a>
	</p>
</div>
<footer style="padding-bottom: 20px; font-size: medium;">Frontend, backend and planning:<br> <a class="footer" href="{{ github }}">Boyan</a></footer>

{% endblock %}