boyan_k/reValuate
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Almost done! Only the removal of points and the 'shop' system left.(and some front end + the admin process)

Browse Source
This commit is contained in:
Yamozha
2021-03-11 03:41:08 +02:00
parent 06f6f0d473
commit ac61698d51
49 changed files with 295 additions and 290 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
reValuate/templates/home.html
View File

@ -34,8 +34,12 @@
<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>
{% if user.is_authenticated %}
{{ user.username }}
{% else %}
Акaунт
{% endif %}
</a>
<div class="dropdown-menu animate slideIn" aria-labelledby="navbarDropdown" >
{% if user.is_authenticated %}
<a class="dropdown-item "href="/view_media/">Прогрес</a>
@ -79,7 +83,7 @@
<h1><strong>reValuate</strong><br />
</h1>
{% if user.is_authenticated %}
<p>Здравейте, {{ user.username }}!</p>
<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>
@ -88,7 +92,7 @@
</ul>
{% else %}
<p>Проект на тема разделно събиране.<br> Разработено от ученици от <a href="https://edutech.bg">ЧПГ "Образователни технологии"</a></p>
<p>Проект на тема разделно събиране.<br> Разработено от ученици от <a style="color:white; " href="https://edutech.bg">ЧПГ "Образователни технологии"</a></p>
<ul class="actions special">
<li><a href="#one" class="button scrolly">Кои сме ние</a></li>
@ -101,40 +105,18 @@
<section id="one" class="main style1">
<div class="container">
<div class="row gtr-150">
<div class="col-6 col-12-medium">
<div class="col-6 col-12-medium text-left">
<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>
Това е сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци. За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди. <br>За една снимка получават 2 точки, а за едно видео 3 точки.<br> Допълнителни точки се получават при споделяне в соц. мрежи.</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 class="col-6 col-12-medium imp-medium">
<span class="image fit "><img class="pull-right" src="/static/home/images/kofi.jpg" alt="" /></span>
</div>
</div>
</section>
@ -149,7 +131,15 @@
</h2>
</header>
<div id="odometer" class="odometer">{{ currencyTotal }}</div>
<div style="
background:linear-gradient( 292.6deg, rgba(255,255,255,1) -44.1%, rgba(40,167,69,1) 100.5% );background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
font-size:70px;
">{{ currencyTotal }}</div>
</div>
</div>
@ -163,49 +153,34 @@
<h2>Други дейности по проекта</h2>
</header>
<div class="row gtr-150">
<div class="col-4 col-12-medium">
<div class="col-6 col-12-large">
<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>
<h3>Популяризация:</h3>
<ul><br>
<li>информация на сайта на проекта/ на училището</li><br>
<li>информация на страницата на училището в соц.мрежи</li><br>
<li>презентации по класове</li><br>
<li>плакати на ключови места в училище</li><br>
<li>стените на класните стаи в google classroom</li><br>
<li>тик- ток видеа с образователна и забавна цел</li><br>
</ul>
<ul class="actions special">
<p></p>
<!-- <li><a href="" class="button">More</a></li> -->
</ul>
</div>
<div class="col-4 col-12-medium">
<div class="col-6 col-12-large">
<span class="image fit"><img src="images/logo_green.png" alt="" /></span>
<h3>Учениците ще бъдат мотивирани да участват чрез</h3>
<h3>Защо да участвам? </h3><br>
<ul>
<li>награден фонд за участие в проекта: напитки, вафли, солети и голяма награда ваучер за пазаруване от голяма верига. Наградите се разпределят спрямо натрупаните точки в сайта. Те са лимитирани.</li>
<li>Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li>
<li>Извинение на закъснение при натрупани минимум 24 точки.</li>
<li>награден фонд за участие в проекта: напитки, вафли, солети и голяма награда ваучер за пазаруване от голяма верига. Наградите се разпределят спрямо натрупаните точки в сайта. </li><br>
<li>Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li><br>
<li>Извинение на закъснение при натрупани минимум 24 точки.</li><br>
</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>
@ -229,8 +204,8 @@
<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>
<li><a href="https://github.com/yamozha"><img src="/static/home/images/github.png" width = 64 height=64 /></a></li>
<li><a href="mailto:boyan+revaluate@bobokara.com"><img src="/static/home/images/mail.png" width = 128 height=128 /></a></li>
</ul>
<ul class="copyright">
<li>&copy; edutech</li><li>Design: <a href="https://github.com/yamozha">yamozha</a> and <a href=https://github.com/vassdeniss>vassdeniss</a></li>