You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@tomee.apache.org by db...@apache.org on 2021/05/19 19:15:27 UTC

[tomee-site-generator] branch new-home-page created (now 9f48360)

This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a change to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git.


      at 9f48360  Update boiler plate text and links

This branch includes the following new commits:

     new 6f8810c  Regenerated 9.0.0-M7 release notes
     new a8c19f2  Split up download page and add spec and jdk versions
     new ec87691  New home page initial draft
     new 572cd69  Example links for learn more buttons
     new 073ced9  fix photo on contributors page
     new 39ad085  small images changes
     new 202ad50  Update logo to new svg
     new 459b46b  Merge branch 'new-home-page' of github.com:Dexmaster/tomee-site-generator into new-home-page
     new 9f48360  Update boiler plate text and links

The 9 revisions listed above as "new" are entirely new to this
repository and will be described in separate emails.  The revisions
listed as "add" were already present in the repository and have only
been added to this reference.


[tomee-site-generator] 07/09: Update logo to new svg

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 202ad5065ff6eab1e3ab6fb232055de45db9a66d
Author: Andrii Malytskyi <a....@gmail.com>
AuthorDate: Wed May 19 16:17:19 2021 +0000

    Update logo to new svg
---
 src/main/jbake/assets/css/cardio.css |  4 ++++
 src/main/jbake/templates/menu.gsp    | 16 +++++++++++-----
 2 files changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css
index 35673ea..8aa3966 100755
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@ -1756,3 +1756,7 @@ div.compact > ul > li > p {
   padding: 7px 16px;
   text-transform: initial;
 }
+
+.navbar-brand img {
+  margin: -5px 0;
+}
diff --git a/src/main/jbake/templates/menu.gsp b/src/main/jbake/templates/menu.gsp
index cf4dfce..38204eb 100755
--- a/src/main/jbake/templates/menu.gsp
+++ b/src/main/jbake/templates/menu.gsp
@@ -10,19 +10,25 @@
 					<span class="icon-bar"></span>
 					<span class="icon-bar"></span>
 				</button>
-				<a class="navbar-brand" href="/">
+				<a class="navbar-brand" href="/" title="Apache TomEE">
 				    <span>
 
 				    <% if (content.uri && content.uri == '/index.html') { %>
 				        <img
-                            src="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/logo.png"
-                            data-active-url="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/logo-active.png">
+                            src="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/apache_tomee-logo-white.svg"
+                            data-active-url="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/apache_tomee-logo.svg"
+							onerror="this.src='<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/apache_tomee-logo.jpg'"
+							height="50"
+							>
                     <% } else { %>
-                        <img src="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/logo-active.png">
+                        <img 
+							src="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/apache_tomee-logo.svg"
+							onerror="this.src='<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>img/apache_tomee-logo.jpg'"
+							height="50"
+							>
                     <% } %>
 
                     </span>
-				    <b>Apache</b>TomEE
                 </a>
 			</div>
 			<!-- Collect the nav links, forms, and other content for toggling -->

[tomee-site-generator] 08/09: Merge branch 'new-home-page' of github.com:Dexmaster/tomee-site-generator into new-home-page

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 459b46b87f5654ba04d15618118fc8f7e2b3a9e5
Merge: a8c19f2 202ad50
Author: David Blevins <da...@gmail.com>
AuthorDate: Wed May 19 09:57:08 2021 -0700

    Merge branch 'new-home-page' of github.com:Dexmaster/tomee-site-generator into new-home-page

 src/main/jbake/assets/css/cardio.css               | 661 ++++++++++++++++-----
 src/main/jbake/assets/css/jqtree.css               |  13 +-
 .../jbake/assets/img/apache_tomee-logo-white.svg   |   1 +
 src/main/jbake/assets/img/apache_tomee-logo.svg    |   1 +
 src/main/jbake/assets/img/commiters-info-back.jpg  | Bin 0 -> 115661 bytes
 src/main/jbake/assets/img/jakarta_ee_logo.png      | Bin 0 -> 6154 bytes
 .../img/jakartaee-compatible-badge-color.svg       |   1 +
 .../img/jakartaee-compatible-badge-white.svg       |   1 +
 .../jbake/assets/img/microprofile-icon-orange.png  | Bin 0 -> 921 bytes
 src/main/jbake/assets/img/microprofile_logo.png    | Bin 0 -> 12375 bytes
 src/main/jbake/assets/js/main.js                   |   7 +-
 src/main/jbake/templates/footer.gsp                |   3 +-
 src/main/jbake/templates/index.gsp                 | 180 +++++-
 src/main/jbake/templates/menu.gsp                  |  18 +-
 14 files changed, 687 insertions(+), 199 deletions(-)

diff --cc src/main/jbake/assets/css/cardio.css
index 8a3bed3,8aa3966..10de1b4
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@@ -1404,6 -1405,358 +1405,358 @@@ div.compact > ul > li > p 
    margin: 0px;
  }
  
- li > p {
-     margin-bottom: 10px;
+ .link-block {
+   background: rgba(133,38,117,0.4);
+   padding: 15px 20px 40px 20px;
+   font-size: 19px;
+   display: flex;
+   align-items: flex-start;
+ }
+ 
+ .link-block .bottom h5 {
+   font-size: 15px;
+   font-weight: normal;
+   margin-top: 10px;
+ }
+ 
+ .link-block .bottom h4 {
+   font-size: 19px;
+   margin-bottom: 10px;
+ }
+ 
+ .link-block i {
+   margin: 10px 20px 0 10px;
+ }
+ 
+ .circled-icon {
+   border: 2px solid var(--light-white);
+   border-radius: 100%;
+   padding: 8px;
+ }
+ 
+ .header-links {
+   margin-top: 100px;
+ }
+ 
+ #main-block .table {
+   margin-bottom: 0;
+ }
+ 
+ .d-flex {
+   display: flex;
+   flex-wrap: wrap;
+ }
+ 
+ .m-auto {
+   margin: 0 auto;
+ }
+ 
+ .lead {
+   font-size: 20px;
+ }
+ 
+ .accented-block {
+   padding: 10px 30px;
+ }
+ 
+ .accented-block::before {
+   content: "";
+   width: 40px;
+   height: 4px;
+   display: block;
+   position: absolute;
+ }
+ 
+ .btn.btn-accent {
+   text-transform: uppercase;
+   padding: 10px 30px;
+   line-height: 25px;
+   font-size: 15px;
+   box-shadow: 2px 2px 3px -2px var(--light-black);
+   letter-spacing: 1.2px;
+   border-radius: 0;
+   color: var(--white);
+ }
+ 
+ .btn.btn-accent:active {
+   box-shadow: 0 0 15px -5px var(--light-black);
+ }
+ 
+ .btn i {
+   padding: 0 15px 0 0;
+   font-size: 27px;
+   margin: 0 -5px 0 -15px;
+   vertical-align: bottom;
+ }
+ 
+ .accented-block h5 {
+   font-size: 19px;
+ }
+ 
+ .accented-block h4 {
+   font-size: 38px;
+   color: var(--light-black)
+ }
+ 
+ .accented-block.accent-violet::before {
+   background: var(--violet);
+ }
+ 
+ .accented-block.accent-violet .btn.btn-accent,
+ .accent-violet.btn.btn-accent {
+   background: var(--violet);
+   border-color: var(--violet);
+ }
+ 
+ .accented-block.accent-violet .btn.btn-accent:hover,
+ .accented-block.accent-violet .btn.btn-accent:active,
+ .accent-violet.btn.btn-accent:hover,
+ .accent-violet.btn.btn-accent:active {
+   background: var(--white);
+   color: var(--violet);
+ }
+ 
+ .accented-block.accent-red::before {
+   background: var(--red);
+ }
+ 
+ .accented-block.accent-red .btn.btn-accent,
+ .accent-red.btn.btn-accent {
+   background: var(--red);
+   border-color: var(--red);
+ }
+ 
+ .accented-block.accent-red .btn.btn-accent:hover,
+ .accented-block.accent-red .btn.btn-accent:active,
+ .accent-red.btn.btn-accent:hover,
+ .accent-red.btn.btn-accent:active {
+   background: var(--white);
+   color: var(--red);
+ }
+ 
+ .accented-block.accent-orange::before {
+   background: var(--orange);
+ }
+ 
+ .accented-block.accent-orange .btn.btn-accent,
+ .accent-orange.btn.btn-accent {
+   background: var(--orange);
+   border-color: var(--orange);
+ }
+ 
+ .accented-block.accent-orange .btn.btn-accent:hover,
+ .accented-block.accent-orange .btn.btn-accent:active,
+ .accent-orange.btn.btn-accent:hover,
+ .accent-orange.btn.btn-accent:active {
+   background: var(--white);
+   color: var(--orange);
+ }
+ 
+ .f-column-start {
+   flex-direction: column;
+   align-items: flex-start;
+   text-align: left;
+ }
+ 
+ .f-column-end {
+   flex-direction: column;
+   align-items: flex-end;
+   text-align: right;
+ }
+ 
+ .f-column-end .btn, .f-column-end.accented-block::before {
+   align-self: flex-end;
+ }
+ 
+ .f-space-between {
+   justify-content: space-between;
+ }
+ 
+ .row.section {
+   padding: 80px 0;
+ }
+ 
+ .compatible-badge {
+   width: 204px;
+   height: 72px;
+   background-image: url(../img/jakartaee-compatible-badge-color.svg);
+   color: transparent;
+   display: inline-block;
+   background-size: contain;
+   user-select: none;
+ }
+ 
+ .compatible-badge.white {
+   background-image: url(../img/jakartaee-compatible-badge-white.svg);
+ }
+ 
+ .jakarta-ee-logo {
+   width: 265px;
+   height: 80px;
+   background: url(../img/jakarta_ee_logo.png) center center no-repeat;
+   background-size: contain;
+   display: inline-block;
+   user-select: none;
+ }
+ 
+ .microprofile-logo {
+   width: 288px;
+   height: 80px;
+   background: url(../img/microprofile_logo.png) center center no-repeat;
+   background-size: contain;
+   display: inline-block;
+   user-select: none;
+ }
+ 
+ .committers-info-section {
+   width: 100%;
+   color: var(--violet);
+   background: rgba(28, 36, 65, 0.93);
+   background: url('../img/commiters-info-back.jpg');
+   background-size: cover;
+   text-align: center;
+   padding: 25px 0;
+ }
+ 
+ .committers-info-section .info-count { 
+   display: block;
+   font-weight: bold;
+   font-size: 60px;
+   color: rgba(255,255,255,1);
+   letter-spacing: 0.4px;
+   margin-top: 25px;
+ }
+ 
+ .committers-info-section .info-title {
+   display: block;
+   font-weight: normal;
+   font-size: 35px;
+   color: rgba(255,255,255,1);
+   text-transform: uppercase;
+   margin-bottom: 25px;
+ }
+ 
+ .flavours-title {
+   position: absolute;
+   writing-mode: vertical-rl;
+   text-orientation: mixed;
+   right: -92px;
+   top: calc(50% - 55px);
+   padding: 10px 0;
+ }
+ 
+ .flavours-block {
+   width: 375px;
+   max-width: calc(100vw - 130px);
+   position: relative;
+   min-width: 240px;
+ }
+ 
+ .flavour {
+   border: 2px solid rgb(229, 229, 229);
+   border-radius: 20px;
+   padding: 5px 20px;
+   margin-bottom: 25px;
+   display: flex;
+   box-shadow: 0 0 80px -10px var(--light-gray);
+ }
+ 
+ .flavour-icon {
+   border-radius: 100%;
+   width: 56px;
+   height: 56px;
+   display: flex;
+   align-items: center;
+   justify-content: center;
+   margin: 3px 15px 3px 0;
+ }
+ 
+ .flavour-plus .flavour-icon{
+   background: rgb(238, 226, 255);
+   font-family: Montserrat;
+   font-style: normal;
+   font-weight: bold;
+   font-size: 40px;
+   color: rgba(131,38,119,1);
+ }
+ 
+ .flavour-plume .flavour-icon{
+   background: rgba(255,87,87, 0.344);
+   font-family: Poppins;
+   font-style: normal;
+   font-weight: bold;
+   font-size: 28px;
+   color: rgba(253,87,87,1);
+ }
+ 
+ .flavour-webprofile .flavour-icon{
+   background: rgba(243,143,36,0.476);
+   font-family: Poppins;
+   font-style: normal;
+   font-weight: bold;
+   font-size: 26px;
+   color: rgba(243,143,36,1);
+ }
+ 
+ .flavour-microprofile .flavour-icon{
+   background: url(../img/microprofile-icon-orange.png) center center no-repeat rgba(86,109,131,1);
+   color: transparent;
+ }
+ 
+ .flavour-content {
+   display: flex;
+   align-items: start;
+   justify-content: center;
+   flex-direction: column;
+   padding: 10px 0 0;
+ }
+ .flavour-artifact {
+   font-family: Montserrat;
+   font-style: normal;
+   font-weight: bold;
+   font-size: 11px;
+   color: rgba(34,34,34,1);
+   text-transform: uppercase;
+   letter-spacing: 2.5px;
+   opacity: 0.5;
+ }
+ .flavour-identifier, .flavours-title {
+   font-family: Bebas Neue;
+   font-style: normal;
+   font-weight: bold;
+   font-size: 21px;
+   color: rgba(34,34,34,1);
+   text-transform: uppercase;
+   letter-spacing: 1.25px;
+   background: var(--white);
+ }
+ 
+ .flavours-block::after {
+   display: block;
+   content: '';
+   bottom: 60px;
+   border: 3px dashed var(--light-gray);
+   position: absolute;
+   top: 36px;
+   border-left: none;
+   width: 68px;
+   right: -79px;
+   z-index: -1;
+ }
+ 
+ .block-content {
+   max-width: 90%;
+ }
+ 
+ .no-shadow {
+   box-shadow: none !important;
+ }
+ 
+ .navbar-nav > li > a.btn {
+   padding: 7px 16px;
+   text-transform: initial;
+ }
+ 
+ .navbar-brand img {
+   margin: -5px 0;
 -}
 +}

