Testing a poster section

content/2021/saam-mobility/_index.md

@@ -136,6 +136,25 @@ The Technical Program Committee is an independent panel of expert volunteers and
 
 {{</ grid/section-container >}}
 
+[//]: # (Register)
+{{< grid/section-container class="featured-section-row" isMarkdown="false">}}
+
+    {{< grid/div class="col-xs-24 col-sm-8 col-sm-offset-8 text-center" isMarkdown="false">}}
+        {{< bootstrap/button linkClass="btn-primary btn-wide" href="https://www.eventbrite.de">}}Register{{</bootstrap/button>}}
+    {{</ grid/div >}}
+
+{{</ grid/section-container >}}
+
+[//]: # (Posters)
+{{< grid/section-container id="posters" class="featured-section-row text-center featured-section-row-dark-bg" >}}
+  <!--  
+		events/user_display ==> this section is expended using the file "layouts/shortcodes/user_display.html"
+		source="posters" ==> the poster description are in the file "posters.yml"
+		subpage="posters" ==> the page displaying the posters is generated by the file "posters.md"
+	-->
+  {{< events/user_display event="saam-mobility" year="2021" title="Posters" source="posters" imageRoot="/2021/saam-mobility/images/posters/" subpage="posters" displayLearnMore="true" />}}
+{{</ grid/section-container >}}
+
 [//]: # (Organizing Committee)
 {{< grid/section-container id="organizing-committee" class="featured-section-row featured-section-row-lighter-bg text-center" isMarkdown="true">}}
 

content/2021/saam-mobility/posters.md

@@ -0,0 +1,13 @@
+---
+title: "Speakers"
+date: 2021-03-09T10:52:27-04:00
+description: ""
+categories: []
+keywords: []
+slug: ""
+aliases: []
+toc: false
+draft: false
+---
+
+{{< research/poster_display event="saam-mobility" 	year="2021" source="posters" imgRoot="/2021/saam-mobility/images/posters/" >}}

data/en/2021/saam-mobility/posters.yml

@@ -0,0 +1,43 @@
+items:
+  - name: "BRAIN-IoT"
+    #url: http://www.brain-iot.eu/?smd_process_download=1&download_id=938
+    title: "Tagline or keywords"
+    img: brain-iot.png
+    anchor: brain-iot-1
+    text: |
+      <p>Short description of the project with a link: <a href="http://brain-iot.eu">brain-iot.eu</a></p>
+  - name: "SmartCLIDE"
+    #url: https://smartclide.eu/wp-content/uploads/2021/03/poster_smartclide_color.pdf
+    title: "Tagline or keywords"
+    img: smartclide.png
+    anchor: smartclide-1
+    text: |
+      <p>Short description of the project with a link: <a href="http://smartclide.eu">smartclide.eu</a></p>
+  - name: "BRAIN-IoT-2"
+    url: http://www.brain-iot.eu/?smd_process_download=1&download_id=938
+    title: "Tagline or keywords"
+    img: brain-iot.png
+    anchor: brain-iot-2
+    text: |
+      <p>Short description of the project</p>
+  - name: "SmartCLIDE-2"
+    url: https://smartclide.eu/wp-content/uploads/2021/03/poster_smartclide_color.pdf
+    title: "Tagline or keywords"
+    img: smartclide.png
+    anchor: smartclide-2
+    text: |
+      <p>Short description of the project</p>
+  - name: "BRAIN-IoT-3"
+    url: http://www.brain-iot.eu/?smd_process_download=1&download_id=938
+    title: "Tagline or keywords"
+    img: brain-iot.png
+    anchor: brain-iot-3
+    text: |
+      <p>Short description of the project</p>
+  - name: "SmartCLIDE-3"
+    url: https://smartclide.eu/wp-content/uploads/2021/03/poster_smartclide_color.pdf
+    title: "Tagline or keywords"
+    img: smartclide.png
+    anchor: smartclide-3
+    text: |
+      <p>Short description of the project</p>

data/en/2021/saam-mobility/speakers.yml

@@ -1,7 +1,7 @@
 items:
 
   - name: "Andreas Riexinger"
-    anchor: andreas_riexinger
+    anchor: andreas-riexinger
     title: "Mobility of the Future and Open Collaboration – A good Idea?"
     img: andreas_riexinger.jpeg
     bio: |
@@ -13,7 +13,7 @@ items:
       Andreas Riexinger will give an overview about future mobility and the role of open source software.</p>
 
   - name: "Robert Hilbrich"
-    anchor: robert_hilbrich
+    anchor: robert-hilbrich
     title: "Keynote on Mobility in Research"
     img: Robert_Hilbrich.jpeg
     bio: |

layouts/shortcodes/research/poster_display.html

@@ -0,0 +1,63 @@
+<!-- 
+  Copyright (c) 2020 Eclipse Foundation, Inc.
+
+  This program and the accompanying materials are made available under the
+  terms of the Eclipse Public License v. 2.0 which is available at
+  http://www.eclipse.org/legal/epl-2.0.
+
+  Contributors:
+    Martin Lowe <martin.lowe@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+{{ $lang := .Page.Lang}}
+{{ $year := .Get "year" }}
+{{ if $year }}
+  {{ .Scratch.Set "base" (index (index .Site.Data $lang) $year) }}
+{{ else }}
+  {{ .Scratch.Set "base" (index .Site.Data $lang) }}
+{{ end }}
+{{ $base := .Scratch.Get "base" }}
+{{ $event := .Get "event" | default "default" }}
+{{ $source := .Get "source" | default "user" }}
+{{ $imageRoot := .Get "imgRoot" | default "/images/committee/" }}
+<div class="eclipsefdn-user-bios">
+  <!-- Committee member -->
+  {{ range (index (index $base $event) $source).items }}
+  {{ $anchor := urlize .anchor }}
+  {{ if not $anchor }}
+    {{ $anchor = urlize .name }}
+  {{ end }}
+  <div class="row margin-top-30 margin-bottom-30" id="{{ $anchor }}">
+    <div class="eclipsefdn-user-bios-picture col-xs-24 col-sm-6">
+      {{ if .img }}
+		{{ if .url }}
+			<a href="{{ .url }}">
+		{{ else }}
+			<a href="{{ $imageRoot }}{{ .img }}">
+		{{ end }}
+      	<img class="img-responsive" src="{{ $imageRoot }}{{ .img }}"
+        title="{{ .name }}" />
+			</a>   
+      {{ else }}
+      <div class="icon-backdrop">
+        <div class="ratio"></div>
+        <div class="icon-container"><i class="fa fa-user"></i></div>
+      </div>
+      {{ end }}
+    </div>
+    <div class="eclipsefdn-user-bios-info col-xs-24 col-sm-18">
+      <h3>{{ .name }}</h3>
+      {{ .text | safeHTML }}
+      {{- if .twitter_handle }}
+      <p>
+        <a class="twitter-follow-button btn btn-info btn-sm"
+          href="https://twitter.com/{{ .twitter_handle }}" target="_blank">
+          <i class="fa fa-twitter"></i>&nbsp;{{ i18n "committee-twitter-follow-text" . }}
+        </a>
+      </p>
+      {{ end -}}
+    </div>
+  </div>
+  {{ end }}
+</div>