Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2024-11-15 02:21:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix misalignment of the cool people list for good

Browse Source
This commit is contained in:
Jeremy Zhang 2017-09-02 20:49:54 +00:00
parent 4aee785b97
commit 3c2e1ee686
1 changed files with 19 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
webapp/titanembeds/templates/about.html.j2
View File

@ -51,8 +51,8 @@ etc.</p>
<h3>Cool People</h3> <h3>Cool People</h3>
<p class="flow-text">Keep in mind, this project is not complete without these awesome people!</p> <p class="flow-text">Keep in mind, this project is not complete without these awesome people!</p>
<div class="row"> <div class="row" id="cool-people">
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -67,7 +67,7 @@ etc.</p>
</div> </div>
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -82,7 +82,7 @@ etc.</p>
</div> </div>
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -97,7 +97,7 @@ etc.</p>
</div> </div>
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -112,7 +112,7 @@ etc.</p>
</div> </div>
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -127,7 +127,7 @@ etc.</p>
</div> </div>
</div> </div>
<div class="col s12 m6"> <div class="col s12 m6 person">
<div class="card-panel indigo lighten-5 z-depth-1 no-height-padding"> <div class="card-panel indigo lighten-5 z-depth-1 no-height-padding">
<div class="row valign-wrapper"> <div class="row valign-wrapper">
<div class="col s2"> <div class="col s2">
@ -237,3 +237,15 @@ We want to see all of our members rise to their potential and find success in th
</div> </div>
</div> </div>
{% endblock %} {% endblock %}
{% block script %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.0/masonry.pkgd.min.js" integrity="sha256-YFADoQJIYFj+isdXssMGUrmsVNbVDfN5m8jPgVN+9m4=" crossorigin="anonymous"></script>
<script>
$(function() {
var $container = $('#cool-people');
$container.masonry({
itemSelector: '.person'
});
});
</script>
{% endblock %}