feat: added speaker card

This commit is contained in:
Shivam Mishra
2019-08-13 18:13:53 +05:30
parent 57dfe260af
commit b5f36ab8fb
5 changed files with 53 additions and 13 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

@@ -13,19 +13,31 @@
</a> </a>
{% endmacro %} {% endmacro %}
{% macro speaker_card(name, image, subtitle, link) %}
<div class="col-sm-4">
<div class="card mb-4 text-body">
<a href='{{ link }}' target='_blank' style="text-decoration: none !important;">
<img class="card-img-top greyscale" src="{{ image }}" alt="{{ name }}">
<div class="card-body">
<h5>{{ name }}</h5>
<div class='text-muted'>{{ subtitle }}</div>
</div>
</a>
</div>
</div>
{% endmacro %}
{% macro event_card(title, link, body, image, image_alt, footer) %} {% macro event_card(title, link, body, image, image_alt, footer) %}
<a href="{{ link }}" class="card mb-4"> <a href="{{ link }}" class="card mb-5 no-border">
<div class="row text-body"> <div class="row">
<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">
<div class="h-100" style='background: url("{{ image }}"); background-size: cover; background-position: center center;'></div> <div class="h-100" style='background: url("{{ image }}"); background-size: cover; background-position: center center;'></div>
</div> </div>
<div class="col-xs-12 col-sm-7"> <div class="col-xs-12 col-sm-7">
<div class="card-body px-0 d-inline-flex flex-column justify-content-between"> <div class="card-body pl-0 py-4">
<div class="d-block">
<h4>{{ title }}</h4> <h4>{{ title }}</h4>
<p>{{ body }}</p> <p>{{ body }}</p>
</div> <p class="small mt-3 mb-0 font-weight-bold text-uppercase">{{ footer }}</p>
<p class="small mt-3 font-weight-bold text-uppercase">{{ footer }}</p>
</div> </div>
</div> </div>
</div> </div>

View File

@@ -25,7 +25,7 @@
</div> </div>
{% endif %} {% endif %}
<div> <div>
<h6> <h6 class="mb-0">
{{ sponsor.title }} {{ sponsor.title }}
</h6> </h6>
</div> </div>
@@ -40,7 +40,7 @@
{% endmacro %} {% endmacro %}
{% macro sponsor() %} {% macro sponsor() %}
<section class="section-padding"> <section class="section-padding section-gray">
<div class='container text-center'> <div class='container text-center'>
<div> <div>
<h2>Sponsors</h2> <h2>Sponsors</h2>

View File

@@ -1,5 +1,5 @@
{% extends "templates/base.html" %} {% extends "templates/base.html" %}
{% from "www/conf/2019/macros.html" import hero, events, lead_max, footer %} {% from "www/conf/2019/macros.html" import hero, events, lead_max, footer, speaker_card %}
{% from "www/conf/2019/sponsor.html" import sponsor %} {% from "www/conf/2019/sponsor.html" import sponsor %}
{% block title %}Talks and Sessions{% endblock %} {% block title %}Talks and Sessions{% endblock %}
@@ -33,6 +33,20 @@
<div class="mb-5"> <div class="mb-5">
<h3>Sessions on 17th October</h3> <h3>Sessions on 17th October</h3>
<p>To be announced</p> <p>To be announced</p>
<!-- <div class='row mt-5'>
{{ speaker_card(
'Kailash Nadh',
'/assets/foundation/img/conf/2019/kailash.jpeg',
'CTO - Zerodha',
'https://zerodha.com'
) }}
{{ speaker_card(
'Prashant Soni',
'/assets/foundation/img/conf/2019/kailash.jpeg',
'IT Head - AWGP',
'http://www.awgp.org/'
) }}
</div> -->
<!-- <ul class="list"> <!-- <ul class="list">
<li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li> <li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li>
<li>Breakfast starts at 8.30 AM</li> <li>Breakfast starts at 8.30 AM</li>
@@ -43,6 +57,20 @@
<div class="mb-5"> <div class="mb-5">
<h3>Sessions on 18th October</h3> <h3>Sessions on 18th October</h3>
<p>To be announced</p> <p>To be announced</p>
<!-- <div class='row mt-5'>
{{ speaker_card(
'Nikhil Sharma',
'/assets/foundation/img/conf/2019/nikhil.jpg',
'VP Technology <br> ElasticRun',
'https://www.elastic.run/'
) }}
{{ speaker_card(
'Antonius Tara',
'/assets/foundation/img/conf/2019/kailash.jpeg',
'Founder & CEO <br> Nusantara Digital',
'https://ridhosribumi.com/'
) }}
</div> -->
<!--<ul class="list"> <!--<ul class="list">
<li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li> <li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li>
<li>Breakfast starts at 8.30 AM</li> <li>Breakfast starts at 8.30 AM</li>