update events

- add all summit events from 2015
  updated from old website
- update layout with better pointers and bullets
- change colors to be a more contrast for visibility
- update eventdates with from and till
  now able to have multiple dates
  listing is based on from date

Signed-off-by: Toshaan Bharvani <toshaan@vantosh.com>

content/events/fosdem21.md

@@ -1,6 +1,7 @@
 ---
 title: "FOSDEM 2021 OpenPOWER DevRoom"
-eventdate: 2021-02-06
+eventdates:
+  from: 2021-02-06
 eventplace: "Virtual Online"
 schedule: https://archive.fosdem.org/2021/schedule/track/openpower/
 recordings: https://video.fosdem.org/2021/D.power/

content/events/fosdem22.md

@@ -1,6 +1,7 @@
 ---
 title: "FOSDEM 2022 OpenPOWER DevRoom"
-eventdate: 2022-02-05
+eventdates:
+  from: 2022-02-05
 eventplace: "Virtual Online"
 callforpresentation: https://cfp.openpower.foundation/fosdem2022/cfp
 #schedule: https://fosdem.org/2022/schedule/track/openpower/

content/events/openpowersummit15.md

@@ -0,0 +1,9 @@
+---
+title: OpenPOWER Summit 2015
+eventdates:
+  from: 2015-03-17
+  till: 2015-03-19
+eventplace: San Jose, CA
+date: 2021-12-28
+draft: false
+---

content/events/openpowersummit15china.md

@@ -0,0 +1,8 @@
+---
+title: OpenPOWER China Summit 2015
+eventdates:
+  from: 2015-06-10
+eventplace: Beijing, China
+date: 20215
+draft: false
+---

content/events/openpowersummit16.md

@@ -0,0 +1,8 @@
+---
+title: OpenPOWER Summit 2016
+eventdates:
+  from: 2016-04-08
+eventplace: San Jose, CA
+date: 2021-12-29
+draft: false
+---

content/events/openpowersummit16china.md

@@ -0,0 +1,8 @@
+---
+title: OpenPOWER China Summit 2016
+eventdates:
+  from: 2016-06-22
+eventplace: Beijing, China
+date: 2021-12-29
+draft: false
+---

content/events/openpowersummit16eu.md

@@ -0,0 +1,9 @@
+---
+title: OpenPOWER Europe Summit 2016
+eventdates:
+  from: 2016-10-26
+  till: 2016-10-28
+eventplace: Barcelona, Spain
+date: 2021-12-29
+draft: false
+---

content/events/openpowersummit18eu.md

@@ -0,0 +1,10 @@
+---
+title: OpenPOWER Summit Europe 2018
+eventdates:
+  from: 2018-10-03
+  till: 2018-10-04
+eventplace: Amsterdam, Netherlands
+schedule: https://openpowerfoundation.org/summit-2018-10-eu/
+date: 2021-12-29
+draft: false
+---

content/events/openpowersummit18us.md

@@ -0,0 +1,9 @@
+---
+title: OpenPOWER US Summit 2018
+eventdates:
+  from: 2018-03-19
+eventplace: Las Vegas, Nevada
+schedule: https://opfus2018.sched.com/
+date: 2021-12-29
+draft: false
+---

content/events/openpowersummit19eu.md

@@ -0,0 +1,10 @@
+---
+title: OpenPOWER Summit 2019 EU
+eventdates:
+  from: 2019-10-31
+  till: 2019-11-01
+eventplace: Lyon, France
+schedule: https://events19.linuxfoundation.org/events/openpower-summit-eu-2019/program/schedule/
+date: 2021-12-28
+draft: false
+---

content/events/openpowersummit19na.md

@@ -0,0 +1,12 @@
+---
+title: OpenPOWER Summit 2019 NA
+eventdates:
+  from: 2019-08-19
+  till: 2019-08-20
+eventplace: San Diego, CA
+schedule: https://events19.linuxfoundation.org/events/openpower-summit-north-america-2019/program/schedule/
+draft: false
+---
+
+OpenPOWER Summit North America will feature game-changing announcements.
+Don't miss out on the opportunity to be present when the industry reaches unprecedented levels of Open.

content/events/openpowersummit20.md

@@ -0,0 +1,12 @@
+---
+title: "OpenPOWER Summit 2020 NA"
+eventdates:
+  from: 2020-09-15
+eventplace: "Virtual online"
+schedule: https://events.linuxfoundation.org/archive/2020/openpower-summit-north-america/program/schedule/
+date: 2021-12-23
+draft: false
+---
+
+
+{{< pretalx event="summit2021" >}}

content/events/openpowersummit21.md

@@ -1,6 +1,7 @@
 ---
-title: "OpenPOWER Summit 2021"
+title: "OpenPOWER Summit 2021 NA"
-eventdate: 2021-10-28
+eventdates:
+  from: 2021-10-28
 eventplace: "Virtual online"
 schedule: https://cfp.openpower.foundation/summit2021/schedule/
 sponsors:

content/events/openpowersummit22.md

@@ -1,6 +1,7 @@
 ---
 title: "OpenPOWER Summit EU 2022"
-eventdate: 2021-10-31
+eventdates:
+  from: 2021-10-31
 eventplace: "Lyon, France"
 eventcalendar: Google Calendar ICS
 eventtime: 10:00am 6:00pm

