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,19 +14,21 @@
{% 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'>
{% if with_img %}
<div class='square-img'>
<img class="{% if not color %}greyscale{% endif %} p-5"
src="{{ sponsor.image or "/assets/foundation/img/people/tux.png" }}"
alt="{{ sponsor.title }}">
</div>
{% endif %}
<div class="card-body"> <div class="card-body">
<h6> {% if with_img %}
{{ sponsor.title }} <div class='square-img'>
</h6> <img class="{% if not color %}greyscale{% endif %} p-5"
src="{{ sponsor.image or "/assets/foundation/img/people/tux.png" }}"
alt="{{ sponsor.title }}">
</div>
{% endif %}
<div>
<h6>
{{ sponsor.title }}
</h6>
</div>
</div> </div>
</a> </a>
</div> </div>

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>