[tomee-site-generator] 01/09: Regenerated 9.0.0-M7 release notes

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 6f8810ccf8178a22fae5d7ac580b59d749937086
Author: David Blevins <da...@gmail.com>
AuthorDate: Tue May 18 15:08:22 2021 -0700

    Regenerated 9.0.0-M7 release notes
---
 src/main/jbake/content/9.0.0-M7/release-notes.adoc | 17 ++++++-----------
 1 file changed, 6 insertions(+), 11 deletions(-)

diff --git a/src/main/jbake/content/9.0.0-M7/release-notes.adoc b/src/main/jbake/content/9.0.0-M7/release-notes.adoc
index 2495c04..5c0dca4 100644
--- a/src/main/jbake/content/9.0.0-M7/release-notes.adoc
+++ b/src/main/jbake/content/9.0.0-M7/release-notes.adoc
@@ -7,15 +7,14 @@
 
 [.compact]
  - link:https://issues.apache.org/jira/browse/TOMEE-2990[TOMEE-2990] BatchEE 0.6
- - link:https://issues.apache.org/jira/browse/TOMEE-2996[TOMEE-2996] CXF 3.3.10 / 3.4.3
- - link:https://issues.apache.org/jira/browse/TOMEE-2987[TOMEE-2987] CXF 3.4.x (Java 16 support)
- - link:https://issues.apache.org/jira/browse/TOMEE-2969[TOMEE-2969] MyFaces 2.3.8
+ - link:https://issues.apache.org/jira/browse/TOMEE-2987[TOMEE-2987] CXF 3.4.3
+ - link:https://issues.apache.org/jira/browse/TOMEE-3747[TOMEE-3747] EclipseLink 3.0.0
+ - link:https://issues.apache.org/jira/browse/TOMEE-3749[TOMEE-3749] Hibernate Validator 5.1.3.Final
+ - link:https://issues.apache.org/jira/browse/TOMEE-3748[TOMEE-3748] Mojarra 3.0.0
  - link:https://issues.apache.org/jira/browse/TOMEE-3732[TOMEE-3732] MyFaces 2.3.9
- - link:https://issues.apache.org/jira/browse/TOMEE-2809[TOMEE-2809] OWB 2.0.22
  - link:https://issues.apache.org/jira/browse/TOMEE-2997[TOMEE-2997] OpenSAML V3.4.6
- - link:https://issues.apache.org/jira/browse/TOMEE-2971[TOMEE-2971] Tomcat 9.0.43
- - link:https://issues.apache.org/jira/browse/TOMEE-2991[TOMEE-2991] Tomcat 9.0.44
- - link:https://issues.apache.org/jira/browse/TOMEE-2998[TOMEE-2998] Tomcat 9.0.45
+ - link:https://issues.apache.org/jira/browse/TOMEE-2809[TOMEE-2809] OpenWebBeans 2.0.22
+ - link:https://issues.apache.org/jira/browse/TOMEE-3746[TOMEE-3746] Tomcat 10.0.4
  - link:https://issues.apache.org/jira/browse/TOMEE-2939[TOMEE-2939] bcprov-jdk15on 1.67
  - link:https://issues.apache.org/jira/browse/TOMEE-2988[TOMEE-2988] xbean 4.18+ (Java 16 support)
 
@@ -53,11 +52,8 @@
 
 [.compact]
  - link:https://issues.apache.org/jira/browse/TOMEE-3210[TOMEE-3210] securityapi.idstore.idstorepermission testIdentityStore_customHandlerWithoutIDStorePermission
- - link:https://issues.apache.org/jira/browse/TOMEE-3177[TOMEE-3177] jaxrs.spec.filter.interceptor fileReaderContainerInterceptorTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3211[TOMEE-3211] securityapi.securitycontext.callerdata testSecurityContextHasAccessToWebResource
- - link:https://issues.apache.org/jira/browse/TOMEE-3178[TOMEE-3178] jaxrs.spec.filter.interceptor fileReaderNoInterceptorTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3212[TOMEE-3212] securityapi.securitycontext.getprincipalsbytype testSecurityContextGetPrincipalsByType
- - link:https://issues.apache.org/jira/browse/TOMEE-3179[TOMEE-3179] jaxrs.spec.filter.lastvalue readerContextOnContainerTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3213[TOMEE-3213] servlet.api.jakarta_servlet.asynccontext forwardTest1
  - link:https://issues.apache.org/jira/browse/TOMEE-3214[TOMEE-3214] servlet.api.jakarta_servlet.asynccontext originalRequestTest4
  - link:https://issues.apache.org/jira/browse/TOMEE-3215[TOMEE-3215] servlet.api.jakarta_servlet.srevent getServletRequestTest
@@ -66,7 +62,6 @@
  - link:https://issues.apache.org/jira/browse/TOMEE-3207[TOMEE-3207] jsp.spec.configuration.general moreSpecificMappingTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3208[TOMEE-3208] jsp.spec.configuration.general mostSpecificMappingTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3209[TOMEE-3209] jstl.spec.core.urlresource.importtag positiveImportEncodingNotSpecifiedTest
- - link:https://issues.apache.org/jira/browse/TOMEE-3180[TOMEE-3180] jaxrs.spec.provider.exceptionmapper mappedExceptionTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3181[TOMEE-3181] jaxrs.spec.provider.jaxbcontext readWriteProviderTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3182[TOMEE-3182] jaxrs.spec.provider.standard fileProviderTest
  - link:https://issues.apache.org/jira/browse/TOMEE-3183[TOMEE-3183] jaxrs.spec.provider.standardhaspriority readWriteBooleanProviderTest

[tomee-site-generator] 04/09: Example links for learn more buttons

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 572cd69daaf9812d060e26cd0ac55fe21f151697
Author: Andrii Malytskyi <a....@gmail.com>
AuthorDate: Wed May 19 15:23:08 2021 +0000

    Example links for learn more buttons
---
 src/main/jbake/templates/index.gsp | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/main/jbake/templates/index.gsp b/src/main/jbake/templates/index.gsp
index 1d782d9..76e869a 100755
--- a/src/main/jbake/templates/index.gsp
+++ b/src/main/jbake/templates/index.gsp
@@ -69,7 +69,7 @@
                         <h4 class="muted">apache-tomee-8.0.4</h4>
                         <p>More academics should blog, post videos, post audio, post lectures, offer articles and more. You'll enjoy it: I've had threats and blackmail, abuse, smears and formal complaints with forged documentation.</p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
 				</div>
                 <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
                     <div class="block-content">
@@ -81,7 +81,7 @@
                             <div class="compatible-badge">Jakarte EE Compatible</div>
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
 				</div>
 			</div>
             <div class="row animated fadeInUp d-flex section" style="opacity: 0;">  
@@ -128,7 +128,7 @@
                             Apache TomEE comes with four different flavors, Web Profile, Plus and Plume. Apache TomEE Web Profile delivers Servlets, JSP, JSF, JTA, JPA, CDI, Bean Validation and EJB Lite. Apache TomEE JAX-RS (RESTfull Services) delivers the Web Profile plus JAX-RS (RESTfull Services).
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
 				</div>
 			</div>    
         </div>
@@ -164,7 +164,7 @@
                         <div class="jakarta-ee-logo"></div>
                         <p>Jakarta EE, powered by participation, is focused on enabling community-driven collaboration and open innovation for the cloud. </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
 				</div>
                 <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
                     <div class="block-content">
@@ -174,7 +174,7 @@
                             MicroProfile is an open forum that optimizes Enterprise Java for a microservice architecture by innovating across multiple implementations and collaborating on common areas of interest with a goal of standardization.
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
 				</div>
 			</div>
 		</div>

[tomee-site-generator] 05/09: fix photo on contributors page

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 073ced9213685d4dc7041fcd547f4f0600266c74
Author: Andrii Malytskyi <a....@gmail.com>
AuthorDate: Wed May 19 15:38:34 2021 +0000

    fix photo on contributors page
---
 src/main/jbake/assets/css/cardio.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css
