#1 - Create new layout

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

config.toml

@@ -14,10 +14,10 @@ pluralizeListTitles = false
   description = "The Oniro Working Group creates an ecosystem of organizations to support the community in the production and evolution of the Oniro technologies as well as to drive its commercial success across different industries. Such an ecosystem arises in a neutral-vendor environment where collaboration is promoted under the core Eclipse Foundation principles, like transparency and openness. Read the draft charter."
   seo_title_suffix = " | The Eclipse Foundation"
   keywords = ["Oniro Working Group"]
- # logo = "images/logo.svg"
- # logo_width = "240"
- # favicon = ""
- # share_img = ""
+  logo = "images/logo.svg"
+  logo_width = "240"
+  favicon = "images/favicon.ico"
+  share_img = "images/share.png"
   styles = "css/styles.css"
  # gcse = "011805775785170369411:p3ec0igo0qq"
   js = "js/solstice.js"
@@ -25,7 +25,9 @@ pluralizeListTitles = false
   featured_content_publish_target = "oniroproject"
 #  container = "container-fluid"
   linkedin_url = "https://www.linkedin.com/company/eclipse-foundation"
-  header_left_classes = "col-md-8"
+  header_left_classes = "col-sm-4"
+  main_menu_wrapper_classes = "col-sm-16"
+  main_menu_classes = "navbar yamm"
 
 [taxonomies]
   category = "categories"
@@ -48,4 +50,29 @@ pluralizeListTitles = false
 
 [blackfriday]
   plainIDAnchors = true
-  hrefTargetBlank = true
\ No newline at end of file
+  hrefTargetBlank = true
+
+[[menu.main]]
+    name = "About Oniro"
+    url = "/#about-us"
+    weight = 1
+
+[[menu.main]]
+    name = "Working Group"
+    url = "/#working-group"
+    weight = 2
+
+[[menu.main]]
+    name = "Resource Center"
+    url = "/resource-center/"
+    weight = 3
+
+[[menu.main]]
+    name = "Community"
+    url = "/community/"
+    weight = 4
+
+[[menu.main]]
+    name = "Get Involved"
+    url = "https://accounts.eclipse.org/contact/membership"
+    weight = 5
\ No newline at end of file

content/_index.md

 ---
-title: "oniroproject.org"
+title: "Oniro Project"
 date: 2021-10-06T10:00:00-04:00
-type: "coming-soon"
 footer_class: "footer-darker"
+header_wrapper_class: "featured-jumbotron-home"
+headline: "The distributed operating system that connects consumer devices big and small"
+jumbotron_class: "jumbotron-circle"
+hide_breadcrumb: true
+hide_page_title: true
+container: "container-fluid"
+hide_sidebar: true
+show_featured_footer: false
 ---
+
+{{< home/about-us >}}
+
+{{< home/working-group >}}
+
+{{< home/join-us >}}
+
+{{< home/initiating-members >}}
+
+{{< home/testimonials >}}
\ No newline at end of file

content/community/index.md

+---
+title: "Community"
+date: 2021-10-06T10:00:00-04:00
+footer_class: "footer-darker"
+hide_sidebar: true
+layout: "single"
+---
+
+{{< grid/section-container class="featured-news margin-top-40">}}
+  {{< grid/div class="row" isMarkdown="false" >}}
+    {{< grid/div class="col-sm-12" isMarkdown="false" >}}
+      {{< newsroom/news
+          title="News"
+          id="news-list-container"
+          publishTarget="oniro"
+          count="5"
+          class="col-sm-24"
+          templateId="custom-news-template" templatePath="/js/templates/news-home.mustache"
+          paginate="true" >}}
+    {{</ grid/div >}}
+
+    {{< grid/div class="col-sm-12 featured-events text-center" isMarkdown="false" >}}
+      {{< newsroom/events
+          title="Upcoming Events"
+          publishTarget="oniro"
+          class="col-sm-24"
+          containerClass="event-timeline"
+          upcoming="1"
+          templateId="custom-events-template" templatePath="js/templates/event-list-format.mustache"
+          count="4"  includeList="true" >}}
+    {{</ grid/div >}}
+   {{</ grid/div >}}
+{{</ grid/section-container >}}
\ No newline at end of file

content/resource-center/index.md

