This is an automated email from the ASF dual-hosted git repository.
xiangfu pushed a commit to branch dev
in repository https://gitbox.apache.org/repos/asf/incubator-pinot-site.git
The following commit(s) were added to refs/heads/dev by this push:
new 41f25f4 Update pinot overview logo
new 93a7609 Merge pull request #30 from ChethanUK/dev
41f25f4 is described below
commit 41f25f4423c8f4cbaecc67c7f54b327ffe1c3484
Author: ChethanUK <[email protected]>
AuthorDate: Wed Apr 28 02:17:29 2021 +0530
Update pinot overview logo
---
website/src/pages/index.css | 7 +++++-
website/src/pages/index.js | 16 ++++++------
website/src/pages/index.module.css | 50 +++++++++++++++++---------------------
3 files changed, 37 insertions(+), 36 deletions(-)
diff --git a/website/src/pages/index.css b/website/src/pages/index.css
index 6b2a2cb..43aefed 100644
--- a/website/src/pages/index.css
+++ b/website/src/pages/index.css
@@ -106,7 +106,7 @@
}
.svg {
- display: block;
+ /* display: block; */
margin: var(--ifm-heading-margin-bottom) auto;
max-height: 100%;
max-width: 100%;
@@ -115,6 +115,11 @@
width: auto;
height: auto;
display: block;
+ /* display: 'inline-block',
+ backgroundColor: backgroundColor || 'black',
+ WebkitMask: `url('${url}') no-repeat 50% 50% / cover`,
+ fill: #645484;
+ mask: `url('${url}') no-repeat 50% 50% / cover`, */
}
/* fallback */
diff --git a/website/src/pages/index.js b/website/src/pages/index.js
index ae3bff8..107569b 100755
--- a/website/src/pages/index.js
+++ b/website/src/pages/index.js
@@ -18,7 +18,8 @@ import Tabs from "@theme/Tabs";
import classnames from "classnames";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
-// import PinotOverview from '@site/static/img/pinot-overview.svg';
+import PinotOverview from '@site/static/img/pinot-overview.svg';
+import PinotQuery from '@site/static/img/ingest-query.svg';
import styles from "./index.module.css";
import "./index.css";
@@ -249,10 +250,11 @@ function Usage() {
Presto(supports Joins)
</div>
- <SVG
+ <PinotQuery title="PinotOverview" className="svg
image-overview figure" />
+ {/* <SVG
src="/img/ingest-query.svg"
className="svg image-overview figure"
- />
+ /> */}
</div>
</section>
);
@@ -395,12 +397,12 @@ function Home() {
<p className="hero__subtitle">
{siteConfig.tagline}, designed to answer OLAP queries
with low latency
- {/* <Diagram className={styles.indexHeroDiagram}
width="100%" /> */}
- {/* <PinotOverview title="PinotOverview"
className="svg image-overview figure" /> */}
- <SVG
+ <PinotOverview title="PinotOverview" className="svg
image-overview figure" />
+ {/* <SVG
src="/img/pinot-overview.svg"
+ fill="#fff"
className="svg image-overview figure"
- />
+ /> */}
</p>
<div className="hero--buttons">
<Link
diff --git a/website/src/pages/index.module.css
b/website/src/pages/index.module.css
index 9c0aba8..662ecad 100644
--- a/website/src/pages/index.module.css
+++ b/website/src/pages/index.module.css
@@ -16,7 +16,7 @@
* specific language governing permissions and limitations
* under the License.
*/
-/*
+/*
* Hero Section
*/
@@ -73,47 +73,41 @@
}
.indexHeroBanner {
- animation: indexHeroInitial 700ms cubic-bezier(0, 1.5, 0.32, 1.5),
- indexHeroPulsating 2.5s linear infinite;
+ animation: indexHeroInitial 700ms cubic-bezier(0, 1.5, 0.32, 1.5),
indexHeroPulsating 2.5s linear infinite;
animation-delay: 650ms, 1350ms;
animation-fill-mode: forwards;
- background-image: radial-gradient(
- ellipse at center calc(50% + 125px),
- rgba(var(--ifm-color-primary-rgb), 0.25),
- transparent 20%
- );
+ background-image: radial-gradient(ellipse at center calc( 50% + 6em ),
rgba(var(--ifm-color-primary-rgb), 0.25), transparent 20%);
background-position: center center;
- min-height: calc(100vh - var(--ifm-navbar-height));
-}
+ font-size: 1.05em;
+ }
-.indexHeroDiagram {
- margin: calc(var(--ifm-spacing-vertical) * 4) 0
- calc(var(--ifm-spacing-vertical) * 2) 0;
- max-height: 325px;
+ .indexHeroDiagram {
+ margin: calc( var(--ifm-spacing-vertical) * 2 ) 0;
+ max-height: 21em;
+ height: auto;
width: 100%;
-}
+ }
-html[data-theme="dark"] .hero {
- background-image: radial-gradient(
- ellipse at center calc(50% + 125px),
- rgba(var(--ifm-color-primary-rgb), 0.2),
- transparent 30%
- );
-}
+ html[data-theme="dark"] .hero {
+ background-image: radial-gradient(ellipse at center calc( 50% + 125px ),
rgba(var(--ifm-color-primary-rgb), 0.2), transparent 30%);
+ }
-@media (max-width: 480px) {
+ @media (max-width: 480px) {
html[data-theme="dark"] .indexHeroBanner,
.indexHeroBanner {
- animation: none;
- background-image: none;
- min-height: auto;
+ animation: none;
+ background-image: none;
+ min-height: auto;
}
.indexHeroDiagram {
- display: none;
+ margin: var(--ifm-spacing-vertical) 0 0 0;
}
-}
+ /* .indexHeroDiagram {
+ display: none;
+ }*/
+ }
/*
* Features Section
*/
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
