Revert "Revert "[docs] new landing page"" (ray-project#34534)

Signed-off-by: elliottower <[email protected]>
elliottower · Apr 22, 2023 · 5f456ed · 5f456ed
1 parent c500638
commit 5f456ed
Show file tree

Hide file tree

Showing 20 changed files with 494 additions and 101 deletions.
diff --git a/doc/source/_includes/_contribute.md b/doc/source/_includes/_contribute.md
diff --git a/doc/source/_static/css/custom.css b/doc/source/_static/css/custom.css
@@ -79,6 +79,19 @@ div.navbar-brand-box {
     }
 }
 
+@media screen and (max-width: 767px) {
+    .remove-mobile {
+      display: none;
+    }
+  }
+
+  @media screen and (max-width: 767px) {
+    .row-2-column {
+      flex-direction: column;
+      margin-top: 20px;
+    }
+  }
+
 /* Make Algolia search box scrollable */
 .algolia-autocomplete .ds-dropdown-menu {
     height: 60vh !important;
@@ -520,4 +533,103 @@ span.rst-current-version > span.fa.fa-book {
 /* Adjustment to Version block */
 .rst-versions {
     z-index: 1200 !important;
-}
+}
+
+.image-header {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    padding-left: 16px;
+    padding-right:16px;
+    gap: 16px;
+}
+
+.info-box {
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
+    border-radius: 8px;
+    padding: 20px;
+}
+
+.info-box:hover{
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
+}
+
+.no-underline{
+    text-decoration: none;  
+}
+.no-underline:hover{
+    text-decoration: none;
+}
+
+.icon-hover:hover{
+    height: 30px ;
+    width: 30px;
+}
+
+.info-box-2 {
+    background-color: #F9FAFB;
+    border-radius: 8px;
+    padding-right: 16px;
+    padding-left: 16px;
+    padding-bottom: 24px;
+    padding-top: 4px;
+}
+
+
+.bold-link {
+    color: #000000 !important;
+    font-weight: 600;
+}
+
+.community-box {
+    border: 1px solid #D2DCE6;
+    border-radius: 8px;
+    display: flex;
+    margin-bottom: 16px;
+}
+
+.community-box:hover {
+    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.05);
+    text-decoration: none;
+}
+
+.community-box p {
+    margin-top: 1rem !important;
+}
+
+.tab-pane pre {
+    margin: 0;
+    padding: 0;
+    max-height: 252px;
+    overflow-y: auto;
+}
+
+.grid-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(300px,1fr));
+    grid-gap: 16px;
+}
+
+.grid-item {
+padding: 20px;
+}
+
+
+.nav-pills {
+    background-color: #F9FAFB;
+    color: #000000;
+    padding: 8px;
+    border-bottom:none;
+    border-radius: 8px;
+}
+
+.nav-pills .nav-link.active {
+    background-color: #FFFFFF !important;
+    box-shadow: 0px 3px 14px 2px rgba(3,28,74,0.12);
+    border-radius: 8px;
+    padding: 20px;
+    color: #000000;
+    font-weight: 500;
+}
+
+
diff --git a/doc/source/_static/img/AIR.png b/doc/source/_static/img/AIR.png
diff --git a/doc/source/_static/img/Core.png b/doc/source/_static/img/Core.png
diff --git a/doc/source/_static/img/LandingPageBG.jpg b/doc/source/_static/img/LandingPageBG.jpg
diff --git a/doc/source/_static/img/chat.png b/doc/source/_static/img/chat.png
diff --git a/doc/source/_static/img/code.png b/doc/source/_static/img/code.png
diff --git a/doc/source/_static/img/colab.png b/doc/source/_static/img/colab.png
diff --git a/doc/source/_static/img/download.png b/doc/source/_static/img/download.png
diff --git a/doc/source/_static/img/github-fill.png b/doc/source/_static/img/github-fill.png
diff --git a/doc/source/_static/img/mail.png b/doc/source/_static/img/mail.png
diff --git a/doc/source/_static/img/meetup.png b/doc/source/_static/img/meetup.png
diff --git a/doc/source/_static/img/pen.png b/doc/source/_static/img/pen.png
diff --git a/doc/source/_static/img/ray_logo.png b/doc/source/_static/img/ray_logo.png
diff --git a/doc/source/_static/img/rayclusters.png b/doc/source/_static/img/rayclusters.png
diff --git a/doc/source/_static/img/slack-fill.png b/doc/source/_static/img/slack-fill.png
diff --git a/doc/source/_static/img/twitter-fill.png b/doc/source/_static/img/twitter-fill.png
diff --git a/doc/source/_static/js/custom.js b/doc/source/_static/js/custom.js
@@ -102,23 +102,3 @@ window.onload = function() {
         localStorage.removeItem("scroll");
     }
 };
-
-
-let firstLink = document.getElementsByClassName("caption")[0];
-firstLink.classList.add("toctree-l1", "current");
-firstLink.style.textTransform = "none";
-firstLink.style.fontWeight = "normal";
-firstLink.innerText = "";
-
-let home = document.createElement("a");
-home.classList.add("reference", "internal");
-
-const version = window.location.href.split("/")[4];
-const res = (version === "latest" || version === "master") ? version : "latest";
-
-home.href = "https://docs.ray.io/en/" + res + "/index.html";
-home.textContent = "Ray Docs Home";
-
-home.style = firstLink.style;
-home.style.color = "#5a5a5a";
-firstLink.appendChild(home);
diff --git a/doc/source/conf.py b/doc/source/conf.py
@@ -257,7 +257,7 @@
     "use_issues_button": True,
     "use_edit_page_button": True,
     "path_to_docs": "doc/source",
-    "home_page_in_toc": False,
+    "home_page_in_toc": True,
     "show_navbar_depth": 1,
     "announcement": "<div class='topnav'></div>",
 }