god damn! it's starting to look like a website
This commit is contained in:
Yamozha
parent
00748020be
commit
06f6f0d473
Binary file not shown.
@ -48,7 +48,7 @@ body{
|
|||||||
background-color: #4CAF50;
|
background-color: #4CAF50;
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a.navlink {
|
||||||
color: white;
|
color: white;
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
transition: 0.6s;
|
transition: 0.6s;
|
||||||
|
|||||||
@ -15,7 +15,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.fancyButton:hover {
|
.fancyButton:hover {
|
||||||
background-color: green;
|
background-image: url("images/header.png"), linear-gradient( 292.6deg, rgba(255,255,255,1) -44.1%, rgba(40,167,69,1) 100.5% );
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -22,25 +22,34 @@
|
|||||||
<body>
|
<body>
|
||||||
<div class="navview">
|
<div class="navview">
|
||||||
<nav class="navbar navbar-expand-lg bg-success">
|
<nav class="navbar navbar-expand-lg bg-success">
|
||||||
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate </a>
|
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate | </a>
|
||||||
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<ul class="navbar-nav">
|
<ul class="navbar-nav">
|
||||||
<li class="nav-item d-none d-md-block" >
|
<li class="nav-item d-none d-md-block" >
|
||||||
|
{% if user.is_authenticated %}
|
||||||
<a class="nav-link" href="/upload/">Upload</a>
|
<a class="nav-link" href="/upload/">Качи</a>
|
||||||
|
{% endif %}
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="navbar-nav ml-auto">
|
<ul class="navbar-nav ml-auto">
|
||||||
<li class="nav-item dropdown ">
|
<li class="nav-item dropdown ">
|
||||||
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
Account
|
Акaунт
|
||||||
</a>
|
</a>
|
||||||
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
|
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
|
||||||
<a class="dropdown-item" href="/users/signup"> Sign Up </a>
|
|
||||||
<div class="dropdown-divider"></div>
|
{% if user.is_authenticated %}
|
||||||
<a class="dropdown-item" href="/users/login"> Log In </a>
|
<a class="dropdown-item "href="/view_media/">Прогрес</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
|
||||||
|
<a class="dropdown-item "href="{%url 'logout'%}">Излизане </a>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<a class="dropdown-item" href="/users/signup"> Регистрация </a>
|
||||||
<div class="dropdown-divider"></div>
|
<div class="dropdown-divider"></div>
|
||||||
<a class="dropdown-item "href="/view_media/">View Rewards</a>
|
<a class="dropdown-item" href="/users/login"> Влизане </a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
{% endif %}
|
||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -1,18 +1,249 @@
|
|||||||
<!-- templates/home.html -->
|
<!DOCTYPE html>
|
||||||
{% extends 'base.html' %}
|
<html>
|
||||||
|
<head>
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
{% load static %}
|
||||||
|
<link rel="stylesheet" href="/static/home/css/main.css" />
|
||||||
|
<noscript><link rel="stylesheet" href="/static/home/css/noscript.css" /></noscript>
|
||||||
|
<script src="http://github.hubspot.com/odometer/odometer.js"></script>
|
||||||
|
<link rel="stylesheet" href="https://raw.githubusercontent.com/HubSpot/odometer/master/themes/odometer-theme-car.css" />
|
||||||
|
<!-- Required meta tags -->
|
||||||
|
<meta charset="utf-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||||
|
<title> reValuate: Putting the value back in recycling </title>
|
||||||
|
<!-- Bootstrap CSS and own CSS and AJAX -->
|
||||||
|
|
||||||
{% block title %}Home{% endblock %}
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||||
|
|
||||||
{% block content %}
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||||
|
<link rel="stylesheet" href="/static/home/css/style.css">
|
||||||
|
|
||||||
{% if user.is_authenticated %}
|
</head>
|
||||||
Hi {{ user.username }}!
|
<body>
|
||||||
{{ currencyTotal }}
|
<div class="navview">
|
||||||
<p><a href="{% url 'logout' %}" class="inverted">Log Out</a></p>
|
<nav class="navbar navbar-expand-lg bg-success">
|
||||||
<p><a href="{% url 'password_reset' %}" class="inverted">Reset Password</a></p>
|
<a style="color: white; font-size: 200%;" class="navbar-brand mb-0 h1" href="/"> reValuate </a>
|
||||||
{% else %}
|
<div class="collapse navbar-collapse" id="navbarSupportedContent">
|
||||||
<p>You are not logged in</p>
|
<ul class="navbar-nav">
|
||||||
<a href="{% url 'login' %}">Log In</a>
|
<li class="nav-item d-none d-md-block" >
|
||||||
|
|
||||||
|
|
||||||
|
</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="navbar-nav ml-auto">
|
||||||
|
<li class="nav-item dropdown ">
|
||||||
|
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||||
|
Акаунт
|
||||||
|
</a>
|
||||||
|
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
<a class="dropdown-item "href="/view_media/">Прогрес</a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
|
||||||
|
<a class="dropdown-item "href="{%url 'logout'%}">Излизане </a>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<a class="dropdown-item" href="/users/signup"> Регистрация </a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
<a class="dropdown-item" href="/users/login"> Влизане </a>
|
||||||
|
<div class="dropdown-divider"></div>
|
||||||
|
{% endif %}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
</div>
|
||||||
|
</ul>
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{% block content %}
|
||||||
|
{% endblock %}
|
||||||
|
|
||||||
|
<!-- Jquery, popper, bootstrap scripts -->
|
||||||
|
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
|
||||||
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.odometer {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
<body class="is-preload">
|
||||||
|
|
||||||
|
<!-- Header -->
|
||||||
|
<section id="header">
|
||||||
|
<div class="inner">
|
||||||
|
<img src="static/home/images/white.png" width="200" height="200">
|
||||||
|
<h1><strong>reValuate</strong><br />
|
||||||
|
</h1>
|
||||||
|
{% if user.is_authenticated %}
|
||||||
|
<p>Здравейте, {{ user.username }}!</p>
|
||||||
|
<ul class="actions special">
|
||||||
|
<li><a href="/upload/" class="button scrolly">Качи!</a></li>
|
||||||
|
<li><a href="/view_media/" class="button scrolly">Виж прогреса си!</a></li>
|
||||||
|
|
||||||
|
<li><a href="{% url 'logout' %}" class="button scrolly">Излез!</a></li>
|
||||||
|
</ul>
|
||||||
|
|
||||||
|
{% else %}
|
||||||
|
<p>Проект на тема разделно събиране.<br> Разработено от ученици от <a href="https://edutech.bg">ЧПГ "Образователни технологии"</a></p>
|
||||||
|
<ul class="actions special">
|
||||||
|
<li><a href="#one" class="button scrolly">Кои сме ние</a></li>
|
||||||
|
|
||||||
|
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- One -->
|
||||||
|
<section id="one" class="main style1">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row gtr-150">
|
||||||
|
<div class="col-6 col-12-medium">
|
||||||
|
<header class="major">
|
||||||
|
<h2>Нашата цел и основни дейности<br /></h2>
|
||||||
|
</header><p>
|
||||||
|
Представяме Ви проект на тема “Как да създам култура за разделно събиране в учениците?”.<br><br>
|
||||||
|
|
||||||
|
Името, което избрахме за проекта, е “reValuate”, което носи смисъл на “да дам нова стойност на нещата”.<br><br>
|
||||||
|
|
||||||
|
Основната цел на проекта е запознаване с ползите от рециклирането на учениците и подтикването им да започнат да събират разделно боклук<span id="dots">...</span><span id="more"><br>
|
||||||
|
Основни дейности по проекта са поставянето на кошове за разделно събиране в училище и създаване на сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци. За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди. За една снимка получават 2 точки, а за едно видео 3 точки. Наградният фонд е спонсориран от учениците с 1лв. и ръководството на училището. Допълнителни точки се получават при споделяне в соц. мрежи.</span></p>
|
||||||
|
|
||||||
|
<button onclick="myFunction()" id="myBtn">Прочети повече</button>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function myFunction() {
|
||||||
|
var dots = document.getElementById("dots");
|
||||||
|
var moreText = document.getElementById("more");
|
||||||
|
var btnText = document.getElementById("myBtn");
|
||||||
|
|
||||||
|
if (dots.style.display === "none") {
|
||||||
|
dots.style.display = "inline";
|
||||||
|
btnText.innerHTML = "Read more";
|
||||||
|
moreText.style.display = "none";
|
||||||
|
} else {
|
||||||
|
dots.style.display = "none";
|
||||||
|
btnText.innerHTML = "Read less";
|
||||||
|
moreText.style.display = "inline";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<div class="col-6 col-12-medium imp-medium">
|
||||||
|
<span class="image fit"><img src="images/versus.png" alt="" /></span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Two -->
|
||||||
|
<section id="two" class="main style2">
|
||||||
|
<div class="container">
|
||||||
|
<div class="row gtr-150">
|
||||||
|
<div class="col-6 col-12-medium">
|
||||||
|
<header class="major">
|
||||||
|
<h2>Раздадени точки:<br />
|
||||||
|
</h2>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div id="odometer" class="odometer">{{ currencyTotal }}</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Three -->
|
||||||
|
<section id="three" class="main style1 special">
|
||||||
|
<div class="container">
|
||||||
|
<header class="major">
|
||||||
|
<h2>Други дейности по проекта</h2>
|
||||||
|
</header>
|
||||||
|
<div class="row gtr-150">
|
||||||
|
<div class="col-4 col-12-medium">
|
||||||
|
<span class="image fit"><img src="images/logo_blue.png" alt="" /></span>
|
||||||
|
<h3>Информиране за ползите от рециклирането чрез:</h3>
|
||||||
|
<ul>
|
||||||
|
<li>информация на сайта на проекта/ на училището</li>
|
||||||
|
<li>информация на страницата на училището в соц.мрежи</li>
|
||||||
|
<li>презентации по класове</li>
|
||||||
|
<li>плакати на ключови места в училище</li>
|
||||||
|
<li>стените на класните стаи в google classroom</li>
|
||||||
|
<li>тик- ток видеа с образователна и забавна цел</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions special">
|
||||||
|
<p></p>
|
||||||
|
<!-- <li><a href="" class="button">More</a></li> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-12-medium">
|
||||||
|
<span class="image fit"><img src="images/logo_green.png" alt="" /></span>
|
||||||
|
<h3>Учениците ще бъдат мотивирани да участват чрез</h3>
|
||||||
|
<ul>
|
||||||
|
<li>награден фонд за участие в проекта: напитки, вафли, солети и голяма награда ваучер за пазаруване от голяма верига. Наградите се разпределят спрямо натрупаните точки в сайта. Те са лимитирани.</li>
|
||||||
|
<li>Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li>
|
||||||
|
<li>Извинение на закъснение при натрупани минимум 24 точки.</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions special">
|
||||||
|
<!-- <li><a href="https://steamcommunity.com/groups/NadeRampESports" class="button">More</a></li> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
<div class="col-4 col-12-medium">
|
||||||
|
<span class="image fit"><img src="images/logo_purple.png" alt="" /></span>
|
||||||
|
<h3>Допълнителни дейности:</h3>
|
||||||
|
<p></p>
|
||||||
|
<ul>
|
||||||
|
<li>конкурс за плакат за всички, изучаващи графичен дизайн. С всички плакати ще направим изложба, а с победителите ще направим информационната ни кампания в училище.</li>
|
||||||
|
<li>конкурс за изработване на хендмейд неща от рециклирани материали.</li>
|
||||||
|
<li>голямо парти в двора на училището на тема рециклиране в края на юни месец, когато ще се раздадат сертификатите и големите награди</li>
|
||||||
|
<li>образователна екскурзия</li>
|
||||||
|
<li>обществено полезен труд</li>
|
||||||
|
</ul>
|
||||||
|
<ul class="actions special">
|
||||||
|
<!-- <li><a href="#" class="button">More</a></li> -->
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Four -->
|
||||||
|
<section id="four" class="main style2 special">
|
||||||
|
<div class="container">
|
||||||
|
<header class="major">
|
||||||
|
<h2>Имате интерес?</h2>
|
||||||
|
</header>
|
||||||
|
<p>Регистрирайте се или влезте в акаунта си! </p>
|
||||||
|
<ul class="actions special">
|
||||||
|
<li><a href="/users/signup" class="button wide primary">Регистрирайте се!</a></li>
|
||||||
|
<li><a href="/users/login" class="button wide">Влезте!</a></li>
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<!-- Footer -->
|
||||||
|
<section id="footer">
|
||||||
|
<ul class="icons">
|
||||||
|
<!-- <li><a href="#" class="icon brands alt fa-twitter"><span class="label">Twitter</span></a></li> -->
|
||||||
|
<!-- <li><a href="#" class="icon brands alt fa-facebook-f"><span class="label">Facebook</span></a></li> -->
|
||||||
|
<li><a href="https://github.com/yamozha" class="icon brands alt fa-github"><span class="label">GitHub</span></a></li>
|
||||||
|
<li><a href="mailto:boyan+revaluate@bobokara.com" class="icon solid alt fa-envelope"><span class="label">Email</span></a></li>
|
||||||
|
</ul>
|
||||||
|
<ul class="copyright">
|
||||||
|
<li>© edutech</li><li>Design: <a href="https://github.com/yamozha">yamozha</a> and <a href=https://github.com/vassdeniss>vassdeniss</a></li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
|
<!-- Scripts -->
|
||||||
|
<script src="/static/home/js/jquery.min.js"></script>
|
||||||
|
<script src=" /static/home/js/jquery.scrolly.min.js"></script>
|
||||||
|
<script src="/static/home/js/browser.min.js"></script>
|
||||||
|
<script src=" /static/home/js/breakpoints.min.js"></script>
|
||||||
|
<script src=" /static/home/js/util.js"></script>
|
||||||
|
<script src="/static/home/js/main.js"></script>
|
||||||
|
|
||||||
{% endblock %}
|
</body>
|
||||||
|
</html>
|
||||||
@ -3,10 +3,13 @@
|
|||||||
{% block title %}Login{% endblock %}
|
{% block title %}Login{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="centered" style="text-align:center;">
|
||||||
<h2>Log In</h2>
|
<h2>Log In</h2>
|
||||||
|
|
||||||
<form method="post">
|
<form method="post">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
{{ form.as_p }}
|
{{ form.as_p }}
|
||||||
<button type="submit">Log In</button>
|
<button type="submit">Log In</button>
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
@ -3,11 +3,14 @@
|
|||||||
{% block title %}Sign Up{% endblock %}
|
{% block title %}Sign Up{% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
|
<div class="centered" >
|
||||||
|
|
||||||
<h2>Sign up</h2>
|
<h2>Sign up</h2>
|
||||||
<form method="post">
|
<form method="post">
|
||||||
{% csrf_token %}
|
{% csrf_token %}
|
||||||
{{ form.as_p }}
|
{{ form.as_p }}
|
||||||
<button type="submit">Sign Up</button>
|
<button type="submit" style="position:absolute; left:50%; right:50%;">Sign Up</button>
|
||||||
</form>
|
</form>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
|
|||||||
@ -1,13 +1,12 @@
|
|||||||
{% extends 'base.html' %}
|
{% extends 'base.html' %}
|
||||||
{% load static %}
|
{% load static %}
|
||||||
|
|
||||||
{% block optionalParams %} <link rel="stylesheet" href="{% static 'home/css/upload.css' %}"> {% endblock %}
|
{% block optionalParams %} <link rel="stylesheet" href="/static/home/css/upload.css"> {% endblock %}
|
||||||
|
|
||||||
{% block title %} Upload? {% endblock %}
|
{% block title %} Upload? {% endblock %}
|
||||||
|
|
||||||
{% block content %}
|
{% block content %}
|
||||||
{% if user.is_authenticated %}
|
{% if user.is_authenticated %}
|
||||||
<h1 style="text-align:center;">Hi {{ user.username }}!</h1>
|
|
||||||
|
|
||||||
<div class="container-fluid">
|
<div class="container-fluid">
|
||||||
<div class="row" id="choices" name="choices">
|
<div class="row" id="choices" name="choices">
|
||||||
@ -21,7 +20,9 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
{% else %}
|
{% else %}
|
||||||
<p>You are not logged in</p>
|
<div class="centered">
|
||||||
<a href="{% url 'login' %}">Log In</a>
|
<p>Не сте влезли!</p>
|
||||||
|
<a href="{% url 'login' %}">Влезте</a> или си <a href="{%url 'signup' %}>">направете акаунт</a>!
|
||||||
|
</div>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|||||||
Binary file not shown.
Binary file not shown.
@ -124,7 +124,9 @@ USE_TZ = True
|
|||||||
# https://docs.djangoproject.com/en/3.1/howto/static-files/
|
# https://docs.djangoproject.com/en/3.1/howto/static-files/
|
||||||
|
|
||||||
STATIC_URL = '/static/'
|
STATIC_URL = '/static/'
|
||||||
STATIC_ROOT= str(BASE_DIR.joinpath('static'))
|
STATICFILES_DIRS = [
|
||||||
|
BASE_DIR / "static",
|
||||||
|
]
|
||||||
|
|
||||||
LOGIN_REDIRECT_URL = "/"
|
LOGIN_REDIRECT_URL = "/"
|
||||||
LOGOUT_REDIRECT_URL = "/"
|
LOGOUT_REDIRECT_URL = "/"
|
||||||
|
|||||||
@ -37,3 +37,5 @@ urlpatterns = [
|
|||||||
if settings.DEBUG:
|
if settings.DEBUG:
|
||||||
urlpatterns += static(settings.MEDIA_URL,
|
urlpatterns += static(settings.MEDIA_URL,
|
||||||
document_root=settings.MEDIA_ROOT)
|
document_root=settings.MEDIA_ROOT)
|
||||||
|
urlpatterns += static(settings.STATIC_URL, document_root=settings.STATIC_ROOT)
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user