Merge branch 'zacharysabourin/main/137' into 'main'

feat: Add OpenChain Compliance page

See merge request eclipsefdn/it/websites/eclipse.org!23

.gitignore

 /node_modules/
-/static/images/vendor/
-/static/fonts/vendor/
-/static/js/
-/static/css/
+/static/public
 /public/
 /layouts/robots.txt
 .idea/**

config.toml

@@ -15,11 +15,11 @@ pluralizeListTitles = false
   keywords = ["eclipse", "project", "plug-ins", "plugins", "java", "ide", "swt", "refactoring", "free java ide", "tools", "platform", "open source", "development environment", "development", "ide"]
   news_count = 3
   featured_content_publish_target = "eclipse_org"
-  styles = "css/styles.css"
+  styles = "public/css/styles.css"
   gcse = "011805775785170369411:p3ec0igo0qq"
   gcse_result_url = "/home/search/"
   # eclipse_search_icon = "<i data-feather=\"search\" stroke-width=\"1\"></i>"
-  js = "js/main.js"
+  js = "public/js/main.js"
   header_wrapper_class = "header-wrapper header-default-bg-img"
   call_for_action_text = "Download"
   call_for_action_url = "/download/"
@@ -97,6 +97,6 @@ pluralizeListTitles = false
 [[menu.sidebar]]
   parent ="home"
   name = "Projects"
-  url = "https://www.eclipse.org/projects/"
+  url = "/projects/"
   #pre = "<i data-feather=\"users\"></i>" # https://feathericons.com/
   weight = 2
\ No newline at end of file

content/projects/openchain/_index.md

+---
+title: OpenChain
+headline: OpenChain Conformance
+tagline: All Eclipse Foundation project releases are fully OpenChain Conformant
+date: 2022-06-29
+description: "All Eclipse Foundation project releases are fully OpenChain Conformant"
+hide_sidebar: true
+hide_page_title: true
+header_wrapper_class: "header-no-split header-rings-bg-img"
+container: "container-wrapper-openchain"
+page_css_file: "/public/css/projects-openchain.css"
+---
+
+<!-- Top 2 columns -->
+{{< grid/div class="background-light-gray" isMarkdown="false">}}
+  <div class="container">
+    <div class="row">
+      <div class="col-sm-7 background-dark-brown description-bg">
+        <div class="description-bg-content">
+          <div class="description-img-wrapper">
+            <img src="images/openchain-color.svg"/>
+          </div>
+
+          <div class="description-text-wrapper">
+            <p>
+              All projects at the Eclipse Foundation are developed under a process that conforms to the ISO 5230 standard,
+              making them full OpenChain conformant.
+            </p>
+
+            <br />
+            <br />
+
+            <p>
+              The OpenChain ISO 5230 standard is officially known as the OpenChain 2.1 ISO/IEC 5230:2020 standard and is based
+              on the <a href="https://www.openchainproject.org/">OpenChain Project</a>. The goal of this project is to provide a
+              clear and effective standard for organizations of all sizes, in all industries, and in all markets to
+              benefit from a more efficient and effective open source supply chain.
+            </p>
+          </div>
+        </div>
+      </div>
+      <div class="col-sm-17">
+        <div class="what-makes-us-content">
+          <h2>What Makes Us Conformant</h2>
+
+          <div class="row what-makes-us-row">
+            <div class="col-sm-12">
+              <div class="row">
+                <div class="col-sm-6">
+                  <div class="icon-blue-label">
+                    <img class="img-responsive" src="images/icons/copyright.png"/>
+                  </div>
+                </div>
+                <div class="col-sm-18 what-makes-us-text">
+                  <p>Our well-defined <a href="https://www.eclipse.org/org/documents/Eclipse_IP_Policy.pdf">Intellectual Property Policy</a>&semi;</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <div class="row">
+                <div class="col-sm-6">
+                  <div class="icon-blue-label">
+                    <img class="img-responsive" src="images/icons/intellectual-property.png"/>
+                  </div>
+                </div>
+                <div class="col-sm-18 what-makes-us-text">
+                  <p>Our well-defined intellectual property <a href="https://www.eclipse.org/projects/handbook/#ip">due diligence process</a>&semi;</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="row what-makes-us-row">
+            <div class="col-sm-12">
+              <div class="row">
+                <div class="col-sm-6">
+                  <div class="icon-blue-label">
+                    <img class="img-responsive" src="images/icons/intellectual-property-2.png"/>
+                  </div>
+                </div>
+                <div class="col-sm-18 what-makes-us-text">
+                  <p>Extensive documentation and comprehensive training materials for all participants in the intellectual property due diligence process;</p>
+                </div>
+              </div>
+            </div>
+            <div class="col-sm-12">
+              <div class="row">
+                <div class="col-sm-6">
+                  <div class="icon-blue-label">
+                    <img class="img-responsive" src="images/icons/communication-center.png"/>
+                  </div>
+                </div>
+                <div class="col-sm-18 what-makes-us-text">
+                  <p>Our full-time professional intellectual property team managing the process&semi;</p>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="row what-makes-us-row">
+            <div class="col-sm-12">
+              <div class="row">
+                <div class="col-sm-6">
+                  <div class="icon-blue-label">
+                    <img class="img-responsive" src="images/icons/intellectual-property-3.png"/>
+                  </div>
+                </div>
+                <div class="col-sm-18 what-makes-us-text">
+                  <p>Governance processes that ensure conformance documentation is in place.</p>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+{{</ grid/div >}}
+
+<!-- Project Adopters -->
+{{< grid/div class="container" >}}
+
+## OpenChain Conformance for Eclipse Foundation Project Adopters
+
+OpenChain Conformance is all about building trust in the open source software throughout the entire supply chain. Knowing that all Eclipse Foundation projects are OpenChain Conformant helps open source become predictable, understandable and optimized for internal and external supply chains of any type.
+
+ISO5230 conformance helps businesses:
+
+* Easily adopt open source and commercial products based on the conforming components
+* Meet ISO5230 requirements in commercial RFQs
+* Learn from our conformance processes as they implement their own ISO5230 conformance processes
+* Get to market faster by using the Eclipse Foundation’s technologies developed under established and mature processes
+
+OpenChain conformance is just one more way the Eclipse Foundation is helping drive innovation with commercially viable open source software.
+
+***
+
+Learn More and Get Involved
+
+* Review the [Eclipse Foundation Development Process](https://www.eclipse.org/projects/dev_process/)
+* Get the [ISO/IEC 5230:2020 OpenChain Specification](https://www.iso.org/standard/81039.html)
+* Read more about the [OpenChain Project and community](https://www.openchainproject.org/)
+
+{{</ grid/div >}}

data/subsites_custom_logo.yml

+items:
+  -
+    page_url: '/projects/openchain'
+    logo: '/images/logos/eclipse-foundation-white-orange.svg'
+    logo_url: '/'
+    logo_title: 'Eclipse Foundation'
\ No newline at end of file

less/page_css_file/projects/openchain.less

+@light-blue: #48aab9;
+@light-gray: #f8f8f8;
+@dark-brown: #2c2a2a;
+
+//Full content styles
+.container-wrapper-openchain {
+
+  background-color: white;
+  padding-top: 80px;
+
+  h2 {
+    margin: 40px 0px 30px 0px;
+  }
+
+  ul {
+    list-style: none;
+    margin-bottom: 20px;
+
+    li {
+      &::before {
+        content: "\2022"; //unicode for bullet
+        color: @light-blue;
+        font-weight: bold;
+        display: inline-block;
+        width: 1em;
+        margin-left: -1em;
+      }
+    }
+  }
+
+  hr {
+    margin-left: 0;
+    margin-top: 30px;
+    margin-bottom: 30px;
+    width: 100px;
+    border-top: 1px solid black;
+  }
+
+  .background-light-gray {
+    background-color: @light-gray;
+    color: black;
+  }
+
+  //Top section, left column
+  .background-dark-brown {
+    background-color: @dark-brown;
+    color: white;
+
+    @media screen and (min-width: 768px) {
+      padding-right: 0px;
+    }
+  }
+
+  .description-bg {
+    position: relative;
+
+    &::after {
+      content: "";
+      position: absolute;
+      height: 100%;
+      width: 1500px;
+      top: 0;
+      right: 0;
+      background-color: @dark-brown;
+      z-index: 1;
+    }
+  }
+
+  .description-bg-content {
+    z-index: 2;
+    position: relative;
+    padding: 50px 0px;
+  }
+
+  .description-img-wrapper {
+    img {
+      width: 100%;
+    }
+
+    padding: 15px 0px 15px 5px;
+    margin-bottom: 25px;
+    background-color: white;
+
+    @media screen and (max-width: 768px) {
+      padding: 15px 5px 15px 5px;
+    }
+  }
+
+  .description-text-wrapper {
+    @media screen and (min-width: 768px) {
+      padding-right: 30px;
+    }
+  }
+
+  //Top section right column
+  .what-makes-us-content {
+    position: relative;
+    margin: 40px 0px 50px 0px;
+
+    @media screen and (min-width: 768px) {
+      margin: 60px 0px 50px 60px;
+    }
+  }
+
+  .what-makes-us-row {
+    @media screen and (min-width: 768px) {
+      margin-bottom: 20px;
+    }
+  }
+
+  .what-makes-us-text {
+    padding-top: 10px;
+    padding-bottom: 10px;
+
+    @media screen and (min-width: 768px) {
+      padding: 5px 0px;
+    }
+  }
+
+  .icon-blue-label {
+    background-color: @light-blue;
+    position: relative;
+    border-radius: 5px;
+    padding: 10px;
+
+    @media screen and (min-width: 768px) {
+      margin-bottom: 15px;
+    }
+
+    //Icon centering
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    vertical-align: center;
+    text-align: center;
+
+    &::after {
+      content: "";
+      width: 0;
+      height: 0;
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid @light-blue;
+      position: absolute;
+      bottom: -5px;
+      left: 0;
+      right: 0;
+      margin-left: auto;
+      margin-right: auto;
+    }
+  }
+}
+
+//Custom jumbotron
+.header-rings-bg-img {
+  background-image: url("../../../content/projects/openchain/images/banner-rings.jpg");
+}
+
+.header-no-split {
+  h1:after {
+    content: none !important;
+  }
+}
\ No newline at end of file

less/styles.less

@@ -18,6 +18,5 @@
 // @todo: Allow to add class
 // to https://gitlab.eclipse.org/eclipsefdn/it/webdev/hugo-solstice-theme/-/blob/master/layouts/partials/featured_story.html
 #featured-story {
-  margin-bottom:60px;
-}
-
+  margin-bottom: 60px;
+}
\ No newline at end of file

static/mix-manifest.json

-{
-    "/js/main.js": "/js/main.js",
-    "/css/styles.css": "/css/styles.css"
-}

webpack.mix.js

@@ -15,9 +15,10 @@ require('./node_modules/eclipsefdn-solstice-assets/webpack-solstice-assets.mix.j
 let mix = require('laravel-mix');
 mix.EclipseFdnSolsticeAssets();
 
-mix.setPublicPath('static');
+mix.setPublicPath('static/public');
 mix.setResourceRoot('../');
 
-mix.less('./less/styles.less', 'static/css/styles.css');
+mix.less('./less/styles.less', 'static/public/css/styles.css');
+mix.less('./less/page_css_file/projects/openchain.less', 'static/public/css/projects-openchain.css');
 
-mix.js('js/main.js', './static/js/main.js');
+mix.js('js/main.js', './static/public/js/main.js');