#2 - Redesign Eclipse IDE wg page

Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>

archetypes/events.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+event_date: "{{ dateFormat "January 2, 2006" .Date }}"
+link: ""
+location: ""
+---
\ No newline at end of file

archetypes/news.md

+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+link: ""
+---
\ No newline at end of file

config.toml

@@ -22,6 +22,8 @@ pluralizeListTitles = false
   js = "js/solstice.js"
   news_count = 3
   featured_content_publish_target = "eclipse_ide"
+  container = "container-fluid"
+  linkedin_url = "https://www.linkedin.com/company/eclipse-foundation"
   
 [taxonomies]
   category = "categories"
@@ -46,49 +48,17 @@ pluralizeListTitles = false
   plainIDAnchors = true
   hrefTargetBlank = true
 
-  [[menu.main]]
-  name = "About"
-  url = "/about"
-  weight = 1
- 
-[[menu.main]]
-  name = "About Us"
-  parent = "About"
-  url = "/about"
-  weight = 1
-  
 [[menu.main]]
-  name = "FAQ"
-  parent = "About"
-  url = "/about/faq"
-  weight = 2
-
-[[menu.sidebar]]
   name = "About"
-  url = "/about"
-  weight = 2
-  identifier = "about"
-  
-[[menu.sidebar]]
-  parent ="about"
-  name = "About Us"
-  url = "/about"
-  pre = "<i data-feather=\"users\"></i>" # https://feathericons.com/
+  url = "#about"
   weight = 1
-  
-[[menu.sidebar]]
-  parent ="about"
-  name = "FAQ"
-  url = "/about/faq"
-  pre = "<i data-feather=\"help-circle\"></i>" # https://feathericons.com/
-  weight = 2
 
 [[menu.main]]
   name = "Members"
-  url = "/membership"
-  weight = 1
-
+  url = "#members"
+  weight = 2
+  
 [[menu.main]]
-  name = "Blog"
-  url = "https://planeteclipse.org/"
-  weight = 2
\ No newline at end of file
+  name = "Sponsors"
+  url = "#sponsors"
+  weight = 3

content/_index.md

@@ -2,7 +2,7 @@
 title: "Eclipse IDE Working Group"
 seo_title: "Eclipse IDE Working Group"
 headline: "Eclipse IDE Working Group"
-tagline: "@todo"
+tagline: "A new community-driven initiative to advance and sustain the Eclipse IDE suite of products and ecosystem"
 date: 2021-05-04T10:00:00-04:00
 layout: "single"
 hide_breadcrumb: true
@@ -10,31 +10,15 @@ hide_sidebar: true
 hide_page_title: true
 show_featured_story: true
 #container: "container-fluid"
-links: [[href: "https://www.eclipse.org/org/workinggroups/eclipse-ide-charter.php", text: "Charter"]]
+links: [[href: "#members", text: "Get Involved"]]
 ---
 
-{{< grid/section-container >}}
-  {{< grid/div class="col-sm-15 margin-top-30" isMarkdown="false" >}}
-    {{< newsroom/news
-          title="News"
-          titleClass="heading-line text-center"
-          id="news-list-container"
-          publishTarget="eclipse_ide"
-          count="5"
-          templateId="news-no-mh"
-          templatePath="node_modules/eclipsefdn-hugo-solstice-theme/js/templates/news-no-mh.mustache"
-          includeList="true" >}}
-  {{</ grid/div >}}
-  {{< grid/div class="col-sm-8 col-sm-offset-1 margin-top-30" isMarkdown="false" >}}
-    {{< newsroom/events
-          title="Events"
-          titleClass="heading-line text-center"
-          containerClass="news-items event-container"
-          id="events-list-container"
-          publishTarget="eclipse_ide"
-          count="5"
-          templateId="event-list-format"
-          templatePath="node_modules/eclipsefdn-hugo-solstice-theme/js/templates/event-list-format.mustache"
-          includeList="true" >}}
-  {{</ grid/div >}}
-{{</ grid/section-container >}}
\ No newline at end of file
+{{< members >}}
+
+{{< sponsors >}}
+
+{{< news >}}
+
+{{< about >}}
+
+{{< highlights >}}
\ No newline at end of file

