Version 7 (#5912)

* docs(release): prepare docs for version 7 release * docs(index): support blm movement Co-authored-by: Jan-Niklas Wortmann <jan-niklas.wortmann@evorait.com> Co-authored-by: Jan-Niklas Wortmann <6104311+JWO719@users.noreply.github.com>
ReactiveX · Apr 26, 2021 · 7be67fa · 7be67fa
1 parent 880afb4
commit 7be67fa
Show file tree

Hide file tree

Showing 9 changed files with 55 additions and 195 deletions.
diff --git a/docs_app/.firebaserc b/docs_app/.firebaserc
@@ -2,8 +2,8 @@
   "targets": {
     "rxjs-dev": {
       "hosting": {
-        "next": [
-          "next-rxjs"
+        "stable": [
+          "rxjs-dev"
         ]
       }
     }

diff --git a/docs_app/content/marketing/index.html b/docs_app/content/marketing/index.html
@@ -1,64 +1,26 @@
-<!-- FULL HEADER BLOCK -->
-<header>
-
-  <!-- BACKGROUND IMAGE -->
-  <div class="hero"></div>
-
-  <!-- INTRO SECTION -->
-  <section id="intro">
-
-    <!-- LOGO -->
-    <div class="hero-logo">
-      <img src="generated/images/marketing/home/Rx_Logo-512-512.png" alt="RxJS logo"/>
-    </div>
-
-    <!-- CONTAINER -->
-    <div class="homepage-container">
-      <div class="headline-container">
-        <h2 class="hero-headline no-toc">RxJS</h2>
-        <span class="hero-subheadline">Reactive Extensions Library for JavaScript</span>
-      </div>
-      <a class="button hero-cta" href="/guide/overview">Get Started</a>
-      <a class="button hero-cta" href="/api">API Docs</a>
-    </div>
-
-  </section>
-
-</header>
-
 <!-- MAIN CONTENT -->
-<article>
-
-  <h1 class="no-anchor no-toc" style="display: none"></h1>
-
-  <div class="home-rows">
-
-  <aio-announcement-bar></aio-announcement-bar>
-
-    <!-- Group 1 -->
-    <div layout="row" layout-xs="column" class="home-row homepage-container">
-
-      <div class="text-container">
-        <div class="text-block promo-1-desc l-pad-top-2">
-          <div class="text-headline">Reactive Extensions Library for JavaScript</div>
-          <p class="text-body">
-            RxJS is a library for reactive programming using Observables, to make it easier to compose asynchronous or callback-based code. This project is a rewrite of Reactive-Extensions/RxJS with better performance, better modularity, better debuggable call stacks, while staying mostly backwards compatible, with some breaking changes that reduce the API surface
-          </p>
-        </div>
-      </div>
+<article class="blm-background">
+
+  <div layout="row" layout-xs="column" class="home-row homepage-container">
+    <div class="text-container blm-container">
+      <h1 class="no-anchor no-toc" style="font-size: 3rem; line-height: inherit">BLACK LIVES MATTER</h1>
+      <p class="blm-text">
+        We stand in solidarity with the Black Lives Matter movement. We believe that technologists must not be silent in the fight to end racial inequality.      </p>
+      <p class="blm-text">
+        We ask you to stand with us and help educate your team members and those in your network on how to help dismantle a system that oppresses Black people. Find a list of starting resources here: 
+        <ul style="list-style-type: none; line-height: inherit; padding-inline-start: 0">
+          <li class="blm-list-item"><a class="blm-text" href="https://www.youtube.com/watch?v=-aCn72iXO9s">Let's get to the root of racial injustice by Megan Ming Francis</a></li>
+          <li class="blm-list-item"><a class="blm-text" href="http://www.changecadet.com/blog/2020/5/30/what-leaders-can-do-for-black-employees">What Leaders can do for Black Employees by Dr. Akilah Cadet</a></li>
+          <li class="blm-list-item"><a class="blm-text" href="https://blacktechpipeline.substack.com/p/hey-employers-do-black-lives-matter">Hey Employers: Do Black Lives Matter? by Pariss Athena</a></li>
+          <li class="blm-list-item"><a class="blm-text" href="https://safiyaunoble.com/">Algorithms of Oppression by Safiya Umoja Noble</a></li>
+          <li class="blm-list-item"><a class="blm-text" href="https://www.rageinsidethemachine.com/">Rage Inside The Machine by Robert Smith</a></li>
+          <li class="blm-list-item"><a class="blm-text" href="https://www.sarawb.com/">Technically Wrong by Sara Wachter-Boettcher</a></li>
+        </ul>
+      </p>
+      <p class="blm-text">
+        In solidarity, we ask you to consider financially supporting efforts such as <a class="blm-text" href="https://secure.actblue.com/donate/ms_blm_homepage_2019">Black Lives Matter</a>, 
+        <a class="blm-text" href="https://support.eji.org/give/153413/#!/donation/checkout">The Equal Justice Initiative</a> or local charity organizations.
+      </p>
     </div>
-    <hr>
-    <div layout="row" layout-xs="column" class="home-row homepage-container">
-      <div layout="row" layout-xs="column" class="home-row">
-        <a href="code-of-conduct">
-          <div class="card">
-            <div class="card-text-container">
-              <p>Please pay attention to our</p>
-              <div class="text-headline">Code of Conduct</div>
-            </div>
-          </div>
-        </a>
-      </div>
-  </div><!-- end of home rows -->
-
+  </div>
 </article>
diff --git a/docs_app/content/navigation.json b/docs_app/content/navigation.json
@@ -103,12 +103,12 @@
   ],
   "docVersions": [
     {
-      "title": "v7",
-      "url": "https://next-rxjs.web.app/"
+      "title": "stable",
+      "url": "https://rxjs.dev/"
     },
     {
       "title": "v6",
-      "url": "https://rxjs.dev/"
+      "url": "https://v6.rxjs.dev/"
     }
   ]
 }
diff --git a/docs_app/firebase.json b/docs_app/firebase.json
@@ -4,7 +4,7 @@
   },
   "hosting": {
     "public": "dist",
-    "target": "next",
+    "target": "stable",
     "cleanUrls": true,
     "redirects": [
       //////////////////////////////////////////////////////////////////////////////////////////////

diff --git a/docs_app/src/app/app.component.html b/docs_app/src/app/app.component.html
@@ -64,9 +64,4 @@
 
 <div *ngIf="hasFloatingToc" class="toc-container no-print" [style.max-height.px]="tocMaxHeight" (mousewheel)="restrainScrolling($event)">
   <aio-lazy-ce selector="aio-toc"></aio-lazy-ce>
-</div>
-
-<footer class="no-print">
-  <aio-footer [nodes]="footerNodes" [versionInfo]="versionInfo"></aio-footer>
-</footer>
-
+</div>
diff --git a/docs_app/src/app/layout/footer/footer.component.html b/docs_app/src/app/layout/footer/footer.component.html
@@ -1,10 +0,0 @@
-
-<p>
-  Code licensed under an <a href="https://www.apache.org/licenses/LICENSE-2.0">Apache-2.0 License</a>.
-  Documentation licensed under
-  <a href="http://creativecommons.org/licenses/by/4.0/">CC BY 4.0</a>.
-</p>
-<p>
-  Version {{versionInfo?.full}}.
-</p>
-<!-- TODO: twitter widget (but only on pages that use twitter) -->

diff --git a/docs_app/src/styles/1-layouts/_footer.scss b/docs_app/src/styles/1-layouts/_footer.scss
@@ -1,110 +0,0 @@
-footer {
-  position: relative;
-  line-height: 24px;
-  flex: 1;
-  padding: 48px;
-  z-index: 0;
-  background-color: $pink;
-  color: $offwhite;
-  font-weight: 300;
-
-  aio-footer {
-    position: relative;
-    z-index: 0;
-  }
-
-  .footer-block {
-    margin: 0 24px;
-    vertical-align: top;
-  }
-
-  a {
-      color: $offwhite;
-      font-weight: 300;
-      text-decoration: none;
-      z-index: 20;
-      position: relative;
-      &:hover {
-        text-decoration: underline;
-      }
-      &:visited {
-        text-decoration: none;
-      }
-  }
-  a.action {
-    cursor: pointer;
-  }
-  h3 {
-    font-size: 16px;
-    text-transform: uppercase;
-    font-weight: 400;
-    margin: 0 0 16px;
-  }
-  p {
-    text-align: center;
-    margin: 10px 0px 5px;
-
-    @media (max-width: 480px) {
-      text-align: left;
-    }
-  }
-
-  div.grid-fluid {
-    display: -ms-flexbox;
-    display: -webkit-flex;
-    display: flex;
-
-    justify-content: center;
-
-    text-align: left;
-    margin: 0 0 40px;
-
-    ul {
-      list-style-position: inside;
-      padding: 0px;
-      margin: 0px;
-
-      li {
-        list-style-type: none;
-        padding: 0px;
-        text-align: left;
-      }
-    }
-
-    @media (max-width: 480px) {
-      flex-direction: column;
-      .footer-block {
-        margin: 8px 24px;
-      }
-    }
-  }
-
-
-
-
-  @media (max-width: 700px) {
-    h3 {
-      font-size: 110%;
-    }
-  }
-  @media (max-width: 600px) {
-    h3 {
-      font-size: 100%;
-    }
-  }
-}
-
-footer::after {
-    content: "";
-    position: absolute;
-    z-index: -1;
-    top: 0;
-    bottom: 0;
-    left: 0;
-    right: 0;
-    //background:
-    //    url('../src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png') top 0 left 0 repeat,
-    //    url('../src/assets/images/logos/angular/angular_whiteTransparent_withMargin.png') top 80px left 160px repeat;
-    //opacity: 0.05;
-    background-size: 320px auto;
-}

diff --git a/docs_app/src/styles/1-layouts/_marketing-layout.scss b/docs_app/src/styles/1-layouts/_marketing-layout.scss
@@ -456,3 +456,25 @@ div[layout=row]{
 .page-features .marketing-banner {
   margin-bottom: 20px;
 }
+
+.blm-background {
+  background-color: black; 
+  color: white; 
+  display: flex; 
+  min-height: calc(100vh - 64px)
+}
+
+.text-container.blm-container {
+  text-align: center; 
+  line-height: inherit; 
+  max-width: inherit;
+}
+
+.blm-text {
+  font-size: 2rem; 
+  line-height: inherit
+}
+
+.blm-list-item {
+  margin: 10px 0
+}
diff --git a/docs_app/src/styles/1-layouts/_top-menu.scss b/docs_app/src/styles/1-layouts/_top-menu.scss
@@ -11,6 +11,7 @@ mat-toolbar.mat-toolbar {
   left: 0;
   z-index: 10;
   box-shadow: 0 2px 5px 0 rgba(0,0,0,0.30);
+  background-color: black !important;
 
   mat-toolbar-row {
     padding: 0 16px 0 0;
@@ -24,11 +25,11 @@ mat-toolbar.mat-toolbar {
 
 // HOME PAGE OVERRIDE: TOPNAV TOOLBAR
 aio-shell.page-home mat-toolbar.mat-toolbar {
-  background-color: $pink;
+  background-color: black;
 
   @media (min-width: 481px) {
     &:not(.transitioning) {
-      background-color: $pink;
+      background-color: black;
       transition: background-color .2s linear;
     }
   }