rushilwiz/scavenger-hunt-2021
1
0
Fork 0
mirror of https://github.com/tjsga/scavenger-hunt-2021.git synced 2025-04-09 22:10:18 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix responsive styling

Browse Source
This commit is contained in:
lauren 2021-09-20 11:08:39 -04:00
parent 8808018c75
commit cffaa3ee66
1 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
hunt/templates/main/index.html
View File

@ -44,29 +44,30 @@
<div id="c-{{ category.id }}" class='row'>
{% for challenge, status in challenges.items %}
{% if status.0.unblocked %}
<div id="box{{ status.0.id }}" class="box {% if status.1 == 'available' %}available{% elif status.1 == 'completed' %}completed{% else %}locked{% endif %} p-3">
<div class="centered-div">
<h4>{{ status.0.name }}</h4>
<p>Points: {{ status.0.points }}</p>
</div>
<div class="{% if status.1 == 'completed' %}center{% else %}left{% endif %}-div">
{% if status.0.exclusive %}
<p>This challenge's points are only available to the first class to complete it.</p>
<p>{{ status.0.short_description }}</p>
{% elif status.1 == 'locked' %}
<p>This challenge was exclusive and has already been completed by another class.</p>
{% elif status.1 == 'completed' %}
<h3>Solved!</h3>
{% else %}
<p>{{ status.0.short_description }}</p>
<a href="#" class='col-lg-3 col-md-4 col-sm-6 col-xs-12'>
<div id="box{{ status.0.id }}" class="box {% if status.1 == 'available' %}available{% elif status.1 == 'completed' %}completed{% else %}locked{% endif %} p-3">
<div class="centered-div">
<h4>{{ status.0.name }}</h4>
<p>Points: {{ status.0.points }}</p>
</div>
<div class="{% if status.1 == 'completed' %}center{% else %}left{% endif %}-div">
{% if status.0.exclusive %}
<p>This challenge's points are only available to the first class to complete it.</p>
<p>{{ status.0.short_description }}</p>
{% elif status.1 == 'locked' %}
<p>This challenge was exclusive and has already been completed by another class.</p>
{% elif status.1 == 'completed' %}
<h3>Solved!</h3>
{% else %}
<p>{{ status.0.short_description }}</p>
{% endif %}
</div>
{% if status.1 == 'available' %}
<hr>
<input type="text" id="{{ status.0.id }}" placeholder="Enter the flag here"/>
<input type="submit" value="Submit" onclick="checkFlag({{ status.0.id }})" />
{% endif %}
</div>
{% if status.1 == 'available' %}
<hr>
<input type="text" id="{{ status.0.id }}" placeholder="Enter the flag here"/>
<input type="submit" value="Submit" onclick="checkFlag({{ status.0.id }})" />
{% endif %}
</div>
{% else %}
<div class='col-lg-3 col-md-4 col-sm-6 col-xs-12'>
<div id="box{{ status.0.id }}" class="box locked p-3">