1.4

Dockerfile

@@ -1,11 +1,10 @@
 FROM icr.io/appcafe/open-liberty:kernel-slim-java17-openj9-ubi
-#FROM harbor-dev.alldcs.nl/allard/openliberty-java17
 
 ARG VERSION=1.0
 ARG REVISION=SNAPSHOT
 
 LABEL \
-  org.opencontainers.image.authors="Your Name" \
+  org.opencontainers.image.authors="Allard Krings" \
   org.opencontainers.image.vendor="IBM" \
   org.opencontainers.image.url="local" \
   org.opencontainers.image.source="https://github.com/OpenLiberty/guide-getting-started" \

src/main/webapp/css/main.css

@@ -1,5 +1,5 @@
 /*******************************************************************************
-* Copyright (c) 2018 IBM Corporation and others.
+* Copyright (c) 2018, 2024 IBM Corporation and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
@@ -8,22 +8,20 @@
 * Contributors:
 *     IBM Corporation - initial API and implementation
 *******************************************************************************/
-@import url("https://fonts.googleapis.com/css?family=Asap:300,400,500");
-
 @font-face {
-    font-family: BunueloLight, sans-serif;
+  font-family: BunueloLight;
-    src: url("/fonts/BunueloCleanPro-Light.woff");
+  src: url("/fonts/BunueloCleanPro-Light.otf");
 }
 
 @font-face {
-    font-family: BunueloSemiBold, sans-serif;
+  font-family: BunueloSemiBold;
-    src: url("/fonts/BunueloCleanPro-SemiBold.woff");
+  src: url("/fonts/BunueloCleanPro-SemiBold.otf");
 }
 
