Update docs font family to Inter and swap the logo (#2611)

* Update docs font family to Inter

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Match weights to previous Google font

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Update logo images; revert css formatting for easier PR review

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Update text styles

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Add trailing whitespace (?)

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Update Kedro image path

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* Update font size

Signed-off-by: Tynan DeBold <thdebold@gmail.com>

* update font to font-family: 'Inter', sans-serif;

Signed-off-by: huongg <huongg1409@gmail.com>

* testing with important for font-family

Signed-off-by: huongg <huongg1409@gmail.com>

* Make project name lowercase in docs

Signed-off-by: Juan Luis Cano Rodríguez <juan_luis_cano@mckinsey.com>

* revert back to kedro/develop

Signed-off-by: huongg <huongg1409@gmail.com>

---------

Signed-off-by: Tynan DeBold <thdebold@gmail.com>
Signed-off-by: huongg <huongg1409@gmail.com>
Signed-off-by: Juan Luis Cano Rodríguez <juan_luis_cano@mckinsey.com>
Co-authored-by: Huong Nguyen <32060364+Huongg@users.noreply.github.com>
Co-authored-by: huongg <huongg1409@gmail.com>
Co-authored-by: Juan Luis Cano Rodríguez <juan_luis_cano@mckinsey.com>

docs/source/_static/css/qb1-sphinx-rtd.css

@@ -1,11 +1,11 @@
-@import url("https://fonts.googleapis.com/css?family=Titillium+Web:300,400,600");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600&display=swap");
 
 html, body.wy-body-for-nav {
     margin: 0;
     padding: 0;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
-    font-family: 'Titillium Web', sans-serif;
+    font-family: 'Inter', sans-serif !important;
     font-weight: 400;
     line-height: 2rem;
 }
@@ -19,7 +19,7 @@ html {
 }
 
 body.wy-body-for-nav {
-    font-size: 1.6rem;
+    font-size: 1.4289rem;
     background: rgb(250, 250, 250) !important;
     color: #1e1e21;
     position: relative;
@@ -36,8 +36,8 @@ body.wy-body-for-nav {
     padding: 6px 12px;
     color: #666;
     background-color: #fff;
-    font-family: inherit;
-    font-size: 1.6rem;
+    font-family: 'Inter', sans-serif !important;
+    font-size: 1.4289rem;
     border: 1px #ccc solid;
     border-radius: 2px;
     transition: all ease 0.15s;
@@ -116,7 +116,7 @@ body.wy-body-for-nav {
 .wy-body-for-nav .wy-menu-vertical p.caption {
     margin: 1.5em 0 0.2em;
     padding: 0;
-    font-size: 2rem;
+    font-size: 1.4289rem;
     color: #161616;
     font-weight: normal;
     text-transform: none;
@@ -143,15 +143,15 @@ body.wy-body-for-nav {
 .wy-body-for-nav .wy-menu-vertical li a {
     display: block;
     margin: 0;
-    padding: 1.1rem 0 !important;
-    font-size: 1.6rem;
+    padding: 0.9rem 0 !important;
+    font-size: 1.4289rem;
     line-height: 1.2;
     color: #222;
     background: none !important;
 }
 
 .wy-menu-vertical li.toctree-l1>a {
-    font-size: 1.8rem;
+    font-size: 1.4289rem;
 }
 
 .rst-content.style-external-links a.reference.external:after {
@@ -309,7 +309,7 @@ article ul li {
 }
 
 h1, h2, .rst-content .toctree-wrapper p.caption, h3, h4, h5, h6, legend {
-    font-family: 'Titillium Web', sans-serif;
+    font-family: 'Inter', sans-serif !important;
     margin: 1.2em 0 1em 0;
     line-height: 1.2em;
     color: #272c2e;
@@ -373,7 +373,7 @@ footer span.commit .rst-content tt,
 }
 
 .wy-body-for-nav .rst-content a, .wy-body-for-nav footer a {
-    font-family: inherit;
+    font-family: 'Inter', sans-serif !important;
     font-size: inherit;
     color: #006ea7;
     text-decoration: none;
@@ -424,6 +424,16 @@ footer span.commit .rst-content tt,
     color: black !important;
 }
 
+.wy-side-scroll p.caption[role="heading"] span.caption-text {
+    font-weight: 700;
+}
+
+.wy-nav-content h1,
+.wy-nav-content p.caption[role="heading"] .caption-text {
+    font-size: 1.7857rem;
+    font-weight: 700;
+}
+
 
 @media screen and (max-width: 768px) {
     .wy-body-for-nav .wy-nav-side {

docs/source/conf.py

@@ -26,8 +26,8 @@
 
 # -- Project information -----------------------------------------------------
 
-project = "Kedro"
-author = "Kedro"
+project = "kedro"
+author = "kedro"
 
 # The short X.Y version.
 version = re.match(r"^([0-9]+\.[0-9]+).*", release).group(1)