зеркало из https://github.com/mozilla/CSOL-site.git
cleaned up indentation
This commit is contained in:
Joe Curlee
Родитель
4282c4e80d
Коммит
8f8e231cf3
|
|
@ -2,109 +2,107 @@
|
|||
{% set pageTitle = badge.name %}
|
||||
|
||||
{% block content %}
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<img src="{{ badge.image }}">
|
||||
</div>
|
||||
<div class="span8">
|
||||
<p>{{ badge.description }}</p>
|
||||
<div class="row">
|
||||
<div class="span4">
|
||||
<img src="{{ badge.image }}">
|
||||
</div>
|
||||
<div class="span8">
|
||||
<h3>What is this badge about?</h3>
|
||||
<p>{{ badge.description }}</p>
|
||||
|
||||
<p class="text-right">
|
||||
<a href="{{ badge.url }}/claim" class="btn">Claim this badge</a>
|
||||
<a href="#applyModal" data-toggle="modal" class="btn">Apply</a>
|
||||
<a href="{{ badge.url }}/favorite" class="btn"><i class="icon-heart"></i> Add to your favorites</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<h3>How can you earn it?</h3>
|
||||
|
||||
<h3><a href="/badges">Similar or Related Badges</a></h3>
|
||||
<p>If you're interested in this badge, you might be interested in these too. These are badges on similar STEAM topics or ones that can take you to the next level.</p>
|
||||
<ul class="thumbnails">
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Add to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Add to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Add to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Add to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
<p class="text-right">
|
||||
<a href="{{ badge.url }}/claim" class="btn">Claim this badge</a>
|
||||
<a href="#applyModal" data-toggle="modal" class="btn">Apply</a>
|
||||
<a href="{{ badge.url }}/favorite" class="btn show-tooltip" title="Save this badge to your favorites"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<h3><a href="/badges">Similar or Related Badges</a></h3>
|
||||
<p>If you're interested in this badge, you might be interested in these too. These are badges on similar STEAM topics or ones that can take you to the next level.</p>
|
||||
<ul class="thumbnails">
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Save this badge to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Save this badge to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Save this badge to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
<li class="span3">
|
||||
<figure class="thumbnail">
|
||||
<a href="/badges/ae784f"><img src="/media/images/badge.png"></a>
|
||||
<figcaption class="caption">
|
||||
<p>Badge blah in voluptate velit...</p>
|
||||
<p class="text-right">
|
||||
<a href="/badges/ae784f" class="btn">Details</a>
|
||||
<a class="btn show-tooltip" title="Save this badge to your favorites" href="/badges/ae784f/favorite"><i class="icon-heart"></i></a>
|
||||
</p>
|
||||
</figcaption>
|
||||
</figure>
|
||||
</li>
|
||||
</ul>
|
||||
{% endblock %}
|
||||
|
||||
{% block modal %}
|
||||
|
||||
<!-- Modal -->
|
||||
<div id="applyModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3 id="myModalLabel">Apply for the {{badge.name}} badge</h3>
|
||||
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h4>In order to earn this badge you need to make sure you have met the following requirements:</h4>
|
||||
<!-- Modal -->
|
||||
<div id="applyModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h3 id="myModalLabel">Apply for the {{badge.name}} badge</h3>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h4>In order to earn this badge you need to make sure you have met the following requirements:</h4>
|
||||
|
||||
<ul>
|
||||
{% for req in badge.prerequisites %}
|
||||
<li>{{req}}</li>
|
||||
<li>{{req}}</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
|
||||
<h4>Upload photos or videos that show your work</h4>
|
||||
|
||||
<div id="draggable-upload-area">
|
||||
Drag and Drop Photos and Videos here or
|
||||
<a href="#" class="btn btn-primary btn-block">Choose Photos and Videos to Upload</a>
|
||||
</div><!-- .draggable-upload-area -->
|
||||
<div id="draggable-upload-area">
|
||||
Drag and Drop Photos and Videos here or
|
||||
<a href="#" class="btn btn-primary btn-block">Choose Photos and Videos to Upload</a>
|
||||
</div><!-- .draggable-upload-area -->
|
||||
|
||||
<h4>Tell us more about your work</h4>
|
||||
<p>Think about and describe how the work you uploaded demonstrates what is required to earn this badge and why you think you deserve to earn it.</p>
|
||||
<h4>Tell us more about your work</h4>
|
||||
<p>Think about and describe how the work you uploaded demonstrates what is required to earn this badge and why you think you deserve to earn it.</p>
|
||||
|
||||
<textarea>Some helper text</textarea>
|
||||
|
||||
<a href="#" class="btn btn-primary btn-block">Apply</a>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<textarea>Some helper text</textarea>
|
||||
|
||||
<a href="#" class="btn btn-primary btn-block">Apply</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
Загрузка…
Ссылка в новой задаче