content/about/_index.md

----
-title: "About Us"
-date: 2021-05-04T10:00:00-04:00
-#hide_page_title: true
-layout: "single"
----
-
-The Eclipse® IDE Working Group is formed to ensure the continued sustainability, integrity, evolution and adoption of the Eclipse IDE suite of products and related technologies. In particular, it is formed to provide governance, guidance, and funding for the communities that support the delivery of the Eclipse Foundation’s flagship “Eclipse IDE” products.
-
-This working group's website is under development.
\ No newline at end of file

content/about/faq/index.md

----
-title: "Frequently Asked Questions"
-seo_title: "Frequently Asked Questions"
-date: 2021-05-04T10:00:00-04:00
-type: "faq"
-layout: "section"
----
-  
-Last Updated: February 26, 2021
-
-<br/>
-
-{{< faq >}}
\ No newline at end of file

content/news/_index.md

+---
+title: "News"
+date: 2021-05-04T10:00:00-04:00
+layout: "single"
+hide_breadcrumb: false
+hide_sidebar: true
+hide_page_title: false
+show_featured_story: false
+container: "container"
+---
+
+{{< newsroom/news id="news-title">}}

data/members.yml

+items:
+   - title: Eclipse Source
+     image: /images/members/eclipse-source.svg
+     width: 130
+   - title: IBM
+     image: /images/members/ibm.svg
+     width: 100
+   - title: Kichwa Coders
+     image: /images/members/kichwa-coders.svg
+     width: 115
+   - title: Renesas
+     image: /images/members/renesas.svg
+     width: 130
+   - title: SAP
+     image: /images/members/sap.svg
+     width: 100
+   - title: Yatta
+     image: /images/members/yatta.svg
+     width: 100
+   - title: Bosch
+     image: /images/members/bosch.png
+     width: 100
+   - title: VMware
+     image: /images/members/vmware.svg
+     width: 100
\ No newline at end of file

data/sponsors.yml

+items:
+   - title: Eclipse Source
+     image: /images/members/eclipse-source.svg
+     width: 130
\ No newline at end of file

js/main.js

+/*!
+ * Copyright (c) 2019 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:
+ *   Eric Poirier <eric.poirier@eclipse-foundation.org>
+ * 
+ * SPDX-License-Identifier: EPL-2.0
+*/
+
+(function($, document) {
+
+    $('.matchheight-item').matchHeight();
+
+    $.ajax({
+        url: 'https://api.eclipse.org/public/member?pagesize=100&page=1&working_group=eclipse-ide',
+        type: 'GET',
+        dataType: 'json',
+        success: function (data) {
+            console.log(data);
+            $(data).each(function() {
+                $('.ide-members-slider').append('<div class="featured-members-item item padding-20">' +
+                    '<a target="_blank" href="'+ $(this)[0]['website'] +'">' + 
+                        '<img alt="'+ $(this)[0]['name'] +'" class="img-responsive" src="'+ $(this)[0]['logos']['full'] +'">' +
+                    '</a>' +
+                '</div>');
+            }); 
+
+            $(".ide-members-slider").owlCarousel({
+                responsive: {
+                0: {
+                    items: $(".ide-members-slider").data('slider-xs-count') || 1
+                },
+                768: {
+                    items: $(".ide-members-slider").data('slider-sm-count') || 2
+                },
+                992: {
+                    items: $(".ide-members-slider").data('slider-md-count') || 3
+                },
+                1170: {
+                    items: $(".ide-members-slider").data('slider-lg-count') || 3
+                }
+                },
+                pagination: true,
+                responsiveRefreshRate: 100
+            });
+        },
+        error: function () {
+            console.log('Could not load members. MEMBER-01');
+        },
+    });
+    
+ })(jQuery, document); 
\ No newline at end of file

