Updating site with speakers, and program

* Also adds Alex's workshop
This commit is contained in:
Julien Lengrand-Lambert
2021-06-01 14:07:34 +02:00
parent 7db2eb37c5
commit bba0c3d140
5 changed files with 186 additions and 97 deletions

View File

@@ -76,11 +76,9 @@
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="index.html#about" class="external" data-nav-section="about"><span>About</span></a>
</li>
<li class="active"><a href="agenda.html" class="external" data-nav-section="about"><span>Agenda</span></a>
</li>
<li><a href="https://sessionize.com/simplewebconf-2021/" class="external" data-nav-section="cfp"><span>Submit CFP</span></a></li>
<li><a href="agenda.html" class="external"><span>Schedule</span></a></li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
@@ -120,7 +118,7 @@
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 >Event agenda</h2>
<h2 >Event Schedule</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext">
<script type="text/javascript" src="https://sessionize.com/api/v2/qh9n590f/view/GridSmart"></script>

View File

@@ -87,14 +87,14 @@
<ul class="nav navbar-nav navbar-right"
style="padding-top: .5em;">
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="agenda.html" class="external"><span>Agenda</span></a></li>
<li><a href="index.html#about" class="external" data-nav-section="about"><span>About</span></a></li>
<li><a href="https://sessionize.com/simplewebconf-2021/" class="external" data-nav-section="cfp"><span>Submit CFP</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
<li><a href="agenda.html" class="external"><span>Schedule</span></a></li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
<li id="navbar-2nd-logo">
<a href="https://www.ing.com/" target="_blank">
<img src="/images/ING_Primary_Logo_RGB.png"/>

View File

@@ -72,12 +72,13 @@
<li><a href="#" data-nav-section="themes"><span>Themes</span></a></li>
<li><a href="#" data-nav-section="program"><span>Program</span></a></li>
<li><a href="agenda.html" class="external"><span>Agenda</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>CFP</span></a></li>
<li><a href="agenda.html" class="external"><span>Schedule</span></a></li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a></li>
<li><a href="#" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i
class="icon-twitter"></i></a></li>
class="icon-twitter"></i></a
></li>
<li id="navbar-2nd-logo">
<a href="https://www.ing.com/" target="_blank">
<img src="/images/ING_Primary_Logo_RGB.png" />
@@ -107,14 +108,10 @@
</div>
</div>
<div class="row top-actions">
<div class="col-md-offset-2 col-md-4 col-sm-6 text-center to-animate">
<div class="col-md-offset-4 col-md-4 col-sm-6 text-center to-animate">
<a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719?aff=site"
class="btn btn-primary btn-large big-red-button">Get A Free Ticket</a>
</div>
<div class="col-md-4 col-sm-6 text-center to-animate">
<a href="https://sessionize.com/simplewebconf-2021/"
class="btn btn-primary btn-large big-blue-button">Submit A Talk</a>
</div>
</div>
</div>
</div>
@@ -122,7 +119,6 @@
<div class="slant"></div>
</section>
<section id="fh5co-testimonials" data-section="themes">
<div class="container">
<div class="row">
@@ -171,19 +167,26 @@
</div>
</div>
<div class="row">
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>A modern web setup for static sites with a sprinkle of JavaScript</h3>
<h3>Web Components in Action</h3>
<span class="label label-info">workshop</span>
<a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719" class="btn label label-danger">Reserve a spot</a>
</blockquote>
<div class="author to-animate">
<figure><img src="https://sessionize.com/image/dc94-200o200o2-WJxBwHYSyNYyBMY7n69Mwk.jpg"
alt="Thomas Allmer image"></figure>
<span>
<a href="https://twitter.com/daKmoR">Thomas Allmer</a>, founder of open-wc and Modern
Web
</span>
<div class="row">
<div class="col-md-12">
<div class="author to-animate">
<figure><img
src="https://sessionize.com/image/f1a2-200o200o2-39-6985-4530-89ee-b9ba23eb4869.ca656891-0ea4-439d-a37a-0c6467777346.jpg">
</figure>
<span>
Alex Korzhikov, ING, Full-stack developer
</span>
</div>
</div>
</div>
</div>
</div>
@@ -235,18 +238,16 @@
Yohan Lasorsa
Fullstack engineer & cloud advocate @ Microsoft
</span>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6ç col-md-offset-3 to-animate">
<h3>Stay tuned! More talks will be announced soon!</h3>
</div>
</div>
<div class="col-md-offset-4 col-md-4 col-sm-6 text-center to-animate">
<a href="program.html"
class="btn btn-primary btn-large big-red-button">See complete program</a>
</div>
</div>
</div>
</section>
@@ -415,32 +416,6 @@
</div>
</section>
<section data-section="cfp">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2>Sharing your knowledge</h2>
<div class="row"></div>
<div class="col-md-8 col-md-offset-2 subtext to-animate fadeInUp animated">
<h3>
Do you have a story to tell, from your daily work or maybe even from a side-project, submit
your abstract and come inspire us on stage!
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://sessionize.com/simplewebconf-2021/"
class="btn btn-primary btn-large big-red-button">Submit your talk now!</a></p>
<span>Call for papers closes 25 May 2021</span>
<br><br><br>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<div class="container">
<div class="">

139
program.html Normal file
View File

