convert fourteen eyes panels

This commit is contained in:
Samuel Shifterovich 2018-10-25 18:55:58 +02:00
parent 4b5c1f35ea
commit b079344228
2 changed files with 46 additions and 42 deletions

14
_includes/panel.html Normal file
View File

@ -0,0 +1,14 @@
<div class="col-xl-4 col-lg-6 col-md-12 mb-2">
<div class="card card-{{include.color}}">
{% if include.color == "warning" %}
<div class="card-header text-dark bg-{{include.color}}">
{% else %}
<div class="card-header text-white bg-{{include.color}}">
{% endif %}
<h3 class="h5">{{include.title}}</h3>
</div>
<div class="card-body">
{{include.body}}
</div>
</div>
</div>

View File

@ -90,48 +90,38 @@ layout: default
<!-- Chart of Five Eyes, Nine Eyes, and Fourteen Eyes --> <!-- Chart of Five Eyes, Nine Eyes, and Fourteen Eyes -->
<div class="row"> <div class="row">
<div class="col-sm-4"> {% include panel.html color="danger"
<div class="panel panel-danger"> title="Five Eyes"
<div class="panel-heading"> body='
<h3 class="panel-title">Five Eyes</h3> 1. Australia <div class="float-right"><span class="flag-icon flag-icon-au"></span></div>
</div> <br /> 2. Canada <div class="float-right"><span class="flag-icon flag-icon-ca"></span></div>
<div class="panel-body"> <br /> 3. New Zealand <div class="float-right"><span class="flag-icon flag-icon-nz"></span></div>
1. Australia <div class="float-right"><span class="flag-icon flag-icon-au"></span></div> <br /> 4. United Kingdom <div class="float-right"><span class="flag-icon flag-icon-gb"></span></div>
<br /> 2. Canada <div class="float-right"><span class="flag-icon flag-icon-ca"></span></div> <br /> 5. United States of America <div class="float-right"><span class="flag-icon flag-icon-us"></span></div>
<br /> 3. New Zealand <div class="float-right"><span class="flag-icon flag-icon-nz"></span></div> '
<br /> 4. United Kingdom <div class="float-right"><span class="flag-icon flag-icon-gb"></span></div> %}
<br /> 5. United States of America <div class="float-right"><span class="flag-icon flag-icon-us"></span></div>
</div> {% include panel.html color="warning"
</div> title="Nine Eyes"
</div> body='
<div class="col-sm-4"> 6. Denmark <div class="float-right"><span class="flag-icon flag-icon-dk"></span></div>
<div class="panel panel-warning"> <br /> 7. France <div class="float-right"><span class="flag-icon flag-icon-fr"></span></div>
<div class="panel-heading"> <br /> 8. Netherlands <div class="float-right"><span class="flag-icon flag-icon-nl"></span></div>
<h3 class="panel-title">Nine Eyes</h3> <br /> 9. Norway <div class="float-right"><span class="flag-icon flag-icon-no"></span></div>
</div> <br /><br />
<div class="panel-body"> '
6. Denmark <div class="float-right"><span class="flag-icon flag-icon-dk"></span></div> %}
<br /> 7. France <div class="float-right"><span class="flag-icon flag-icon-fr"></span></div>
<br /> 8. Netherlands <div class="float-right"><span class="flag-icon flag-icon-nl"></span></div> {% include panel.html color="secondary"
<br /> 9. Norway <div class="float-right"><span class="flag-icon flag-icon-no"></span></div> title="Fourteen Eyes"
<br /><br /> body='
</div> 10. Belgium <div class="float-right"><span class="flag-icon flag-icon-be"></span></div>
</div> <br /> 11. Germany <div class="float-right"><span class="flag-icon flag-icon-de"></span></div>
</div> <br /> 12. Italy <div class="float-right"><span class="flag-icon flag-icon-it"></span></div>
<div class="col-sm-4"> <br /> 13. Spain <div class="float-right"><span class="flag-icon flag-icon-es"></span></div>
<div class="panel panel-default"> <br /> 14. Sweden <div class="float-right"><span class="flag-icon flag-icon-se"></span></div>
<div class="panel-heading"> '
<h3 class="panel-title">Fourteen Eyes</h3> %}
</div>
<div class="panel-body">
10. Belgium <div class="float-right"><span class="flag-icon flag-icon-be"></span></div>
<br /> 11. Germany <div class="float-right"><span class="flag-icon flag-icon-de"></span></div>
<br /> 12. Italy <div class="float-right"><span class="flag-icon flag-icon-it"></span></div>
<br /> 13. Spain <div class="float-right"><span class="flag-icon flag-icon-es"></span></div>
<br /> 14. Sweden <div class="float-right"><span class="flag-icon flag-icon-se"></span></div>
</div>
</div>
</div>
</div> </div>
<!-- end Chart of Five Eyes, Nine Eyes, and Fourteen Eyes --> <!-- end Chart of Five Eyes, Nine Eyes, and Fourteen Eyes -->