Merge pull request #433 from scmmishra/patch-2

fix: layout for cards
This commit is contained in:
Shivam Mishra
2019-08-12 15:59:42 +05:30
committed by GitHub
5 changed files with 22 additions and 20 deletions

View File

@@ -64,7 +64,7 @@
</div> </div>
<div class="mt-7"> <div class="mt-7">
<a href="/conf/2019/sprint" class="no-border"> <a href="/conf/2019/sprint" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'> <img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'>
</div> </div>
@@ -78,7 +78,7 @@
</div> </div>
</a> </a>
<a href="/conf/2019/talks" class="no-border"> <a href="/conf/2019/talks" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%">
</div> </div>

View File

@@ -41,7 +41,7 @@
</div> </div>
<div class="mt-7 container-md mx-auto"> <div class="mt-7 container-md mx-auto">
<a href="/conf/2019/sprint" class="no-border"> <a href="/conf/2019/sprint" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'> <img class="px-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'>
</div> </div>
@@ -55,7 +55,7 @@
</div> </div>
</a> </a>
<a href="/conf/2019/talks" class="no-border"> <a href="/conf/2019/talks" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%">
</div> </div>
@@ -68,7 +68,7 @@
</div> </div>
</a> </a>
<a href="/conf/2019/exhibition" class="no-border"> <a href="/conf/2019/exhibition" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%">
</div> </div>

View File

@@ -14,8 +14,9 @@
{% macro show_section(sponsors, with_img = False, color=False) %} {% macro show_section(sponsors, with_img = False, color=False) %}
<div class='row mt-4'> <div class='row mt-4'>
{% for sponsor in sponsors %} {% for sponsor in sponsors %}
<div class='col-sm-4 mb-4'> <div class='mx-3 mx-md-0 col-sm-4 mb-4'>
<a href='{{ ("{}{}".format("" if sponsor.website_url.startswith("http") else "//", sponsor.website_url)) if sponsor.website_url else "#" }}' target='_blank' class='card h-100'> <a href='{{ ("{}{}".format("" if sponsor.website_url.startswith("http") else "//", sponsor.website_url)) if sponsor.website_url else "#" }}' target='_blank' class='card h-100'>
<div class="card-body">
{% if with_img %} {% if with_img %}
<div class='square-img'> <div class='square-img'>
<img class="{% if not color %}greyscale{% endif %} p-5" <img class="{% if not color %}greyscale{% endif %} p-5"
@@ -23,11 +24,12 @@
alt="{{ sponsor.title }}"> alt="{{ sponsor.title }}">
</div> </div>
{% endif %} {% endif %}
<div class="card-body"> <div>
<h6> <h6>
{{ sponsor.title }} {{ sponsor.title }}
</h6> </h6>
</div> </div>
</div>
</a> </a>
</div> </div>
{% if loop.index is divisibleby 4 %} {% if loop.index is divisibleby 4 %}

View File

@@ -67,7 +67,7 @@
</div> </div>
<div class="mt-7"> <div class="mt-7">
<a href="/conf/2019/talks" class="no-border"> <a href="/conf/2019/talks" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/group.png' alt='Group of people' width="95%">
</div> </div>
@@ -80,7 +80,7 @@
</div> </div>
</a> </a>
<a href="/conf/2019/exhibition" class="no-border"> <a href="/conf/2019/exhibition" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%">
</div> </div>

View File

@@ -72,7 +72,7 @@
</div> </div>
<div class="mt-7"> <div class="mt-7">
<a href="/conf/2019/sprint" class="no-border"> <a href="/conf/2019/sprint" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'> <img class="pr-4 pl-5" src='/assets/foundation/img/illustrations/typing-on-a-computer.png' alt='Person Contributing'>
</div> </div>
@@ -86,7 +86,7 @@
</div> </div>
</a> </a>
<a href="/conf/2019/exhibition" class="no-border"> <a href="/conf/2019/exhibition" class="no-border">
<div class="mb-6 row text-body"> <div class="mb-6 card-body row text-body">
<div class="col-xs-12 col-sm-5 mb-4 mb-md-0"> <div class="col-xs-12 col-sm-5 mb-4 mb-md-0">
<img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%"> <img class="px-5" src='/assets/foundation/img/illustrations/people-hand-shake.png' alt='Bussiness People' width="95%">
</div> </div>