From 5658db675329deb01faa90eb00536de60aa210b2 Mon Sep 17 00:00:00 2001 From: Matthias Kretschmann Date: Sat, 24 Jun 2017 13:45:55 +0200 Subject: [PATCH] add first batch of driver language logos, community tweaks --- _src/_assets/images/logo-cli.svg | 6 ++++ _src/_assets/images/logo-go.svg | 6 ++++ _src/_assets/images/logo-haskell.svg | 8 ++++++ _src/_assets/images/logo-js.svg | 3 ++ _src/_assets/images/logo-python.svg | 6 ++++ _src/_assets/images/logo-ruby.svg | 12 ++++++++ _src/_assets/styles/_page-getstarted.scss | 34 ++++++++++++++++++++--- _src/_assets/styles/bigchain/_icons.scss | 6 ++++ _src/_data/drivers.yml | 6 ++++ _src/start.html | 10 +++++-- 10 files changed, 91 insertions(+), 6 deletions(-) create mode 100644 _src/_assets/images/logo-cli.svg create mode 100644 _src/_assets/images/logo-go.svg create mode 100644 _src/_assets/images/logo-haskell.svg create mode 100644 _src/_assets/images/logo-js.svg create mode 100644 _src/_assets/images/logo-python.svg create mode 100644 _src/_assets/images/logo-ruby.svg diff --git a/_src/_assets/images/logo-cli.svg b/_src/_assets/images/logo-cli.svg new file mode 100644 index 0000000..5331c41 --- /dev/null +++ b/_src/_assets/images/logo-cli.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/_src/_assets/images/logo-go.svg b/_src/_assets/images/logo-go.svg new file mode 100644 index 0000000..c34b739 --- /dev/null +++ b/_src/_assets/images/logo-go.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/_src/_assets/images/logo-haskell.svg b/_src/_assets/images/logo-haskell.svg new file mode 100644 index 0000000..3c18a8d --- /dev/null +++ b/_src/_assets/images/logo-haskell.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/_src/_assets/images/logo-js.svg b/_src/_assets/images/logo-js.svg new file mode 100644 index 0000000..d89dbbe --- /dev/null +++ b/_src/_assets/images/logo-js.svg @@ -0,0 +1,3 @@ + + + diff --git a/_src/_assets/images/logo-python.svg b/_src/_assets/images/logo-python.svg new file mode 100644 index 0000000..28f7c5c --- /dev/null +++ b/_src/_assets/images/logo-python.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/_src/_assets/images/logo-ruby.svg b/_src/_assets/images/logo-ruby.svg new file mode 100644 index 0000000..3901685 --- /dev/null +++ b/_src/_assets/images/logo-ruby.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/_src/_assets/styles/_page-getstarted.scss b/_src/_assets/styles/_page-getstarted.scss index 8a1c52a..752ef9a 100644 --- a/_src/_assets/styles/_page-getstarted.scss +++ b/_src/_assets/styles/_page-getstarted.scss @@ -69,8 +69,7 @@ .driver { padding: $spacer; background: rgba($brand-main-blue-light, .15); - border-top-left-radius: $border-radius; - border-top-right-radius: $border-radius; + border-radius: $border-radius; display: flex; flex-wrap: wrap; justify-content: space-between; @@ -78,14 +77,24 @@ &:hover, &:focus { + background: $brand-primary; + box-shadow: 0 1px 4px rgba($brand-main-blue-dark, .4); + transform: translateY(-1px); + .driver__title { color: #fff; } .driver__logo { - background: #fff; + fill: #fff; } } + + &:active { + outline: 0; + transform: translateY(0); + box-shadow: 0 1px 2px rgba($brand-main-blue-dark, .3); + } } .driver, @@ -97,7 +106,7 @@ .driver__logo { width: 2rem; height: 2rem; - background: $brand-primary; + fill: $brand-primary; } .driver__title { @@ -205,4 +214,21 @@ border-bottom: 1px solid $gray-dark; margin-bottom: $spacer * 3; padding-bottom: $spacer * 3; + + h5 { + margin-top: $spacer / 2; + margin-bottom: $spacer / 4; + } + + .icon { + width: 2rem; + height: 2rem; + fill: $brand-main-blue-dark; + opacity: .6; + } + + .icon--gitter { + stroke: $brand-main-blue-dark; + stroke-width: 2; + } } diff --git a/_src/_assets/styles/bigchain/_icons.scss b/_src/_assets/styles/bigchain/_icons.scss index 00f7880..e9d3cc3 100644 --- a/_src/_assets/styles/bigchain/_icons.scss +++ b/_src/_assets/styles/bigchain/_icons.scss @@ -27,3 +27,9 @@ width: .5rem; height: .5rem; } + +.icon--gitter { + stroke-width: 1.5; + fill: none; + stroke: $text-color; +} diff --git a/_src/_data/drivers.yml b/_src/_data/drivers.yml index ae9a812..86b2cc7 100644 --- a/_src/_data/drivers.yml +++ b/_src/_data/drivers.yml @@ -2,24 +2,30 @@ official: - title: Python repo: bigchaindb-driver version: v0.2.2 + icon: logo-python - title: JavaScript repo: js-bigchaindb-driver version: v0.1.1 + icon: logo-js - title: CLI repo: bdb-transaction-cli version: v0.2.2 + icon: logo-cli community: - title: Haskell repo: bigchaindb-hs + icon: logo-haskell - title: Ruby repo: bigchaindb_ruby + icon: logo-ruby - title: Go repo: bigchaindb-driver-golang + icon: logo-go - title: Java repo: bigchaindb-java diff --git a/_src/start.html b/_src/start.html index b6824f8..157ed48 100644 --- a/_src/start.html +++ b/_src/start.html @@ -127,7 +127,7 @@ redirect_from:

{{ driver.title }}

@@ -169,7 +169,7 @@ redirect_from:

{{ driver.title }}

@@ -217,6 +217,9 @@ redirect_from: