You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by ka...@apache.org on 2019/10/22 19:44:13 UTC
[airflow-site] branch aip-11 updated: Add blog page layout (#87)
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
The following commit(s) were added to refs/heads/aip-11 by this push:
new 11ee2c4 Add blog page layout (#87)
11ee2c4 is described below
commit 11ee2c435d79de5c0726abd1b5ccbd75943c3c95
Author: Kamil Breguła <mi...@users.noreply.github.com>
AuthorDate: Tue Oct 22 21:44:07 2019 +0200
Add blog page layout (#87)
Co-Authored-By: Kamil Gabryjelski <ka...@polidea.com>
---
.../assets/scss/{main-custom.scss => _blog.scss} | 29 +--
landing-pages/site/assets/scss/_list-boxes.scss | 33 ++-
landing-pages/site/assets/scss/main-custom.scss | 1 +
landing-pages/site/config.toml | 6 +-
.../Its-a-breeze-to-develop-apache-airflow.html | 8 +
.../Its-a-breeze-to-develop-apache-airflow2.html | 8 +
.../Its-a-breeze-to-develop-apache-airflow3.html | 8 +
.../Its-a-breeze-to-develop-apache-airflow4.html | 8 +
.../Its-a-breeze-to-develop-apache-airflow5.html | 8 +
landing-pages/site/content/en/blog/_index.md | 7 +-
landing-pages/site/content/en/blog/news/_index.md | 6 -
.../blog/news/first-post/featured-sunset-get.png | Bin 387442 -> 0 bytes
.../site/content/en/blog/news/first-post/index.md | 44 ----
.../site/content/en/blog/news/second-post.md | 245 ---------------------
.../site/content/en/blog/releases/_index.md | 6 -
.../releases/in-depth-monoliths-detailed-spec.md | 245 ---------------------
landing-pages/site/layouts/blog/baseof.html | 46 ++++
landing-pages/site/layouts/blog/list.html | 31 +++
.../site/layouts/partials/boxes/blogpost.html | 33 +++
landing-pages/site/layouts/taxonomy/baseof.html | 46 ++++
landing-pages/site/layouts/taxonomy/tag.html | 31 +++
landing-pages/src/js/showAllCommiters.js | 2 +-
22 files changed, 274 insertions(+), 577 deletions(-)
diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/_blog.scss
similarity index 60%
copy from landing-pages/site/assets/scss/main-custom.scss
copy to landing-pages/site/assets/scss/_blog.scss
index 0813810..696d145 100644
--- a/landing-pages/site/assets/scss/main-custom.scss
+++ b/landing-pages/site/assets/scss/_blog.scss
@@ -17,21 +17,14 @@
* 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,500,700&display=swap');
-@import url('https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap');
-
-@import "typography";
-@import "accordion";
-@import "buttons";
-@import "ol-ul";
-@import "list-boxes";
-@import "avatar";
-@import "quote";
-@import "pager";
-@import "case-study";
-@import "paragraph";
-@import "base-layout";
-@import "feature";
-@import "text-with-icon";
-@import "video";
+.tag {
+ // TODO(kgabryje): when using @extend .bodytext__medium--cerulean-blue, scss builds stylesheet but throws errors
+ font-family: "Roboto", sans-serif;
+ font-weight: 400;
+ font-size: 16px;
+ line-height: 1.63;
+ color: #017cee;
+ background-color: #d9ebfc; // cerulean-blue + opacity 0.15
+ padding: 1px 30px;
+ border-radius: 5px;
+}
diff --git a/landing-pages/site/assets/scss/_list-boxes.scss b/landing-pages/site/assets/scss/_list-boxes.scss
index 51b49ed..69cd658 100644
--- a/landing-pages/site/assets/scss/_list-boxes.scss
+++ b/landing-pages/site/assets/scss/_list-boxes.scss
@@ -16,7 +16,6 @@
* specific language governing permissions and limitations
* under the License.
*/
-
@import "colors";
$box-margin: 20px;
@@ -33,6 +32,11 @@ $box-margin: 20px;
margin: $box-margin;
padding: 30px 10px;
width: 270px;
+
+ &--wide {
+ max-width: 580px;
+ width: 100%;
+ }
}
.box-event {
@@ -55,6 +59,32 @@ $box-margin: 20px;
}
}
+ &__blogpost {
+ padding: 0 20px;
+
+ &--metadata {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin-bottom: 20px;
+ }
+
+ &--header {
+ @extend .subtitle__large--greyish-brown;
+ margin-bottom: 4px;
+ }
+
+ &--author {
+ @extend .bodytext__medium--cerulean-blue;
+ font-weight: 500;
+ }
+
+ &--description {
+ @extend .bodytext__medium--brownish-grey;
+ margin-bottom: 20px;
+ }
+ }
+
&__case-study {
padding: 18px 18px 0;
justify-content: space-between;
@@ -109,6 +139,7 @@ $box-margin: 20px;
&--members {
@extend .bodytext__medium--brownish-grey;
margin-bottom: 30px;
+
span {
vertical-align: middle;
}
diff --git a/landing-pages/site/assets/scss/main-custom.scss b/landing-pages/site/assets/scss/main-custom.scss
index 0813810..f39eef6 100644
--- a/landing-pages/site/assets/scss/main-custom.scss
+++ b/landing-pages/site/assets/scss/main-custom.scss
@@ -35,3 +35,4 @@
@import "feature";
@import "text-with-icon";
@import "video";
+@import "blog";
diff --git a/landing-pages/site/config.toml b/landing-pages/site/config.toml
index c491265..60a6dfe 100644
--- a/landing-pages/site/config.toml
+++ b/landing-pages/site/config.toml
@@ -33,7 +33,7 @@ defaultContentLanguageInSubdir = false
# Useful when translating.
enableMissingTranslationPlaceholders = true
-disableKinds = ["taxonomy", "taxonomyTerm"]
+disableKinds = []
# Highlighting config
pygmentsCodeFences = true
@@ -44,10 +44,6 @@ pygmentsUseClassic = false
# See https://help.farbox.com/pygments.html
pygmentsStyle = "tango"
-# Configure how URLs look like per section.
-[permalinks]
-blog = "/:section/:year/:month/:day/:slug/"
-
## Configuration for BlackFriday markdown parser: https://github.com/russross/blackfriday
[blackfriday]
plainIDAnchors = true
diff --git a/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow.html b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow.html
new file mode 100644
index 0000000..fea2e72
--- /dev/null
+++ b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow.html
@@ -0,0 +1,8 @@
+---
+title: "It's a breeze to develop Apache Airflow"
+linkTitle: "It's a breeze to develop Apache Airflow"
+author: "Jarek Potiuk"
+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."
+tags: ["Community"]
+date: 2019-09-24
+---
diff --git a/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow2.html b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow2.html
new file mode 100644
index 0000000..d8bb438
--- /dev/null
+++ b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow2.html
@@ -0,0 +1,8 @@
+---
+title: "It's a breeze to develop Apache Airflow"
+linkTitle: "It's a breeze to develop Apache Airflow"
+author: "Jarek Potiuk"
+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."
+tags: ["Development"]
+date: 2019-09-24
+---
diff --git a/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow3.html b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow3.html
new file mode 100644
index 0000000..a4970ab
--- /dev/null
+++ b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow3.html
@@ -0,0 +1,8 @@
+---
+title: "It's a breeze to develop Apache Airflow"
+linkTitle: "It's a breeze to develop Apache Airflow"
+author: "Jarek Potiuk"
+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."
+tags: ["Python"]
+date: 2019-09-24
+---
diff --git a/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow4.html b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow4.html
new file mode 100644
index 0000000..fea2e72
--- /dev/null
+++ b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow4.html
@@ -0,0 +1,8 @@
+---
+title: "It's a breeze to develop Apache Airflow"
+linkTitle: "It's a breeze to develop Apache Airflow"
+author: "Jarek Potiuk"
+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."
+tags: ["Community"]
+date: 2019-09-24
+---
diff --git a/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow5.html b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow5.html
new file mode 100644
index 0000000..fea2e72
--- /dev/null
+++ b/landing-pages/site/content/en/blog/Its-a-breeze-to-develop-apache-airflow5.html
@@ -0,0 +1,8 @@
+---
+title: "It's a breeze to develop Apache Airflow"
+linkTitle: "It's a breeze to develop Apache Airflow"
+author: "Jarek Potiuk"
+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."
+tags: ["Community"]
+date: 2019-09-24
+---
diff --git a/landing-pages/site/content/en/blog/_index.md b/landing-pages/site/content/en/blog/_index.md
index d874c7f..05f7f30 100644
--- a/landing-pages/site/content/en/blog/_index.md
+++ b/landing-pages/site/content/en/blog/_index.md
@@ -1,12 +1,7 @@
---
-title: "Docsy Blog"
+title: "Blog"
linkTitle: "Blog"
menu:
main:
weight: 30
---
-
-
-This is the **blog** section. It has two categories: News and Releases.
-
-Files in these directories will be listed in reverse chronological order.
diff --git a/landing-pages/site/content/en/blog/news/_index.md b/landing-pages/site/content/en/blog/news/_index.md
deleted file mode 100644
index 95fb2c8..0000000
--- a/landing-pages/site/content/en/blog/news/_index.md
+++ /dev/null
@@ -1,6 +0,0 @@
-
----
-title: "News About Docsy"
-linkTitle: "News"
-weight: 20
----
diff --git a/landing-pages/site/content/en/blog/news/first-post/featured-sunset-get.png b/landing-pages/site/content/en/blog/news/first-post/featured-sunset-get.png
deleted file mode 100644
index db3373c..0000000
Binary files a/landing-pages/site/content/en/blog/news/first-post/featured-sunset-get.png and /dev/null differ
diff --git a/landing-pages/site/content/en/blog/news/first-post/index.md b/landing-pages/site/content/en/blog/news/first-post/index.md
deleted file mode 100644
index ea3d903..0000000
--- a/landing-pages/site/content/en/blog/news/first-post/index.md
+++ /dev/null
@@ -1,44 +0,0 @@
----
-date: 2018-10-06
-title: "Easy documentation with Docsy"
-linkTitle: "Announcing Docsy"
-description: "The Docsy Hugo theme lets project maintainers and contributors focus on content, not on reinventing a website infrastructure from scratch"
-author: Riona MacNamara ([@rionam](https://twitter.com/bepsays))
-resources:
-- src: "**.{png,jpg}"
- title: "Image #:counter"
- params:
- byline: "Photo: Riona MacNamara / CC-BY-CA"
----
-
-**This is a typical blog post that includes images.**
-
-The front matter specifies the date of the blog post, its title, a short description that will be displayed on the blog landing page, and its author.
-
-## Including images
-
-Here's an image (`featured-sunset-get.png`) that includes a byline and a caption.
-
-{{< imgproc sunset Fill "600x300" >}}
-Fetch and scale an image in the upcoming Hugo 0.43.
-{{< /imgproc >}}
-
-The front matter of this post specifies properties to be assigned to all image resources:
-
-```
-resources:
-- src: "**.{png,jpg}"
- title: "Image #:counter"
- params:
- byline: "Photo: Riona MacNamara / CC-BY-CA"
-```
-
-To include the image in a page, specify its details like this:
-
-```
-{{< imgproc sunset Fill "600x300" >}}
-Fetch and scale an image in the upcoming Hugo 0.43.
-{{< /imgproc >}}
-```
-
-The image will be rendered at the size and byline specified in the front matter.
diff --git a/landing-pages/site/content/en/blog/news/second-post.md b/landing-pages/site/content/en/blog/news/second-post.md
deleted file mode 100644
index 14fce92..0000000
--- a/landing-pages/site/content/en/blog/news/second-post.md
+++ /dev/null
@@ -1,245 +0,0 @@
-
----
-title: "The second blog post"
-linkTitle: "Second blog post"
-date: 2018-10-06
-description: >
- A short lead descripton about this content page. Text here can also be **bold** or _italic_ and can even be split over multiple paragraphs.
----
-
-Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over).
-
-There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
-
-There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
-
-> There should be no margin above this first sentence.
->
-> Blockquotes should be a lighter gray with a border along the left side in the secondary color.
->
-> There should be no margin below this final sentence.
-
-## First Header
-
-This is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. Bacon ipsum dolor [...]
-
-
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-On big screens, paragraphs and headings should not take up the full container width, but we want tables, code blocks and similar to take the full width.
-
-Lorem markdownum tuta hospes stabat; idem saxum facit quaterque repetito
-occumbere, oves novem gestit haerebat frena; qui. Respicit recurvam erat:
-pignora hinc reppulit nos **aut**, aptos, ipsa.
-
-Meae optatos *passa est* Epiros utiliter *Talibus niveis*, hoc lata, edidit.
-Dixi ad aestum.
-
-## Header 2
-
-> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Header 3
-
-```
-This is a code block following a header.
-```
-
-#### Header 4
-
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-
-##### Header 5
-
-1. This is an ordered list following a header.
-2. This is an ordered list following a header.
-3. This is an ordered list following a header.
-
-###### Header 6
-
-| What | Follows |
-|-----------|-----------------|
-| A table | A header |
-| A table | A header |
-| A table | A header |
-
-----------------
-
-There's a horizontal rule above and below this.
-
-----------------
-
-Here is an unordered list:
-
-* Salt-n-Pepa
-* Bel Biv DeVoe
-* Kid 'N Play
-
-And an ordered list:
-
-1. Michael Jackson
-2. Michael Bolton
-3. Michael Bublé
-
-And an unordered task list:
-
-- [x] Create a sample markdown document
-- [x] Add task lists to it
-- [ ] Take a vacation
-
-And a "mixed" task list:
-
-- [ ] Steal underpants
-- ?
-- [ ] Profit!
-
-And a nested list:
-
-* Jackson 5
- * Michael
- * Tito
- * Jackie
- * Marlon
- * Jermaine
-* TMNT
- * Leonardo
- * Michelangelo
- * Donatello
- * Raphael
-
-Definition lists can be used with Markdown syntax. Definition terms are bold.
-
-Name
-: Godzilla
-
-Born
-: 1952
-
-Birthplace
-: Japan
-
-Color
-: Green
-
-
-----------------
-
-Tables should have bold headings and alternating shaded rows.
-
-| Artist | Album | Year |
-|-------------------|-----------------|------|
-| Michael Jackson | Thriller | 1982 |
-| Prince | Purple Rain | 1984 |
-| Beastie Boys | License to Ill | 1986 |
-
-If a table is too wide, it should scroll horizontally.
-
-| Artist | Album | Year | Label | Awards | Songs |
-|-------------------|-----------------|------|-------------|----------|-----------|
-| Michael Jackson | Thriller | 1982 | Epic Records | Grammy Award for Album of the Year, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Selling Album, Grammy Award for Best Engineered Album, Non-Classical | Wanna Be Startin' Somethin', Baby Be Mine, The Girl Is Mine, Thriller, Beat It, Billie Jean, Human Nature, P.Y.T. (Pretty Young Thing), The Lady in My Life |
-| Prince | Purple Rain | 1984 | Warner Brothers Records | Grammy Award for Best Score Soundtrack for Visual Media, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Soundtrack/Cast Recording, Grammy Award for Best Rock Performance by a Duo or Group with Vocal | Let's Go Crazy, Take Me With U, The Beautiful Ones, Computer Blue, Darling Nikki, When Doves Cry, I Would Die 4 U, Baby I'm a Star, Purple Rain |
-| Beastie Boys | License to Ill | 1986 | Mercury Records | noawardsbutthistablecelliswide | Rhymin & Stealin, The New Style, She's Crafty, Posse in Effect, Slow Ride, Girls, (You Gotta) Fight for Your Right, No Sleep Till Brooklyn, Paul Revere, Hold It Now, Hit It, Brass Monkey, Slow and Low, Time to Get Ill |
-
-----------------
-
-Code snippets like `var foo = "bar";` can be shown inline.
-
-Also, `this should vertically align` ~~`with this`~~ ~~and this~~.
-
-Code can also be shown in a block element.
-
-```
-foo := "bar";
-bar := "foo";
-```
-
-Code can also use syntax highlighting.
-
-```go
-func main() {
- input := `var foo = "bar";`
-
- lexer := lexers.Get("javascript")
- iterator, _ := lexer.Tokenise(nil, input)
- style := styles.Get("github")
- formatter := html.New(html.WithLineNumbers())
-
- var buff bytes.Buffer
- formatter.Format(&buff, style, iterator)
-
- fmt.Println(buff.String())
-}
-```
-
-```
-Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
-```
-
-Inline code inside table cells should still be distinguishable.
-
-| Language | Code |
-|-------------|--------------------|
-| Javascript | `var foo = "bar";` |
-| Ruby | `foo = "bar"{` |
-
-----------------
-
-Small images should be shown at their actual size.
-
-
-
-Large images should always scale down and fit in the content container.
-
-
-
-## Components
-
-### Alerts
-
-{{< alert >}}This is an alert.{{< /alert >}}
-{{< alert title="Note:" >}}This is an alert with a title.{{< /alert >}}
-{{< alert type="success" >}}This is a successful alert.{{< /alert >}}
-{{< alert type="warning" >}}This is a warning!{{< /alert >}}
-{{< alert type="warning" title="Warning!" >}}This is a warning with a title!{{< /alert >}}
-
-
-## Sizing
-
-Add some sections here to see how the ToC looks like. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Parameters available
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Using pixels
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Using rem
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-## Memory
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### RAM to use
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### More is better
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Used RAM
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-
-
-```
-This is the final element on the page and there should be no margin below this.
-```
diff --git a/landing-pages/site/content/en/blog/releases/_index.md b/landing-pages/site/content/en/blog/releases/_index.md
deleted file mode 100644
index 291bb85..0000000
--- a/landing-pages/site/content/en/blog/releases/_index.md
+++ /dev/null
@@ -1,6 +0,0 @@
-
----
-title: "New Releases"
-linkTitle: "Releases"
-weight: 20
----
diff --git a/landing-pages/site/content/en/blog/releases/in-depth-monoliths-detailed-spec.md b/landing-pages/site/content/en/blog/releases/in-depth-monoliths-detailed-spec.md
deleted file mode 100644
index 5979b1b..0000000
--- a/landing-pages/site/content/en/blog/releases/in-depth-monoliths-detailed-spec.md
+++ /dev/null
@@ -1,245 +0,0 @@
-
----
-title: "Another Great Release"
-linkTitle: "Release New Features"
-date: 2018-01-04
-description: >
- A short lead descripton about this content page. Text here can also be **bold** or _italic_ and can even be split over multiple paragraphs.
----
-
-Text can be **bold**, _italic_, or ~~strikethrough~~. [Links](https://github.com) should be blue with no underlines (unless hovered over).
-
-There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
-
-There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs. There should be whitespace between paragraphs.
-
-> There should be no margin above this first sentence.
->
-> Blockquotes should be a lighter gray with a border along the left side in the secondary color.
->
-> There should be no margin below this final sentence.
-
-## First Header
-
-This is a normal paragraph following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong. Bacon ipsum dolor [...]
-
-
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-On big screens, paragraphs and headings should not take up the full container width, but we want tables, code blocks and similar to take the full width.
-
-Lorem markdownum tuta hospes stabat; idem saxum facit quaterque repetito
-occumbere, oves novem gestit haerebat frena; qui. Respicit recurvam erat:
-pignora hinc reppulit nos **aut**, aptos, ipsa.
-
-Meae optatos *passa est* Epiros utiliter *Talibus niveis*, hoc lata, edidit.
-Dixi ad aestum.
-
-## Header 2
-
-> This is a blockquote following a header. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Header 3
-
-```
-This is a code block following a header.
-```
-
-#### Header 4
-
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-* This is an unordered list following a header.
-
-##### Header 5
-
-1. This is an ordered list following a header.
-2. This is an ordered list following a header.
-3. This is an ordered list following a header.
-
-###### Header 6
-
-| What | Follows |
-|-----------|-----------------|
-| A table | A header |
-| A table | A header |
-| A table | A header |
-
-----------------
-
-There's a horizontal rule above and below this.
-
-----------------
-
-Here is an unordered list:
-
-* Salt-n-Pepa
-* Bel Biv DeVoe
-* Kid 'N Play
-
-And an ordered list:
-
-1. Michael Jackson
-2. Michael Bolton
-3. Michael Bublé
-
-And an unordered task list:
-
-- [x] Create a sample markdown document
-- [x] Add task lists to it
-- [ ] Take a vacation
-
-And a "mixed" task list:
-
-- [ ] Steal underpants
-- ?
-- [ ] Profit!
-
-And a nested list:
-
-* Jackson 5
- * Michael
- * Tito
- * Jackie
- * Marlon
- * Jermaine
-* TMNT
- * Leonardo
- * Michelangelo
- * Donatello
- * Raphael
-
-Definition lists can be used with Markdown syntax. Definition terms are bold.
-
-Name
-: Godzilla
-
-Born
-: 1952
-
-Birthplace
-: Japan
-
-Color
-: Green
-
-
-----------------
-
-Tables should have bold headings and alternating shaded rows.
-
-| Artist | Album | Year |
-|-------------------|-----------------|------|
-| Michael Jackson | Thriller | 1982 |
-| Prince | Purple Rain | 1984 |
-| Beastie Boys | License to Ill | 1986 |
-
-If a table is too wide, it should scroll horizontally.
-
-| Artist | Album | Year | Label | Awards | Songs |
-|-------------------|-----------------|------|-------------|----------|-----------|
-| Michael Jackson | Thriller | 1982 | Epic Records | Grammy Award for Album of the Year, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Selling Album, Grammy Award for Best Engineered Album, Non-Classical | Wanna Be Startin' Somethin', Baby Be Mine, The Girl Is Mine, Thriller, Beat It, Billie Jean, Human Nature, P.Y.T. (Pretty Young Thing), The Lady in My Life |
-| Prince | Purple Rain | 1984 | Warner Brothers Records | Grammy Award for Best Score Soundtrack for Visual Media, American Music Award for Favorite Pop/Rock Album, American Music Award for Favorite Soul/R&B Album, Brit Award for Best Soundtrack/Cast Recording, Grammy Award for Best Rock Performance by a Duo or Group with Vocal | Let's Go Crazy, Take Me With U, The Beautiful Ones, Computer Blue, Darling Nikki, When Doves Cry, I Would Die 4 U, Baby I'm a Star, Purple Rain |
-| Beastie Boys | License to Ill | 1986 | Mercury Records | noawardsbutthistablecelliswide | Rhymin & Stealin, The New Style, She's Crafty, Posse in Effect, Slow Ride, Girls, (You Gotta) Fight for Your Right, No Sleep Till Brooklyn, Paul Revere, Hold It Now, Hit It, Brass Monkey, Slow and Low, Time to Get Ill |
-
-----------------
-
-Code snippets like `var foo = "bar";` can be shown inline.
-
-Also, `this should vertically align` ~~`with this`~~ ~~and this~~.
-
-Code can also be shown in a block element.
-
-```
-foo := "bar";
-bar := "foo";
-```
-
-Code can also use syntax highlighting.
-
-```go
-func main() {
- input := `var foo = "bar";`
-
- lexer := lexers.Get("javascript")
- iterator, _ := lexer.Tokenise(nil, input)
- style := styles.Get("github")
- formatter := html.New(html.WithLineNumbers())
-
- var buff bytes.Buffer
- formatter.Format(&buff, style, iterator)
-
- fmt.Println(buff.String())
-}
-```
-
-```
-Long, single-line code blocks should not wrap. They should horizontally scroll if they are too long. This line should be long enough to demonstrate this.
-```
-
-Inline code inside table cells should still be distinguishable.
-
-| Language | Code |
-|-------------|--------------------|
-| Javascript | `var foo = "bar";` |
-| Ruby | `foo = "bar"{` |
-
-----------------
-
-Small images should be shown at their actual size.
-
-
-
-Large images should always scale down and fit in the content container.
-
-
-
-## Components
-
-### Alerts
-
-{{< alert >}}This is an alert.{{< /alert >}}
-{{< alert title="Note:" >}}This is an alert with a title.{{< /alert >}}
-{{< alert type="success" >}}This is a successful alert.{{< /alert >}}
-{{< alert type="warning" >}}This is a warning!{{< /alert >}}
-{{< alert type="warning" title="Warning!" >}}This is a warning with a title!{{< /alert >}}
-
-
-## Sizing
-
-Add some sections here to see how the ToC looks like. Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Parameters available
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Using pixels
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Using rem
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-## Memory
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### RAM to use
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### More is better
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-### Used RAM
-
-Bacon ipsum dolor sit amet t-bone doner shank drumstick, pork belly porchetta chuck sausage brisket ham hock rump pig. Chuck kielbasa leberkas, pork bresaola ham hock filet mignon cow shoulder short ribs biltong.
-
-
-
-```
-This is the final element on the page and there should be no margin below this.
-```
diff --git a/landing-pages/site/layouts/blog/baseof.html b/landing-pages/site/layouts/blog/baseof.html
new file mode 100644
index 0000000..b83b82f
--- /dev/null
+++ b/landing-pages/site/layouts/blog/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/blog/list.html b/landing-pages/site/layouts/blog/list.html
new file mode 100644
index 0000000..5856e62
--- /dev/null
+++ b/landing-pages/site/layouts/blog/list.html
@@ -0,0 +1,31 @@
+{{/*
+ 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>
+ <h2 class="page-header">Blog</h2>
+ <div class="list-items">
+ {{ range .Pages }}
+ <div class="list-item list-item--wide">
+ {{ partial "boxes/blogpost" . }}
+ </div>
+ {{ end }}
+ </div>
+ </div>
+{{ end }}
diff --git a/landing-pages/site/layouts/partials/boxes/blogpost.html b/landing-pages/site/layouts/partials/boxes/blogpost.html
new file mode 100644
index 0000000..cec82c4
--- /dev/null
+++ b/landing-pages/site/layouts/partials/boxes/blogpost.html
@@ -0,0 +1,33 @@
+{{/*
+ 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.
+*/}}
+
+<div class="box-event__blogpost">
+ <div class="box-event__blogpost--metadata">
+ {{ range .Params.tags }}
+ <a class="tag" href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a>
+ {{ end }}
+ <span class="bodytext__medium--brownish-grey">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
+ </div>
+ <p class="box-event__blogpost--header">{{ .Params.title }}</p>
+ <p class="box-event__blogpost--author">{{ .Params.author }}</p>
+ <p class="box-event__blogpost--description">{{ .Params.description }}</p>
+ <a href="{{ .RelPermalink }}">
+ {{ partial "buttons/button-hollow" (dict "text" "Read more") }}
+ </a>
+</div>
diff --git a/landing-pages/site/layouts/taxonomy/baseof.html b/landing-pages/site/layouts/taxonomy/baseof.html
new file mode 100644
index 0000000..b83b82f
--- /dev/null
+++ b/landing-pages/site/layouts/taxonomy/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/taxonomy/tag.html b/landing-pages/site/layouts/taxonomy/tag.html
new file mode 100644
index 0000000..5856e62
--- /dev/null
+++ b/landing-pages/site/layouts/taxonomy/tag.html
@@ -0,0 +1,31 @@
+{{/*
+ 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>
+ <h2 class="page-header">Blog</h2>
+ <div class="list-items">
+ {{ range .Pages }}
+ <div class="list-item list-item--wide">
+ {{ partial "boxes/blogpost" . }}
+ </div>
+ {{ end }}
+ </div>
+ </div>
+{{ end }}
diff --git a/landing-pages/src/js/showAllCommiters.js b/landing-pages/src/js/showAllCommiters.js
index 1859b01..63c7725 100644
--- a/landing-pages/src/js/showAllCommiters.js
+++ b/landing-pages/src/js/showAllCommiters.js
@@ -20,7 +20,7 @@
export const showAllCommiters = (initialChildrenCount) => {
const container = window.document.getElementById("commiters-container");
const button = window.document.getElementById("show-all-commiters");
-
+ if (!container || !button) return;
if (container.childElementCount <= initialChildrenCount) return;
button.style.display = "block";