Skip to content

Commit

Permalink
Add panel members to website
Browse files Browse the repository at this point in the history
  • Loading branch information
jarnokoetsier committed Oct 28, 2023
1 parent d380eaa commit d977321
Show file tree
Hide file tree
Showing 5 changed files with 173 additions and 2 deletions.
2 changes: 1 addition & 1 deletion _layouts/default.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,7 @@
<b><a href="/bytemal-2024/program" style="color: #0088CC; font-size: 24px">Program</a></b>
</li>
<li class="nav-item px-1 px-md-3">
<b><a href="/bytemal-2024/keynotes" style="color: #0088CC; font-size: 24px">Keynotes</a></b>
<b><a href="/bytemal-2024/speakers" style="color: #0088CC; font-size: 24px">Speakers</a></b>
</li>
<li class="nav-item px-1 px-md-3">
<b><a href="/bytemal-2024/venue" style="color: #0088CC; font-size: 24px">Venue</a></b>
Expand Down
171 changes: 171 additions & 0 deletions _pages/speakers.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,171 @@
---
title: ByteMAL 2024 Keynotes
permalink: /keynotes
layout: default
---

<h2 class="mb-4"><b>Keynote speakers</b></h2>

<div class="card mb-3" style="max-width: 960px;">
<div class="row no-gutters">
<div class="col-md-4" style="display:flex;align-items:center;">
<img src="/bytemal-2024/images/Speakers/speaker1.jpg" class="card-img rounded-lg" alt="Speaker 1">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Speaker 1</h5>
<p class="card-text font-weight-bold">Title and affiliation of speaker 1</p>
<p class="card-text">Description of the speaker's work.</p>
<button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#speaker1Modal">Read more</button>
<button type="button" class="btn btn-outline-primary btn-sm"><a href="linktowebsite">Website</a></button>
</div>
</div>
</div>
</div>

<div class="card mb-3" style="max-width: 960px;">
<div class="row no-gutters">
<div class="col-md-4" style="display:flex;align-items:center;">
<img src="/bytemal-2024/images/Speakers/speaker2.jpg" class="card-img rounded-lg" alt="Speaker 2">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Speaker 2</h5>
<p class="card-text font-weight-bold">Title and affiliation of speaker 2</p>
<p class="card-text">Description of the speaker's work.</p>
<button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#speaker2Modal">Read more</button>
<button type="button" class="btn btn-outline-primary btn-sm"><a href="linktowebsite">Website</a></button>
</div>
</div>
</div>
</div>


<!-- Speaker 1 Modal -->
<div class="modal fade" id="speaker1Modal" tabindex="-1" role="dialog" aria-labelledby="speaker1Modal" aria-hidden="true">
<div class="modal-dialog .modal-dialog-scrollable .modal-dialog-centered modal-lg">
<div class="modal-content p-4">
<div class="modal-header">
<h4 class="modal-title" id="speaker1ModalLabel">Speaker 1 abstract</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body p-4">
<h6>BIO</h6>
<p>Bio of speaker 1.</p>
<h6>ABSTRACT</h6>
<p>Abstract of speaker 1.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Speaker 2 Modal -->
<div class="modal fade" id="speaker2Modal" tabindex="-1" role="dialog" aria-labelledby="speaker2Modal" aria-hidden="true">
<div class="modal-dialog .modal-dialog-scrollable .modal-dialog-centered modal-lg">
<div class="modal-content p-4">
<div class="modal-header">
<h4 class="modal-title" id="speaker2ModalLabel">Speaker 2 abstract</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body p-4">
<h6>ABSTRACT</h6>
<p>Abstract of speaker 2.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<h2 class="mb-4"><b>Panel members</b></h2>
<p> Our discussion panel consists of our keynote speakers as well as two additional panel members, covering the worlds of both academia and industry. </p>
<div class="card mb-3" style="max-width: 960px;">
<div class="row no-gutters">
<div class="col-md-4" style="display:flex;align-items:center;">
<img src="/bytemal-2024/images/Speakers/panelmember1.jpg" class="card-img rounded-lg" alt="Panel Member 1">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Panel member 1</h5>
<p class="card-text font-weight-bold">Title and affiliation of panel member 1</p>
<p class="card-text">Description of the panel member's work.</p>
<button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#panelmember2Modal">Read more</button>
<button type="button" class="btn btn-outline-primary btn-sm"><a href="linktowebsite">Website</a></button>
</div>
</div>
</div>
</div>

<div class="card mb-3" style="max-width: 960px;">
<div class="row no-gutters">
<div class="col-md-4" style="display:flex;align-items:center;">
<img src="/bytemal-2024/images/Speakers/panelmember2.jpg" class="card-img rounded-lg" alt="Panel Member 2">
</div>
<div class="col-md-8">
<div class="card-body">
<h5 class="card-title">Panel member 2</h5>
<p class="card-text font-weight-bold">Title and affiliation of panel member 1</p>
<p class="card-text">Description of the panel member's work.</p>
<button type="button" class="btn btn-outline-primary btn-sm" data-toggle="modal" data-target="#panelmember2Modal">Read more</button>
<button type="button" class="btn btn-outline-primary btn-sm"><a href="linktowebsite">Website</a></button>
</div>
</div>
</div>
</div>

<!-- Panel Member 1 Modal -->
<div class="modal fade" id="panelmember1Modal" tabindex="-1" role="dialog" aria-labelledby="panelmember1Modal" aria-hidden="true">
<div class="modal-dialog .modal-dialog-scrollable .modal-dialog-centered modal-lg">
<div class="modal-content p-4">
<div class="modal-header">
<h4 class="modal-title" id="speaker1ModalLabel">Panel member 1 abstract</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body p-4">
<h6>BIO</h6>
<p>Bio of panel member 1.</p>
<h6>ABSTRACT</h6>
<p>Abstract of panel member 1.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>

<!-- Panel Member 2 Modal -->
<div class="modal fade" id="panelmember2Modal" tabindex="-1" role="dialog" aria-labelledby="panelmember2Modal" aria-hidden="true">
<div class="modal-dialog .modal-dialog-scrollable .modal-dialog-centered modal-lg">
<div class="modal-content p-4">
<div class="modal-header">
<h4 class="modal-title" id="speaker1ModalLabel">Panel member 2 abstract</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body p-4">
<h6>BIO</h6>
<p>Bio of panel member 2.</p>
<h6>ABSTRACT</h6>
<p>Abstract of panel member 2.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>



Binary file added images/Speakers/panelmember1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/Speakers/panelmember2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -35,7 +35,7 @@ <h5 class="card-title"><a href="/bytemal-2024/register">Share your work</a></h5>
<div class="card">
<img src="/bytemal-2024/images/Icons/lightbulb-icon.png" class="card-img-top px-4 py-1" alt="inspiration-icon">
<div class="card-body">
<h5 class="card-title"><a href="/bytemal-2024/keynotes">Be inspired</a></h5>
<h5 class="card-title"><a href="/bytemal-2024/speakers">Be inspired</a></h5>
<p class="card-text">Attend keynote presentations by top experts discussing a range of interesting topics</p>
</div>
</div>
Expand Down

0 comments on commit d977321

Please sign in to comment.