This is an automated email from the ASF dual-hosted git repository. kamilbregula pushed a commit to branch aip-11 in repository https://gitbox.apache.org/repos/asf/airflow-site.git
commit 6ef112239416619573670c7bfcfcc320031fd4d8 Author: Kamil Gabryjelski <[email protected]> AuthorDate: Wed Oct 23 14:39:35 2019 +0200 Create install page --- .../scss/{main-custom.scss => _install-page.scss} | 53 +++++---- landing-pages/site/assets/scss/main-custom.scss | 1 + landing-pages/site/content/en/install/_index.html | 124 +++++++++++++++++++++ landing-pages/site/layouts/install/baseof.html | 46 ++++++++ landing-pages/site/layouts/install/list.html | 35 ++++++ landing-pages/site/static/icons/docker-logo.png | Bin 0 -> 7297 bytes 6 files changed, 238 insertions(+), 21 deletions(-) diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/_install-page.scss similarity index 56% copy from landing-pages/site/assets/scss/main-custom.scss copy to landing-pages/site/assets/scss/_install-page.scss index fc9eff9..0c6b5e9 100644 --- a/landing-pages/site/assets/scss/main-custom.scss +++ b/landing-pages/site/assets/scss/_install-page.scss @@ -17,25 +17,36 @@ * under the License. */ -@import url('https://fonts.googleapis.com/css?family=Rubik:500&display=swap'); -@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,700&display=swap'); -@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap'); +.install__accordions { + &--wrapper { + margin: 60px 18px; + } -@import "typography"; -@import "accordion"; -@import "buttons"; -@import "ol-ul"; -@import "list-boxes"; -@import "avatar"; -@import "quote"; -@import "pager"; -@import "case-study"; -@import "markdown-content"; -@import "base-layout"; -@import "feature"; -@import "text-with-icon"; -@import "video"; -@import "blog-page"; -@import "home-page"; -@import "meetups"; -@import "community-page"; + &-content { + &--header { + @extend .bodytext__medium--greyish-brown; + font-weight: 500; + } + + &--list-wrapper { + margin-bottom: 40px; + } + + &--methods-wrapper { + display: flex; + margin-bottom: 20px; + } + + &--method-box { + display: flex; + width: 270px; + height: 160px; + flex-direction: column; + align-items: center; + justify-content: center; + border: solid 1px #cbcbcb; + border-radius: 5px; + margin-right: 40px; + } + } +} diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/main-custom.scss index fc9eff9..f69bb75 100644 --- a/landing-pages/site/assets/scss/main-custom.scss +++ b/landing-pages/site/assets/scss/main-custom.scss @@ -39,3 +39,4 @@ @import "home-page"; @import "meetups"; @import "community-page"; +@import "install-page"; diff --git a/landing-pages/site/content/en/install/_index.html b/landing-pages/site/content/en/install/_index.html new file mode 100644 index 0000000..ed70fee --- /dev/null +++ b/landing-pages/site/content/en/install/_index.html @@ -0,0 +1,124 @@ +--- +title: Install +menu: + main: + weight: 20 +--- + +<div class="install__accordions--wrapper"> + {{< accordion title="Install Apache Airflow locally" description="Working on an Open Source project such as Apache Airflow is very demanding but also equally rewarding when you realize how many businesses use it every day." >}} + <p class="install__accordions-content--header">When installing locally is a good option for you?</p> + <div class="install__accordions-content--list-wrapper"> + <ul class="ticks-blue"> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + </ul> + </div> + <p class="install__accordions-content--header">Available methods</p> + <div class="install__accordions-content--methods-wrapper"> + <div class="install__accordions-content--method-box"> + <img src="/icons/docker-logo.png" alt="docker logo"/> + </div> + <div class="install__accordions-content--method-box"> + <p class="subtitle__large--brownish-grey text-center">PIP installation</p> + <a href="https://github.com";> + <button class="btn-filled bodytext__medium--white">Quick start</button> + </a> + </div> + </div> + {{< /accordion >}} + {{< accordion title="Install Apache Airflow on server" description="Working on an Open Source project such as Apache Airflow is very demanding but also equally rewarding when you realize how many businesses use it every day." >}} + <p class="install__accordions-content--header">When installing locally is a good option for you?</p> + <div class="install__accordions-content--list-wrapper"> + <ul class="ticks-blue"> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + </ul> + </div> + <p class="install__accordions-content--header">Available methods</p> + <div class="install__accordions-content--methods-wrapper"> + <div class="install__accordions-content--method-box"> + <img src="/icons/docker-logo.png" alt="docker logo"/> + </div> + <div class="install__accordions-content--method-box"> + <p class="subtitle__large--brownish-grey text-center">PIP installation</p> + <a href="https://github.com";> + <button class="btn-filled bodytext__medium--white">Quick start</button> + </a> + </div> + </div> + {{< /accordion >}} + {{< accordion title="Install Apache Airflow on cluster" description="Working on an Open Source project such as Apache Airflow is very demanding but also equally rewarding when you realize how many businesses use it every day." >}} + <p class="install__accordions-content--header">When installing locally is a good option for you?</p> + <div class="install__accordions-content--list-wrapper"> + <ul class="ticks-blue"> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + </ul> + </div> + <p class="install__accordions-content--header">Available methods</p> + <div class="install__accordions-content--methods-wrapper"> + <div class="install__accordions-content--method-box"> + <img src="/icons/docker-logo.png" alt="docker logo"/> + </div> + <div class="install__accordions-content--method-box"> + <p class="subtitle__large--brownish-grey text-center">PIP installation</p> + <a href="https://github.com";> + <button class="btn-filled bodytext__medium--white">Quick start</button> + </a> + </div> + </div> + {{< /accordion >}} + {{< accordion title="Install Apache Airflow to contribute" description="Working on an Open Source project such as Apache Airflow is very demanding but also equally rewarding when you realize how many businesses use it every day." >}} + <p class="install__accordions-content--header">When installing locally is a good option for you?</p> + <div class="install__accordions-content--list-wrapper"> + <ul class="ticks-blue"> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + </ul> + </div> + <p class="install__accordions-content--header">Available methods</p> + <div class="install__accordions-content--methods-wrapper"> + <div class="install__accordions-content--method-box"> + <img src="/icons/docker-logo.png" alt="docker logo"/> + </div> + <div class="install__accordions-content--method-box"> + <p class="subtitle__large--brownish-grey text-center">PIP installation</p> + <a href="https://github.com";> + <button class="btn-filled bodytext__medium--white">Quick start</button> + </a> + </div> + </div> + {{< /accordion >}} + {{< accordion title="Install Apache Airflow by Cloud" description="Working on an Open Source project such as Apache Airflow is very demanding but also equally rewarding when you realize how many businesses use it every day." >}} + <p class="install__accordions-content--header">When installing locally is a good option for you?</p> + <div class="install__accordions-content--list-wrapper"> + <ul class="ticks-blue"> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + <li>If you don’t want to do it by yourself</li> + </ul> + </div> + <p class="install__accordions-content--header">Available methods</p> + <div class="install__accordions-content--methods-wrapper"> + <div class="install__accordions-content--method-box"> + <img src="/icons/docker-logo.png" alt="docker logo"/> + </div> + <div class="install__accordions-content--method-box"> + <p class="subtitle__large--brownish-grey text-center">PIP installation</p> + <a href="https://github.com";> + <button class="btn-filled bodytext__medium--white">Quick start</button> + </a> + </div> + </div> + {{< /accordion >}} +</div> diff --git a/landing-pages/site/layouts/install/baseof.html b/landing-pages/site/layouts/install/baseof.html new file mode 100644 index 0000000..b83b82f --- /dev/null +++ b/landing-pages/site/layouts/install/baseof.html @@ -0,0 +1,46 @@ +{{/* + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. +*/}} + +<!doctype html> +<html lang="{{ .Site.Language.Lang }}" class="no-js"> +<head> + {{ partial "head.html" . }} +</head> +<body class="td-{{ .Kind }}"> +<header> + {{ partial "navbar.html" . }} +</header> +<div class="container-fluid td-default"> + <main role="main" class="td-main container base-layout"> + {{ block "main" . }}{{ end }} + <div class="base-layout--button"> + <a href="https://github.com";> + {{ partial "buttons/button-with-icon" (dict "text" "Suggest a change on this page" "class" "button-fixed") }} + </a> + </div> + </main> + {{ partial "footer.html" . }} +</div> +{{ partialCached "scripts.html" . }} +</body> +{{ $script := .Site.Data.webpack.main }} +{{ with $script.js }} + <script src="{{ relURL . }}"></script> +{{ end }} +</html> diff --git a/landing-pages/site/layouts/install/list.html b/landing-pages/site/layouts/install/list.html new file mode 100644 index 0000000..04f2c94 --- /dev/null +++ b/landing-pages/site/layouts/install/list.html @@ -0,0 +1,35 @@ +{{/* + Licensed to the Apache Software Foundation (ASF) under one + or more contributor license agreements. See the NOTICE file + distributed with this work for additional information + regarding copyright ownership. The ASF licenses this file + to you under the Apache License, Version 2.0 (the + "License"); you may not use this file except in compliance + with the License. You may obtain a copy of the License at + + http://www.apache.org/licenses/LICENSE-2.0 + + Unless required by applicable law or agreed to in writing, + software distributed under the License is distributed on an + "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY + KIND, either express or implied. See the License for the + specific language governing permissions and limitations + under the License. +*/}} + +{{ define "main" }} + <div> + <div style="max-width: 936px; margin: 0 auto;"> + <h2 class="page-header">Install</h2> + <h5 class="page-subtitle" style="margin-bottom: 45px"> + Apache Airflow can be installed on computer or you can use it by Cloud/Pass. Depending on your goals + choose the best method of installation. + </h5> + <p class="bodytext__medium--brownish-grey text-center" style="margin-bottom: 60px;">Remember that Apache Airflow is a platform created by the <a + class="bodytext__medium--cerulean-blue" style="text-decoration: underline;" href="/community">Community</a> and you can join us!</p> + {{ with .Content }} + {{ . }} + {{ end }} + </div> + </div> +{{ end }} diff --git a/landing-pages/site/static/icons/docker-logo.png b/landing-pages/site/static/icons/docker-logo.png new file mode 100644 index 0000000..888a79d Binary files /dev/null and b/landing-pages/site/static/icons/docker-logo.png differ