@@ -0,0 +1,139 @@
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>SimpleWebConf 2021 - Make Web Development Simple</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="SimpleWebConf website" />
<meta name="keywords" content="snowpack, lit-html, html imports, conference celebrating web development made simple, from side project to enterprise!" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content="SimpleWebConf 2021"/>
<meta property="og:image" content="http://simplewebconf.com/images/simplewebconf-event-preview.png"/>
<meta property="og:url" content="http://simplewebconf.com/"/>
<meta property="og:site_name" content="SimpleWebConf 2021"/>
<meta property="og:description" content="A conference celebrating web development made simple, from side project to enterprise!"/>
<meta name="twitter:title" content="SimpleWebConf 2021" />
<meta name="twitter:image" content="http://simplewebconf.com/images/simplewebconf-event-preview.png" />
<meta name="twitter:url" content="http://simplewebconf.com/" />
<meta name="twitter:card" content="A conference celebrating web development made simple, from side project to enterprise!" />
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
<link rel="shortcut icon" href="favicon.ico">
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet' type='text/css'>
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Simple Line Icons -->
<link rel="stylesheet" href="css/simple-line-icons.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style5.css">
<!-- custom -->
<link rel="stylesheet" href="css/custom.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-V5CKWQW54T"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-V5CKWQW54T');
</script>
</head>
<body>
<header role="banner" id="fh5co-header">
<div class="container">
<div class="row navbar navbar-default">
<div class="col-md-3 col-xs-12">
<!-- Mobile Toggle Menu Button -->
<a href="#" class="js-fh5co-nav-toggle fh5co-nav-toggle" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"><i></i></a>
<a class="navbar-brand" href="index.html"><img src="images/logo-white.png" alt="Image">SimpleWebConf</a>
</div>
<div id="navbar" class="navbar-collapse collapse col-md-6 col-xs-12">
<ul class="nav navbar-nav navbar-right"
style="padding-top: .5em;">
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="agenda.html" class="external"><span>Schedule</span></a></li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</header>
<section id="fh5co-about">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Program</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<script type="text/javascript" src="https://sessionize.com/api/v2/rg3c88d8/view/Sessions"></script>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<div class="container">
<div class="">
<div class="col-md-12 text-center small-footer-text">
<p>&copy; Elate Free HTML5. All Rights Reserved. Created by <a href="http://freehtml5.co/" target="_blank">FREEHTML5.co</a> Images: <a href="http://pexels.com/" target="_blank">Pexels</a>, <a href="http://plmd.me/" target="_blank">plmd.me</a></p>
</div>
</div>
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->
<script src="js/jquery.easing.1.3.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<!-- Waypoints -->
<script src="js/jquery.waypoints.min.js"></script>
<!-- Stellar Parallax -->
<script src="js/jquery.stellar.min.js"></script>
<!-- Counter -->
<script src="js/jquery.countTo.js"></script>
<!-- Magnific Popup -->
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/magnific-popup-options.js"></script>
<!-- Main JS (Do not remove) -->
<script src="js/main.js"></script>
</body>
</html>

View File

@@ -73,26 +73,20 @@
<div id="navbar" class="navbar-collapse collapse col-md-6 col-xs-12">
<ul class="nav navbar-nav navbar-right"
style="padding-top: .5em;">
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="index.html#program" class="external" data-nav-section="program"><span>Program</span></a></li>
<li><a href="index.html#about" class="external" data-nav-section="about"><span>About</span></a>
</li>
<li><a href="agenda.html" class="external"><span>Agenda</span></a>
</li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a>
</li>
<li><a href="agenda.html" class="external"><span>Agenda</span></a></li>
<li><a href="https://sessionize.com/simplewebconf-2021/" class="external" data-nav-section="cfp"><span>Submit CFP</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
<li id="navbar-2nd-logo">
<li><a href="agenda.html" class="external"><span>Schedule</span></a></li>
<li><a href="speakers.html" class="external"><span>Speakers</span></a></li>
<li><a href="index.html#tickets" class="external" data-nav-section="tickets"><span>Tickets </span></a></li>
<li><a href="coc.html" class="external"><span>CoC </span></a></li>
<li><a class="external" href="https://twitter.com/simplewebconf" target="_blank"><i class="icon-twitter"></i></a></li>
<!-- <li id="navbar-2nd-logo">
<a href="https://www.ing.com/" target="_blank">
<img src="/images/ING_Primary_Logo_RGB.png"/>
powered by
</a>
</li>
</li> -->
</ul>
</div>
</div>
@@ -107,7 +101,8 @@
<h2 class="to-animate">Speakers</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<script type="text/javascript" src="https://sessionize.com/api/v2/qh9n590f/view/SpeakerWall"></script>
<!-- <script type="text/javascript" src="https://sessionize.com/api/v2/qh9n590f/view/SpeakerWall"></script> -->
<script type="text/javascript" src="https://sessionize.com/api/v2/rg3c88d8/view/Speakers"></script>
</div>
</div>
</div>
@@ -115,23 +110,6 @@
</div>
</section>
<section id="fh5co-about" data-section="about">
<div class="container">
<div class="row">
<div class="col-md-12 section-heading text-center">
<h2 class="to-animate">Speakers</h2>
<div class="row">
<div class="col-md-8 col-md-offset-2 subtext to-animate">
<script type="text/javascript" src="https://sessionize.com/api/v2/qh9n590f/view/GridSmart"></script>
</div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer" role="contentinfo">
<div class="container">
<div class="">
@@ -143,7 +121,6 @@
</div>
</footer>
<!-- jQuery -->
<script src="js/jquery.min.js"></script>
<!-- jQuery Easing -->