Updated member list based on new EFSA

content/members/_index.md

@@ -2,6 +2,7 @@
 title: Members
 date: 2019-02-21
 publishdate: 2019-02-21
+hide_sidebar: true
 ---
 
 {{< page-members >}}
\ No newline at end of file

data/members.yml

-types:
-  - name: Driver Members
-    items:
-       -
-         image: /images/members/driver/siemens.gif
-         title: Siemens
-         link: https://www.siemens.com/global/en.html
-         img_width: 120
-       -
-         image: /images/members/driver/mueller.jpg
-         title: Müller-BBM VibroAkustik Systeme GmbH
-         link: http://www.muellerbbm-vas.de
-         img_width: 100
-       -
-         image: /images/members/driver/bmw-logo.jpg
-         title: BMW Group
-         link: http://www.bmwgroup.com
-         img_width: 100
-
-  - name: Service Provider Members
-    items:
-       -
-         image: /images/members/service-provider/karakun.png
-         title: Karakun AG
-         link: https://karakun.com/
-         img_width: 150
-       -
-         image: /images/members/service-provider/peak.jpg
-         title: Peak Solution GmbH
-         link: http://www.peak-solution.de
-         img_width: 100
-
-  - name: Guest Members
-    items:
-       -
-         image: /images/members/guest/asam-logo.png
-         title: ASAM e.V
-         link: https://www.asam.net/
-         img_width: 150
\ No newline at end of file

layouts/shortcodes/home-members.html

 <div id="members" class="container text-center padding-top-30 padding-bottom-40">
     <h2 class="header-underline">Our Members</h2>
-    <div class="container vertical-align members-container">
-        {{ range $members := .Site.Data.members.types }}
-            {{ range $members.items }}
-            <div class="col-sm-4 col-xs-8 match-height-item vertical-align margin-right-20 margin-bottom-20 background-white bordered-box" data-match-height="members">
-                <a href="{{ .link }}" class="padding-5">
-                    <img class="img img-responsive"  src="{{ .image }}" alt="{{ .title }}" width="{{ .img_width }}" />
-                </a>
-            </div>
-            {{ end }}
-        {{ end }}
-    </div>
+    {{/*  use "logo-with-levels" template to have members ordered by level  */}}
+    <ul class="eclipsefdn-members-list list-inline margin-30 flex-center gap-40" data-ml-wg="openmdm"
+        data-ml-template="logo-with-levels"></ul>
     <a href="/members" class="btn btn-primary">More members</a>
-</div>
\ No newline at end of file
+</div>

layouts/shortcodes/page-members.html

-{{ range $member_types := .Site.Data.members.types }}
-<h2>{{ $member_types.name }}</h2>
-<div class="row container">
-    {{ range $member_types.items }}
-    <div class="col-sm-4 col-xs-8 match-height-item vertical-align margin-right-20 margin-bottom-20 background-white bordered-box">
-        <a href="{{ .link }}" class="padding-5">
-            <img class="img img-responsive"  src="{{ .image }}" alt="{{ .title }}" width="{{ .img_width }}" />
-        </a>
-    </div>
-    {{ end }}
-</div>
-{{ end }}
+<div class="eclipsefdn-members-list" data-ml-wg="openmdm" data-ml-template="logo-title-with-levels"></div>

less/styles.less

@@ -92,9 +92,10 @@
   }
 }
 
-#members {
-  .members-container {
-    flex-wrap: wrap;
+#members .members-by-level {
+  gap: 20px 40px;
+  a {
+    max-width: 130px;
   }
 }
 

package.json

@@ -20,7 +20,7 @@
     "postinstall": "NODE_ENV=production npm run production"
   },
   "dependencies": {
-    "eclipsefdn-hugo-solstice-theme": "0.0.132"
+    "eclipsefdn-hugo-solstice-theme": "0.0.153"
   },
   "browserslist": "last 5 version, > 0.2%, not dead, IE 11"
 }