twiddled with the front end a bit, a lot more work to do
This commit is contained in:
parent
ce7bfa15a4
commit
cbe88e2ec6
BIN
reValuate/db.sqlite3
Normal file
BIN
reValuate/db.sqlite3
Normal file
Binary file not shown.
@ -2,6 +2,8 @@
|
|||||||
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic");
|
@import url("https://fonts.googleapis.com/css?family=Roboto:300,300italic,400,400italic");
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
html, body, div, span, applet, object,
|
html, body, div, span, applet, object,
|
||||||
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
|
||||||
pre, a, abbr, acronym, address, big, cite,
|
pre, a, abbr, acronym, address, big, cite,
|
||||||
|
BIN
reValuate/media/1/0RhOu.png
Normal file
BIN
reValuate/media/1/0RhOu.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 29 KiB |
BIN
reValuate/media/1/PngItem_1280311.png
Normal file
BIN
reValuate/media/1/PngItem_1280311.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 102 KiB |
@ -22,6 +22,13 @@
|
|||||||
<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="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">
|
<link rel="stylesheet" href="/static/home/css/style.css">
|
||||||
|
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.odometer {
|
||||||
|
font-size: 50px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<nav class="navbar navbar-expand-lg bg-success">
|
<nav class="navbar navbar-expand-lg bg-success">
|
||||||
@ -88,16 +95,9 @@
|
|||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
||||||
<!-- Jquery, popper, bootstrap scripts -->
|
<!-- 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://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>
|
<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">
|
<body class="is-preload">
|
||||||
|
|
||||||
<!-- Header -->
|
<!-- Header -->
|
||||||
@ -121,7 +121,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
{% else %}
|
{% else %}
|
||||||
|
|
||||||
<p>Проект на тема разделно събиране.<br> Разработено от ученици от <a style="color:white; " href="https://edutech.bg">ЧПГ "Образователни технологии"</a></p>
|
<p>Проект на тема разделно събиране.<br> Разработено от ученици от <a style="color:white;" href="https://eduteh.eu">ЧПГ "Образователни технологии"</a></p>
|
||||||
<ul class="actions special">
|
<ul class="actions special">
|
||||||
<li><a href="#one" class="button scrolly">Кои сме ние</a></li>
|
<li><a href="#one" class="button scrolly">Кои сме ние</a></li>
|
||||||
{% endif %}
|
{% endif %}
|
||||||
@ -133,20 +133,21 @@
|
|||||||
|
|
||||||
<!-- One -->
|
<!-- One -->
|
||||||
<section id="one" class="main style1">
|
<section id="one" class="main style1">
|
||||||
<div class="container">
|
<div class="container text-center">
|
||||||
|
<span class="image fit"><img class="mx-auto" style="border:5px solid rgba(40,167,69,1); padding:5px;" src="/static/home/images/kofi.jpg" id="kofi"/></span>
|
||||||
<div class="row gtr-150">
|
<div class="row gtr-150">
|
||||||
<div class="col-6 col-12-medium text-left">
|
<div class="mx-auto col-12 align-self-center text-center justify-content-md-center" >
|
||||||
<header class="major">
|
<header class="major">
|
||||||
<h2>Нашата цел и основни дейности<br /></h2>
|
<h2>Нашата цел и основни дейности<br /></h2>
|
||||||
</header><p>
|
</header><p>
|
||||||
|
|
||||||
Основната цел на проекта е запознаване с ползите от рециклирането на учениците и подтикването им да започнат да събират разделно боклук<span id="dots">...</span><span id="more"><br>
|
Основната цел на проекта е запознаване с ползите от рециклирането на учениците и подтикването им да започнат да събират разделно боклук. <br>
|
||||||
Това е сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци. За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди. <br>За една снимка получават 2 точки, а за едно видео 3 точки.<br> Допълнителни точки се получават при споделяне в соц. мрежи.</span></p>
|
Това е сайт, в който може да се качват видеа и снимки как ученици изхвърлят разделно боклуци. За всеки материал получават конкретен брой точки (ел.валута), която обменят в училище за награди. <br>За една снимка получават 2 точки, а за едно видео 3 точки.<br> Допълнителни точки се получават при споделяне в соц. мрежи.</span></p>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6 col-12-medium imp-medium">
|
<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>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@ -178,8 +179,10 @@
|
|||||||
|
|
||||||
<!-- Three -->
|
<!-- Three -->
|
||||||
<section id="three" class="main style1 special">
|
<section id="three" class="main style1 special">
|
||||||
<div class="container">
|
<div class="container" style="border:5px solid rgba(40,167,69,1); padding:5px;">
|
||||||
<header class="major">
|
<header class="major">
|
||||||
|
|
||||||
|
|
||||||
<h2>Защо да участвам? </h2>
|
<h2>Защо да участвам? </h2>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
@ -187,14 +190,12 @@
|
|||||||
<span class="image fit"><img src="images/logo_green.png" alt="" /></span>
|
<span class="image fit"><img src="images/logo_green.png" alt="" /></span>
|
||||||
|
|
||||||
<ul>
|
<ul>
|
||||||
<li>награден фонд за участие в проекта: напитки, вафли, солети и голяма награда ваучер за пазаруване от голяма верига. Наградите се разпределят спрямо натрупаните точки в сайта. </li><br>
|
<li>Награден фонд за участие в проекта. Наградите се разпределят спрямо натрупаните точки в сайта. </li><br>
|
||||||
<li>Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li><br>
|
<li>Сертификат за участие в извънкласни дейности от името на училището при натрупани минимум 30 точки.</li><br>
|
||||||
<li>Извинение на закъснение при натрупани минимум 24 точки.</li><br>
|
|
||||||
</ul>
|
</ul>
|
||||||
<ul class="actions special">
|
<ul class="actions special">
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
@ -14,6 +14,14 @@
|
|||||||
bottom: 20%;
|
bottom: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
img {
|
||||||
|
width: 800px;
|
||||||
|
height: 500px;
|
||||||
|
padding-top:20%px;
|
||||||
|
border:5px solid rgba(40,167,69,1);
|
||||||
|
object-fit: cover;
|
||||||
|
object-position: bottom;
|
||||||
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
@ -30,7 +38,7 @@
|
|||||||
<source src="/media/{{ i.image }}" type="video/mp4">
|
<source src="/media/{{ i.image }}" type="video/mp4">
|
||||||
</video>
|
</video>
|
||||||
{% else %}
|
{% else %}
|
||||||
<img src="/media/{{ i.image }}" style=" display: block; margin: 0 auto; max-width:500px; max-height: 500px;"/>
|
<img src="/media/{{ i.image }}" style=" display: block; margin: 0 auto;" />
|
||||||
{% endif %}
|
{% endif %}
|
||||||
<p style="text-shadow: 0 0 2px #28a745; float: left;">{{forloop.counter}}/{{img_number}} <p style="text-shadow: 0 0 2px #28a745; float: right;">{{i.date}}</p></p>
|
<p style="text-shadow: 0 0 2px #28a745; float: left;">{{forloop.counter}}/{{img_number}} <p style="text-shadow: 0 0 2px #28a745; float: right;">{{i.date}}</p></p>
|
||||||
<br><br>
|
<br><br>
|
||||||
|
Binary file not shown.
@ -85,7 +85,7 @@ def viewMedia(request):
|
|||||||
context = {
|
context = {
|
||||||
"id":request.user.id,
|
"id":request.user.id,
|
||||||
"get_status":get_status,
|
"get_status":get_status,
|
||||||
"img_number": len(img_list)-1,
|
"img_number": len(img_list),
|
||||||
}
|
}
|
||||||
return render (request, 'showAllImage.html', context)
|
return render (request, 'showAllImage.html', context)
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user