This is an automated email from the ASF dual-hosted git repository.
riemer pushed a commit to branch improved-website
in repository https://gitbox.apache.org/repos/asf/streampipes-website.git
The following commit(s) were added to refs/heads/improved-website by this push:
new d12324a8 Add labels to index page
d12324a8 is described below
commit d12324a81434a1f6e9275cd8661383d274134e06
Author: Dominik Riemer <[email protected]>
AuthorDate: Wed Jul 12 21:04:08 2023 +0200
Add labels to index page
---
website-v2/src/components/home/LovedByDevelopers.tsx | 13 +++++++++++++
website-v2/src/components/home/LovedByUsers.tsx | 8 ++++++++
website-v2/static/css/buttons.css | 3 ++-
3 files changed, 23 insertions(+), 1 deletion(-)
diff --git a/website-v2/src/components/home/LovedByDevelopers.tsx
b/website-v2/src/components/home/LovedByDevelopers.tsx
index a93c3bca..d244d306 100644
--- a/website-v2/src/components/home/LovedByDevelopers.tsx
+++ b/website-v2/src/components/home/LovedByDevelopers.tsx
@@ -24,6 +24,10 @@ const LovedByDevelopers = (props) => (
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 @@ const LovedByDevelopers = (props) => (
</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 @@ const LovedByDevelopers = (props) => (
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 ad03d173..bd3b3bfb 100644
--- a/website-v2/src/components/home/LovedByUsers.tsx
+++ b/website-v2/src/components/home/LovedByUsers.tsx
@@ -29,6 +29,8 @@ const LovedByUsers = (props) => (
<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 @@ const LovedByUsers = (props) => (
</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 @@ const LovedByUsers = (props) => (
<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 0f239123..94244aa1 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;
}
