From a8c0805988c1492cf34998590c17199356ad8af1 Mon Sep 17 00:00:00 2001 From: Jeremy Thomas Date: Tue, 10 Apr 2018 18:22:04 +0100 Subject: [PATCH] Add more page --- docs/_data/global.json | 2 +- docs/_data/links.json | 15 +++++++++ docs/_includes/footer/boxes.html | 2 +- docs/_includes/footer/links.html | 10 +++--- docs/_includes/footer/support.html | 18 ++++++++++ docs/_includes/global/footer.html | 4 --- docs/_sass/footer.sass | 39 +++++++++++++++------ docs/_sass/specific.sass | 2 +- docs/css/bulma-docs.css | 54 +++++++++++++++++++++++------- docs/more.html | 53 +++++++++++++++++++++++++++++ 10 files changed, 164 insertions(+), 35 deletions(-) create mode 100644 docs/more.html diff --git a/docs/_data/global.json b/docs/_data/global.json index 307a1029..b06ba4d3 100644 --- a/docs/_data/global.json +++ b/docs/_data/global.json @@ -9,7 +9,7 @@ }, { "id": "expo", - "color": "bd-has-text-star", + "color": "has-text-star", "fa_type": "fas", "fa_icon": "fa-star", "title": "Expo" diff --git a/docs/_data/links.json b/docs/_data/links.json index 832e49b0..9f0f4108 100644 --- a/docs/_data/links.json +++ b/docs/_data/links.json @@ -330,36 +330,51 @@ "expo": { "name": "Expo", "subtitle": "Official Bulma showcase", + "icon": "star", + "color": "star", "path": "/expo" }, "love": { "name": "Love", "subtitle": "Fans of Bulma around the world", + "color": "danger", + "icon": "heart", "path": "/love" }, "bulma-start": { "name": "Bulma start", "subtitle": "A tiny npm package to get started", + "icon": "rocket", + "color": "success", "path": "/bulma-start" }, "made-with-bulma": { "name": "Made with Bulma", "subtitle": "The official community badge", + "icon": "certificate", + "color": "primary", "path": "/made-with-bulma" }, "bootstrap": { "name": "Coming from Bootstrap", "subtitle": "See how Bulma is an alternative to Bootstrap", + "icon": "exchange-alt", + "color": "bootstrap", "path": "/alternative-to-bootstrap" }, "patreon-backers": { "name": "Patreon backers", "subtitle": "Everyone who is supporting Bulma", + "icon_brand": "true", + "icon": "patreon", + "color": "patreon", "path": "/backers" }, "extensions": { "name": "Bulma extensions", "subtitle": "Side projects to enhance Bulma", + "icon": "plug", + "color": "orange", "path": "/extensions" } }, diff --git a/docs/_includes/footer/boxes.html b/docs/_includes/footer/boxes.html index 624bb11d..2792869d 100644 --- a/docs/_includes/footer/boxes.html +++ b/docs/_includes/footer/boxes.html @@ -21,7 +21,7 @@

- + Expo diff --git a/docs/_includes/footer/links.html b/docs/_includes/footer/links.html index 2fad9f72..60b70a79 100644 --- a/docs/_includes/footer/links.html +++ b/docs/_includes/footer/links.html @@ -51,20 +51,22 @@

{% for link_id in site.data.links.more %} - {% assign link = site.data.links.by_id[link_id] %} + {% assign link = site.data.links.by_id[link_id] %}

- - {{ link.name }} + + + + {{ link.name }} + {{ link.subtitle }}

{% endfor %} - diff --git a/docs/_includes/footer/support.html b/docs/_includes/footer/support.html index 936995cd..11c9e102 100644 --- a/docs/_includes/footer/support.html +++ b/docs/_includes/footer/support.html @@ -18,6 +18,24 @@ +
+

+ Visit our sponsor +

+
+ + {% + include elements/responsive-image.html + path="sponsors/chainaxe" + extension="png" + alt="chainaxe logo" + width="99" + height="70" + %} + +
+
+

Monthly donation diff --git a/docs/_includes/global/footer.html b/docs/_includes/global/footer.html index a892d77a..4a25ef4d 100644 --- a/docs/_includes/global/footer.html +++ b/docs/_includes/global/footer.html @@ -2,10 +2,6 @@ {% include book/book-banner.html %} -{% include global/sponsors.html %} - -

