rushilwiz/tj2023
1
0
Fork 0
mirror of https://github.com/Rushilwiz/tj2023.git synced 2025-04-18 02:50:18 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fixed organization and styling

Browse Source
This commit is contained in:
Rushil Umaretiya 2020-10-21 16:15:43 -04:00
parent 4c9de79ca9
commit 15372706e7
3 changed files with 53 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
pages/static/pages/css/styles.css
View File

@ -92,6 +92,23 @@ body {
color: #444; color: #444;
} }
#progress {
width: 100%;
background-color: #eee;
border-radius: 50px;
}
#bar {
width: 1%;
height: 50px;
background-color: #0000ff ;
text-align: center;
line-height: 50px;
color: white;
border-radius: 50px;
transition: all 1s;
}
/* mobile styles */ /* mobile styles */
@media (max-width: 768px) { @media (max-width: 768px) {

75
pages/templates/pages/index.html
View File

@ -3,24 +3,6 @@
{% block title %}Home{% endblock title %} {% block title %}Home{% endblock title %}
{% block css %} {% block css %}
<link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}"> <link rel="stylesheet" type="text/css" href="{% static 'pages/css/styles.css' %}">
<style>
#progress {
width: 100%;
background-color: #eee;
border-radius: 50px;
}
#bar {
width: 1%;
height: 50px;
background-color: #0000ff ;
text-align: center;
line-height: 50px;
color: white;
border-radius: 50px;
transition: all 1s;
}
</style>
{% endblock css %} {% endblock css %}
{% block content %} {% block content %}
<div class="jumbotron jumbotron-fluid"> <div class="jumbotron jumbotron-fluid">
@ -45,32 +27,33 @@
</div> </div>
</div> </div>
<br><br><br> {% if bar %}
<div class="container news"> <div class="container news">
<h1 class="text-center font-weight-bold">{{ bar.name }}!</h1> <h1 class="text-center font-weight-bold">{{ bar.name }}!</h1>
<br><br> <br><br>
<div id="progress"> <div id="progress">
<div id="bar">$0</div> <div id="bar">$0</div>
</div> </div>
<script> <script>
document.addEventListener("DOMContentLoaded", function(){ document.addEventListener("DOMContentLoaded", function(){
var thing = ({{ bar.money_raised }})/50000; var thing = ({{ bar.money_raised }})/50000;
thing = thing * 100; thing = thing * 100;
console.log(thing); console.log(thing);
width = 1; width = 1;
var id = setInterval(frame, 100); var id = setInterval(frame, 100);
function frame() { function frame() {
if (width < thing) { if (width < thing) {
width+=.25; width+=.25;
document.getElementById('bar').style.width = width + "%"; document.getElementById('bar').style.width = width + "%";
document.getElementById('bar').innerHTML = "$" + (width * 500) document.getElementById('bar').innerHTML = "$" + (width * 500)
} else { } else {
document.getElementById('bar').style.width = thing + "%"; document.getElementById('bar').style.width = thing + "%";
document.getElementById('bar').innerHTML = "$" + (thing * 500) document.getElementById('bar').innerHTML = "$" + (thing * 500)
clearInterval(id); clearInterval(id);
} }
} }
}); });
</script> </script>
</div> </div>
{% endif %}
{% endblock content %} {% endblock content %}

8
pages/views.py
View File

@ -12,7 +12,13 @@ def index(request):
stories = [] stories = []
bar = None bar = None
return render(request, 'pages/index.html', {'stories': stories, 'animate': True, 'bar': bar}) context = {
'stories': stories,
'animate': True,
'bar': bar
}
return render(request, 'pages/index.html')
def council(request): def council(request):