-body{
+body {
-    font-family:Asap, sans-serif;
+  font-family: BunueloSemiBold;
   font-size: 16px;
-    color:#24243b;
+  color: #24243b;
   background-color: white;
   margin: 0px;
 }
@@ -32,8 +30,9 @@ section {
   padding-top: 55px;
   padding-left: 8%;
   padding-right: 8%;
-    letter-spacing:0;
+  /* font-weight: 400; */
-    text-align:left;
+  letter-spacing: 0;
+  text-align: left;
 }
 
 .line {
@@ -43,7 +42,7 @@ section {
 }
 
 .headerImage {
-    background-image: url(/img/header_ufo.png);
+  background-image: url("/img/header_ufo.png");
   background-repeat: no-repeat;
   background-position: top 20px right 15px;
   height: 103px;
@@ -60,11 +59,11 @@ p {
   margin-top: 0px;
 }
 h1 {
-    font-family:BunueloSemiBold, sans-serif;
+  font-family: BunueloSemiBold;
   font-size: 40px;
   font-weight: 400;
-    letter-spacing:0;
+  letter-spacing: 0;
-    text-align:left;
+  text-align: left;
 }
 h2 {
   font-size: 24px;
@@ -78,7 +77,7 @@ a {
 }
 
 #appIntro {
-    background-image:linear-gradient(#141427 0%, #2c2e50 100%);
+  background-image: linear-gradient(#141427 0%, #2c2e50 100%);
   background-size: 100% calc(100% - 70px);
   background-repeat: no-repeat;
 }
@@ -89,14 +88,14 @@ a {
 }
 
 #appTitle {
-    font-family:BunueloLight, sans-serif;
+  font-family: BunueloLight;
-    font-size:55px;
+  font-size: 55px;
 }
 
 .headerRow {
   height: 100px;
-    position:relative;
+  position: relative;
-    z-index:2;
+  z-index: 2;
   box-shadow: 0 2px 4px 0 rgba(0,0,0,0.50);
 }
 .headerRow > div {
@@ -106,20 +105,14 @@ a {
 .collapsibleRow {
   transition: border 400ms ease-out, box-shadow 200ms linear;
   cursor: pointer;
-    box-shadow: none;
-    border-bottom: 4px solid;
 }
 .collapsibleRow:hover .headerTitle {
   background-color: #f4f4f4;
   transition: background-color 0.1s;
 }
-.collapsed {
+.collapsed .collapsibleRow {
   box-shadow: none;
   border-bottom: 4px solid;
-    transition: all 400ms ease-out, opacity 300ms ease-in;
-    opacity: 0;
-    max-height: 0;
-    visibility: hidden;
 }
 .collapsed#healthSection > .headerRow {
   border-bottom-color: #D6D9E4;
@@ -130,18 +123,24 @@ a {
 .collapsed#metricsSection > .headerRow {
   border-bottom-color: #EEF3C3;
 }
-.collapsibleContent { /* collapsing animation */
+
+.collapsed .collapsibleContent { /* collapsing animation */
+  transition: all 400ms ease-out, opacity 300ms ease-in;
+}
+.expanded .collapsibleContent { /* expanding animation */
+  transition: all 400ms ease-out, opacity 450ms ease-out;
+}
+.collapsed .collapsibleContent {
   opacity: 0;
   max-height: 0;
   visibility: hidden;
-    transition: all 400ms ease-out, opacity 300ms ease-in;
 }
-.expanded { /* expanding animation */
+.expanded .collapsibleContent {
-    transition: all 400ms ease-out, opacity 450ms ease-out;
   opacity: 1;
   max-height: 1000px;
   visibility: visible;
 }
+
 .headerIcon {
   width: 160px;
   height: 100%;
@@ -149,12 +148,12 @@ a {
   background-color: #E8EAEF;
 }
 .headerIcon img {
-    display:block;
+  display: Block;
   margin:auto;
   margin-top: 20px;
 }
 
-#healthSection {
+#healthSection .headerIcon {
   background-color: #E8EAEF;
 }
 #configSection .headerIcon {
@@ -166,7 +165,7 @@ a {
 
 .headerTitle {
   background-color: white;
-    color:#5d6a8e;
+  color: #5d6a8e;
   letter-spacing:0;
   text-align:left;
   padding-left: 40px;
@@ -188,8 +187,8 @@ a {
 }
 
 .headerTitle > h2 {
-    font-family: BunueloLight, sans-serif;
+  font-family: BunueloLight;
-    font-size:40px;
+  font-size: 40px;
   margin: 0;
 }
 
@@ -221,11 +220,11 @@ a {
 }
 
 button {
-    border-radius:100px;
+  border-radius: 100px;
-    height:44px;
+  height: 44px;
-    color:#24253a;
+  color: #24253a;
-    text-align:center;
+  text-align: center;
-    font-family: Asap, sans-serif;
+  font-family: BunueloSemiBold;
   margin-top: 25px;
   margin-bottom: 70px;
   cursor: pointer;
@@ -234,24 +233,24 @@ button {
 
 button a {
   text-decoration: none;
-    color:#F4914D;
+  color: #F4914D;
 }
 
 #guidesButton {
-    background-color:#abd155;
+  background-color: #abd155;
-    width:269px;
+  width: 269px;
   font-weight: 500;
-    font-size:16px;
+  font-size: 16px;
   transition: background-color .2s;
 }
 #guidesButton:hover {
   background-color: #C7EE63;
 }
 #mpGuidesButton {
-    border:2px solid #f4914d8c;
+  border: 2px solid #f4914d8c;
-    border-radius:100px;
+  border-radius: 100px;
-    font-size:20px;
+  font-size: 20px;
-    letter-spacing:0;
+  letter-spacing: 0;
   padding-left: 40px;
   padding-right: 40px;
   background-color: white;
@@ -263,7 +262,7 @@ button a {
 }
 
 section#openLibertyAndMp {
-    background:#f4f4f5;
+  background: #f4f4f5;
   background-size: 100% calc(100% - 70px);
   background-repeat: no-repeat;
 }
@@ -296,7 +295,7 @@ section#openLibertyAndMp {
 
 #serviceStatus {
   font-size: 50px;
-    font-family:BunueloLight, sans-serif;
+  font-family: BunueloLight;
   margin-top: 30px;
 }
 
@@ -331,7 +330,7 @@ td {
   background: #D6D9E4;
 }
 #configTable tr:first-child {
-    background: #F8D7C1;
+  background: #F8D7C1;;
 }
 #metricsTable tr:first-child {
   background: #EEF3C3;
@@ -377,12 +376,12 @@ td {
 }
 
 #learnMore > h2 {
-    color:#5e6b8d;
+  color: #5e6b8d;
 }
 
 .bodyFooter {
   padding: 5px 8%;
-  background-image: url(/img/footer_main.png);
+  background-image: url("/img/footer_main.png");
   background-repeat: no-repeat;
   background-position: top 20px right 110px;
   margin-bottom: 40px;
@@ -391,7 +390,7 @@ td {
 }
 
 .bodyFooterLink {
-  font-family: Asap, sans-serif;
+  font-family: BunueloSemiBold;
   font-weight: 300;
   font-size: 14px;
   letter-spacing: 0;

src/main/webapp/index.html

@@ -9,7 +9,7 @@
     <body>
         <section id="appIntro">
             <div id="titleSection">
-                <h1 id="appTitle">Java-PitStop Openliberty/Java17 voorbeeld 2.1</h1>
+                <h1 id="appTitle">Java-PitStop Openliberty/Java17 voorbeeld 1.4</h1>
                 <div class="line"></div>
                 <div class="headerImage"></div>
                 <h2>Open Liberty Java17 applicatie op Container Hosting Platform!</h2>

test.txt

@@ -1 +1 @@
-20250327-4
+20250408-0923