diff --git a/src/components/home/Hero/Banner.tsx b/src/components/home/Hero/Banner.tsx index 3deb4276..f7073134 100644 --- a/src/components/home/Hero/Banner.tsx +++ b/src/components/home/Hero/Banner.tsx @@ -5,11 +5,35 @@ import LinkToNotebookLink from './LinkToNotebookLink'; export default function Banner() { return ( -
-
-
Introducing Notebook.link
-
The future of notebook sharing
- +
+
+
+
Introducing Notebook.link
+
The future of notebook sharing
+ +
+
+
+ +
+
Introducing Notebook.link
+
The future of notebook sharing
+ +
+
+
+
+
Introducing Notebook.link
+
The future of notebook sharing
+ +
+
+
+
+
Introducing Notebook.link
+
The future of notebook sharing
+ +
); diff --git a/src/components/home/Hero/styles.module.css b/src/components/home/Hero/styles.module.css index b632dcfd..91b01a47 100644 --- a/src/components/home/Hero/styles.module.css +++ b/src/components/home/Hero/styles.module.css @@ -11,18 +11,55 @@ padding-bottom: var(--ifm-spacing-3xl); } -.banner_container { +.banner_container_small { position: relative; width: 100%; display: flex; align-items: center; - background-image: url('/img/banner/notebook-link-banner.svg'); + background-image: url('/img/banner/notebook-link-banner-small.svg'); background-position: center; background-repeat: no-repeat; height: 464px; padding-bottom: 110px; } +.banner_container_medium { + position: relative; + width: 100%; + display: flex; + align-items: center; + background-image: url('/img/banner/notebook-link-banner-medium.svg'); + background-position: center; + background-repeat: no-repeat; + height: 464px; + padding-bottom: 110px; +} + +.banner_container_large { + position: relative; + width: 100%; + display: flex; + align-items: center; + background-image: url('/img/banner/notebook-link-banner-large.svg'); + background-position: center; + background-repeat: no-repeat; + height: 464px; + padding-bottom: 110px; +} + +.banner_container_very_large { + position: relative; + width: 100%; + display: flex; + align-items: center; + background-image: url('/img/banner/notebook-link-banner-very-large.svg'); + background-position: center; + background-repeat: no-repeat; + height: 464px; + padding-bottom: 110px; +} + + .banner_image { width: 100%; height: auto; @@ -75,17 +112,49 @@ font-size: 24px; } -@media only screen and (max-width: 996px) { +@media only screen and (max-width: 576px) { /*Mobile*/ .logos_carousel { display: none; } + + .banner_container_medium { + display: none + } + + .banner_container_large { + display: none + } + + .banner_container_very_large { + display: none + } +} + +@media screen and (min-width: 576px) and (max-width: 996px) { + + /*Tablet*/ + .logos_carousel { + display: none; + } + + .banner_container_small { + display: none + } + + .banner_container_large { + display: none + } + + .banner_container_very_large { + display: none + } } -@media only screen and (min-width: 996px) { +@media screen and (min-width: 996px) and (max-width: 1511px) { - /*Desktop*/ + /*Desktop: small screen*/ .table_with_8_customers { margin-bottom: var(--ifm-spacing-xl); } @@ -103,4 +172,50 @@ text-align: center; margin: var(--ifm-spacing-2xl) 0; } + + .banner_container_small { + display: none + } + + .banner_container_medium { + display: none + } + + .banner_container_very_large { + display: none + } } + +@media only screen and (min-width: 1511px) { + + /* Desktop : large screen*/ + .table_with_8_customers { + margin-bottom: var(--ifm-spacing-xl); + } + + .customer_logo { + filter: grayscale(1); + width: 100px; + } + + .worked_with { + font-size: 24px; + font-weight: 200; + font-family: var(--ifm-font-family-rubik-one); + color: var(--ifm-color-primary-p2); + text-align: center; + margin: var(--ifm-spacing-2xl) 0; + } + + .banner_container_small { + display: none + } + + .banner_container_medium { + display: none + } + + .banner_container_large { + display: none + } +} \ No newline at end of file diff --git a/static/atom.xml b/static/atom.xml index 01bc7278..95352f42 100644 --- a/static/atom.xml +++ b/static/atom.xml @@ -2,7 +2,7 @@ https://quantstack.net/ Recent blog posts featured by QuantStack team - 2026-02-04T13:30:12.438Z + 2026-02-10T09:21:50.254Z https://github.com/jpmonette/feed QuantStack Team diff --git a/static/atom_all.xml b/static/atom_all.xml index 0c35d617..fa61e493 100644 --- a/static/atom_all.xml +++ b/static/atom_all.xml @@ -2,7 +2,7 @@ All blog posts featured by QuantStack team - 2026-02-04T13:30:12.443Z + 2026-02-10T09:21:50.260Z https://github.com/jpmonette/feed Atom feed for QuantStack website blog page diff --git a/static/img/banner/notebook-link-banner-large.svg b/static/img/banner/notebook-link-banner-large.svg new file mode 100644 index 00000000..bb80827a --- /dev/null +++ b/static/img/banner/notebook-link-banner-large.svg @@ -0,0 +1,634 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/banner/notebook-link-banner-medium.svg b/static/img/banner/notebook-link-banner-medium.svg new file mode 100644 index 00000000..ea23744c --- /dev/null +++ b/static/img/banner/notebook-link-banner-medium.svg @@ -0,0 +1,860 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/banner/notebook-link-banner-small.svg b/static/img/banner/notebook-link-banner-small.svg new file mode 100644 index 00000000..77800717 --- /dev/null +++ b/static/img/banner/notebook-link-banner-small.svg @@ -0,0 +1,404 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/img/banner/notebook-link-banner-very-large.svg b/static/img/banner/notebook-link-banner-very-large.svg new file mode 100644 index 00000000..7b073d01 --- /dev/null +++ b/static/img/banner/notebook-link-banner-very-large.svg @@ -0,0 +1,310 @@ + + diff --git a/static/img/banner/notebook-link-banner.svg b/static/img/banner/notebook-link-banner.svg deleted file mode 100644 index 1f3da754..00000000 --- a/static/img/banner/notebook-link-banner.svg +++ /dev/null @@ -1,286 +0,0 @@ - - diff --git a/static/rss.xml b/static/rss.xml index 183adb51..89cedfdd 100644 --- a/static/rss.xml +++ b/static/rss.xml @@ -4,7 +4,7 @@ https://quantstack.net RSS for Node - Wed, 04 Feb 2026 13:30:12 GMT + Tue, 10 Feb 2026 09:21:50 GMT diff --git a/static/rss_all.xml b/static/rss_all.xml index 54370177..3c435ac9 100644 --- a/static/rss_all.xml +++ b/static/rss_all.xml @@ -4,7 +4,7 @@ https://quantstack.net RSS for Node - Wed, 04 Feb 2026 13:30:12 GMT + Tue, 10 Feb 2026 09:21:50 GMT