Commit 4590a28
committed
Add pydata logo
Transform the title and the image into links
Remove the text giving the url of pydata website.1 parent 519ccf7 commit 4590a28
3 files changed
Lines changed: 48 additions & 13 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -2,23 +2,36 @@ import styles from "./styles.module.css"; | |||
| 2 | 2 | import SimpleSlider from "./LogosTableBy8"; | |
| 3 | 3 | import Astronaut from "/img/quantstack/astronaut.svg"; | |
| 4 | 4 | import CiteDesSciencesUrl from "@site/static/img/quantstack/geode-cropped.png"; | |
| 5 | + import LogoPyDataParisUrl from "@site/static/img/quantstack/PyData_logo.png"; | ||
| 6 | + import Link from "@docusaurus/Link"; | ||
| 5 | 7 | ||
| 6 | 8 | export function PydataParis() { | |
| 7 | 9 | return ( | |
| 8 | 10 | <div className={styles.pydata_banner}> | |
| 9 | - <img | ||
| 10 | - className={styles.pydata_image} | ||
| 11 | - src={CiteDesSciencesUrl} | ||
| 12 | - alt={"Banner to promote Pydata Paris."} | ||
| 13 | - width={"100%"} | ||
| 14 | - /> | ||
| 15 | - <p className={styles.pydata_header}>Join QuantStack at PyData Paris</p> | ||
| 11 | + <Link href={"https://pydata.org/paris2024"}> | ||
| 12 | + <img | ||
| 13 | + className={styles.pydata_image} | ||
| 14 | + src={CiteDesSciencesUrl} | ||
| 15 | + alt={"Banner to promote Pydata Paris."} | ||
| 16 | + width={"100%"} | ||
| 17 | + /> | ||
| 18 | + </Link> | ||
| 19 | + <Link href={"https://pydata.org/paris2024"}> | ||
| 20 | + <p className={styles.pydata_header}>Join QuantStack at PyData Paris</p> | ||
| 21 | + </Link> | ||
| 22 | + <Link href={"https://pydata.org/paris2024"}> | ||
| 23 | + <img | ||
| 24 | + className={styles.pydata_logo} | ||
| 25 | + src={LogoPyDataParisUrl} | ||
| 26 | + alt={"Logo of PyData Paris Conference."} | ||
| 27 | + width={"10%"} | ||
| 28 | + /> | ||
| 29 | + </Link> | ||
| 16 | 30 | <p className={styles.pydata_informations}> | |
| 17 | 31 | September 25-26 2024 | |
| 18 | 32 | <br /> | |
| 19 | 33 | Cité des Sciences, Paris, France | |
| 20 | 34 | <br /> | |
| 21 | - <a>https://pydata.org/paris2024</a> | ||
| 22 | 35 | </p> | |
| 23 | 36 | </div> | |
| 24 | 37 | ); | |
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
@@ -11,6 +11,7 @@ | |||
| 11 | 11 | background-color: var(--ifm-color-secondary-s1); | |
| 12 | 12 | } | |
| 13 | 13 | ||
| 14 | + | ||
| 14 | 15 | @media only screen and (max-width: 530px) { | |
| 15 | 16 | /*Small mobile screens*/ | |
| 16 | 17 | .logos_carousel { | |
@@ -24,15 +25,22 @@ | |||
| 24 | 25 | font-size: var(--ifm-font-size-normal); | |
| 25 | 26 | font-weight: 600; | |
| 26 | 27 | position: absolute; | |
| 27 | - top: 15%; | ||
| 28 | + top: 10%; | ||
| 28 | 29 | left: 50%; | |
| 29 | 30 | transform: translate(-50%, -50%); | |
| 30 | 31 | min-width: 250px; | |
| 31 | 32 | } | |
| 32 | 33 | ||
| 34 | + .pydata_logo { | ||
| 35 | + position: absolute; | ||
| 36 | + top: 35%; | ||
| 37 | + left: 50%; | ||
| 38 | + transform: translate(-50%, -50%); | ||
| 39 | + } | ||
| 40 | + | ||
| 33 | 41 | .pydata_informations { | |
| 34 | 42 | text-align: center; | |
| 35 | - color:var(--ifm-color-primary-p2); | ||
| 43 | + color:white; | ||
| 36 | 44 | font-size: 12px; | |
| 37 | 45 | font-weight: 600; | |
| 38 | 46 | position: absolute; | |
@@ -62,6 +70,13 @@ | |||
| 62 | 70 | min-width: 350px; | |
| 63 | 71 | } | |
| 64 | 72 | ||
| 73 | + .pydata_logo { | ||
| 74 | + position: absolute; | ||
| 75 | + top: 10%; | ||
| 76 | + left: 50%; | ||
| 77 | + transform: translate(-50%, -50%); | ||
| 78 | + } | ||
| 79 | + | ||
| 65 | 80 | .pydata_informations { | |
| 66 | 81 | text-align: center; | |
| 67 | 82 | color: var(--ifm-color-primary-p2); | |
@@ -114,19 +129,26 @@ | |||
| 114 | 129 | font-size: var(--ifm-font-size-main-title); | |
| 115 | 130 | font-weight: 600; | |
| 116 | 131 | position: absolute; | |
| 117 | - top: 30%; | ||
| 132 | + top: 20%; | ||
| 118 | 133 | left: 50%; | |
| 119 | 134 | transform: translate(-50%, -50%); | |
| 120 | 135 | min-width: 600px; | |
| 121 | 136 | } | |
| 122 | 137 | ||
| 138 | + .pydata_logo { | ||
| 139 | + position: absolute; | ||
| 140 | + top: 32%; | ||
| 141 | + left: 50%; | ||
| 142 | + transform: translate(-50%, -50%); | ||
| 143 | + } | ||
| 144 | + | ||
| 123 | 145 | .pydata_informations { | |
| 124 | 146 | text-align: center; | |
| 125 | - color: var(--ifm-color-primary-p2); | ||
| 147 | + color:white; | ||
| 126 | 148 | font-size: var(--ifm-font-size-medium); | |
| 127 | 149 | font-weight: 600; | |
| 128 | 150 | position: absolute; | |
| 129 | - top: 60%; | ||
| 151 | + top: 70%; | ||
| 130 | 152 | left: 50%; | |
| 131 | 153 | transform: translate(-50%, -50%); | |
| 132 | 154 | } | |
LoadingViewer requires iframe.
0 commit comments