twiddled with the front end a bit, a lot more work to do

This commit is contained in:
Yamozha 2021-06-30 03:43:13 +03:00
parent ce7bfa15a4
commit cbe88e2ec6
8 changed files with 31 additions and 20 deletions

BIN
reValuate/db.sqlite3 Normal file

Binary file not shown.

View File

@ -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

Binary file not shown.

After

Width:  |  Height:  |  Size: 29 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 102 KiB

View File

@ -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>

View File

@ -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>

View File

@ -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)