jlengrand/SimpleWebConf.github.io
1
0
Fork 0
mirror of https://github.com/SimpleWebConf/SimpleWebConf.github.io.git synced 2026-03-10 08:51:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

add workshops

Browse Source
This commit is contained in:
Mikhail Kuznetcov
2021-05-07 11:43:57 +02:00
parent 59befe178b
commit 1889e4f383
1 changed files with 170 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files

265
index.html
View File

@@ -1,37 +1,41 @@
<!DOCTYPE html>
<head>
<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!" />
<meta name="keywords"
content="snowpack, lit-html, html imports, conference celebrating web development made simple, from side project to enterprise!" />
<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 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!" />
<meta name="twitter:card"
content="A conference celebrating web development made simple, from side project to enterprise!" />
<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'>
<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,600,400italic,700' rel='stylesheet'
type='text/css'>
<link rel="stylesheet" href="css/animate.css">
<link rel="stylesheet" href="css/icomoon.css">
<link rel="stylesheet" href="css/simple-line-icons.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/style5.css">
<!-- custom -->
<link rel="stylesheet" href="css/custom.css">
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
@@ -40,46 +44,53 @@
<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());
window.dataLayer = window.dataLayer || [];
gtag('config', 'G-V5CKWQW54T');
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 logo-menu-line">
<!-- 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="the simplewebconf logo">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;">
</head>
<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="#" data-nav-section="about"><span>Team</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>CFP</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>
<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>
</ul>
<body>
<header role="banner" id="fh5co-header">
<div class="container">
<div class="row navbar navbar-default">
<div class="col-md-3 col-xs-12 logo-menu-line">
<!-- 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="the simplewebconf logo">SimpleWebConf</a>
</div>
</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="#" data-nav-section="themes"><span>Themes</span></a></li>
<li><a href="#" data-nav-section="program"><span>Program</span></a></li>
<li><a href="#" data-nav-section="about"><span>Team</span></a></li>
<li><a href="#" data-nav-section="cfp"><span>CFP</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>
<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>
</ul>
</div>
</div>
</header>
<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);" data-stellar-background-ratio="0.5">
<section id="fh5co-home" data-section="home" style="background-image: url(images/full_image_2.jpg);"
data-stellar-background-ratio="0.5">
<div class="gradient"></div>
<div class="container">
<div class="text-wrap">
@@ -87,7 +98,8 @@
<div class="row">
<div class="col-md-8 col-md-offset-2">
<h1 class="to-animate">SimpleWebConf 2021</h1>
<h2 class="to-animate">A conference celebrating web development made simple, from side project to enterprise!
<h2 class="to-animate">A conference celebrating web development made simple, from side
project to enterprise!
</h2>
<br>
<h1 class="to-animate">24-25 June, 2021 - online - free</h1>
@@ -96,10 +108,12 @@
</div>
<div class="row top-actions">
<div class="col-md-offset-2 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>
<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>
<a href="https://sessionize.com/simplewebconf-2021/"
class="btn btn-primary btn-large big-blue-button">Submit A Talk</a>
</div>
</div>
</div>
@@ -116,7 +130,9 @@
<h2 class=" left-border to-animate">Themes</h2>
<div class="row">
<div class="col-md-8 subtext to-animate">
<h3>SimpleWebConf is a conference centered around the web ecosystem and its developers. For this we have selected 4 main themes. And if you have questions or remarks, feel free to <a href="https://twitter.com/simplewebconf">contact us!</a></h3>
<h3>SimpleWebConf is a conference centered around the web ecosystem and its developers. For
this we have selected 4 main themes. And if you have questions or remarks, feel free to
<a href="https://twitter.com/simplewebconf">contact us!</a></h3>
</div>
</div>
</div>
@@ -152,11 +168,6 @@
<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">
<h3>Stay tuned!</h3>
</div>
</div> -->
</div>
</div>
<div class="row">
@@ -166,12 +177,13 @@
<h3>A modern web setup for static sites with a sprinkle of JavaScript</h3>
</blockquote>
<div class="author to-animate">
<figure><img src="https://sessionize.com/image/dc94-200o200o2-WJxBwHYSyNYyBMY7n69Mwk.jpg" alt="Thomas Allmer image"></figure>
<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 <a href="https://open-wc.org/" target="_blank">open-wc</a> and <a href="https://modern-web.dev/" target="_blank">Modern Web</a>
<a href="https://twitter.com/daKmoR">Thomas Allmer</a>, founder of open-wc and Modern
Web
</span>
<p class="subtext">Developer since the golden ages and strong believer in the web and its standard process</p>
</div>
</div>
</div>
@@ -179,15 +191,61 @@
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>Stay tuned!</h3>
<p>More talks will be announced soon!</p>
<h3>Build your own PWA with Lit, Spring Boot, and Vaadin Fusion</h3>
<span class="label label-info">workshop</span>
</blockquote>
<div class="author to-animate">
<figure><img alt="conference logo" src="images/logo-white.png" alt="Person"></figure>
<div class="row">
<div class="col-md-12">
<div class="author to-animate">
<figure><img
src="https://sessionize.com/image/104e-200o200o2-E7twyX8GJxCgquhK2eG7jt.JPG">
</figure>
<span>
Jean-Christophe Gueriaud, Vaadin, Consultant
</span>
</div>
</div>
<div class="col-md-12">
<div class="author to-animate">
<figure><img
src="https://sessionize.com/image/c74d-200o200o2-MZpNqcA118Tr26XUc7hpnX.jpg"
alt="Thomas Allmer image"></figure>
<span>
Marcus Hellberg,
Head of Community at Vaadin
</span>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="box-testimony">
<blockquote class="to-animate-2">
<h3>Build, deploy and audit a serverless PWA with Azure Static Web Apps</h3>
<span class="label label-info">workshop</span>
</blockquote>
<div class="author to-animate">
<figure><img src="https://sessionize.com/image/f88c-200o200o2-9HjmEt23e81h5Q2FxXZbJC.png" alt="Yohan Lasorsa"></figure>
<span>
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>
</section>
@@ -207,7 +265,8 @@
<p>Community Builder and Lead developer. I create 'islands' where engineers are the heroes</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/jlengrand"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a>
</li>
<li><a href="https://github.com/jlengrand"><i class="icon-github"></i></a></li>
</ul>
</div>
@@ -217,10 +276,12 @@
<figure><img src="images/team/mikhail.jpeg" alt="mikhail's profile photo"></figure>
<h3>Mikhail Kuznetcov</h3>
<span class="fh5co-position">IT Chapter Lead</span>
<p>Software engineer, teacher, team lead. Software architecture professional, events organiser</p>
<p>Software engineer, teacher, team lead. Software architecture professional, events organiser
</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/shershen08"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/michailkuznetcov/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.linkedin.com/in/michailkuznetcov/"><i
class="icon-linkedin"></i></a></li>
<li><a href="https://github.com/shershen08"><i class="icon-github"></i></a></li>
</ul>
</div>
@@ -233,7 +294,8 @@
<p>Team lead, instructor, speaker, mentor, and author of technical materials</p>
<ul class="social social-circle">
<li><a href="https://twitter.com/AlexKorzhikov"><i class="icon-twitter"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.linkedin.com/in/julienlengrand/"><i class="icon-linkedin"></i></a>
</li>
<li><a href="https://github.com/korzio"><i class="icon-github"></i></a></li>
</ul>
</div>
@@ -255,7 +317,8 @@
<h3>Margarita Roi</h3>
<span class="fh5co-position">Freelance developer, teacher</span>
<ul class="social social-circle">
<li><a href="https://www.instagram.com/riittagirl/?hl=en"><i class="icon-instagram"></i></a></li>
<li><a href="https://www.instagram.com/riittagirl/?hl=en"><i class="icon-instagram"></i></a>
</li>
</ul>
</div>
</div>
@@ -265,7 +328,8 @@
<h3>Natalie Fruitema</h3>
<span class="fh5co-position">Enthusiastic Front-end developer @ING</span>
<ul class="social social-circle">
<li><a href="https://www.linkedin.com/in/natalie-fruitema-406074131/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.linkedin.com/in/natalie-fruitema-406074131/"><i
class="icon-linkedin"></i></a></li>
</ul>
</div>
</div>
@@ -276,10 +340,11 @@
<h3>Frank Wijmans</h3>
<span class="fh5co-position">Consumer Engineer at Touchpoint ING</span>
<ul class="social social-circle">
<li><a href="https://www.linkedin.com/in/frank-wijmans-1a119832/"><i class="icon-linkedin"></i></a></li>
<li><a href="https://www.linkedin.com/in/frank-wijmans-1a119832/"><i
class="icon-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
@@ -294,21 +359,24 @@
<h3>
<b>SimpleWebConf 2021 is online, and free!</b>
<br>
Register now to get a reminder later when the agenda is defined. Seats are limited, so please reserve your seat now!
Register now to get a reminder later when the agenda is defined. Seats are limited, so
please reserve your seat now!
</h3>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719?aff=site" class="btn btn-primary btn-large big-red-button">Get your free ticket now</a></p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-offset-3 text-center">
<p><a href="https://www.eventbrite.com/e/simplewebconf-2021-tickets-144376406719?aff=site"
class="btn btn-primary btn-large big-red-button">Get your free ticket now</a></p>
</div>
</div>
</section>
<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);" data-stellar-background-ratio="0.5">
<section id="fh5co-counters" style="background-image: url(images/full_image_1.jpg);"
data-stellar-background-ratio="0.5">
<div class="fh5co-overlay"></div>
<div class="container">
<div class="row">
@@ -320,21 +388,24 @@
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-briefcase to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="12" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="12" data-speed="500"
data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">Talks</span>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-code to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="4" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="4" data-speed="500"
data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">workshops</span>
</div>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<div class="fh5co-counter to-animate">
<i class="fh5co-counter-icon icon-cup to-animate-2"></i>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="2" data-speed="500" data-refresh-interval="50">1</span>
<span class="fh5co-counter-number js-counter" data-from="0" data-to="2" data-speed="500"
data-refresh-interval="50">1</span>
<span class="fh5co-counter-label">days</span>
</div>
</div>
@@ -350,33 +421,37 @@
<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!
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>
<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="">
<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>
<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>
<a href="#" class="gotop js-gotop"><i class="icon-arrow-up2"></i></a>
</div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.easing.1.3.js"></script>
<script src="js/bootstrap.min.js"></script>
@@ -387,6 +462,6 @@
<script src="js/magnific-popup-options.js"></script>
<script src="js/main.js"></script>
</body>
</html>
</body>
</html>