content/events/openpowersummit23.md

@@ -1,6 +1,7 @@
 ---
 title: "OpenPOWER Summit EU 2023"
-eventdate: 2023-10-31
+eventdates:
+  from: 2023-10-31
 eventplace: "Lyon, France"
 eventcalendar: Google Calendar ICS
 eventtime: 10:00am 6:00pm

themes/openpowerfoundation/assets/css/main.css

@@ -2196,7 +2196,8 @@ textarea.form-control-lg {
 
 .btn-outline-danger {
   color: #dc3545;
-  border-color: #dc3545; }
+  border-color: #dc3545;
+  background-color: white; }
   .btn-outline-danger:hover {
     color: #fff;
     background-color: #dc3545;

themes/openpowerfoundation/assets/css/timeline.scss

@@ -4,7 +4,8 @@ $light-primary: #000000;
 $text: #ffffff;
 $primary-text: #212121;
 $secondary-text: #757575;
-$accent: #aaaaaa;
+$accent: #666666;
+$background: #dddddd;
 
 .timeline {
 	position: relative;
@@ -35,10 +36,10 @@ $accent: #aaaaaa;
 				border-style: solid;
 				width: 0;
 				height: 0;
-				top: 30px;
+				top: 0px;
-				left: -15px;
+				left: -40px;
-				border-width: 10px 15px 10px 0;
+				border-width: 25px 40px 25px 0;
-				border-color: transparent #f5f5f5 transparent transparent;
+				border-color: transparent $accent transparent transparent;
 			}
 		}
 	}
@@ -51,10 +52,11 @@ $accent: #aaaaaa;
 
 .timeline-content {
 	position: relative;
+	text-align: center;
 	width: 45%;
 	padding: 60px 30px 10px 30px;
 	border-radius: 4px;
-	background: #f5f5f5;
+	background: $background;
 	box-shadow: 0 20px 25px -15px rgba(0, 0, 0, .3);
 	&::after {
 		content: '';
@@ -62,10 +64,10 @@ $accent: #aaaaaa;
 		border-style: solid;
 		width: 0;
 		height: 0;
-		top: 20px;
+		top: 0px;
-		right: -15px;
+		right: -40px;
-		border-width: 10px 0 10px 15px;
+		border-width: 25px 0 25px 40px;
-		border-color: transparent transparent transparent #f5f5f5;
+		border-color: transparent transparent transparent $accent;
 	}
 }
 
@@ -75,14 +77,14 @@ $accent: #aaaaaa;
 }
 
 .timeline-img {
-	width: 30px;
+	width: 40px;
-	height: 30px;
+	height: 40px;
 	background: $primary;
 	border-radius: 50%;
 	position: absolute;
 	left: 50%;
-	margin-top: 25px;
+	margin-top: 10px;
-	margin-left: -15px;
+	margin-left: -20px;
 }
 
 .timeline-card {
@@ -154,7 +156,7 @@ blockquote {
 					top: 30px;
 					left: -15px;
 					border-width: 10px 15px 10px 0;
-					border-color: transparent #f5f5f5 transparent transparent;
+					border-color: transparent $background transparent transparent;
 				}
 			}
 		}

themes/openpowerfoundation/layouts/events/list.html

@@ -12,12 +12,12 @@
 		<div class="col-md-12">
 			<section class="timeline">
 			<div class="container" style="text-align: left!important">
-			{{ range (.Pages.ByParam "eventdate").Reverse  }}
+			{{ range (.Pages.ByParam "eventdates.from").Reverse  }}
 				<div class="timeline-item">
 					<div class="timeline-img"></div>
 					<div class="timeline-content js--fadeInLeft">
 						<h2><a href="{{ .Permalink }}"><span class="post-title">{{ .Title }}</span></a></h2>
-						{{ $eventdate := .Param "eventdate" }}
+						{{ $eventdate := .Param "eventdates.from" }}
 						<div class="date">
 							{{ dateFormat "2 January 2006" $eventdate }} - {{ .Param "eventplace" }}
 						</div>

themes/openpowerfoundation/layouts/events/single.html

@@ -1,15 +1,18 @@
 {{ partial "header.html" . }}
 {{ partial "navbar.html" . }}
-
-{{ $eventdate := time (.Param "eventdate") }}
-{{ $eventdate = $eventdate.Format "Monday, January 2, 2006" }}
-
 <main id="main">
 <div class="container-fluid">
 	<div class="section-header">
 		<div class="col-lg-12 content wow text-center">
 			<h1 class="section-title">{{ .Title }}</h1>
-			<h3 class="section-description">{{ $eventdate }} @ {{ .Param "eventplace" }}</h3>
+			<h3 class="section-description">
+			{{ $eventdates := .Param "eventdates" }}
+			{{ if $eventdates.till }}
+				From {{ (time $eventdates.from).Format "Monday, January 2, 2006" }} till {{ (time $eventdates.till).Format "Monday, January 2, 2006" }}
+			{{ else }}
+				{{ (time $eventdates.from).Format "Monday, January 2, 2006" }}
+			{{ end }}
+			&nbsp;@&nbsp;{{ .Param "eventplace" }}</h3>
 		</div>
 	</div>
 	<div class="row">