Add labels to index page
diff --git a/website-v2/src/components/home/LovedByDevelopers.tsx b/website-v2/src/components/home/LovedByDevelopers.tsx
index a93c3bc..d244d30 100644
--- a/website-v2/src/components/home/LovedByDevelopers.tsx
+++ b/website-v2/src/components/home/LovedByDevelopers.tsx
@@ -24,6 +24,10 @@
With its microservice architecture at its core, you can install your extensions at any time without the
need to restart the whole system.
</p>
+ <div>
+ <a href="/docs/extend-tutorial-data-processors" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Tutorial: SDK</a>
+ </div>
</Subsection>
<div>
<img className="d-block w-100 mt-2 mb-2" src={"/img/screenshots/sdk-data-processor.png"} alt={"Online ML"}/>
@@ -45,6 +49,11 @@
</p>
<p className={"text-left"}>And of course, you can also just use the provided REST interface!</p>
+
+ <div>
+ <a href="/docs/python" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Python Client</a>
+ </div>
</Subsection>
</TwoColumnFeatureSection>
<TwoColumnFeatureSection>
@@ -57,6 +66,10 @@
But you can also integrate other ML models, and play back the results in form of a new data stream to
StreamPipes.
</p>
+ <div>
+ <a href="/docs/python/latest/tutorials/4-using-online-machine-learning-on-a-streampipes-data-stream" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Online ML with StreamPipes</a>
+ </div>
</Subsection>
<div>
<img className="d-block w-100 mt-2 mb-2" src={"/img/screenshots/python-onlineml.png"} alt={"Online ML"}/>
diff --git a/website-v2/src/components/home/LovedByUsers.tsx b/website-v2/src/components/home/LovedByUsers.tsx
index ad03d17..bd3b3bf 100644
--- a/website-v2/src/components/home/LovedByUsers.tsx
+++ b/website-v2/src/components/home/LovedByUsers.tsx
@@ -29,6 +29,8 @@
<p className={"text-left"}>Pre-processing rules can be added to harmonize data before ingestion, e.g.,
transformation of
measurement units.</p>
+ <a href="/docs/use-connect" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Learn more</a>
</FeatureItemHorizontal>
<FeatureItemHorizontal featureNumber={"02."} title={"Analyze"} images={[{src: "/img/screenshots/sp-editor-pipeline.png", alt: "StreamPipes Pipeline Editor"}, {src: "/img/screenshots/sp-editor-config-trend.png", alt: "Pipeline Editor Configuration"}]}>
<p className={"text-left"}>Harmonize and analyze data by using the real-time algorithm toolbox ranging from simple filters up to pre-trained neural networks - or build your own algorithm with the provided SDK.</p>
@@ -40,6 +42,8 @@
</p>
<hr/>
<p>Our pipeline elements focus on analyzing industrial IoT data - for instance, we provide many operators to transform process data from PLC systems.</p>
+ <a href="/docs/use-pipeline-editor" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Learn more</a>
</FeatureItemHorizontal>
<FeatureItemHorizontal featureNumber={"03."} title={"Exploit"} images={[{src: "/img/screenshots/sp-explorer-ts.png", alt: "StreamPipes Data Explorer Time Series Chart"}, {src: "/img/screenshots/sp-data-explorer-config.png", alt: "Data Explorer Widgets"}, {src: "/img/screenshots/sp-dashboard.png", alt: "Live Dashboard"}]}>
<p className={"text-left"}>Trigger notifications, configure your real-time dashboard or send data to third-party systems such as databases (e.g., Kafka or Elasticsearch), external services (e.g., Slack) or IoT actuators.</p>
@@ -56,6 +60,10 @@
<p className={"text-left"}>The brand-new data explorer gives you an intuitive and feature-rich component to visually analyze persisted time-series data and comes with ready-to-use visualizations such as heatmaps, value distribution charts or time-series charts.</p>
<hr/>
<p className={"text-left"}>Use the live dashboard to visualize data in real-time, e.g., show critical values directly on the shopfloor.</p>
+ <a href="/docs/use-data-explorer" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Data Explorer</a>
+ <a href="/docs/use-dashboard" className="sp-button sp-button-medium sp-button-blue"><i
+ className="fas fa-hand-point-right"></i> Live Dashboard</a>
</FeatureItemHorizontal>
</PageSection>
diff --git a/website-v2/static/css/buttons.css b/website-v2/static/css/buttons.css
index 0f23912..94244aa 100644
--- a/website-v2/static/css/buttons.css
+++ b/website-v2/static/css/buttons.css
@@ -40,8 +40,9 @@
}
.sp-button-medium {
- font-size: 1.0em;
+ font-size: 1rem;
padding: 0.75em 0.75em;
+ text-transform: none;
}