- {% include global/newsletter.html %} {% include footer/main.html %} diff --git a/docs/_sass/footer.sass b/docs/_sass/footer.sass index 8cee8b42..470131ea 100644 --- a/docs/_sass/footer.sass +++ b/docs/_sass/footer.sass @@ -2,7 +2,7 @@ color: $text-strong font-size: 1.25rem line-height: 1.25 - margin-bottom: 1rem + margin-bottom: 0.5rem transition-duration: $speed transition-property: color strong @@ -10,7 +10,7 @@ .bd-footer-subtitle color: $grey-light - margin-top: -1rem + margin-top: -0.5rem transition-duration: $speed transition-property: color @@ -26,7 +26,7 @@ .bd-footer-tsp color: $grey-light - margin-top: 1rem + margin-top: 1.5rem %bd-footer-box background-color: $white @@ -36,15 +36,16 @@ text-align: center .bd-footer-title font-size: 1.5rem - margin-bottom: 1rem // Support .bd-footer-support @extend %bd-footer-box margin-bottom: 3rem - margin-top: 2.25rem - padding: 2.5rem + margin-top: 3rem + padding: 3rem + .bd-footer-title + margin-bottom: 1.5rem .bd-footer-donations justify-content: center @@ -61,7 +62,7 @@ .bd-footer-donation-action @extend %center - min-height: 36px + height: 70px .paypal-form height: 30px img @@ -139,13 +140,20 @@ $star-figure-height: 156px margin-top: 1.5em .bd-footer-link - margin-top: 0.25rem + margin-top: 0.5rem &.bd-is-more font-size: 0.875rem a:not(:hover) color: $grey-light &.bd-has-subtitle a + align-items: center + display: flex + justify-content: space-between + strong + flex-grow: 1 + flex-shrink: 1 + font-weight: unset em display: block font-size: 0.875rem @@ -153,10 +161,19 @@ $star-figure-height: 156px &:not(:hover) em color: $grey-light + +mobile + flex-wrap: wrap + margin-top: 1rem + em + width: 100% +tablet - align-items: center - display: flex - justify-content: space-between em margin-left: 1rem text-align: right + +.bd-footer-link-icon + flex-grow: 0 + flex-shrink: 0 + margin-right: 0.5em + text-align: center + width: 1em diff --git a/docs/_sass/specific.sass b/docs/_sass/specific.sass index 6a260f47..c21bbd99 100644 --- a/docs/_sass/specific.sass +++ b/docs/_sass/specific.sass @@ -93,7 +93,7 @@ .bd-has-text-rss color: $rss -.bd-has-text-star +.has-text-star color: $star // $navbar-items: ("documentation": $primary, "templates": $info, "videos": $success, "blog": $rss, "expo": $star, "love": $red) diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css index f1bddc31..1263cd94 100644 --- a/docs/css/bulma-docs.css +++ b/docs/css/bulma-docs.css @@ -10654,7 +10654,7 @@ svg { color: #363636; font-size: 1.25rem; line-height: 1.25; - margin-bottom: 1rem; + margin-bottom: 0.5rem; transition-duration: 86ms; transition-property: color; } @@ -10665,7 +10665,7 @@ svg { .bd-footer-subtitle { color: #b5b5b5; - margin-top: -1rem; + margin-top: -0.5rem; transition-duration: 86ms; transition-property: color; } @@ -10687,7 +10687,7 @@ svg { .bd-footer-tsp { color: #b5b5b5; - margin-top: 1rem; + margin-top: 1.5rem; } .bd-footer-support, .bd-footer-star { @@ -10700,13 +10700,16 @@ svg { .bd-footer-support .bd-footer-title, .bd-footer-star .bd-footer-title { font-size: 1.5rem; - margin-bottom: 1rem; } .bd-footer-support { margin-bottom: 3rem; - margin-top: 2.25rem; - padding: 2.5rem; + margin-top: 3rem; + padding: 3rem; +} + +.bd-footer-support .bd-footer-title { + margin-bottom: 1.5rem; } .bd-footer-donations { @@ -10728,7 +10731,7 @@ svg { } .bd-footer-donation-action { - min-height: 36px; + height: 70px; } .bd-footer-donation-action .paypal-form { @@ -10836,7 +10839,7 @@ svg { } .bd-footer-link { - margin-top: 0.25rem; + margin-top: 0.5rem; } .bd-footer-link.bd-is-more { @@ -10847,6 +10850,18 @@ svg { color: #b5b5b5; } +.bd-footer-link.bd-has-subtitle a { + align-items: center; + display: flex; + justify-content: space-between; +} + +.bd-footer-link.bd-has-subtitle a strong { + flex-grow: 1; + flex-shrink: 1; + font-weight: unset; +} + .bd-footer-link.bd-has-subtitle a em { display: block; font-size: 0.875rem; @@ -10857,18 +10872,31 @@ svg { color: #b5b5b5; } -@media screen and (min-width: 769px), print { +@media screen and (max-width: 768px) { .bd-footer-link.bd-has-subtitle a { - align-items: center; - display: flex; - justify-content: space-between; + flex-wrap: wrap; + margin-top: 1rem; } + .bd-footer-link.bd-has-subtitle a em { + width: 100%; + } +} + +@media screen and (min-width: 769px), print { .bd-footer-link.bd-has-subtitle a em { margin-left: 1rem; text-align: right; } } +.bd-footer-link-icon { + flex-grow: 0; + flex-shrink: 0; + margin-right: 0.5em; + text-align: center; + width: 1em; +} + ::-moz-selection { background-color: #00d1b2; color: #fff; @@ -11011,7 +11039,7 @@ svg { color: #f26522; } -.bd-has-text-star { +.has-text-star { color: #FFD257; } diff --git a/docs/more.html b/docs/more.html new file mode 100644 index 00000000..9e448f7b --- /dev/null +++ b/docs/more.html @@ -0,0 +1,53 @@ +--- +title: More +layout: default +breadcrumb: +- home +- more +--- + +{% include global/navbar.html id="More" %} + +
+
+
+
+ {% include components/breadcrumb.html %} + +
+
+

+ More +

+

+ Projects and content related to Bulma +

+
+ +
+ {% include elements/carbon.html %} +
+
+ +
+
+ {% for link_id in site.data.links.more %} + {% assign link = site.data.links.by_id[link_id] %} + +

+ + + + {{ link.name }} +

+

+ {{ link.subtitle }} +

+ + {% endfor %} +
+
+
+
+
+