js/templates/event-list-format.mustache

+{{#events}}
+  <div class="timeline-item">
+    <p class="margin-bottom-0">
+    {{#infoLink}}
+      <a href="{{infoLink}}">{{ title }}</a>
+    {{/infoLink}}
+    {{^infoLink}}
+      {{ title }}
+    {{/infoLink}}
+    </p>
+    <p class="timeline-date">{{ date }}</p>
+  </div>
+{{/events}}

js/templates/news-home.mustache

+{{#news}}
+<div class="news-item">
+  <h4 class="news-heading">
+    <a href="{{ link }}" class="media media-link">
+      {{ title }}
+    </a>
+  </h4>
+  <p class="news-date">{{ date }}</p>
+  <p>{{ body }}</p>
+</div>
+{{/news}}

layouts/_default/baseof.html

+<!-- 
+  Copyright (c) 2018 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:
+    Christopher Guindon <chris.guindon@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+<!DOCTYPE html>
+<html lang="{{ .Lang }}">
+<head>
+  {{ block "head" . }}{{ partial "head.html" . }}{{ end }}
+  {{ block "head-custom" . }}{{ partial "head_custom.html" . }}{{ end }}
+  {{ block "head-suffix" . }}{{ partial "head_suffix.html" . }}{{ end }}
+</head>
+<body>
+  {{ block "header" . }}{{ partial "header.html" . }}{{ end }}
+  {{ block "breadcrumbs" . }}{{ if and (ne .Page.Params.hide_breadcrumb true) (ne .Site.Params.hide_breadcrumb true) }}{{ partial "breadcrumbs.html" . }}{{end}}{{ end }}
+  {{ block "main_prefix" . }}{{ partial "main_prefix.html" . }}{{ end }}
+  {{ block "main" . }}{{ .Content }}{{ end }}
+  {{ block "main_suffix" . }}{{ partial "main_suffix.html" . }}{{ end }}
+  {{ block "footer-custom" . }}{{- partial "footer_custom.html" . }}{{ end }}
+  {{ block "featured_footer" . }}{{ partial "featured_footer.html" . }}{{ end }}
+  {{ block "footer" . }}{{ partial "footer.html" . }}{{ end }}
+  {{ block "footer-suffix" . }}{{ partial "footer_suffix.html" . }}{{ end }}
+</body>
+</html>
+

layouts/partials/featured_story.html

+{{ if eq .Page.Params.show_featured_story true }}
+  <div class="featured-story" id="featured-story" data-publish-target="{{ .Page.Params.featured_content_publish_target | default .Site.Params.featured_content_publish_target | default "eclipse_org"}}">
+    <div class="container">
+      <div class="featured-story-block-container">
+        <div class="featured-story-block featured-story-block-content featured-container"></div>
+      </div>
+      
+    </div>
+  </div>
+{{ end }}
\ No newline at end of file

layouts/partials/footer.html

+<!-- 
+  Copyright (c) 2018 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:
+    Christopher Guindon <chris.guindon@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+<p id="back-to-top">
+  <a class="visible-xs" href="#top">{{ i18n "navigation-back-to-top" }}</a>
+</p>
+<footer id="{{- .Params.footer_id | default .Site.Params.footer_id | default "solstice-footer"}}" class="{{- .Params.footer_class | default .Site.Params.footer_class | default ""}}">
+  <div class="container">
+    <p class="text-center"><img class="footer-ef-logo" alt="Eclipse Foundation Logo" src="images/logo/eclipse-foundation.svg"></p>
+    <div class="row">
+      <section class="col-sm-6 hidden-print" id="footer-eclipse-foundation">
+        <h2 class="section-title">{{ i18n "eclipse-foundation-text" }}</h2>
+        <ul class="nav">
+          <li><a href="https://www.eclipse.org/org/">{{ i18n "footer-foundation-about-us-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/foundation/contact.php">{{ i18n "footer-foundation-contact-us-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/donate">{{ i18n "footer-foundation-donate-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/membership">{{ i18n "footer-foundation-members-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/documents/">{{ i18n "footer-foundation-governance-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/documents/Community_Code_of_Conduct.php">{{ i18n "footer-foundation-code-of-conduct-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/artwork/">{{ i18n "footer-foundation-logo-artwork-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/foundation/directors.php">{{ i18n "footer-foundation-board-of-directors-text" }}</a></li>
+        </ul>
+      </section>
+      <section class="col-sm-6 hidden-print" id="footer-legal">
+        <h2 class="section-title">{{ i18n "footer-legal-section-text" }}</h2>
+        <ul class="nav">
+          <li><a href="https://www.eclipse.org/legal/privacy.php">{{ i18n "footer-legal-privacy-policy-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/legal/termsofuse.php">{{ i18n "footer-legal-terms-use-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/legal/copyright.php">{{ i18n "footer-legal-copyright-agent-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/legal/epl-2.0/">{{ i18n "footer-legal-epl-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/legal/">{{ i18n "footer-legal-resources-text" }} </a></li>
+        </ul>
+      </section>
+      <section class="col-sm-6 hidden-print" id="footer-useful-links">
+        <h2 class="section-title">{{ i18n "footer-useful-links-section-text" }}</h2>
+        <ul class="nav">
+          <li><a href="https://bugs.eclipse.org/bugs/">{{ i18n "footer-useful-links-report-bug-text" }}</a></li>
+          <li><a href="//help.eclipse.org/">{{ i18n "footer-useful-links-documentation-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/contribute/">{{ i18n "footer-useful-links-contribute-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/mail/">{{ i18n "footer-useful-links-mailing-list-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/forums/">{{ i18n "footer-useful-links-forums-text" }}</a></li>
+          <li><a href="//marketplace.eclipse.org">{{ i18n "footer-useful-links-marketplace-text" }}</a></li>
+        </ul>
+      </section>
+      <section class="col-sm-6 hidden-print" id="footer-other">
+        <h2 class="section-title">{{ i18n "footer-other-section-text" }}</h2>
+        <ul class="nav">
+          <li><a href="https://www.eclipse.org/ide/">{{ i18n "footer-other-tools-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/projects">{{ i18n "footer-other-community-projects-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/workinggroups/">{{ i18n "footer-other-working-groups-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/org/research/">{{ i18n "footer-other-research-text" }}</a></li>
+          <li><a href="https://www.eclipse.org/security/">{{ i18n "footer-other-report-vulnerability-text" }}</a></li>
+          <li><a href="https://status.eclipse.org">{{ i18n "footer-other-status-text" }}</a></li>
+        </ul>
+      </section>
+      <div class="col-sm-24 margin-top-20">
+        <div class="row">
+          <div id="copyright" class="col-md-16">
+            <p id="copyright-text">{{ i18n "footer-copyright-text" | safeHTML}}</p>
+          </div>
+          {{ partial "socials.html" . }}
+        </div>
+      </div>
+      <a href="#" class="scrollup">{{ i18n "navigation-back-to-top" }}</a>
+    </div>
+  </div>
+</footer>
+<!-- Placed at the end of the document so the pages load faster -->
+{{- with .Site.Params.js | default "https://www.eclipse.org/eclipse.org-common/themes/solstice/public/javascript/main.min.js"}}
+<script src="{{ . | absURL }}"></script>
+{{ end }}
+{{ if isset .Site.Params "hugo_js" }}
+  {{- with .Site.Params.hugo_js }}
+    <script src="{{ . | absURL }}"></script>
+  {{ end }}
+{{ else }}
+    <script src="{{ "/js/solstice.hugo.js" | absURL }}"></script>
+{{ end }}
+
+<!-- Read in mustache templates registered in page scratch -->
+{{ range $key, $value := (.Page.Scratch.Get "mustache-templates") }}
+<script id="{{ $key }}" type="text/html">
+{{ readFile $value | safeHTML}}
+</script>
+{{ end }}
+<!-- Initialize any newsroom components on the page -->
+<script>
+(function($, document) {
+  {{ range (.Page.Scratch.Get "events-container-ids") }}
+    $("#{{ . }}").eclipseFdnApi({
+      type: "filteredEvents"
+    });
+  {{ end }}
+  {{ range (.Page.Scratch.Get "news-container-ids") }}
+    $("#{{ . }}").eclipseFdnApi({
+      type: "newsItems"
+    });
+  {{ end }}
+  {{ if ne .Page.Params.show_featured_story false }}
+    $("{{ .Site.Params.featured_footer_selector | default "#featured-story" }}").eclipseFdnApi({
+      type: "featuredStory"
+    });
+  {{ end }}
+  {{ if ne .Page.Params.show_featured_footer false }}
+    $("{{ .Site.Params.featured_footer_selector | default "#featured-footer" }}").eclipseFdnApi({
+      type: "featuredFooter"
+    });
+  {{ end }}
+})(jQuery, document);
+</script>

layouts/partials/footer_suffix.html

+<script id="event-short-list" type="text/html">
+{{ readFile ("/js/templates/event-list-format.mustache") | safeHTML}}
+</script>
+<script id="news-home-template" type="text/html">
+{{ readFile ("/js/templates/news-home.mustache") | safeHTML}}
+</script>
+<script>
+(function($, document) {
+  // Eclipse News and events
+  $("#news-list-container").eclipseFdnApi({
+    type: "newsItems"
+  });
+  $("#event-list-container").eclipseFdnApi({
+    type: "filteredEvents"
+  });
+})(jQuery, document);
+</script>
\ No newline at end of file

layouts/partials/head_suffix.html

+<!-- 
+  Copyright (c) 2018 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:
+    Christopher Guindon <chris.guindon@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+
+<link rel="preconnect" href="https://fonts.gstatic.com">
+<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700;800;900&display=swap" rel="stylesheet">
\ No newline at end of file

layouts/partials/header.html

+<!-- 
+  Copyright (c) 2018 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:
+    Christopher Guindon <chris.guindon@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+{{- partial "google_tag_manager_no_script.html" . }}
+<a class="sr-only" href="#content">{{ i18n "navigation-content-skip" }}</a>
+<div class="header-outer-container">
+  <header class="header-wrapper{{- with .Params.header_wrapper_class | default .Site.Params.header_wrapper_class }} {{ . }}{{end}}" id="header-wrapper">
+    <div class="nav-container">
+      {{ partial "navbar.html" . }}
+    </div>
+    {{ partial "jumbotron.html" . }}
+    {{ if eq .Page.Params.show_featured_story true }}
+      <div class="featured-story" id="featured-story" data-publish-target="{{ .Page.Params.featured_content_publish_target | default .Site.Params.featured_content_publish_target | default "eclipse_org"}}">
+        <div class="container">
+          <div class="featured-story-block-container">
+            <div class="featured-story-block featured-story-block-content featured-container"></div>
+          </div>
+        </div>
+        <ul class="list-inline jumbotron-custom-social-icons-right">
+          <li>Share this page:</li>
+          <li><a href="#" onclick="
+            window.open(
+              'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-facebook-icon'),
+              'facebook-share-dialog',
+              'width=626,height=436');
+            return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/facebook.svg"></a></li>
+          <li><a href="#" onclick="
+            window.open(
+              'https://twitter.com/intent/tweet?text={{ .Page.Params.headline }}%20-%20&amp;url='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-twitter-icon'),
+              'twitter-share-dialog',
+              'width=626,height=436');
+            return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/twitter.svg"></a></li>
+          <!--<li><a href="https://www.linkedin.com/company/eclipse-foundation"><img class="jumbotron-custom-social-icon" src="images/social-icons/linkedin.svg"></a></li>
+          <li><a href="https://www.youtube.com/user/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/youtube.svg"></a></li>-->
+        </ul>
+      </div>
+    {{ end }}
+  </header>
+</div>
+

layouts/partials/jumbotron.html

+<!-- 
+  Copyright (c) 2018 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:
+    Christopher Guindon <chris.guindon@eclipse-foundation.org>
+
+  SPDX-License-Identifier: EPL-2.0
+-->
+
+{{ if isset .Page.Params "headline" }}
+<div class="jumbotron jumbotron-custom featured-jumbotron margin-bottom-0">
+  
+  <div class="container">
+    <div class="jumbotron-custom-content">
+      <div class="row">
+        <div class="{{- .Params.jumbotron_class | default .Site.Params.jumbotron_class | default "jumbotron-custom-col col-md-14 col-lg-18"}}">
+          <h1>{{ .Page.Params.headline | title | safeHTML }}</h1>
+           {{ if isset .Page.Params "subtitle" }}
+          <h2>{{ .Page.Params.subtitle  | title }}</h2>
+          {{end}} 
+
+          {{ if isset .Page.Params "tagline" }}
+          <div class="row">
+            <div class="{{- .Params.jumbotron_tagline_class | default .Site.Params.jumbotron_tagline_class | default "col-sm-14 col-sm-offset-5 col-md-offset-0"}}">
+              <p>{{ .Page.Params.tagline }}</p>
+            </div>
+          </div>
+          {{end}} 
+
+          {{ if isset .Page.Params "links" }}
+          {{- with .Params.jumbotron_btn_class | default .Site.Params.jumbotron_btn_class | default "btn btn-primary"}}{{ $.Scratch.Set "jumbotron_btn" . }}{{end}}
+          <ul class="list-inline">
+            {{range $key,$val := index .Page.Params.links}}
+              <li><a class="{{ $.Scratch.Get "jumbotron_btn" }}" href="{{ (index $val 0).href}}">{{ (index $val 1).text}}</a></li>
+            {{end}} 
+          </ul>
+          {{end}} 
+          <div class="row jumbotron-custom-social-container">
+            <div class="col-xs-12 padding-right-0">
+              <ul class="list-inline jumbotron-custom-social-icons-left">
+                <li>Follow Us:</li>
+                <li><a href="https://www.facebook.com/eclipse.org"><img class="jumbotron-custom-social-icon" src="images/social-icons/facebook.svg"></a></li>
+                <li><a href="https://twitter.com/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/twitter.svg"></a></li>
+                <li><a href="https://www.linkedin.com/company/eclipse-foundation"><img class="jumbotron-custom-social-icon" src="images/social-icons/linkedin.svg"></a></li>
+                <li><a href="https://www.youtube.com/user/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/youtube.svg"></a></li>
+              </ul>
+            </div>
+            <div class="col-xs-12 padding-left-0 hidden-md hidden-lg">
+              <ul class="list-inline jumbotron-custom-social-icons-right">
+                <li>Share this page:</li>
+                <li><a href="#" onclick="
+                  window.open(
+                    'https://www.facebook.com/sharer/sharer.php?u='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-facebook-icon'),
+                    'facebook-share-dialog',
+                    'width=626,height=436');
+                  return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/facebook.svg"></a></li>
+                <li><a href="#" onclick="
+                  window.open(
+                    'https://twitter.com/intent/tweet?text={{ .Page.Params.headline }}%20-%20&amp;url='+encodeURIComponent(location.href+'?utm_source={{.Permalink}}&amp;utm_campaign={{ .Page.Params.headline }}&amp;utm_medium=social-media-twitter-icon'),
+                    'twitter-share-dialog',
+                    'width=626,height=436');
+                  return false;"><img class="jumbotron-custom-social-icon" src="images/social-icons/twitter.svg"></a></li>
+                <!--<li><a href="https://www.linkedin.com/company/eclipse-foundation"><img class="jumbotron-custom-social-icon" src="images/social-icons/linkedin.svg"></a></li>
+                <li><a href="https://www.youtube.com/user/EclipseFdn"><img class="jumbotron-custom-social-icon" src="images/social-icons/youtube.svg"></a></li>-->
+              </ul>
+            </div>
+          </div>
+        </div>
+      </div>