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 409f0a58 Add architecture image
409f0a58 is described below
commit 409f0a58806a8770eeb5b3e8efdb55b814c60e4a
Author: Dominik Riemer <[email protected]>
AuthorDate: Wed Jul 12 19:52:23 2023 +0200
Add architecture image
---
website-v2/src/components/PageSection.tsx | 6 +++++-
website-v2/src/components/PageSectionTitle.tsx | 2 +-
website-v2/src/components/Teaser.tsx | 5 +----
website-v2/src/components/home/MadeForIIoT.tsx | 5 ++++-
website-v2/src/css/customTheme.css | 2 +-
website-v2/static/css/custom-website.css | 6 +++++-
.../streampipes-architecture-overview.png | Bin 0 -> 397219 bytes
.../static/img/screenshots/sdk-data-processor.png | Bin 155758 -> 177094 bytes
8 files changed, 17 insertions(+), 9 deletions(-)
diff --git a/website-v2/src/components/PageSection.tsx
b/website-v2/src/components/PageSection.tsx
index 8a7ffdbc..f7d3ae8f 100644
--- a/website-v2/src/components/PageSection.tsx
+++ b/website-v2/src/components/PageSection.tsx
@@ -8,6 +8,7 @@ const PageSection = (props) => {
const alignContentCenter = props.alignContentCenter ? 'text-center
justify-content-center' : '';
const lightModeClass = props.lightMode ? 'text-light' : '';
+ const marginBottom = props.marginBottom ? props.marginBottom : '55px';
return (
<>
@@ -15,7 +16,10 @@ const PageSection = (props) => {
<div className="container">
<div className={`row align-items-center ${alignCenter}`}>
<div className={"col-12"}>
- <PageSectionTitle title={props.sectionTitle}
sectionSubtitle={props.sectionSubtitle}
lightMode={props.lightMode}></PageSectionTitle>
+ <PageSectionTitle title={props.sectionTitle}
+ marginBottom={marginBottom}
+ sectionSubtitle={props.sectionSubtitle}
+ lightMode={props.lightMode}></PageSectionTitle>
<div className={`col-lg-12 col-md-12 order-md-0
${alignContentCenter} ${lightModeClass}`}>
{props.children}
</div>
diff --git a/website-v2/src/components/PageSectionTitle.tsx
b/website-v2/src/components/PageSectionTitle.tsx
index 09758298..278e8e19 100644
--- a/website-v2/src/components/PageSectionTitle.tsx
+++ b/website-v2/src/components/PageSectionTitle.tsx
@@ -9,7 +9,7 @@ const PageSectionTitle = (props) => {
const largeSectionClass = props.largeSection ? 'section-title-large' : '';
return (
- <div className={`section-title ${largeSectionClass} ${alignClass}`}>
+ <div className={`section-title ${largeSectionClass} ${alignClass}`}
style={{marginBottom: props.marginBottom}}>
{
props.sectionSubtitle ? (<span
className="sub-title">{props.sectionSubtitle}</span>) : (<span></span>)
}
diff --git a/website-v2/src/components/Teaser.tsx
b/website-v2/src/components/Teaser.tsx
index a2aa85db..6f11029f 100644
--- a/website-v2/src/components/Teaser.tsx
+++ b/website-v2/src/components/Teaser.tsx
@@ -4,7 +4,7 @@ import CircleContainer from './CircleContainer';
const Teaser = (props) => (
<>
- <section className="elements-area">
+ <section className="elements-area" style={{borderBottom: '1px solid
#cecece'}}>
<div className={"row"}>
<div className={"col-9 container-lg d-flex align-items-center
justify-content-center"}>
<div className={"left-claim-section"}>
@@ -69,9 +69,6 @@ const Teaser = (props) => (
<div className={"col-3 teaser-image"}>
</div>
</div>
-
-
-
</section>
</>
)
diff --git a/website-v2/src/components/home/MadeForIIoT.tsx
b/website-v2/src/components/home/MadeForIIoT.tsx
index 8c0531ee..7c99da23 100644
--- a/website-v2/src/components/home/MadeForIIoT.tsx
+++ b/website-v2/src/components/home/MadeForIIoT.tsx
@@ -4,8 +4,11 @@ import PageSection from '../PageSection';
const MadeForIIoT = (props) => (
<>
<PageSection sectionTitle={"Made for the Industrial IoT"}
sectionSubtitle={"Quick-start your IIoT initiative"}
- backgroundClass={"background-primary-light"}>
+ backgroundClass={"background-primary-light"}
marginBottom={"35px"}>
+ <div className={"d-flex align-items-center justify-content-center"}>
+ <img src={"/img/architecture/streampipes-architecture-overview.png"}
className={"architecture-image"}/>
+ </div>
</PageSection>
</>
diff --git a/website-v2/src/css/customTheme.css
b/website-v2/src/css/customTheme.css
index f8b2184f..f0e7097d 100644
--- a/website-v2/src/css/customTheme.css
+++ b/website-v2/src/css/customTheme.css
@@ -10,7 +10,7 @@
--color-primary: rgb(27, 20, 100);
--color-accent: rgb(57, 181, 74);
- --color-primary-light: rgb(244, 244, 255);
+ --color-primary-light: rgb(246, 246, 255);
--ifm-navbar-height: 4.5rem;
diff --git a/website-v2/static/css/custom-website.css
b/website-v2/static/css/custom-website.css
index f90b0fef..9f12c74b 100644
--- a/website-v2/static/css/custom-website.css
+++ b/website-v2/static/css/custom-website.css
@@ -499,7 +499,11 @@ img {
font-size: 2rem;
}
-
+.architecture-image {
+ max-width: 850px;
+ margin-left: auto;
+ margin-right: auto;
+}
diff --git
a/website-v2/static/img/architecture/streampipes-architecture-overview.png
b/website-v2/static/img/architecture/streampipes-architecture-overview.png
new file mode 100644
index 00000000..c6a803b7
Binary files /dev/null and
b/website-v2/static/img/architecture/streampipes-architecture-overview.png
differ
diff --git a/website-v2/static/img/screenshots/sdk-data-processor.png
b/website-v2/static/img/screenshots/sdk-data-processor.png
index eaa4045c..1c0dece5 100644
Binary files a/website-v2/static/img/screenshots/sdk-data-processor.png and
b/website-v2/static/img/screenshots/sdk-data-processor.png differ
