feat: added speaker card

foundation/www/conf/2019/macros.html

@@ -13,19 +13,31 @@
 </a>
 {% 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) %}
-<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="h-100" style='background: url("{{ image }}"); background-size: cover; background-position: center center;'></div>
 		</div>
 		<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>
+				<p class="small mt-3 mb-0 font-weight-bold text-uppercase">{{ footer }}</p>
-					</div>
-					<p class="small mt-3 font-weight-bold text-uppercase">{{ footer }}</p>
 			</div>
 		</div>
 	</div>

foundation/www/conf/2019/sponsor.html

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

foundation/www/conf/2019/talks.html

@@ -1,5 +1,5 @@
 {% 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 %}
 {% block title %}Talks and Sessions{% endblock %}
 
@@ -33,16 +33,44 @@
 			<div class="mb-5">
 				<h3>Sessions on 17th October</h3>
 				<p>To be announced</p>
-				<!--<ul class="list">
+				<!-- <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">
 					<li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li>
 					<li>Breakfast starts at 8.30 AM</li>
 					<li>Lunch break will be at 1pm</li>
 					<li>Dinner starts at 6.30pm at Matunga Gujarati Seva Mandal</li>
-				</ul>-->
+				</ul> -->
 			</div>
 			<div class="mb-5">
 				<h3>Sessions on 18th October</h3>
 				<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">
 					<li>Venue: Mysore Association Auditorium, King’s Circle Matunga East, Mumbai - 400019</li>
 					<li>Breakfast starts at 8.30 AM</li>