fix(website): Carosuel Height and Bootstrap 5 mods
diff --git a/src/site/asciidoc/index.adoc b/src/site/asciidoc/index.adoc
index e3ad303..278c726 100644
--- a/src/site/asciidoc/index.adoc
+++ b/src/site/asciidoc/index.adoc
@@ -71,14 +71,14 @@
<div class="col-lg-12 mx-auto">
<h2 class="section-highlight-text-secondary">Integrations.</h2>
<p class="lead">PLC4X comes with many built-in integrations to further process your asset data. </p>
- <div id="integrationCarousel" class="carousel slide" data-ride="carousel">
+ <div id="integrationCarousel" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<div class="col-md-12 col-lg-4">
<div class="card h-100 p-5 justify-content-center"
onclick="window.open('https://calcite.apache.org','_blank');" style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_calcite_logo.svg" alt="Card image cap">
+ <img src="images/integrations/apache_calcite_logo.svg" alt="Calcite" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache Calcite</b></h5>
@@ -91,7 +91,7 @@
<div class="card h-100 p-5 justify-content-center"
onclick="window.open('https://camel.apache.org','_blank');" style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_camel_logo.png" alt="Card image cap">
+ <img src="images/integrations/apache_camel_logo.png" alt="Apache Camel" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache Camel</b></h5>
@@ -104,7 +104,7 @@
<div class="card h-100 p-5 justify-content-center"
onclick="window.open('https://iotdb.apache.org','_blank');" style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_iotdb_logo.png" alt="Card image cap">
+ <img src="images/integrations/apache_iotdb_logo.png" alt="Apache IotDB" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache IoTDB</b></h5>
@@ -117,7 +117,7 @@
<div class="card h-100 p-5 justify-content-center"
onclick="window.open('https://kafka.apache.org','_blank');" style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_kafka_logo.png" alt="Card image cap">
+ <img src="images/integrations/apache_kafka_logo.png" alt="Apache Kafka" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache Kafka</b></h5>
@@ -130,7 +130,7 @@
<div class="card h-100 p-5 justify-content-center"
onclick="window.open('https://nifi.apache.org','_blank');" style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_nifi_logo.svg" alt="Card image cap">
+ <img src="images/integrations/apache_nifi_logo.svg" alt="Apache Nifi" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache Nifi</b></h5>
@@ -144,7 +144,7 @@
onclick="window.open('https://streampipes.apache.org','_blank');"
style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_streampipes_logo.png" alt="Card image cap">
+ <img src="images/integrations/apache_streampipes_logo.png" alt="Apache Streampipes" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache StreamPipes</b></h5>
@@ -158,7 +158,7 @@
onclick="window.open('https://hop.apache.org','_blank');"
style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/apache_hop_logo.png" alt="Card image cap">
+ <img src="images/integrations/apache_hop_logo.png" alt="Apache Hop" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Apache Hop</b></h5>
@@ -172,7 +172,7 @@
onclick="window.open('https://www.eclipse.org/ditto/','_blank');"
style="cursor:pointer;">
<div class="d-flex align-items-center justify-content-center h-100">
- <img src="images/integrations/eclipse_ditto_logo.png" alt="Card image cap">
+ <img src="images/integrations/eclipse_ditto_logo.png" alt="Eclipse Ditto" style="height: 100px;">
</div>
<div class="card-body">
<h5 class="card-title"><b>Eclipse Ditto</b></h5>
@@ -181,13 +181,13 @@
</div>
</div>
</div>
- <a class="carousel-control-prev" href="#integrationCarousel" role="button" data-slide="prev">
+ <a class="carousel-control-prev" href="#integrationCarousel" role="button" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
- <span class="sr-only">Previous</span>
+ <span class="sr-only">Previous</span>
</a>
- <a class="carousel-control-next" href="#integrationCarousel" role="button" data-slide="next">
+ <a class="carousel-control-next" href="#integrationCarousel" role="button" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
- <span class="sr-only">Next</span>
+ <span class="sr-only">Next</span>
</a>
</div>
</div>
diff --git a/src/site/site.xml b/src/site/site.xml
index 4ed13d1..9d8fc61 100644
--- a/src/site/site.xml
+++ b/src/site/site.xml
@@ -24,7 +24,7 @@
<skin>
<groupId>org.apache.plc4x.plugins</groupId>
<artifactId>plc4x-site-skin</artifactId>
- <version>1.1.0</version>
+ <version>1.2.0-SNAPSHOT</version>
</skin>
<!-- Hide the publish-date as this will cause changes on every generated page every day -->
