Create 2022-03 page

Change-Id: Ic216fe95448200f4aba8bb69cbd15526d17a4228
Signed-off-by: Eric Poirier <eric.poirier@eclipse-foundation.org>
diff --git a/2022-03/content/en_index.html b/2022-03/content/en_index.html
new file mode 100644
index 0000000..f2800dd
--- /dev/null
+++ b/2022-03/content/en_index.html
@@ -0,0 +1,192 @@
+<div class="container eclipse-ide-new-features">
+  <div class="eclipse-ide-new-features-prefix">
+    <h2>Better Than Ever</h2>
+    <p>The Eclipse IDE delivers what you need to rapidly innovate</p>
+  </div>
+
+  <div class="row">
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">IMPROVED ECLIPSE <br>TOOLS & SPIES</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-user-secret icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">Multiple spies added to PDE such as Context Spy, Bundle Spy, Model Spy, CSS Spy, etc, improved SWT Sleak tool and faster builds with asynchronous API analysis</p>
+      </div>
+    </div>
+
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">IMPROVED MAVEN SUPPORT</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-plus icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">Easier navigation to projects from Maven logs, better support for JPMS, improved performance and editor capabilities</p>
+      </div>
+    </div>
+
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">CONSUME MAVEN ARTIFACTS AS ECLIPSE PLUGINS</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-plug icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">Easy and efficient use of Maven artifacts in Eclipse plugin development by including them as dependencies in PDE’s Target platform</p>
+      </div>
+    </div>
+
+  </div>
+  <div class="row">
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">LATEST JAVA<sup>TM</sup> SUPPORT</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-code icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">Supports Java 18 via Eclipse Marketplace</p>
+      </div>
+    </div>
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">IMPROVED JAVA DEVELOPMENT TOOLING</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-terminal icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">New quick assists, lambda entry breakpoint & call hierarchy enhancements added in Java tooling</p>
+      </div>
+    </div>
+    <div class="col-sm-8 margin-bottom-60">
+      <div class="featured-new-items match-height-item-by-row">
+        <div class="row">
+          <div class="col-xs-18 col-sm-16 col-md-18">
+            <h3 class="heading-underline">FREE AND OPEN SOURCE</h3>
+          </div>
+          <div class="col-xs-6 col-sm-8 col-md-6">
+            <div class="featured-new-item-icon">
+              <i class="fa fa-thumbs-up icon"></i>
+            </div>
+          </div>
+        </div>
+        <p class="big">Free and open source released under the terms of the Eclipse Public License 2.0</p>
+      </div>
+    </div>
+  </div>
+
+  <ul class="list-inline featured-new-links">
+    <li><a style="width:245px;" class="btn btn-primary btn-lg" href="/eclipseide/2022-03/noteworthy">New and Noteworthy</a></li>
+    <li><a style="width:245px;" class="btn btn-primary btn-lg" href="https://help.eclipse.org">Documentation</a></li>
+  </ul>
+</div>
+
+<div class="featured-stats">
+  <div class="container">
+    <h2 class="fw-600 white">Code Meets Community</h2>
+    <div class="row">
+      <div class="col-md-12 col-md-offset-6">
+        <div class="row padding-top-30">
+          <div class="col-sm-6 col-xs-12">
+            <div class="featured-stats-item match-height-item-by-row">
+              <a class="white" href="https://projects.eclipse.org/releases/2022-03">
+                <span class="featured-stats-number">68</span><br>
+                <span class="featured-stats-title">Projects</span>
+              </a>
+            </div>
+            <div class="featured-stats-item-arrow"></div>
+          </div>
+
+          <div class="col-sm-6 col-xs-12">
+            <div class="featured-stats-item match-height-item-by-row">
+              <span class="featured-stats-number">108</span><br>
+              <span class="featured-stats-title">Committers</span>
+            </div>
+            <div class="featured-stats-item-arrow"></div>
+          </div>
+
+          <div class="col-sm-6 col-xs-12">
+            <div class="featured-stats-item match-height-item-by-row">
+              <span class="featured-stats-number">76.4</span><br>
+              <span class="featured-stats-title">million lines of code</span>
+            </div>
+            <div class="featured-stats-item-arrow"></div>
+          </div>
+
+          <div class="col-sm-6 col-xs-12">
+            <div class="featured-stats-item match-height-item-by-row">
+              <span class="featured-stats-number">200</span><br>
+              <span class="featured-stats-title">Contributors</span>
+            </div>
+            <div class="featured-stats-item-arrow"></div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+
+<div class="featured-videos">
+  <div class="container">
+    <!--<div class="row">
+      <div class="col-sm-12 col-sm-offset-6">
+        <h2>Eclipse 2022-03 IDE Improvements</h2>
+        <p><a class="eclipsefdn-video" target="_blank" href="https://www.youtube.com/watch?v=3W9bvidcO20"></a></p>
+      </div>
+    </div>-->
+
+    <div class="row">
+      <div class="col-md-14 col-md-offset-5">
+        <div class="col-sm-8">
+          <a class="match-height-item-by-row featured-videos-white-block" href="https://wiki.eclipse.org/Simultaneous_Release">
+            <h3>Learn More</h3>
+            <p>The next Eclipse IDE release is coming in 2022-06</p>
+          </a>
+        </div>
+
+        <div class="col-sm-8">
+          <a class="match-height-item-by-row featured-videos-white-block" href="/contribute">
+            <h3>Get Involved</h3>
+            <p>A vast ecosystem of plugins from an active community</p>
+          </a>
+        </div>
+
+        <div class="col-sm-8">
+          <a class="match-height-item-by-row featured-videos-white-block" href="https://newsroom.eclipse.org/eclipse-newsletter">
+            <h3>Subscribe</h3>
+            <p>Get monthly updates from the Eclipse Foundation community</p>
+          </a>
+        </div>
+      </div>
+
+    </div>
+  </div>
+</div>
+
diff --git a/2022-03/images/background-2.jpg b/2022-03/images/background-2.jpg
new file mode 100644
index 0000000..aae5cb5
--- /dev/null
+++ b/2022-03/images/background-2.jpg
Binary files differ
diff --git a/2022-03/images/featured-stats-bg.jpg b/2022-03/images/featured-stats-bg.jpg
new file mode 100644
index 0000000..a34807d
--- /dev/null
+++ b/2022-03/images/featured-stats-bg.jpg
Binary files differ
diff --git a/2022-03/images/footer-bg.jpg b/2022-03/images/footer-bg.jpg
new file mode 100644
index 0000000..100ef2b
--- /dev/null
+++ b/2022-03/images/footer-bg.jpg
Binary files differ
diff --git a/2022-03/index.php b/2022-03/index.php
new file mode 100644
index 0000000..4b5d955
--- /dev/null
+++ b/2022-03/index.php
@@ -0,0 +1,104 @@
+<?php
+/**
+ * Copyright (c) 2022 Eclipse Foundation and others.
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * Contributors:
+ * Eric Poirier (Eclipse Foundation) - Initial implementation
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+require_once (realpath(dirname(__FILE__) . "/../../eclipse.org-common/system/app.class.php"));
+$App = new App();
+include ($App->getProjectCommon());
+
+$pageTitle = 'Eclipse IDE 2022-03';
+$Theme->setPageKeywords("eclipse 2022-03, release, simultaneous, release train, 2022-03");
+$Theme->setPageTitle($pageTitle);
+
+ob_start();
+?>
+<div class="jumbotron featured-jumbotron margin-bottom-0">
+  <div class="container">
+    <div class="row">
+      <div class="col-md-12">
+        <h1 class="jumbotron-title">Eclipse IDE</h1>
+        <h2 class="h3 fw-600">The Leading Open Platform for Professional Developers</h2>
+      </div>
+    </div>
+    <?php if(time() >= strtotime("16 march 2022 10:00")): ?>
+      <div class="jumbotron-links">
+        <ul class="list-inline text-center">
+          <li><a class="btn btn-primary" href="/downloads/packages/installer">Download 2022-03</a></li>
+          <li><a class="btn btn-primary" href="/downloads/packages">Other Packages</a></li>
+          <li><a class="btn btn-primary" href="/donate">Donate</a></li>
+        </ul>
+        <?php else: ?>
+          <p>March 16, 2022</p>
+        <?php endif; ?>
+      </div>
+  </div>
+</div>
+<?php
+$extra_header_html = ob_get_clean();
+$Theme->setExtraHeaderHtml($extra_header_html);
+
+ob_start();
+?>
+<div class="container featured-connected">
+  <h2>Stay Connected with Eclipse Projects</h2>
+  <p>Stay up-to-date with the Eclipse IDE by following us on social media!</p>
+  <div class="row">
+    <div class="col-md-24">
+      <ul class="list-inline featured-social-links margin-bottom-30">
+        <li>
+          <a href="https://twitter.com/EclipseJavaIDE">
+            <i class="fa fa-twitter"><span class="sr-only">Twitter</span></i>
+          </a>
+        </li>
+        <li>
+          <a href="https://www.instagram.com/eclipsejavaide/">
+            <i class="fa fa-instagram"><span class="sr-only">Instagram</span></i>
+          </a>
+        </li>
+        <li>
+          <a href="https://www.facebook.com/eclipse.org/">
+            <i class="fa fa-facebook"><span class="sr-only">Facebook</span></i>
+          </a>
+        </li>
+        <li>
+          <a href="https://www.youtube.com/playlist?list=PLy7t4z5SYNaSNjL60ofpwVhfA7mOF3Pgk">
+            <i class="fa fa-youtube"><span class="sr-only">Youtube</span></i>
+          </a>
+        </li>
+      </ul>
+    </div>
+  </div>
+</div>
+<?php
+$footer_content_prefix = ob_get_clean();
+$Theme->setFooterContentPrefix($footer_content_prefix);
+
+// Place your html content in a file called content/en_pagename.php
+ob_start();
+include ("content/en_index.html");
+$html = ob_get_clean();
+
+$Theme->setHtml($html);
+
+$variables = array();
+//$variables['btn_cfa']['hide'] = TRUE;
+$variables['btn_cfa']['text'] = '<i class="fa fa-star"></i> Donate';
+$variables['btn_cfa']['href'] = 'https://www.eclipse.org/donate?campaign=landingpage_2022-03&scope=donatebutton';
+$variables['btn_cfa']['class'] = 'btn btn-huge btn-info';
+$Theme->setThemeVariables($variables);
+
+$Theme->setExtraHeaders('<link href="/eclipseide/2022-03/style.css?v=1" media="screen" rel="stylesheet" type="text/css"/>');
+$Theme->setAttributes('header-wrapper', 'header-eclipseide');
+$Theme->setThemeVariables(array('hide_breadcrumbs' => TRUE, 'main_container_classes' => 'container-full'));
+
+$Theme->generatePage();
\ No newline at end of file
diff --git a/2022-03/js/script.js b/2022-03/js/script.js
new file mode 100644
index 0000000..f9e61ed
--- /dev/null
+++ b/2022-03/js/script.js
@@ -0,0 +1,42 @@
+/*!
+ * Copyright (c) 2021 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
+*/
+
+(function ($) {
+  var release_name = $('.eclipsefdn-new-noteworty').attr('data-sr-name');
+  if (release_name) {
+    $.getJSON(
+      'https://projects.eclipse.org/api/simultaneous_release/' + release_name,
+      function (data) {
+        var items = [];
+        if (data[release_name].projects) {
+          $.each(data[release_name].projects, function (NULL, val) {
+
+            if (val.new_and_noteworthy_url) {
+              items.push(
+                '<li><a href="' +
+                  val.new_and_noteworthy_url +
+                  '">' +
+                  val.project_name +
+                  '</a></li>'
+              );
+            }
+          });
+
+          $('<ul/>', {
+            html: items.join(''),
+          }).appendTo('.eclipsefdn-new-noteworty');
+        }
+      }
+    );
+  }
+})(jQuery);
diff --git a/2022-03/noteworthy/content/en_index.php b/2022-03/noteworthy/content/en_index.php
new file mode 100644
index 0000000..5ac4be6
--- /dev/null
+++ b/2022-03/noteworthy/content/en_index.php
@@ -0,0 +1,28 @@
+<?php
+/**
+ * Copyright (c) 2021 Eclipse Foundation and others.
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * Contributors:
+ * Christopher Guindon (Eclipse Foundation) - Initial implementation
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+?>
+
+<div class="container">
+  <h1>New &amp; Noteworthy</h1>
+  <p>
+    The 2022-03 release is the Eclipse Foundation's first quarterly simultaneous release in 2022 with
+    <a href="https://projects.eclipse.org/releases/2022-03">sixty-seven participating projects</a>, available March 16, 2022.
+  </p>
+  <p>
+    Here are the new and noteworthy items of various projects in the 2022-03 release train:
+  </p>
+
+  <!-- List of links to the new and noteworthy pages of projects -->
+  <div class="eclipsefdn-new-noteworty" data-sr-name="2022-03"></div>
+</div>
\ No newline at end of file
diff --git a/2022-03/noteworthy/index.php b/2022-03/noteworthy/index.php
new file mode 100644
index 0000000..5a02fe2
--- /dev/null
+++ b/2022-03/noteworthy/index.php
@@ -0,0 +1,32 @@
+<?php
+/**
+ * Copyright (c) 2019 Eclipse Foundation and others.
+ *
+ * This program and the accompanying materials are made
+ * available under the terms of the Eclipse Public License 2.0
+ * which is available at https://www.eclipse.org/legal/epl-2.0/
+ *
+ * Contributors:
+ * Christopher Guindon (Eclipse Foundation) - Initial implementation
+ *
+ * SPDX-License-Identifier: EPL-2.0
+ */
+
+require_once (realpath(dirname(__FILE__) . "/../../../eclipse.org-common/system/app.class.php"));
+$App = new App();
+
+$pageTitle = 'New &amp; Noteworthy';
+
+include ($App->getProjectCommon());
+
+$Theme->setPageKeywords("eclipse 2022-03, release, simultaneous, release train, 2022-03");
+$Theme->setPageTitle($pageTitle . ' | Eclipse IDE 2022-03');
+
+// Place your html content in a file called content/en_pagename.php
+ob_start();
+include ("content/en_" . $App->getScriptName());
+$html = ob_get_clean();
+
+$App->AddExtraJSFooter('<script src="/eclipseide/2022-03/js/script.js"></script>');
+$Theme->setHtml($html);
+$Theme->generatePage();
diff --git a/2022-03/style.css b/2022-03/style.css
new file mode 100644
index 0000000..118debe
--- /dev/null
+++ b/2022-03/style.css
@@ -0,0 +1,458 @@
+/*
+ * Copyright (c) 2021 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
+*/
+.header-eclipseide {
+  background-image:url("/eclipseide/2021-12/images/background-2.jpg");
+  background-position:top;
+  background-size:cover;
+}
+
+@media (max-width: 767px) {
+  #main-menu .navbar-toggle .icon-bar {
+    background: #fff;
+    height: 3px;
+  }
+}
+
+
+.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
+  color:#3a315c;
+}
+
+#btn-call-for-action a {
+  background-color:#fff;
+  border-color:#fff;
+  color:#000;
+}
+
+@media (min-width: 768px) {
+  #main-menu li a {
+      margin-right: 0;
+      color: #fff;
+      text-shadow: 0px 0px 5px rgb(0 0 0 / 60%);
+  }
+}
+
+@media (min-width: 992px) {
+  .featured-jumbotron {
+    min-height: 600px;
+  }
+}
+
+.featured-jumbotron {
+  text-align: left;
+  position: relative;
+}
+
+@media (min-width: 768px) {
+  .featured-jumbotron h1 {
+    margin-top: 135px;
+  }
+}
+
+.featured-jumbotron h1 {
+  font-size:60px;
+  text-transform: uppercase;
+  margin-bottom:10px;
+}
+.header-eclipseide h1:after {
+  display:none;
+}
+
+.featured-jumbotron h2 {
+  margin-top:0px;
+  color:#a6c1f2;
+  font-size: 32px;
+  font-weight: 400;
+}
+
+@media (min-width: 992px) {
+  .jumbotron-links {
+    position:absolute;
+    bottom:30px;
+    left: 50%;
+    transform: translate(-50%, -50%);
+  }
+}
+
+@media (max-width: 991px) {
+  .jumbotron-links {
+    margin-top:20px;
+  }
+}
+
+
+
+a.btn-primary, a.btn-primary:active, a.btn-primary:visited {
+  color: #000;
+  background-color: #a6c1f2;
+  border-color: #a6c1f2;
+}
+
+.btn-primary:hover, .btn-primary.focus, .btn-primary:focus,.btn-primary:active:focus, .btn-primary:active:hover {
+  color: #000;
+  background-color: #8198c4;
+  border-color: #8198c4;
+}
+
+.eclipse-ide-new-features {
+  padding-top:30px;
+  padding-bottom:50px;
+}
+
+.eclipse-ide-new-features-prefix {
+  text-align:center;
+}
+
+.eclipse-ide-new-features-prefix h2 {
+  font-weight:600;
+  text-transform: uppercase;
+}
+
+.eclipse-ide-new-features-prefix p {
+  margin-bottom:30px;
+  font-size: 20px;
+  text-transform: uppercase;
+  color:#3a315c;
+}
+
+.featured-new-items {
+  background-color:#eeeded;
+  padding:0 15px 10px;
+}
+
+.featured-new-items h3 {
+  font-size:18px;
+  text-transform: uppercase;
+}
+
+.featured-new-items h3.heading-underline {
+  font-weight: 600;
+  margin: 20px 0 20px;
+}
+
+.featured-new-items h3.heading-underline:after {
+  border-bottom: 4px solid #acc7f6;
+}
+
+.featured-new-item-icon {
+  background-color:#2d2252;
+  height: 60px;
+  width:60px;
+  position: relative;
+  top: -10px;
+  padding: 10px;
+  border-radius: 0px 0px 2px 2px;
+  font-size: 32px;
+  color: white;
+  text-align: center;
+}
+
+.featured-new-item-icon:after {
+  width: 0;
+  height: 0;
+  border-left: 30px solid transparent;
+  border-right: 30px solid transparent;
+  border-top: 10px solid #2e2252;
+  content: "";
+  display: block;
+  bottom: -9px;
+  position: absolute;
+  left:0;
+}
+
+.featured-new-links {
+  text-align:center;
+}
+
+@media (min-width: 768px) {
+  .featured-new-links li:not(:last-child){
+    margin-right:30px;
+  }
+}
+
+.featured-circle-outline {
+  width:80px;
+  height:80px;
+  border-radius:80px;
+}
+.featured-circle-outline .icon{
+  font-size:42px;
+  color:#f7941e;
+}
+.featured-stats {
+  background-image:url("/eclipseide/2021-12/images/featured-stats-bg.jpg");
+  background-position:top right;
+  background-size:cover;
+  padding:30px ​0 60px;
+}
+
+.featured-stats-item {
+  background-color:#fff;
+  padding:15px;
+  color:#2d2252;
+  font-weight: 600;
+  border-radius: 0px 0px 2px 2px;
+}
+
+.featured-stats-item-arrow {
+  clip-path: polygon(50% 100%, 0 0, 100% 0);
+  background-color: #fff;
+  height: 15px;
+  top: -1px;
+  position: relative;
+  margin-bottom:20px;
+}
+
+
+.featured-stats-item a,
+.featured-stats-item a:hover,
+.featured-stats-item a:visited {
+  color:#2d2252;
+}
+
+.featured-stats h3 {
+  margin-bottom: 20px;
+  color: #fff;
+}
+
+.featured-videos {
+  background-color:#f9f9f9;
+  padding:50px 0;
+}
+
+.featured-videos h2 {
+  font-weight:600;
+  margin-bottom: 50px;
+  text-align:center;
+}
+
+.featured-videos h3 {
+  font-weight: 600;
+  margin-bottom:20px;
+  margin-top: 10px;
+}
+
+.featured-videos-white-block {
+  margin-top:40px;
+  background-color:#fff;
+  padding:15px 20px;
+  box-shadow:5px 5px 5px 0px rgb(0 0 0 / 20%);
+  display: block;
+  color:#2d2252;
+}
+
+.featured-videos-white-block:hover {
+  text-decoration: none;
+  background-color:#a6c1f2;
+  color:#2d2252;
+}
+
+.featured-connected {
+  padding:50px 0;
+  color:#a6c1f2;
+  text-align:center;
+}
+
+footer#solstice-footer .featured-connected h2 {
+  font-size:30px;
+  color:#fff;
+  font-weight: 600;
+}
+
+footer#solstice-footer .featured-connected p {
+  font-size:18px;
+}
+
+footer#solstice-footer .featured-connected .fa {
+  font-size:30px;
+  color:#fff;
+  margin:20px 10px 0;
+}
+
+footer#solstice-footer {
+  background-image:url(images/footer-bg.jpg);
+  background-size:cover;
+}
+
+footer#solstice-footer, footer#solstice-footer h2 {
+  color:#fff;
+}
+
+footer#solstice-footer h2 {
+  text-transform: uppercase;
+  font-weight: 600;
+  font-size: 16px;
+}
+
+footer#solstice-footer a:active, footer#solstice-footer a:focus, footer#solstice-footer a:link, footer#solstice-footer a:visited {
+  color:#fff;
+}
+
+footer#solstice-footer .nav a:hover {
+  color:#a6c1f2;
+}
+
+
+
+
+
+
+
+
+.featured-community {
+  background-color:#f9f9f9;
+  background-position:bottom center;
+  background-size:cover;
+  position:relative;
+}
+
+.featured-community .container {
+  z-index: 1;
+  position: relative;
+}
+
+.featured-community:before, .featured-community:after {
+  content: "";
+  display: block;
+  width: 200px;
+  height: 218px;
+  position: absolute;
+  bottom: 0;
+  background-size: cover;
+}
+
+.featured-community:before {
+  background-image:url(/eclipseide/2021-12/images/lattice-left.svg);
+  left:0;
+}
+
+.featured-community:after {
+  background-image:url(/eclipseide/2021-12/images/lattice-right.svg);
+  right:0;
+}
+
+.featured-community p {
+  font-size:18px;
+}
+
+.featured-community .btn {
+  width:150px;
+}
+
+.featured-social-links a, .featured-social-links a:visited {
+  color:#2d2252;
+}
+
+.featured-social-links a:hover {
+  color:#110c23;
+}
+
+
+
+
+
+
+@media (max-width: 768px) {
+  .header-eclipseide h1 {
+    font-size:72px;
+  }
+  .featured-new-links li:not(:last-child){
+    margin-bottom:20px;
+  }
+
+  .featured-community-links li:not(:last-child) {
+    margin-bottom:20px;
+  }
+}
+
+.featured-circle-stats {
+  padding-top:14px;
+}
+
+.eclipseide-btn {
+  width:20px;
+  height:20px;
+  position: relative;
+  top: -2px;
+}
+
+.featured-circle-outline {
+  background-color:#f7941e;
+}
+
+.featured-circle-outline .icon {
+
+  color:#fff;
+}
+
+.solstice-block-white-bg {
+  background: #fff;
+  border: 1px solid #ccc;
+  padding: 15px;
+}
+
+.eclipseide-icon {
+  width:40px;
+  height:40px;
+  display: block;
+  background-repeat: no-repeat;
+  background-position: center;
+  margin: 0 auto;
+}
+
+.eclipseide-icon-1{
+  background-image:url(images/icon-1-performance.svg);
+}
+.eclipseide-icon-2{
+  background-image:url(images/icon-2-sharing.svg);
+}
+.eclipseide-icon-3{
+  background-image:url(images/icon-3-java.svg);
+}
+.eclipseide-icon-4{
+  width:40px;
+  background-image:url(images/icon-4-dark.svg);
+}
+.eclipseide-icon-5{
+  width:40px;
+  background-image:url(images/icon-5-proven.svg);
+}
+.eclipseide-icon-6{
+  width:40px;
+  background-image:url(images/icon-6-free.svg);
+}
+.eclipseide-icon-7{
+  background-image:url(images/icon-7-projects.svg);
+}
+.eclipseide-icon-8{
+  background-image:url(images/icon-8-committers.svg);
+}
+.eclipseide-icon-9{
+  background-image:url(images/icon-9-code.svg);
+}
+.eclipseide-icon-10{
+  background-image:url(images/icon-10-contributors.svg);
+}
+
+.header-eclipseide hr {
+  width: 70%;
+  border-top: 2px solid #f7941e;
+}
+
+.eclipsefdn-video {
+  border:2px solid #f7941e;
+}
+
+.featured-new-items .big {
+  font-size:18px;
+}