microsoft
/
rushjs.io-website
зеркало из https://github.com/microsoft/rushjs.io-website.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Card layout for home page

This commit is contained in:
pgonzal 2018-05-22 21:22:44 -07:00
Родитель 951bac55ad
Коммит d0c67ea795
4 изменённых файлов: 150 добавлений и 3 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

8
_sass/_home.scss Normal file
Просмотреть файл

@ -0,0 +1,8 @@
.home-card {
background-color: $light;
@include media-breakpoint-up(md) {
width: 15rem;
}
}

136
permalinks/home.html Normal file
Просмотреть файл

@ -0,0 +1,136 @@
---
layout: default
title: the monorepo manager for the web
permalink: /
---
<div class="container">
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 home-card">
<img src="/images/cards/card-repo.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">Built for large repos</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 order-md-2 home-card">
<img src="/images/cards/card-people.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">Built for large teams</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 home-card">
<img src="/images/cards/card-phantom.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">No more NPM phantoms!</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 order-md-2 home-card">
<img src="/images/cards/card-doppel.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">No more NPM doppelgangers!</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 home-card">
<img src="/images/cards/card-trike.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">Easy to administer</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 order-md-2 home-card">
<img src="/images/cards/card-knife.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">Turnkey solution</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
<div class="card m-4">
<div class="row no-gutters">
<div class="col-md-auto p-3 home-card">
<img src="/images/cards/card-free.svg" class="img-fluid mx-auto d-block" alt="">
</div>
<div class="col-md p-3">
<div class="card-block px-2">
<h4 class="card-title">Free</h4>
<p class="card-text">Rush provides mechanisms collaboration and onboarding
newcomers. Repo policies allow new package dependencies to be reviewed
before they are accepted. Rush can enforce consistent dependency versions
across the repo. Different subsets of projects can publish separately with
lockstep or independent versioning strategies, private releases, and so forth.</p>
</div>
</div>
</div>
</div>
</div>

2
permalinks/index.html
Просмотреть файл

@ -1,7 +1,7 @@
---
layout: default
title: a monorepo manager
permalink: /
permalink: /old
---
<!-- Masthead -->

7
styles.scss
Просмотреть файл

@ -6,8 +6,12 @@
@import "bootstrap/bootstrap";
@import "mixins.scss";
@import "docsite.scss";
// Global CSS
@import "global.scss";
// Components
@import "masthead.scss";
@import "showcase.scss";
@ -16,5 +20,4 @@
@import "call_to_action.scss";
@import "footer.scss";
@import "algolia.scss";
@import "docsite.scss";
@import "home.scss";