-
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
-