This is an automated email from the ASF dual-hosted git repository.

xiangfu pushed a commit to branch adding_user_facing_analytics
in repository https://gitbox.apache.org/repos/asf/incubator-pinot-site.git

commit 80b65820981c8b3673ee3aae705d9d44a83092b2
Author: Xiang Fu <[email protected]>
AuthorDate: Thu Apr 29 00:00:10 2021 -0700

    Adding user-facing analytics section
---
 website/src/pages/index.js         | 38 ++++++++++++++++++++++++++++++++++++++
 website/src/pages/index.module.css |  7 +++++++
 2 files changed, 45 insertions(+)

diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index 977f4ef..908a88b 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -166,6 +166,43 @@ function Feature({ icon, title, description }) {
     );
 }
 
+function UserFacingAnalytics() {
+    return (
+        <section className="topologies">
+            <div className="container">
+                <AnchoredH2 id="ingest-query">
+                    User-Facing Analytics
+                </AnchoredH2>
+                <p align="center">
+                    <h3 className={styles.installSubTitle}>Building Latency 
Sensitive User Facing Analytics via Apache Pinot</h3>
+                    <div>
+                        <iframe className={styles.youtubePlayer}
+                            title="Building Latency Sensitive User Facing 
Analytics via Apache Pinot"
+                            src="https://www.youtube.com/embed/JV0WxBwJqKE";>
+                        </iframe>
+                    </div>
+
+                    <h3 className={styles.installSubTitle}>Using Apache Kafka 
and Apache Pinot for User-Facing Analytics</h3>
+                    <div>
+                        <iframe className={styles.youtubePlayer}
+                            title="Using Apache Kafka and Apache Pinot for 
User-Facing, Real-Time Analytics"
+                            src="https://www.youtube.com/embed/L5b_OJVOJKo";>
+                        </iframe>
+                    </div>
+                    <div className="hero--buttons">
+                        <Link
+                            
to="https://docs.pinot.apache.org/community-1/videos";
+                            className="button button--primary 
button--highlight"
+                        >
+                            More Videos
+                        </Link>
+                    </div>
+                </p>
+            </div>
+        </section>
+    );
+}
+
 function WhoUses() {
     return (
         <section className="topologies">
@@ -431,6 +468,7 @@ function Home() {
                 {features && features.length && (
                     <Features features={features} />
                 )}
+                <UserFacingAnalytics />
                 <Usage />
                 <WhoUses />
                 <Installation />
diff --git a/website/src/pages/index.module.css 
b/website/src/pages/index.module.css
index ea2c53d..4910805 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -281,6 +281,13 @@
     margin-top: var(--ifm-heading-margin-bottom);
 }
 
+.youtubePlayer {
+    margin: 15px 10px 15px 15px;
+    position: relative;
+    height: 400px;
+    width: 600px;
+}
+
 .installationPlatforms {
     margin: calc(var(--ifm-spacing-vertical) * 4) 0
         calc(var(--ifm-spacing-vertical) * 1) 0;

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to