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/29 21:33:15 UTC

[airflow-site] branch aip-11 updated: Improve tags list (#104)

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 4d8b46d  Improve tags list (#104)
4d8b46d is described below

commit 4d8b46d7078c8dcad1dc25394994d345f665c69b
Author: Kamil BreguĊ‚a <mi...@users.noreply.github.com>
AuthorDate: Tue Oct 29 22:33:10 2019 +0100

    Improve tags list (#104)
---
 landing-pages/site/assets/scss/_blog-page.scss          | 10 ++++++++--
 landing-pages/site/layouts/blog/content.html            | 10 ++++++----
 landing-pages/site/layouts/blog/list.html               | 12 +++++++-----
 landing-pages/site/layouts/partials/boxes/blogpost.html | 10 ++++++----
 landing-pages/site/layouts/taxonomy/tag.html            | 14 ++++++++------
 5 files changed, 35 insertions(+), 21 deletions(-)

diff --git a/landing-pages/site/assets/scss/_blog-page.scss b/landing-pages/site/assets/scss/_blog-page.scss
index 09f92ba..7f3d936 100644
--- a/landing-pages/site/assets/scss/_blog-page.scss
+++ b/landing-pages/site/assets/scss/_blog-page.scss
@@ -33,15 +33,21 @@
   }
 }
 
-.all-tags-container {
+.tags-container {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
-  margin: 30px 15px;
+  width: fit-content;
+  margin-top: -14px;
+}
+
+.all-tags-container {
+  margin: 30px 0;
 }
 
 .new-entry {
   margin: 30px 0 20px;
+
   &--link {
     @extend .bodytext__medium--cerulean-blue;
     font-weight: 500;
diff --git a/landing-pages/site/layouts/blog/content.html b/landing-pages/site/layouts/blog/content.html
index a43beb9..d587707 100644
--- a/landing-pages/site/layouts/blog/content.html
+++ b/landing-pages/site/layouts/blog/content.html
@@ -19,11 +19,13 @@
 
 <div class="blogpost-content--header-wrapper">
     <div class="blogpost-content__metadata--container">
-        {{ range $tag := .Params.tags }}
-            {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
-                <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
+        <div class="tags-container">
+            {{ range $tag := .Params.tags }}
+                {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
+                    <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
+                {{ end }}
             {{ end }}
-        {{ end }}
+        </div>
         <span class="bodytext__medium--brownish-grey">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
     </div>
     <p class="blogpost-content__metadata--title">{{ .Title }}</p>
diff --git a/landing-pages/site/layouts/blog/list.html b/landing-pages/site/layouts/blog/list.html
index c0bba46..4891c43 100644
--- a/landing-pages/site/layouts/blog/list.html
+++ b/landing-pages/site/layouts/blog/list.html
@@ -21,12 +21,14 @@
     <div>
         <h2 class="page-header">Blog</h2>
         <div class="all-tags-container">
-            <a class="tag active" href="/blog/">All</a>
-            {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-                {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
-                    <a class="tag" href="{{ .Permalink }}">{{ humanize $name }}</a>
+            <div class="tags-container mx-auto">
+                <a class="tag active" href="/blog/">All</a>
+                {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+                    {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
+                        <a class="tag" href="{{ .Permalink }}">{{ humanize $name }}</a>
+                    {{ end }}
                 {{ end }}
-            {{ end }}
+            </div>
         </div>
         <div class="new-entry">
             <a class="new-entry--link" href="https://github.com">ADD YOUR ENTRY</a>
diff --git a/landing-pages/site/layouts/partials/boxes/blogpost.html b/landing-pages/site/layouts/partials/boxes/blogpost.html
index 91b1497..f59859c 100644
--- a/landing-pages/site/layouts/partials/boxes/blogpost.html
+++ b/landing-pages/site/layouts/partials/boxes/blogpost.html
@@ -19,11 +19,13 @@
 
 <div class="box-event__blogpost">
     <div class="box-event__blogpost--metadata">
-        {{ range $tag := .Params.tags }}
-            {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
-                <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
+        <div class="tags-container">
+            {{ range $tag := .Params.tags }}
+                {{ with $.Site.GetPage (printf "/tags/%s" $tag) }}
+                    <a class="tag" href="{{ .Permalink }}">{{ humanize $tag }}</a>
+                {{ end }}
             {{ end }}
-        {{ end }}
+        </div>
         <span class="bodytext__medium--brownish-grey">{{ .Date.Format "Mon, Jan 2, 2006" }}</span>
     </div>
     <p class="box-event__blogpost--header">{{ .Params.title }}</p>
diff --git a/landing-pages/site/layouts/taxonomy/tag.html b/landing-pages/site/layouts/taxonomy/tag.html
index 81e55e8..03d12ab 100644
--- a/landing-pages/site/layouts/taxonomy/tag.html
+++ b/landing-pages/site/layouts/taxonomy/tag.html
@@ -22,13 +22,15 @@
     <div>
         <h2 class="page-header">Blog</h2>
         <div class="all-tags-container">
-            <a class="tag" href="/blog/">All</a>
-            {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-                {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
-                    <a class="tag {{if eq .Permalink $pageUrl}}active{{ end }}"
-                       href="{{ .Permalink }}">{{ humanize $name }}</a>
+            <div class="tags-container mx-auto">
+                <a class="tag" href="/blog/">All</a>
+                {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
+                    {{ with $.Site.GetPage (printf "/tags/%s" $name) }}
+                        <a class="tag {{if eq .Permalink $pageUrl}}active{{ end }}"
+                           href="{{ .Permalink }}">{{ humanize $name }}</a>
+                    {{ end }}
                 {{ end }}
-            {{ end }}
+            </div>
         </div>
         <div class="new-entry">
             <a class="new-entry--link" href="https://github.com">ADD YOUR ENTRY</a>