+---
+title: "Resource Center"
+date: 2021-10-06T10:00:00-04:00
+footer_class: "footer-darker"
+hide_sidebar: true
+layout: "single"
+---
+
+The process to create the Oniro Working Group and Top Level Project started on October 26th. The Oniro project will benefit from a substantial initial contribution resulting from more than a year of intensive work by the founding members of the Working Group. You can access these resources now, currently hosted by Huawei:
+* [Get the Code](https://git.ostc-eu.org/groups/OSTC/-/wikis/home)
+* [Documentation](https://openharmony.readthedocs.io/en/latest/index.html)
+* Talk to us at [Libera chat](https://web.libera.chat/) - channel #oniroproject

data/testimonials.yml

+items:
+  -
+    text: We have been working hard with Linaro, Seco, Array, NOITechPark, Synesthesia to prepare Oniro’s initial code contribution and public cloud CI/CD infrastructure, and it is so exciting to see everything moving under the expert governance of the Eclipse Foundation. Under the Eclipse Foundation, the project will have its greatest chance at onboarding new contributing members and bringing real products on the shelves of consumer electronics stores around the world. We reckon Oniro is not a sprint, rather a marathon, and we are thrilled and committed to this world changing journey.
+    author: Davide Ricci
+    job_title: Director of Huawei’s Consumer Business Group, European Open Source Technology Center 
+  -
+    text: Oniro opens up the frontier for a new generation of open source, AI and mobile friendly operating systems that can scale from simple MCUs to complex distributed systems. Synesthesia is looking forward to participating in this journey providing our expertise and support together with other organizations and developers within the Eclipse Foundation.
+    author: Andrea Basso
+    job_title: Senior Advisor at Synesthesia
+  -
+    text: Oniro is creating an environment to foster collaboration among experts in industry and research. That is also one of our goals - among others - at NOI Techpark. Through the Free Software Lab, we contribute to the project by activating our network of experts in the field of Free Open Source Software, particularly for Open Source Compliance Policy and Strategy. We recognise Oniro's potential to create an open and sustainable IoT environment, enabling talents to create innovative IoT solutions.
+    author: Patrick Ohnewein
+    job_title: Head of Unit Tech Transfer Digital at NOI Techpark
\ No newline at end of file

js/main.js

@@ -11,4 +11,14 @@
  * SPDX-License-Identifier: EPL-2.0
  */
 
-import 'eclipsefdn-solstice-assets';
\ No newline at end of file
+import 'eclipsefdn-solstice-assets';
+
+var owl = $('.solstice-testimonials-home');
+owl.owlCarousel({
+    items:1,
+    autoplay:true,
+    autoplayTimeout:6000,
+    autoplayHoverPause:true,
+    autoplaySpeed: 2000,
+    loop:true,
+});
\ No newline at end of file

js/templates/event-list-format.mustache

+{{#events}}
+  <div class="timeline-item">
+    <p class="whats-new-date">{{ date }}</p>
+    <h4>
+      {{#infoLink}}
+        <a href="{{infoLink}}">{{ title }}</a>
+      {{/infoLink}}
+      {{^infoLink}}
+        {{ title }}
+      {{/infoLink}}
+    </h4>
+    <p>{{ description }}</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/index.html

+{{ define "main" }}
+<div role="main" id="content">
+  {{ .Content }}
+</div>
+{{ end }}
\ No newline at end of file

layouts/partials/coming-soon-header.html

-<div class="container website-coming-soon">
-  <h1 class="text-center white margin-bottom-0 margin-top-40">
-    Oniro Working Group
-  </h1>
-  <h2 class="text-center white margin-bottom-0">
-    A Proposed Eclipse Foundation Working Group
-  </h2>
-  <div class="website-coming-soon__container col-md-12 col-md-offset-6">
-    <div class="website-coming-soon__content">
-      <p>
-        The Oniro Working Group creates an ecosystem of organizations to support
-        the community in the production and evolution of the Oniro technologies
-        as well as to drive its commercial success across different industries.
-        Such an ecosystem arises in a neutral-vendor environment where
-        collaboration is promoted under the core Eclipse Foundation principles,
-        like transparency and openness.
-      </p>
-    </div>
-  </div>
-</div>

layouts/shortcodes/home/about-us.html

+<div class="row about-us-container" id="about-us">
+    <div class="container">
+        <h2 class="text-center">Oniro</h2>
+        <p>Oniro is an Eclipse Foundation project focused on the development of a distributed open source operating system for consumer devices, regardless of the brand, model, make.</p>
+        <p>Oniro is a compatible implementation for the global market of OpenHarmony, an open source operating system specified and hosted by the OpenAtom Foundation.</p>
+        <p>Designed with modularity in mind, Oniro offers greater levels of flexibility and application portability across the broad spectrum of consumer and IoT devices — from tiny embedded sensors and actuators, to feature rich smart appliances and mobile companions.</p>
+        <p>As a distributed and reusable collection of open source building blocks, Oniro enables compatibility with other open source technologies and ecosystems. Through close collaboration with projects and foundations such as OpenHarmony from the OpenAtom Foundation, Yocto project and OpenChain from the Linux Foundation, Oniro helps build bridges rather than creating a digital divide.</p>
+        <ul class="list-inline text-center about-us-icons">
+            <li class="about-us-icon-1"><img src="images/about-us/icon1.png"></li>
+            <li class="about-us-icon-2"><img src="images/about-us/icon2.png"></li>
+            <li class="about-us-icon-3"><img src="images/about-us/icon3.png"></li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file

layouts/shortcodes/home/initiating-members.html

+<div class="row initiating-members-container" id="initiating-members">
+    <div class="container text-center">
+        <h2>Initiating Members</h2>
+        <ul class="list-inline initiating-members-logos">
+            <li><a href="#"><img style="padding: 45px 10px 0;" class="img-responsive" src="images/members/huawei-logo.png"></a></li>
+            <li><a href="#"><img style="padding: 30px 15px;" class="img-responsive" src="images/members/seco-logo.png"></a></li>
+            <li><a href="#"><img style="padding: 40px 15px;" class="img-responsive" src="images/members/noi_logo.png"></a></li>
+        </ul>
+    </div>
+</div>
\ No newline at end of file

layouts/shortcodes/home/join-us.html

+<div class="row join-us-container" id="get-involved">
+    <div class="container text-center">
+        <p class="join-us-content">Are you interested in Oniro? <br>Contact us to find out how you can get involved in this proposed working group.</p>
+        <p><a class="btn btn-white" href="https://accounts.eclipse.org/contact/membership">Contact us to Join</a></p>
+    </div>
+</div>
\ No newline at end of file

layouts/shortcodes/home/testimonials.html

+<div class="featured-testimonials text-center row">
+    <div class="owl-carousel owl-theme solstice-testimonials-home" data-slider-lg-count="1" data-slider-md-count="1" data-slider-sm-count="1">
+        {{ range .Site.Data.testimonials.items}}
+        <div class="col-sm-16 col-sm-offset-4">
+            <div class="testimonial-item">
+                <p class="content">{{ .text }}</p>
+                <p><img src="{{ .picture_link }}" alt="{{ .picture_alt }}"></p>
+                <p class="author">{{ .author }} / <span class="job-title">{{ .job_title }}</span></p>
+            </div>
+        </div>
+        {{ end }}
+    </div>
+</div>
\ No newline at end of file

layouts/shortcodes/home/working-group.html

+<div class="working-group-container" id="working-group">
+    <div class="container text-center">
+        <h2>Oniro Working Group</h2>
+        <p>A Proposed Eclipse Foundation Working Group</p>
+        <p>The Oniro Working Group creates an ecosystem of organizations to support the community in the production and evolution of the Oniro technologies as well as to drive its commercial success across different industries. Such an ecosystem arises in a neutral-vendor environment where collaboration is promoted under the core Eclipse Foundation principles, like transparency and openness. Read the <a href="https://www.eclipse.org/org/workinggroups/oniro-charter.php">draft charter</a>.</p>
+    </div>
+</div>
\ No newline at end of file

less/_variables.less

@@ -10,3 +10,29 @@
  *
  * SPDX-License-Identifier: EPL-2.0
 */
+
+@brand-primary:         #05ecfe; // Light blue
+@brand-secondary:       #0F0026; // Dark purple
+@off-white: #f8f3ff;
+
+@featured-jumbotron-home-bg-img:none;
+
+//== Typography
+@font-family-sans-serif:  "PlusJakartaSans-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+@main-menu-link-size:14px;
+@main-menu-link-color: @white;
+@main-menu-link-active-color: @brand-primary;
+@main-menu-link-hover-bg-color:transparent;
+@link-hover-decoration: none;
+
+@mobile-menu-nav-background: @brand-primary;
+@mobile-main-menu-link-border-bottom: 1px solid darken(@brand-primary, 10%);
+@mobile-menu-color: #0c0c0c;
+
+
+@jumbotron-padding: 0;
+
+@join-us-container-bg-img: url(images/join-us-bg.jpg);
+
+@logo-eclipse-default-margin: 0 0 10px;