index ed40c90..85192b8 100755
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@ -1170,6 +1170,11 @@ a.light-white:hover, a.light-white:active {
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   border-radius: 4px;
   padding: 4px;
+  margin-top: 10px;
+}
+
+.photo img {
+  max-width: 100%;
 }
 
 .bs-callout {

[tomee-site-generator] 09/09: Update boiler plate text and links

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 9f483605bc57742fb60f35163d1008cfa347f98e
Author: David Blevins <da...@gmail.com>
AuthorDate: Wed May 19 10:42:25 2021 -0700

    Update boiler plate text and links
---
 src/main/jbake/templates/index.gsp | 38 +++++++++++++++++++-------------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/main/jbake/templates/index.gsp b/src/main/jbake/templates/index.gsp
index 76e869a..4922051 100755
--- a/src/main/jbake/templates/index.gsp
+++ b/src/main/jbake/templates/index.gsp
@@ -10,14 +10,14 @@
                             Apache TomEE
                         </div>
                         <div class="col-md-12 text-center">
-                            <h2 class="white">Annoucment of compatibility</h2>
+                            <h2 class="white">Now Jakarta EE 9.1 Web Profile Certified!</h2>
                         </div>
                     </div>
                     <div style="opacity: 0;" class="row animated fadeInUp text-left header-links">
                         <div class="col-md-3 no-padding">
                         </div>
                         <div class="col-md-3 no-padding">
-                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/docs.html">
+                            <a href="docs.html">
                                 <div class="link-block">
                                     <i class="icon_documents_alt white circled-icon"></i>
                                     <div class="bottom">
@@ -28,7 +28,7 @@
                             </a>
                         </div>
                         <div class="col-md-3 no-padding">
-                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/community/index.html">
+                            <a href="community/index.html">
                                 <div class="link-block">
                                     <i class="icon_group white circled-icon"></i>
                                     <div class="bottom">
@@ -39,7 +39,7 @@
                             </a>
                         </div>
                         <div class="col-md-3 no-padding">
-                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html">
+                            <a href="download.html">
                                 <div class="link-block">
                                     <i class="icon_download white circled-icon"></i>
                                     <div class="bottom">
@@ -66,22 +66,22 @@
 				<div class="col-md-6 d-flex f-column-start accented-block accent-violet f-space-between">
                     <div class="block-content">
                         <h5 class="muted">Final Release - javax namespace</h5>
-                        <h4 class="muted">apache-tomee-8.0.4</h4>
-                        <p>More academics should blog, post videos, post audio, post lectures, offer articles and more. You'll enjoy it: I've had threats and blackmail, abuse, smears and formal complaints with forged documentation.</p>
+                        <h4 class="muted">apache-tomee-8.0.6</h4>
+                        <p>Stable and ready for production, Apache TomEE 8.0 implements Java EE 8 / Jakarta EE 8 and supports the javax namespace.  Runs on Java 8 or higher.</p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="download.html"><i class="icon_plus"></i>Download</a>
 				</div>
                 <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
                     <div class="block-content">
-                        <h5 class="muted">Latest Release - Jakarta namespace</h5>
-                        <h4 class="muted">apache-tomee-9.0.0-M1</h4>
+                        <h5 class="muted">Latest Milestone - Jakarta namespace</h5>
+                        <h4 class="muted">apache-tomee-9.0.0-M7</h4>
                         <p>
-                            More academics should blog, post videos, post audio, post lectures, offer articles and more.
+                            Jakarta EE 9.1 Web Profile compliant and supports the new jakarta namespace.  Runs on Java 8 or higher.
                             <br>
                             <div class="compatible-badge">Jakarte EE Compatible</div>
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="download.html"><i class="icon_plus"></i>Download</a>
 				</div>
 			</div>
             <div class="row animated fadeInUp d-flex section" style="opacity: 0;">  
@@ -125,10 +125,10 @@
                         <h5 class="muted">What is your flavor?</h5>
                         <h4 class="muted">TomEE Flavors</h4>
                         <p>
-                            Apache TomEE comes with four different flavors, Web Profile, Plus and Plume. Apache TomEE Web Profile delivers Servlets, JSP, JSF, JTA, JPA, CDI, Bean Validation and EJB Lite. Apache TomEE JAX-RS (RESTfull Services) delivers the Web Profile plus JAX-RS (RESTfull Services).
+                            Apache TomEE comes with four different flavors, Web Profile, MicroProfile, Plus and Plume. Apache TomEE Web Profile delivers Servlets, JSP, JSF, JTA, JPA, CDI, Bean Validation and EJB Lite. Apache TomEE MicroProfile adds support for MicroProfile.  Apache TomEE Plus and Plume add support for JMS, JAX-WS and more.
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="comparison.html"><i class="icon_plus"></i>See Comparison</a>
 				</div>
 			</div>    
         </div>
@@ -137,19 +137,19 @@
         <div class="container">
             <div class="row animated fadeInUp" style="opacity: 0;">  
 				<div class="col-md-3">
-                    <div class="info-count">450</div>
-                    <div class="info-title">Committers</div>
+                    <div class="info-count">100</div>
+                    <div class="info-title">Contributors</div>
 				</div>
                 <div class="col-md-3">
                     <div class="info-count">10k</div>
                     <div class="info-title">Coffees</div>
 				</div>
                 <div class="col-md-3">
-                    <div class="info-count">300k</div>
+                    <div class="info-count">800k</div>
                     <div class="info-title">Lines of code</div>
 				</div>
                 <div class="col-md-3">
-                    <div class="info-count">120k</div>
+                    <div class="info-count">13k</div>
                     <div class="info-title">Commits</div>
 				</div>
 			</div>
@@ -164,7 +164,7 @@
                         <div class="jakarta-ee-logo"></div>
                         <p>Jakarta EE, powered by participation, is focused on enabling community-driven collaboration and open innovation for the cloud. </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="latest/examples/"><i class="icon_plus"></i>Examples</a>
 				</div>
                 <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
                     <div class="block-content">
@@ -174,7 +174,7 @@
                             MicroProfile is an open forum that optimizes Enterprise Java for a microservice architecture by innovating across multiple implementations and collaborating on common areas of interest with a goal of standardization.
                         </p>
                     </div>
-                    <a class="btn btn-accent btn-primary square"  href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html"><i class="icon_plus"></i>Learn more</a>
+                    <a class="btn btn-accent btn-primary square"  href="latest/examples/"><i class="icon_plus"></i>Examples</a>
 				</div>
 			</div>
 		</div>

[tomee-site-generator] 02/09: Split up download page and add spec and jdk versions

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit a8c19f2832945f821035cfbf7b795b1881addf7e
Author: David Blevins <da...@gmail.com>
AuthorDate: Tue May 18 16:45:53 2021 -0700

    Split up download page and add spec and jdk versions
---
 src/main/jbake/assets/css/cardio.css |  4 ++++
 src/main/jbake/content/download.adoc | 45 ++++++++++++++++++++++++++++++------
 2 files changed, 42 insertions(+), 7 deletions(-)

diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css
index 6fe6e81..8a3bed3 100755
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@ -1403,3 +1403,7 @@ div.compact > ul > li,
 div.compact > ul > li > p {
   margin: 0px;
 }
+
+li > p {
+    margin-bottom: 10px;
+}
\ No newline at end of file
diff --git a/src/main/jbake/content/download.adoc b/src/main/jbake/content/download.adoc
index 6d78503..b144253 100755
--- a/src/main/jbake/content/download.adoc
+++ b/src/main/jbake/content/download.adoc
@@ -8,11 +8,13 @@
 
 You **must** link:https://www.apache.org/info/verification.html[verify] the integrity of the downloaded files. We provide OpenPGP signatures  (*.asc files) for every release file. This signature should be matched against link:https://downloads.apache.org/tomee/KEYS[KEYS] file which contains the OpenPGP keys of TomEE's Release Managers. We also provide SHA-512 checksums for every release file. After you download the file, you should calculate a checksum for your download, and make sure it [...]
 
-== Apache TomEE TCK results
+== Apache TomEE 9.0
 
-link:9.0.0-M7/plume/webprofile-9.1.html[Apache TomEE TCK Results]
-
-== Download Links
+- Jakarta EE 9.1
+- MicroProfile 2.0
+- Java 8 or higher
+- link:9.0.0-M7/release-notes.html[Release Notes]
+- link:9.0.0-M7/plume/webprofile-9.1.html[Jakarta EE 9.1 Web Profile TCK Results for Java 11]
 
 [cols="2,4*^1",options="header"]
 |===
@@ -30,6 +32,12 @@ link:9.0.0-M7/plume/webprofile-9.1.html[Apache TomEE TCK Results]
 IMPORTANT: Note: TomEE 9.0.0-M7 is a milestone release, which targets the `jakarta` namespace. Applications using `javax` will not work on this release of TomEE 9. You may encounter issues - feedback on this release is encouraged
 and appreciated.
 
+== Apache TomEE 8.0
+
+- Jakarta EE 8 / Java EE 8
+- MicroProfile 2.0
+- Java 8 or higher
+
 [cols="2,4*^1",options="header"]
 |===
 |Name|Version|Date|Size|Signatures & Hashes
@@ -50,7 +58,11 @@ and appreciated.
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-8.0.6/tomee-webapp-8.0.6.war[icon:download[] TomEE Webapp WAR] |8.0.6|25 Jan. 2021|34 MB |https://downloads.apache.org/tomee/tomee-8.0.6/tomee-webapp-8.0.6.war.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-8.0.6/tomee-webapp-8.0.6.war.sha512[icon:download[] SHA512]
 |===
 
-IMPORTANT: Note: Only the TomEE 1.x WebProfile and JAX-RS distributions are certified.
+== Apache TomEE 7.1
+
+- Java EE 7
+- MicroProfile 2.0
+- Java 7 or Java 8
 
 [cols="2,4*^1",options="header"]
 |===
@@ -70,7 +82,16 @@ IMPORTANT: Note: Only the TomEE 1.x WebProfile and JAX-RS distributions are cert
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.1.4/tomee-plus-webapp-7.1.4.war[icon:download[] TomEE Plus Webapp WAR] |7.1.4|25 Sep. 2020|45 MB |https://downloads.apache.org/tomee/tomee-7.1.4/tomee-plus-webapp-7.1.4.war.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.1.4/tomee-plus-webapp-7.1.4.war.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.1.4/tomee-project-7.1.4-source-release.zip[icon:download[] TomEE Project Source Release ZIP] |7.1.4|25 Sep. 2020|13 MB |https://downloads.apache.org/tomee/tomee-7.1.4/tomee-project-7.1.4-source-release.zip.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.1.4/tomee-project-7.1.4-source-release.zip.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.1.4/tomee-webapp-7.1.4.war[icon:download[] TomEE Webapp WAR] |7.1.4|25 Sep. 2020|29 MB |https://downloads.apache.org/tomee/tomee-7.1.4/tomee-webapp-7.1.4.war.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.1.4/tomee-webapp-7.1.4.war.sha512[icon:download[] SHA512]
-|||||
+|===
+
+== Apache TomEE 7.0
+
+- Java EE 7
+- Java 7 or Java 8
+
+[cols="2,4*^1",options="header"]
+|===
+|Name|Version|Date|Size|Signatures & Hashes
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.tar.gz[icon:download[] TomEE Plume TAR.GZ] |7.0.9|25 Sep. 2020|60 MB |https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.tar.gz.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.tar.gz.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.zip[icon:download[] TomEE Plume ZIP] |7.0.9|25 Sep. 2020|60 MB |https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.zip.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plume.zip.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/apache-tomee-7.0.9-plus.tar.gz[icon:download[] TomEE Plus TAR.GZ] |7.0.9|25 Sep. 2020|53 MB |https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plus.tar.gz.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/apache-tomee-7.0.9-plus.tar.gz.sha512[icon:download[] SHA512]
@@ -83,7 +104,17 @@ IMPORTANT: Note: Only the TomEE 1.x WebProfile and JAX-RS distributions are cert
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/tomee-plus-webapp-7.0.9.war[icon:download[] TomEE Plus Webapp WAR] |7.0.9|25 Sep. 2020|44 MB |https://downloads.apache.org/tomee/tomee-7.0.9/tomee-plus-webapp-7.0.9.war.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/tomee-plus-webapp-7.0.9.war.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/tomee-project-7.0.9-source-release.zip[icon:download[] TomEE Project Source Release ZIP] |7.0.9|25 Sep. 2020|13 MB |https://downloads.apache.org/tomee/tomee-7.0.9/tomee-project-7.0.9-source-release.zip.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/tomee-project-7.0.9-source-release.zip.sha512[icon:download[] SHA512]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-7.0.9/tomee-webapp-7.0.9.war[icon:download[] TomEE Webapp WAR] |7.0.9|25 Sep. 2020|27 MB |https://downloads.apache.org/tomee/tomee-7.0.9/tomee-webapp-7.0.9.war.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-7.0.9/tomee-webapp-7.0.9.war.sha512[icon:download[] SHA512]
-|||||
+|===
+
+== Apache TomEE 1.7
+
+- Java EE 6
+- Java 6, Java 7 or Java 8
+
+
+[cols="2,4*^1",options="header"]
+|===
+|Name|Version|Date|Size|Signatures & Hashes
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.zip[icon:download[] TomEE Jaxrs ZIP] |1.7.5|27 Sep. 2017|33 MB |https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.zip.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.zip.sha1[icon:download[] SHA1]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.tar.gz[icon:download[] TomEE Jaxrs TAR.GZ] |1.7.5|27 Sep. 2017|32 MB |https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.tar.gz.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-jaxrs.tar.gz.sha1[icon:download[] SHA1]
 |https://www.apache.org/dyn/closer.cgi/tomee/tomee-1.7.5/apache-tomee-1.7.5-plume.tar.gz[icon:download[] TomEE Plume TAR.GZ] |1.7.5|27 Sep. 2017|49 MB |https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-plume.tar.gz.asc[icon:download[] PGP] https://downloads.apache.org/tomee/tomee-1.7.5/apache-tomee-1.7.5-plume.tar.gz.sha1[icon:download[] SHA1]

[tomee-site-generator] 06/09: small images changes

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit 39ad085e5520ca6e829d886463d828a1bba7ac52
Author: Andrii Malytskyi <a....@gmail.com>
AuthorDate: Wed May 19 15:44:02 2021 +0000

    small images changes
---
 src/main/jbake/assets/css/cardio.css                  |   4 ++--
 src/main/jbake/assets/img/apache_tomee-logo-white.svg |   1 +
 src/main/jbake/assets/img/apache_tomee-logo.svg       |   1 +
 src/main/jbake/assets/img/commiters-info-back.jpg     | Bin 0 -> 115661 bytes
 src/main/jbake/assets/img/commiters-info-back.png     | Bin 233266 -> 0 bytes
 5 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css
index 85192b8..35673ea 100755
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@ -1612,8 +1612,8 @@ div.compact > ul > li > p {
   width: 100%;
   color: var(--violet);
   background: rgba(28, 36, 65, 0.93);
-  background: linear-gradient(150deg, rgba(212, 105, 128, 0.95), rgba(240, 160, 110, 0.95)), url('../img/commiters-info-back.png');
-  background-size: cover, cover;
+  background: url('../img/commiters-info-back.jpg');
+  background-size: cover;
   text-align: center;
   padding: 25px 0;
 }
diff --git a/src/main/jbake/assets/img/apache_tomee-logo-white.svg b/src/main/jbake/assets/img/apache_tomee-logo-white.svg
new file mode 100644
index 0000000..265da49
--- /dev/null
+++ b/src/main/jbake/assets/img/apache_tomee-logo-white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 309.12 84.6"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}.cls-6{fill:url(#linear-gradient-6);}.cls-7{fill:url(#linear-gradient-7);}.cls-8{fill:#fff;}</style><linearGradient id="linear-gradient" x1="-140.8" y1="2 [...]
\ No newline at end of file
diff --git a/src/main/jbake/assets/img/apache_tomee-logo.svg b/src/main/jbake/assets/img/apache_tomee-logo.svg
new file mode 100644
index 0000000..e1c990c
--- /dev/null
+++ b/src/main/jbake/assets/img/apache_tomee-logo.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 309.12 84.6"><defs><style>.cls-1{fill:url(#linear-gradient);}.cls-2{fill:url(#linear-gradient-2);}.cls-3{fill:url(#linear-gradient-3);}.cls-4{fill:url(#linear-gradient-4);}.cls-5{fill:url(#linear-gradient-5);}.cls-6{fill:url(#linear-gradient-6);}.cls-7{fill:url(#linear-gradient-7);}.cls-8{fill:#231f20;}</style><linearGradient id="linear-gradient" x1="-140.8" y1 [...]
\ No newline at end of file
diff --git a/src/main/jbake/assets/img/commiters-info-back.jpg b/src/main/jbake/assets/img/commiters-info-back.jpg
new file mode 100644
index 0000000..2a206ac
Binary files /dev/null and b/src/main/jbake/assets/img/commiters-info-back.jpg differ
diff --git a/src/main/jbake/assets/img/commiters-info-back.png b/src/main/jbake/assets/img/commiters-info-back.png
deleted file mode 100644
index 668f1a0..0000000
Binary files a/src/main/jbake/assets/img/commiters-info-back.png and /dev/null differ

[tomee-site-generator] 03/09: New home page initial draft

Posted by db...@apache.org.
This is an automated email from the ASF dual-hosted git repository.

dblevins pushed a commit to branch new-home-page
in repository https://gitbox.apache.org/repos/asf/tomee-site-generator.git

commit ec87691f52a974f8caf0cc858ae646b2b0b017a5
Author: Andrii Malytskyi <a....@gmail.com>
AuthorDate: Wed May 19 15:06:59 2021 +0000

    New home page initial draft
---
 src/main/jbake/assets/css/cardio.css               | 652 ++++++++++++++++-----
 src/main/jbake/assets/css/jqtree.css               |  13 +-
 src/main/jbake/assets/img/commiters-info-back.png  | Bin 0 -> 233266 bytes
 src/main/jbake/assets/img/jakarta_ee_logo.png      | Bin 0 -> 6154 bytes
 .../img/jakartaee-compatible-badge-color.svg       |   1 +
 .../img/jakartaee-compatible-badge-white.svg       |   1 +
 .../jbake/assets/img/microprofile-icon-orange.png  | Bin 0 -> 921 bytes
 src/main/jbake/assets/img/microprofile_logo.png    | Bin 0 -> 12375 bytes
 src/main/jbake/assets/js/main.js                   |   7 +-
 src/main/jbake/templates/footer.gsp                |   3 +-
 src/main/jbake/templates/index.gsp                 | 180 +++++-
 src/main/jbake/templates/menu.gsp                  |   4 +-
 12 files changed, 668 insertions(+), 193 deletions(-)

diff --git a/src/main/jbake/assets/css/cardio.css b/src/main/jbake/assets/css/cardio.css
index 6fe6e81..ed40c90 100755
--- a/src/main/jbake/assets/css/cardio.css
+++ b/src/main/jbake/assets/css/cardio.css
@@ -1,4 +1,32 @@
-@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,500,700);
+@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Montserrat&family=Poppins:wght@200;300;400;500;600;700&display=swap);
+
+:root {
+  --white: #FFF;
+  --black: #000;
+  --light-black: rgba(0, 0, 0, 0.6);
+  --light-orange: #f59423;
+  --orange: #e2632a;
+  --red: rgba(206,31,49,1);
+  --violet-light: rgb(144, 19, 254);
+  --violet: #832677;
+  --orange: rgba(243,143,35,1);
+  --pre-border: #ccc;
+  --code-color: #8a6d3b;
+  --code-back: #f5f5f5;
+  --light-blue: #31b9ff;
+  --gray: #bbb;
+  --light-gray: #ddd;
+  --green: green;
+  --blue: blue;
+  --light-white: rgba(255, 255, 255, 0.8);
+  --dark-gray: #6f6f6f;
+  --lightest-gray: #f7f7f7;
+  --light-black: #222;
+}
+
+body {
+  font-family: Poppins, Helvetica, Arial, sans-serif;
+}
 
 .parallax {
   position: absolute;
@@ -21,7 +49,7 @@
   z-index: 9999;
   width: 100%;
   height: 100%;
-  background-color: white;
+  background-color: var(--white);
 }
 
 .preloader img {
@@ -42,7 +70,7 @@
 .bigp {
   font-size: 18px;
   line-height: 1.5;
-  color: #80287a;
+  color: var(--violet);
 }
 
 ul.white-list {
@@ -53,7 +81,7 @@ ul.white-list {
 ul.white-list li {
   font-size: 18px;
   margin: 10px 0;
-  color: #fff;
+  color: var(--white);
 }
 
 ul.white-list li:before {
@@ -64,16 +92,17 @@ ul.white-list li:before {
   width: 6px;
   height: 6px;
   margin-right: 15px;
-  background: white;
+  background: var(--white);
 }
 
 header {
   position: relative;
   width: 100%;
-  color: #80287a;
+  color: var(--violet);
   background: rgba(28, 36, 65, 0.93);
-  background: url('../img/header.jpg');
-  background-size: cover;
+  background: linear-gradient(150deg, rgba(212, 105, 128, 0.57), rgba(240, 160, 110, 0.95)), url('../img/header.jpg');
+  background-size: cover, cover;
+  padding: 200px 0 0 0;
 }
 
 header .table {
@@ -89,7 +118,8 @@ header .header-text {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
-  color: #80287a;
+  color: var(--white);
+  font-weight: normal;
 }
 
 header .typed {
@@ -101,7 +131,7 @@ header .typed-cursor {
   font-size: 60px;
   display: inline-block;
   margin: 0 10px;
-  color: #80287a;
+  color: var(--violet);
 }
 
 ul, ol {
@@ -109,13 +139,13 @@ ul, ol {
 }
 
 pre {
-  border: 0 solid #ccc;
+  border: 0 solid var(--pre-border);
   margin: 0 0 20px;
 }
 
 code {
-  color: #8a6d3b;
-  background-color: #f5f5f5;
+  color: var(--code-color);
+  background-color: var(--code-back);
 }
 
 p {
@@ -164,7 +194,7 @@ li {
 
 /*a {*/
 /*text-decoration: none;*/
-/*color: #80287a;*/
+/*color: var(--violet);*/
 /*-webkit-transition: all 0.3s ease;*/
 /*transition: all 0.3s ease;*/
 /*}*/
@@ -180,118 +210,100 @@ li {
 /*}*/
 
 nav.navbar .navbar-nav li.active a:not(.btn) {
-  color: #80287a !important;
+  color: var(--light-black) !important;
 }
 
 nav.navbar-fixed-top {
-  background-image: linear-gradient(90deg,#f59423,#e2632a,#ca2136,#832778);
+  background: var(--white);
   z-index: 9499;
   top: 0;
-  padding-top: 10px;
-  padding-bottom: 10px;
+  padding-top: 15px;
+  padding-bottom: 15px;
   opacity: 1;
-}
-
-.navbar .button, .nav > li:last-child {
-    display: inline-flex;
-    align-items: center;
-    background: #fff;
-    border: 1px solid #e1e1e1;
-    border-radius: 0.25rem;
-    height: 31px;
-    padding: 0 6px;
-    margin-top: 6px;
-    margin-left: 15px;
+  border-bottom: 1px solid var(--light-gray);
 }
 
 nav.navbar-fixed-top .navbar-nav > li > a:not(.btn) {
-    color: #ffffff;
-    font-family: Roboto,sans-serif;
+    color: var(--light-black);
+    font-family: Poppins, sans-serif;
     font-size: 16px;
     font-weight: 400;
     -webkit-font-smoothing: auto;
 }
 
-nav.navbar-fixed-top .navbar-nav > li:last-child > a:not(.btn) {
-    display: inline-flex;
-    color: #222;
-    padding: 6px;
-    white-space: nowrap;
-    cursor: pointer;
-}
 .navbar-brand {
     float: left;
     height: 100%;
     padding: 0px 15px;
     font-size: 22px;
     line-height: 20px;
-    color: #fff;
-    font-family: Roboto,sans-serif;
+    color: var(--black);
+    font-family: Poppins, sans-serif;
     -webkit-font-smoothing: auto;
 }
 .icon-bar {
-  background: #bbb;
+  background: var(--gray);
 }
 
 /* Buttons */
 
 .btn {
-  font-size: 18px;
+  /*font-size: 18px;
   display: inline-block;
   padding: 15px 30px;
-  color: #80287a;
+  color: var(--violet);
   border: 2px solid transparent;
   border-radius: 2px;
   background: transparent;
-  /*-webkit-transition: all 0.3s ease;*/
+  -webkit-transition: all 0.3s ease;*/
   /*transition: all 0.3s ease;*/
 }
 
 .btn:hover,
 .btn:focus {
-  color: #CE2D34;
+  color: var(--red);
 }
 
 .btn.btn-blue {
-  background: #80287a;
-  color: #fff;
+  background: var(--violet);
+  color: var(--white);
 }
 
 .btn.btn-blue:hover {
-  background: #31b9ff;
+  background: var(--light-blue);
 }
 
 .btn.btn-blue-fill {
-  color: #80287a;
-  border-color: #80287a;
+  color: var(--violet);
+  border-color: var(--violet);
   background: transparent;
 }
 
 .btn.btn-blue-fill:hover {
-  color: white;
-  background: #80287a;
+  color: var(--white);
+  background: var(--violet);
 }
 
 .btn.btn-white-fill {
-  color: #fff;
-  border-color: #fff;
+  color: var(--white);
+  border-color: var(--white);
   background: transparent;
 }
 
 .btn.btn-white-fill:hover {
-  color: #80287a;
-  background: #fff;
+  color: var(--violet);
+  background: var(--white);
 }
 
 .btn.btn-gray-fill {
-  color: #fff;
-  border-color: #fff;
+  color: var(--white);
+  border-color: var(--white);
   background: transparent;
 }
 
 .btn.btn-gray-fill:hover {
-  border-color: #bbb;
-  background: #bbb;
+  border-color: var(--gray);
+  background: var(--gray);
 }
 
 /* Blink Cursor */
@@ -308,7 +320,6 @@ nav.navbar-fixed-top .navbar-nav > li:last-child > a:not(.btn) {
 
 .navbar {
   top: 50px;
-  height: 63px;
 }
 
 .container {
@@ -319,11 +330,11 @@ nav.navbar-fixed-top .navbar-nav > li:last-child > a:not(.btn) {
 /* Sections */
 section {
   position: relative;
+  overflow: hidden;
 }
 
 .section {
   padding: 40px 0;
-  background: #fff;
 }
 
 .main-block {
@@ -339,7 +350,7 @@ section {
   width: 0;
   height: 0;
   border-top: 80px solid transparent;
-  border-right: 30px solid white;
+  border-right: 30px solid var(--white);
 }
 
 .cut-bottom {
@@ -351,7 +362,7 @@ section {
   width: 0;
   height: 0;
   border-bottom: 80px solid transparent;
-  border-left: 30px solid white;
+  border-left: 30px solid var(--white);
 }
 
 .intro-tables {
@@ -446,8 +457,8 @@ section {
 }
 
 header h2 {
-  font-size: 48px;
-  font-weight: 500;
+  font-size: 40px;
+  font-weight: normal;
 }
 
 section h5 {
@@ -455,26 +466,6 @@ section h5 {
   font-size: 20px;
 }
 
-.intro-tables .intro-table .heading {
-  margin: 0;
-  padding: 30px;
-}
-
-.intro-tables .intro-table .small-heading {
-  margin: 0;
-  padding: 0 30px;
-}
-
-.intro-tables .intro-table .bottom {
-  position: absolute;
-  bottom: 0;
-}
-
-.intro-tables .intro-table .owl-schedule .schedule-row {
-  padding: 10px 30px;
-  color: #80287a;
-  transition: all 0.3s ease;
-}
 
 .owl-schedule .schedule-row:not(:last-child) {
   border-bottom: 1px solid rgba(255, 255, 255, 0.4);
@@ -489,7 +480,7 @@ section h5 {
   width: 50px;
   height: 50px;
   border-radius: 50%;
-  background: #80287a;
+  background: var(--violet);
   /*-webkit-animation: ripple-animation 2s;*/
   /*animation: ripple-animation 2s;*/
 }
@@ -529,7 +520,7 @@ section h5 {
   height: 320px;
   margin: 80px 0;
   text-align: center;
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
@@ -540,7 +531,7 @@ section h5 {
   display: inline-block;
   margin-bottom: 40px;
   padding: 10px;
-  background: #80287a;
+  background: var(--violet);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
@@ -557,7 +548,7 @@ section h5 {
 }
 
 .service:hover {
-  border-color: #80287a;
+  border-color: var(--violet);
 }
 
 .service:hover .icon-holder {
@@ -589,7 +580,7 @@ section h5 {
 .team {
   margin: 80px 0;
   padding-bottom: 60px;
-  background: #80287a;
+  background: var(--violet);
   box-shadow: 0 2px 3px rgba(0, 0, 0, 0.07);
 }
 
@@ -620,7 +611,7 @@ section h5 {
 /* Pricing */
 
 #pricing {
-  background: #80287a url('../img/pricing1.jpg') no-repeat center center;
+  background: var(--violet) url('../img/pricing1.jpg') no-repeat center center;
   -webkit-background-size: cover;
   background-size: cover;
   -webkit-transition: background-image 0.6s linear 0.3s;
@@ -650,7 +641,7 @@ section h5 {
   width: 50%;
   height: 300px;
   padding: 50px 40px;
-  background: #bbb;
+  background: var(--gray);
   -webkit-transition: -webkit-transform 0.3s, background-image 0.3s, opacity 0.3s;
   transition: transform 0.3s, background-image 0.3s, opacity 0.3s;
   -webkit-backface-visibility: hidden;
@@ -673,7 +664,7 @@ section h5 {
   right: 20px;
   pointer-events: none;
   opacity: 0;
-  color: #fff;
+  color: var(--white);
   -webkit-transition: opacity 0.3s;
   transition: opacity 0.3s;
 }
@@ -689,7 +680,7 @@ section h5 {
 }
 
 .pricings .pricing .box-main.active {
-  background: #80287a;
+  background: var(--violet);
   -webkit-transform: translateX(-99%);
   -ms-transform: translateX(-99%);
   transform: translateX(-99%);
@@ -706,12 +697,12 @@ section h5 {
 
 .pricings .pricing .box-second.active {
   opacity: 1;
-  background: #80287a;
+  background: var(--violet);
 }
 
 .pricings .pricing.active .box-main,
 .pricings .pricing .box-second {
-  background: #80287a;
+  background: var(--violet);
 }
 
 .pricings .pricing .box-main a.btn {
@@ -721,14 +712,14 @@ section h5 {
 .owl-twitter i.icon {
   font-size: 36px;
   margin-bottom: 60px;
-  color: #80287a;
+  color: var(--violet);
 }
 
 /* Footer */
 
 footer {
   padding: 60px 0 40px;
-  background-image: linear-gradient(to right, #f59423, #e2632a, #ca2136, #832778);
+  background-image: linear-gradient(to right, #F3A865, #E98B69, #DD6A6F, #A8659F);
   -webkit-background-size: cover;
   background-size: cover;
 }
@@ -752,11 +743,11 @@ footer .social-footer li {
 
 footer .social-footer li a {
   font-size: 24px;
-  color: #fff;
+  color: var(--white);
 }
 
 footer .social-footer li:hover a {
-  color: #80287a;
+  color: var(--violet);
 }
 
 /* Form Control */
@@ -773,8 +764,8 @@ footer .social-footer li:hover a {
 }
 
 .form-control.form-white {
-  color: #fff;
-  border: 2px solid white;
+  color: var(--white);
+  border: 2px solid var(--white);
   background: transparent;
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
@@ -782,24 +773,24 @@ footer .social-footer li:hover a {
 
 .form-control.form-white::-webkit-input-placeholder {
   /* WebKit browsers */
-  color: #fff;
+  color: var(--white);
 }
 
 .form-control.form-white:-moz-placeholder {
   opacity: 1;
   /* Mozilla Firefox 4 to 18 */
-  color: #fff;
+  color: var(--white);
 }
 
 .form-control.form-white::-moz-placeholder {
   opacity: 1;
   /* Mozilla Firefox 19+ */
-  color: #fff;
+  color: var(--white);
 }
 
 .form-control.form-white:-ms-input-placeholder {
   /* Internet Explorer 10+ */
-  color: #fff;
+  color: var(--white);
 }
 
 .form-control.form-white:focus {
@@ -831,7 +822,7 @@ footer .social-footer li:hover a {
   position: absolute;
   top: 20px;
   right: 30px;
-  color: #fff;
+  color: var(--white);
 }
 
 .popup-form {
@@ -853,17 +844,17 @@ footer .social-footer li:hover a {
   font-family: 'FontAwesome';
   display: inline-block;
   float: right;
-  color: white;
+  color: var(--white);
 }
 
 .popup-form .dropdown .dropdown-menu {
   top: 65px;
   width: 100%;
   padding: 0;
-  border: 2px solid white;
+  border: 2px solid var(--white);
   border-top: 0;
   border-radius: 0;
-  background: white;
+  background: var(--white);
   box-shadow: none;
 }
 
@@ -876,12 +867,12 @@ footer .social-footer li:hover a {
 .popup-form .dropdown .dropdown-menu li a {
   width: 100%;
   padding: 15px 30px;
-  color: #80287a;
+  color: var(--violet);
 }
 
 .popup-form .dropdown .dropdown-menu li:hover a {
-  color: #fff;
-  background: #80287a;
+  color: var(--white);
+  background: var(--violet);
 }
 
 /* Checkbox */
@@ -907,7 +898,7 @@ footer .social-footer li:hover a {
   width: 20px;
   height: 20px;
   cursor: pointer;
-  border: 2px solid white;
+  border: 2px solid var(--white);
   background: transparent;
   -webkit-transition: background-color 0.3s;
   transition: background-color 0.3s;
@@ -925,7 +916,7 @@ footer .social-footer li:hover a {
   width: 8px;
   height: 8px;
   opacity: 0;
-  background: white;
+  background: var(--white);
   -webkit-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }
@@ -946,15 +937,15 @@ footer .social-footer li:hover a {
   display: inline-block;
   margin: 0 0 0 10px;
   white-space: normal;
-  color: #fff;
+  color: var(--white);
 }
 
 .btn.btn-submit {
   width: 100%;
   margin-top: 30px;
-  color: #80287a;
-  border: 2px solid #fff;
-  background: #fff;
+  color: var(--violet);
+  border: 2px solid var(--white);
+  background: var(--white);
 }
 
 .btn.btn-submit:focus {
@@ -962,8 +953,8 @@ footer .social-footer li:hover a {
 }
 
 .btn.btn-submit:hover {
-  color: #80287a;
-  background: #fff;
+  color: var(--violet);
+  background: var(--white);
 }
 
 /* Mobile Nav */
@@ -1004,7 +995,7 @@ footer .social-footer li:hover a {
 }
 
 .mobile-nav ul li a:not(.btn) {
-  color: #aaa;
+  color: var(--light-black);
 }
 
 .mobile-nav a.close-link {
@@ -1015,8 +1006,8 @@ footer .social-footer li:hover a {
   left: 0;
   width: 100%;
   padding: 15px 0;
-  color: #fff;
-  background: #80287a;
+  color: var(--white);
+  background: var(--violet);
 }
 
 .light {
@@ -1034,31 +1025,35 @@ footer .social-footer li:hover a {
 /* Colors */
 
 .white {
-  color: white;
+  color: var(--white);
 }
 
 .light-white {
-  color: rgba(255, 255, 255, 0.5);
+  color: var(--light-white);
+}
+
+a.light-white:hover, a.light-white:active {
+  color: var(--white);
 }
 
 .white-bg {
-  background: white;
+  background: var(--white);
 }
 
 .gray-bg {
-  background: #f7f7f7;
+  background: var(--lightest-gray);
 }
 
 .blue {
-  color: #80287a;
+  color: var(--violet);
 }
 
 .blue-bg {
-  background: #80287a;
+  background: var(--violet);
 }
 
 .muted {
-  color: #989da0;
+  color: var(--dark-gray);
 }
 
 .margin-top {
@@ -1118,11 +1113,11 @@ footer .social-footer li:hover a {
     width: 100%;
     padding: 50px 50px 0;
     text-align: left;
-    background: #80287a;
+    background: var(--violet);
   }
 
   .pricings .pricing .box-main.active {
-    background: #80287a;
+    background: var(--violet);
     -webkit-transform: translateX(0%);
     -ms-transform: translateX(0%);
     transform: translateX(0%);
@@ -1161,16 +1156,17 @@ footer .social-footer li:hover a {
 
 .index-title {
   font-size: 80px;
+  font-weight: 300;
 }
 
 .contributor-name {
-  color: #80287a;
+  color: var(--violet);
   font-size: 1.7em;
   margin-bottom: 0.5em;
 }
 
 .photo {
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
   border-radius: 4px;
   padding: 4px;
@@ -1179,7 +1175,7 @@ footer .social-footer li:hover a {
 .bs-callout {
   min-height: 160px;
   padding: 20px;
-  border: 1px solid #eee;
+  border: 1px solid var(--light-gray);
   border-left-width: 5px;
   border-radius: 3px;
 }
@@ -1203,11 +1199,11 @@ footer .social-footer li:hover a {
 
 .bs-callout-primary {
 
-  border-left-color: #80287a;
+  border-left-color: var(--violet);
 }
 
 .bs-callout-primary h4 {
-  color: #80287a;
+  color: var(--violet);
 }
 
 h2 {
@@ -1260,8 +1256,8 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p {
 .admonitionblock > table td.content {
   padding-left: 1.125em;
   padding-right: 1.25em;
-  border-left: 1px solid #dddddd;
-  color: #6f6f6f;
+  border-left: 1px solid var(--light-gray);
+  color: var(--dark-gray);
   font-size: 15px;
 }
 
@@ -1280,13 +1276,13 @@ span.icon > [class^="icon-"], span.icon > [class*=" icon-"] {
   cursor: default;
 }
 .green {
-  color: green;
+  color: var(--green);
 }
 .red {
-  color: red;
+  color: var(--red);
 }
 .blue {
-  color: blue;
+  color: var(--blue);
 }
 .admonitionblock td.icon [class^="fa icon-"]:before {
   font-size: 2.5em;
@@ -1323,7 +1319,7 @@ span.icon > [class^="icon-"], span.icon > [class*=" icon-"] {
 
 /* Markdown table */
 .mdtable {
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
@@ -1334,19 +1330,19 @@ span.icon > [class^="icon-"], span.icon > [class*=" icon-"] {
 }
 
 .mdtable > thead > tr > th, .mdtable > tbody > tr > th, .mdtable > tfoot > tr > th, .mdtable > thead > tr > td, .mdtable > tbody > tr > td, .mdtable > tfoot > tr > td {
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
 }
 
 .mdtable > thead > tr > th {
   vertical-align: bottom;
-  border-bottom: 2px solid #ddd;
+  border-bottom: 2px solid var(--light-gray);
 }
 
 .mdtable > thead > tr > th, .mdtable > tbody > tr > th, .mdtable > tfoot > tr > th, .mdtable > thead > tr > td, .mdtable > tbody > tr > td, .mdtable > tfoot > tr > td {
   padding: 8px;
   line-height: 1.42857143;
   vertical-align: top;
-  border-top: 1px solid #ddd;
+  border-top: 1px solid var(--light-gray);
 }
 
 .group {
@@ -1370,7 +1366,7 @@ span.icon > [class^="icon-"], span.icon > [class*=" icon-"] {
 .group-item-i {
   margin-right: 5px;
   margin-left: 3px;
-  color: #8c8c8c;
+  color: var(--gray);
   /* height: 100%; */
   position: relative;
   float: left;
@@ -1378,7 +1374,7 @@ span.icon > [class^="icon-"], span.icon > [class*=" icon-"] {
 }
 
 table {
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
   width: 100%;
   max-width: 100%;
   margin-bottom: 20px;
@@ -1390,7 +1386,7 @@ table > tfoot > tr > th,
 table > thead > tr > td,
 table > tbody > tr > td,
 table > tfoot > tr > td {
-  border: 1px solid #ddd;
+  border: 1px solid var(--light-gray);
   padding: 8px;
 }
 table > thead > tr > th,
@@ -1403,3 +1399,355 @@ div.compact > ul > li,
 div.compact > ul > li > p {
   margin: 0px;
 }
+
+.link-block {
+  background: rgba(133,38,117,0.4);
+  padding: 15px 20px 40px 20px;
+  font-size: 19px;
+  display: flex;
+  align-items: flex-start;
+}
+
+.link-block .bottom h5 {
+  font-size: 15px;
+  font-weight: normal;
+  margin-top: 10px;
+}
+
+.link-block .bottom h4 {
+  font-size: 19px;
+  margin-bottom: 10px;
+}
+
+.link-block i {
+  margin: 10px 20px 0 10px;
+}
+
+.circled-icon {
+  border: 2px solid var(--light-white);
+  border-radius: 100%;
+  padding: 8px;
+}
+
+.header-links {
+  margin-top: 100px;
+}
+
+#main-block .table {
+  margin-bottom: 0;
+}
+
+.d-flex {
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.m-auto {
+  margin: 0 auto;
+}
+
+.lead {
+  font-size: 20px;
+}
+
+.accented-block {
+  padding: 10px 30px;
+}
+
+.accented-block::before {
+  content: "";
+  width: 40px;
+  height: 4px;
+  display: block;
+  position: absolute;
+}
+
+.btn.btn-accent {
+  text-transform: uppercase;
+  padding: 10px 30px;
+  line-height: 25px;
+  font-size: 15px;
+  box-shadow: 2px 2px 3px -2px var(--light-black);
+  letter-spacing: 1.2px;
+  border-radius: 0;
+  color: var(--white);
+}
+
+.btn.btn-accent:active {
+  box-shadow: 0 0 15px -5px var(--light-black);
+}
+
+.btn i {
+  padding: 0 15px 0 0;
+  font-size: 27px;
+  margin: 0 -5px 0 -15px;
+  vertical-align: bottom;
+}
+
+.accented-block h5 {
+  font-size: 19px;
+}
+
+.accented-block h4 {
+  font-size: 38px;
+  color: var(--light-black)
+}
+
+.accented-block.accent-violet::before {
+  background: var(--violet);
+}
+
+.accented-block.accent-violet .btn.btn-accent,
+.accent-violet.btn.btn-accent {
+  background: var(--violet);
+  border-color: var(--violet);
+}
+
+.accented-block.accent-violet .btn.btn-accent:hover,
+.accented-block.accent-violet .btn.btn-accent:active,
+.accent-violet.btn.btn-accent:hover,
+.accent-violet.btn.btn-accent:active {
+  background: var(--white);
+  color: var(--violet);
+}
+
+.accented-block.accent-red::before {
+  background: var(--red);
+}
+
+.accented-block.accent-red .btn.btn-accent,
+.accent-red.btn.btn-accent {
+  background: var(--red);
+  border-color: var(--red);
+}
+
+.accented-block.accent-red .btn.btn-accent:hover,
+.accented-block.accent-red .btn.btn-accent:active,
+.accent-red.btn.btn-accent:hover,
+.accent-red.btn.btn-accent:active {
+  background: var(--white);
+  color: var(--red);
+}
+
+.accented-block.accent-orange::before {
+  background: var(--orange);
+}
+
+.accented-block.accent-orange .btn.btn-accent,
+.accent-orange.btn.btn-accent {
+  background: var(--orange);
+  border-color: var(--orange);
+}
+
+.accented-block.accent-orange .btn.btn-accent:hover,
+.accented-block.accent-orange .btn.btn-accent:active,
+.accent-orange.btn.btn-accent:hover,
+.accent-orange.btn.btn-accent:active {
+  background: var(--white);
+  color: var(--orange);
+}
+
+.f-column-start {
+  flex-direction: column;
+  align-items: flex-start;
+  text-align: left;
+}
+
+.f-column-end {
+  flex-direction: column;
+  align-items: flex-end;
+  text-align: right;
+}
+
+.f-column-end .btn, .f-column-end.accented-block::before {
+  align-self: flex-end;
+}
+
+.f-space-between {
+  justify-content: space-between;
+}
+
+.row.section {
+  padding: 80px 0;
+}
+
+.compatible-badge {
+  width: 204px;
+  height: 72px;
+  background-image: url(../img/jakartaee-compatible-badge-color.svg);
+  color: transparent;
+  display: inline-block;
+  background-size: contain;
+  user-select: none;
+}
+
+.compatible-badge.white {
+  background-image: url(../img/jakartaee-compatible-badge-white.svg);
+}
+
+.jakarta-ee-logo {
+  width: 265px;
+  height: 80px;
+  background: url(../img/jakarta_ee_logo.png) center center no-repeat;
+  background-size: contain;
+  display: inline-block;
+  user-select: none;
+}
+
+.microprofile-logo {
+  width: 288px;
+  height: 80px;
+  background: url(../img/microprofile_logo.png) center center no-repeat;
+  background-size: contain;
+  display: inline-block;
+  user-select: none;
+}
+
+.committers-info-section {
+  width: 100%;
+  color: var(--violet);
+  background: rgba(28, 36, 65, 0.93);
+  background: linear-gradient(150deg, rgba(212, 105, 128, 0.95), rgba(240, 160, 110, 0.95)), url('../img/commiters-info-back.png');
+  background-size: cover, cover;
+  text-align: center;
+  padding: 25px 0;
+}
+
+.committers-info-section .info-count { 
+  display: block;
+  font-weight: bold;
+  font-size: 60px;
+  color: rgba(255,255,255,1);
+  letter-spacing: 0.4px;
+  margin-top: 25px;
+}
+
+.committers-info-section .info-title {
+  display: block;
+  font-weight: normal;
+  font-size: 35px;
+  color: rgba(255,255,255,1);
+  text-transform: uppercase;
+  margin-bottom: 25px;
+}
+
+.flavours-title {
+  position: absolute;
+  writing-mode: vertical-rl;
+  text-orientation: mixed;
+  right: -92px;
+  top: calc(50% - 55px);
+  padding: 10px 0;
+}
+
+.flavours-block {
+  width: 375px;
+  max-width: calc(100vw - 130px);
+  position: relative;
+  min-width: 240px;
+}
+
+.flavour {
+  border: 2px solid rgb(229, 229, 229);
+  border-radius: 20px;
+  padding: 5px 20px;
+  margin-bottom: 25px;
+  display: flex;
+  box-shadow: 0 0 80px -10px var(--light-gray);
+}
+
+.flavour-icon {
+  border-radius: 100%;
+  width: 56px;
+  height: 56px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin: 3px 15px 3px 0;
+}
+
+.flavour-plus .flavour-icon{
+  background: rgb(238, 226, 255);
+  font-family: Montserrat;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 40px;
+  color: rgba(131,38,119,1);
+}
+
+.flavour-plume .flavour-icon{
+  background: rgba(255,87,87, 0.344);
+  font-family: Poppins;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 28px;
+  color: rgba(253,87,87,1);
+}
+
+.flavour-webprofile .flavour-icon{
+  background: rgba(243,143,36,0.476);
+  font-family: Poppins;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 26px;
+  color: rgba(243,143,36,1);
+}
+
+.flavour-microprofile .flavour-icon{
+  background: url(../img/microprofile-icon-orange.png) center center no-repeat rgba(86,109,131,1);
+  color: transparent;
+}
+
+.flavour-content {
+  display: flex;
+  align-items: start;
+  justify-content: center;
+  flex-direction: column;
+  padding: 10px 0 0;
+}
+.flavour-artifact {
+  font-family: Montserrat;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 11px;
+  color: rgba(34,34,34,1);
+  text-transform: uppercase;
+  letter-spacing: 2.5px;
+  opacity: 0.5;
+}
+.flavour-identifier, .flavours-title {
+  font-family: Bebas Neue;
+  font-style: normal;
+  font-weight: bold;
+  font-size: 21px;
+  color: rgba(34,34,34,1);
+  text-transform: uppercase;
+  letter-spacing: 1.25px;
+  background: var(--white);
+}
+
+.flavours-block::after {
+  display: block;
+  content: '';
+  bottom: 60px;
+  border: 3px dashed var(--light-gray);
+  position: absolute;
+  top: 36px;
+  border-left: none;
+  width: 68px;
+  right: -79px;
+  z-index: -1;
+}
+
+.block-content {
+  max-width: 90%;
+}
+
+.no-shadow {
+  box-shadow: none !important;
+}
+
+.navbar-nav > li > a.btn {
+  padding: 7px 16px;
+  text-transform: initial;
+}
diff --git a/src/main/jbake/assets/css/jqtree.css b/src/main/jbake/assets/css/jqtree.css
index 6d07f16..4b92bdf 100755
--- a/src/main/jbake/assets/css/jqtree.css
+++ b/src/main/jbake/assets/css/jqtree.css
@@ -31,6 +31,8 @@ ul.jqtree-tree {
       margin-left: 0.5em; }
   ul.jqtree-tree .jqtree-element {
     cursor: pointer;
+    padding: 0 10px;
+    border: 1px solid transparent;
     position: relative; }
   ul.jqtree-tree .jqtree-title {
     color: #1C4257;
@@ -83,12 +85,11 @@ ul.jqtree-tree {
     box-sizing: content-box; }
   ul.jqtree-tree li.jqtree-selected > .jqtree-element,
   ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover {
-    background-color: #97BDD6;
-    background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA));
-    background: -moz-linear-gradient(top, #BEE0F5, #89AFCA);
-    background: -ms-linear-gradient(top, #BEE0F5, #89AFCA);
-    background: -o-linear-gradient(top, #BEE0F5, #89AFCA);
-    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); }
+    border: 1px solid #97BDD6;
+  }
+  ul.jqtree-tree li.jqtree-selected > .jqtree-element .fa-folder-o::before {
+      content: "\f115";
+  }
   ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title {
     outline: dashed 1px #0000ff; }
 
diff --git a/src/main/jbake/assets/img/commiters-info-back.png b/src/main/jbake/assets/img/commiters-info-back.png
new file mode 100644
index 0000000..668f1a0
Binary files /dev/null and b/src/main/jbake/assets/img/commiters-info-back.png differ
diff --git a/src/main/jbake/assets/img/jakarta_ee_logo.png b/src/main/jbake/assets/img/jakarta_ee_logo.png
new file mode 100644
index 0000000..a45c0aa
Binary files /dev/null and b/src/main/jbake/assets/img/jakarta_ee_logo.png differ
diff --git a/src/main/jbake/assets/img/jakartaee-compatible-badge-color.svg b/src/main/jbake/assets/img/jakartaee-compatible-badge-color.svg
new file mode 100644
index 0000000..5b411d8
--- /dev/null
+++ b/src/main/jbake/assets/img/jakartaee-compatible-badge-color.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.89 49.15"><defs><style>.cls-1{fill:#f58220;}.cls-2{fill:#fdb940;}.cls-3{fill:#fcb322;}.cls-4{fill:#2d3183;}.cls-5{fill:#fff;}</style></defs><path class="cls-1" d="M99.92,40.55l34.79,0s-17.25,5.39-25.83,8.23c-2.5.83-5,1.57-7.54,2.37-1.26.41-2.8,0-2.48-2.13s1.06-8.44,1.06-8.44" transform="translate(-0.92 -2.11)"/><path class="cls-2" d="M139.34,11H45.52c.22,7.67-.79,18.61-9.68,27.18H136.23a1.47,1.47,0, [...]
\ No newline at end of file
diff --git a/src/main/jbake/assets/img/jakartaee-compatible-badge-white.svg b/src/main/jbake/assets/img/jakartaee-compatible-badge-white.svg
new file mode 100644
index 0000000..957743d
--- /dev/null
+++ b/src/main/jbake/assets/img/jakartaee-compatible-badge-white.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 139.13 48.9"><defs><style>.cls-1{fill:#fff;}.cls-2{fill:#231f20;}</style></defs><path class="cls-1" d="M30.34,6.43s3,15.09-7,28.08L8.16,30.72Z" transform="translate(-1.55 -1.78)"/><path class="cls-1" d="M27.58,37.93c.87,0,1.74,0,2.58.12L1.55,31s5.33,1.76,11.76,11.38c3.4-2.71,8.53-4.44,14.27-4.44" transform="translate(-1.55 -1.78)"/><path class="cls-1" d="M30.34,6.43s3.05,15.11-7,28.13l-15.2-3.8Z" transf [...]
\ No newline at end of file
diff --git a/src/main/jbake/assets/img/microprofile-icon-orange.png b/src/main/jbake/assets/img/microprofile-icon-orange.png
new file mode 100644
index 0000000..51a0be9
Binary files /dev/null and b/src/main/jbake/assets/img/microprofile-icon-orange.png differ
diff --git a/src/main/jbake/assets/img/microprofile_logo.png b/src/main/jbake/assets/img/microprofile_logo.png
new file mode 100644
index 0000000..a7f9488
Binary files /dev/null and b/src/main/jbake/assets/img/microprofile_logo.png differ
diff --git a/src/main/jbake/assets/js/main.js b/src/main/jbake/assets/js/main.js
index a89e437..ffc4603 100755
--- a/src/main/jbake/assets/js/main.js
+++ b/src/main/jbake/assets/js/main.js
@@ -8,10 +8,10 @@ jQuery(function($) {
 	// Window Load
 	$(window).load(function() {
 		// Preloader
-		$('.intro-tables, .parallax, header').css('opacity', '0');
+		$('.parallax').css('opacity', '0');
 		$('.preloader').addClass('animated fadeOut').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
 			$('.preloader').hide();
-			$('.parallax, header').addClass('animated fadeIn').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
+			$('.parallax').addClass('animated fadeIn').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', function() {
 				$('.intro-tables').addClass('animated fadeInUp').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend');
 			});
 		});
@@ -22,8 +22,7 @@ jQuery(function($) {
 			$('.parallax img').css('height', ($(window).height()) + 'px');
 			$('.parallax img').css('width', $('.parallax').height() * ratio + 'px');
 		}
-
-		$('header').height($(window).height() + 80);
+		
 		$('section .cut').each(function() {
 			if ($(this).hasClass('cut-top'))
 				$(this).css('border-right-width', $(this).parent().width() + "px");
diff --git a/src/main/jbake/templates/footer.gsp b/src/main/jbake/templates/footer.gsp
index 3d44045..e627254 100755
--- a/src/main/jbake/templates/footer.gsp
+++ b/src/main/jbake/templates/footer.gsp
@@ -8,7 +8,6 @@
 					<ul class="social-footer">
 						<li><a href="https://www.facebook.com/ApacheTomEE/"><i class="fa fa-facebook"></i></a></li>
 						<li><a href="https://twitter.com/apachetomee"><i class="fa fa-twitter"></i></a></li>
-						<li><a href="https://plus.google.com/communities/105208241852045684449"><i class="fa fa-google-plus"></i></a></li>
 					</ul>
 				</div>
 				<div class="col-sm-6 text-center-mobile">
@@ -52,7 +51,7 @@
 			</div>
 			<div class="row bottom-footer text-center-mobile">
 				<div class="col-sm-12 light-white">
-					<p>Copyright &copy; 1999-2016 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache TomEE, TomEE, Apache, the Apache feather logo, and the Apache TomEE project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</p>
+					<p>Copyright &copy; 1999-2021 The Apache Software Foundation, Licensed under the Apache License, Version 2.0. Apache TomEE, TomEE, Apache, the Apache feather logo, and the Apache TomEE project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be trademarks or registered trademarks of their respective owners.</p>
 				</div>
 			</div>
 		</div>
diff --git a/src/main/jbake/templates/index.gsp b/src/main/jbake/templates/index.gsp
index 227f1d7..1d782d9 100755
--- a/src/main/jbake/templates/index.gsp
+++ b/src/main/jbake/templates/index.gsp
@@ -10,45 +10,171 @@
                             Apache TomEE
                         </div>
                         <div class="col-md-12 text-center">
-                            <h2 class="white typed">MicroProfile and Jakarta EE on Tomcat</h2>
-                            <span class="typed-cursor">|</span>
+                            <h2 class="white">Annoucment of compatibility</h2>
                         </div>
                     </div>
+                    <div style="opacity: 0;" class="row animated fadeInUp text-left header-links">
+                        <div class="col-md-3 no-padding">
+                        </div>
+                        <div class="col-md-3 no-padding">
+                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/docs.html">
+                                <div class="link-block">
+                                    <i class="icon_documents_alt white circled-icon"></i>
+                                    <div class="bottom">
+                                        <h4 class="white">Documentation</h4>
+                                        <h5 class="white">Learn more about Apache TomEE</h5>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-md-3 no-padding">
+                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/community/index.html">
+                                <div class="link-block">
+                                    <i class="icon_group white circled-icon"></i>
+                                    <div class="bottom">
+                                        <h4 class="white">Community</h4>
+                                        <h5 class="white">How can I contribute to TomEE?</h5>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+                        <div class="col-md-3 no-padding">
+                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html">
+                                <div class="link-block">
+                                    <i class="icon_download white circled-icon"></i>
+                                    <div class="bottom">
+                                        <h4 class="white">Downloads</h4>
+                                        <h5 class="white">How can I download Apache TomEE?</h5>
+                                    </div>
+                                </div>
+                            </a>
+                        </div>
+			        </div>
                 </div>
             </div>
         </div>
     </header>
-
     <section>
-		<div class="cut cut-top" style="border-right-width: 1899px;"></div>
 		<div class="container">
-			<div class="row intro-tables animated fadeInUp" style="opacity: 0;">
-				<div class="col-md-4">
-				    <div class="intro-table intro-table1 intro-table-hover1 intro-table-hover">
-                        <h5 class="white heading hide-hover">Learn more about TomEE</h5>
-                        <div class="bottom">
-                            <h4 class="white heading small-heading no-margin regular">Documentation</h4>
-                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/docs.html" class="btn btn-white-fill expand">Learn more...</a>
-                        </div>
+			<div class="row animated fadeInUp d-flex section" style="opacity: 0;">
+				<div class="col-md-9 text-center m-auto">
+                        <h3 class="lead muted">Apache TomEE, pronounced “Tommy”, is an all-Apache Jakarta EE 9.1 certified application server extends Apache Tomcat that is assembled from a vanilla Apache Tomcat zip file. We start with Apache Tomcat, add our jars, and zip up the rest.
+                            The result is Tomcat plus EE features - TomEE.</h3>
+				</div>
+			</div>
+            <div class="row animated fadeInUp d-flex section no-padding" style="opacity: 0;">  
+				<div class="col-md-6 d-flex f-column-start accented-block accent-violet f-space-between">
+                    <div class="block-content">
+                        <h5 class="muted">Final Release - javax namespace</h5>
+                        <h4 class="muted">apache-tomee-8.0.4</h4>
+                        <p>More academics should blog, post videos, post audio, post lectures, offer articles and more. You'll enjoy it: I've had threats and blackmail, abuse, smears and formal complaints with forged documentation.</p>
                     </div>
+                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
 				</div>
-				<div class="col-md-4">
-					<div class="intro-table intro-table2 intro-table-hover2 intro-table-hover">
-						<h5 class="white heading hide-hover">How can I contribute to TomEE?</h5>
-						<div class="bottom">
-							<h4 class="white heading small-heading no-margin regular">Community</h4>
-							<a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/community/index.html" class="btn btn-white-fill expand">Learn more...</a>
-						</div>
-					</div>
-				</div>
-				<div class="col-md-4">
-                    <div class="intro-table intro-table3 intro-table-hover3 intro-table-hover">
-                        <h5 class="white heading hide-hover">How can I download TomEE?</h5>
-                        <div class="bottom">
-                            <h4 class="white heading small-heading no-margin regular">Downloads</h4>
-                            <a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>/download-ng.html" class="btn btn-white-fill expand">Learn more...</a>
+                <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
+                    <div class="block-content">
+                        <h5 class="muted">Latest Release - Jakarta namespace</h5>
+                        <h4 class="muted">apache-tomee-9.0.0-M1</h4>
+                        <p>
+                            More academics should blog, post videos, post audio, post lectures, offer articles and more.
+                            <br>
+                            <div class="compatible-badge">Jakarte EE Compatible</div>
+                        </p>
+                    </div>
+                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+				</div>
+			</div>
+            <div class="row animated fadeInUp d-flex section" style="opacity: 0;">  
+				<div class="col-md-6 d-flex f-space-between">
+                    <div class="flavours-block">
+                        <div class="flavours-title">
+                            Flavors
+                        </div>
+                        <div class="flavour flavour-plus">
+                            <div class="flavour-icon">+</div>
+                            <div class="flavour-content">
+                                <div class="flavour-artifact">APACHE TOMEE</div>
+                                <div class="flavour-identifier">PLUS</div>
+                            </div>
+                        </div>
+                        <div class="flavour flavour-plume">
+                            <div class="flavour-icon">P</div>
+                            <div class="flavour-content">
+                                <div class="flavour-artifact">APACHE TOMEE</div>
+                                <div class="flavour-identifier">PLUME</div>
+                            </div>
                         </div>
+                        <div class="flavour flavour-webprofile">
+                            <div class="flavour-icon">W</div>
+                            <div class="flavour-content">
+                                <div class="flavour-artifact">APACHE TOMEE</div>
+                                <div class="flavour-identifier">WEBPROFILE</div>
+                            </div>
+                        </div>
+                        <div class="flavour flavour-microprofile">
+                            <div class="flavour-icon">M</div>
+                            <div class="flavour-content">
+                                <div class="flavour-artifact">APACHE TOMEE</div>
+                                <div class="flavour-identifier">MICROPROFILE</div>
+                            </div>
+                        </div>
+                    </div>
+				</div>
+                <div class="col-md-6 d-flex f-column-start accented-block accent-orange f-space-between">
+                    <div class="block-content">
+                        <h5 class="muted">What is your flavor?</h5>
+                        <h4 class="muted">TomEE Flavors</h4>
+                        <p>
+                            Apache TomEE comes with four different flavors, Web Profile, Plus and Plume. Apache TomEE Web Profile delivers Servlets, JSP, JSF, JTA, JPA, CDI, Bean Validation and EJB Lite. Apache TomEE JAX-RS (RESTfull Services) delivers the Web Profile plus JAX-RS (RESTfull Services).
+                        </p>
+                    </div>
+                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+				</div>
+			</div>    
+        </div>
+    </section>
+    <section class="committers-info-section">
+        <div class="container">
+            <div class="row animated fadeInUp" style="opacity: 0;">  
+				<div class="col-md-3">
+                    <div class="info-count">450</div>
+                    <div class="info-title">Committers</div>
+				</div>
+                <div class="col-md-3">
+                    <div class="info-count">10k</div>
+                    <div class="info-title">Coffees</div>
+				</div>
+                <div class="col-md-3">
+                    <div class="info-count">300k</div>
+                    <div class="info-title">Lines of code</div>
+				</div>
+                <div class="col-md-3">
+                    <div class="info-count">120k</div>
+                    <div class="info-title">Commits</div>
+				</div>
+			</div>
+        </div>
+    </section>
+    <section>
+		<div class="container">
+            <div class="row animated fadeInUp d-flex section" style="opacity: 0;">  
+				<div class="col-md-6 d-flex f-column-start accented-block accent-violet f-space-between">
+                    <div class="block-content">
+                        <h5 class="muted">Learn TomEE with</h5>
+                        <div class="jakarta-ee-logo"></div>
+                        <p>Jakarta EE, powered by participation, is focused on enabling community-driven collaboration and open innovation for the cloud. </p>
+                    </div>
+                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
+				</div>
+                <div class="col-md-6 d-flex f-column-end accented-block accent-red f-space-between">
+                    <div class="block-content">
+                        <h5 class="muted">Learn TomEE with</h5>
+                        <div class="microprofile-logo"></div>
+                        <p>
+                            MicroProfile is an open forum that optimizes Enterprise Java for a microservice architecture by innovating across multiple implementations and collaborating on common areas of interest with a goal of standardization.
+                        </p>
                     </div>
+                    <a class="btn btn-accent btn-primary square"><i class="icon_plus"></i>Learn more</a>
 				</div>
 			</div>
 		</div>
diff --git a/src/main/jbake/templates/menu.gsp b/src/main/jbake/templates/menu.gsp
index db28af6..cf4dfce 100755
--- a/src/main/jbake/templates/menu.gsp
+++ b/src/main/jbake/templates/menu.gsp
@@ -22,7 +22,7 @@
                     <% } %>
 
                     </span>
-				    Apache TomEE
+				    <b>Apache</b>TomEE
                 </a>
 			</div>
 			<!-- Collect the nav links, forms, and other content for toggling -->
@@ -31,7 +31,7 @@
 					<li><a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>docs.html">Documentation</a></li>
 					<li><a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>community/index.html">Community</a></li>
 					<li><a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>security/security.html">Security</a></li>
-					<li><a href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>download-ng.html">Downloads</a></li>
+					<li><a class="btn btn-accent accent-orange no-shadow" href="<%if (content.rootpath) {%>${content.rootpath}<% } else { %><% }%>download-ng.html">Downloads</a></li>
 				</ul>
 			</div>
 			<!-- /.navbar-collapse -->