Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Version 7 #5912

Merged
merged 2 commits into from Apr 26, 2021
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Jump to
Jump to file
Failed to load files.
Diff view
Diff view
4 changes: 2 additions & 2 deletions docs_app/.firebaserc
Expand Up @@ -2,8 +2,8 @@
"targets": {
"rxjs-dev": {
"hosting": {
"next": [
"next-rxjs"
"stable": [
"rxjs-dev"
]
}
}
Expand Down
84 changes: 23 additions & 61 deletions 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>
6 changes: 3 additions & 3 deletions docs_app/content/navigation.json
Expand Up @@ -92,12 +92,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/"
}
]
}
2 changes: 1 addition & 1 deletion docs_app/firebase.json
Expand Up @@ -4,7 +4,7 @@
},
"hosting": {
"public": "dist",
"target": "next",
"target": "stable",
"cleanUrls": true,
"redirects": [
//////////////////////////////////////////////////////////////////////////////////////////////
Expand Down
7 changes: 1 addition & 6 deletions docs_app/src/app/app.component.html
Expand Up @@ -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>
10 changes: 0 additions & 10 deletions 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) -->
110 changes: 0 additions & 110 deletions 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;
}
22 changes: 22 additions & 0 deletions docs_app/src/styles/1-layouts/_marketing-layout.scss
Expand Up @@ -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
}
5 changes: 3 additions & 2 deletions docs_app/src/styles/1-layouts/_top-menu.scss
Expand Up @@ -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;
Expand All @@ -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;
}
}
Expand Down