Merge pull request #9 from SimpleWebConf/withe-background-program

Withe background program + Alex's changes

agenda.html

@@ -77,7 +77,6 @@
 					<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>

coc.html

@@ -90,7 +90,6 @@
 						  <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>

css/custom.css

@@ -119,4 +119,8 @@ html {
 
 #sessionize .sz-session__card h3 {
     color: #fff;
+}
+
+#fh5co-services #sessionize ul.sz-session__speakers a {
+    color: white !important;
 }

index.html

@@ -70,10 +70,8 @@
 				<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="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
@@ -159,102 +157,46 @@
 		</div>
 	</section>
 
-	<section id="fh5co-services" data-section="program">
+	<section id="fh5co-services" data-section="speakers">
-		<div class="container">
+		<div class="row">
-			<div class="row">
+			<div class="section-heading text-center">
-				<div class="col-md-12 section-heading text-center">
+				<h2 class="to-animate">Speakers</h2>
-					<h2 class="to-animate">Program</h2>
-				</div>
 			</div>
-			<div class="row">
+		</div>
 
-				<div class="col-md-4">
+		<div class="row" style="margin-top: 30px">
-					<div class="box-testimony">
+			<div class="col-md-8 col-md-offset-2">
-						<blockquote class="to-animate-2">
+				<div class="sessionize-loader" data-sessionize-load-url="https://sessionize.com/api/v2/qh9n590f/view/SpeakerWall?under=True">
-							<h3>Web Components in Action</h3>
+						<div class="sz-spinner"></div>
-							<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="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>
-
-				<div class="col-md-4">
-					<div class="box-testimony">
-						<blockquote class="to-animate-2">
-							<h3>Build your own PWA with Lit, Spring Boot, and Vaadin Fusion</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="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>
-							<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/f88c-200o200o2-9HjmEt23e81h5Q2FxXZbJC.png" alt="Yohan Lasorsa"></figure>
-							<span>
-								Yohan Lasorsa
-									Fullstack engineer & cloud advocate @ Microsoft
-							</span>
-						</div>
-					</div>
 				</div>
+				<script>
+					const firstElement = document.querySelector('[data-sessionize-load-url]');
+					firstElement.removeAttribute = function() {
+						HTMLElement.prototype.removeAttribute.apply(firstElement, arguments);
+						setTimeout(()=> sessionize.loader());
+					}
+				</script>
 			</div>
-			<div class="row">
-					<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>
 
-	<section id="fh5co-about">
+	
+	<section id="fh5co-about" data-section="program">
 		<div class="container">
-			<div class="row">
+			<div class="container">
+				<div class="row">
+					<div class="col-md-12 section-heading text-center">
+						<h2 class="to-animate">Program</h2>
+					</div>
+				</div>
+				<div class="row">
+					<div class="col-md-12">
+						<script type="text/javascript" src="https://sessionize.com/api/v2/rg3c88d8/view/Sessions"></script>
+					</div>
+				</div>
+			</div>
+
+			<div class="row" style="margin-top: 30px">
 				<div class="col-md-12 section-heading text-center">
 					<h2 class="to-animate">Meet the team</h2>
 				</div>

program.html

@@ -77,7 +77,6 @@
 						  <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>

speakers.html

@@ -76,7 +76,6 @@
 						  <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>