diff --git a/_src/_assets/img/logo-oceanprotocol.svg b/_src/_assets/img/logo-oceanprotocol.svg new file mode 100644 index 0000000..05558e1 --- /dev/null +++ b/_src/_assets/img/logo-oceanprotocol.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/_src/_assets/scss/_oceanprotocol.scss b/_src/_assets/scss/_oceanprotocol.scss new file mode 100644 index 0000000..c748a30 --- /dev/null +++ b/_src/_assets/scss/_oceanprotocol.scss @@ -0,0 +1,49 @@ +.oceanprotocol { + display: block; + box-shadow: none; + height: 100%; + background: #141414; + padding-top: $spacer / 2; + padding-bottom: $spacer / 2; + + &:hover, + &:focus { + background: #fff; + + .oceanprotocol__title { + opacity: 1; + color: #141414; + } + + .oceanprotocol__logo { + fill: #141414; + } + } + + .row { + display: flex; + align-items: center; + justify-content: center; + height: 100%; + } +} + +.oceanprotocol__title { + font-size: .65rem; + margin: 0; + opacity: .8; + color: #fff; + + @media ($screen-sm) { + font-size: .75rem; + } +} + +.oceanprotocol__logo { + fill: #fff; + width: 1rem; + height: 1rem; + margin-right: $spacer / 4; + margin-bottom: -.3rem; + display: inline-block; +} diff --git a/_src/_assets/scss/ipdb.scss b/_src/_assets/scss/ipdb.scss index 0a2daab..c5f8833 100644 --- a/_src/_assets/scss/ipdb.scss +++ b/_src/_assets/scss/ipdb.scss @@ -19,6 +19,7 @@ @import 'alerts'; @import 'cookiebanner'; @import 'syntax'; +@import 'oceanprotocol'; .content--page--markdown { padding-top: $spacer * 2; diff --git a/_src/_includes/oceanprotocol.html b/_src/_includes/oceanprotocol.html new file mode 100644 index 0000000..3b0753b --- /dev/null +++ b/_src/_includes/oceanprotocol.html @@ -0,0 +1,9 @@ + diff --git a/_src/index.html b/_src/index.html index ad6b50e..4233d55 100644 --- a/_src/index.html +++ b/_src/index.html @@ -8,6 +8,8 @@ css: page-front {% assign content = site.data.content-front %} +{% include oceanprotocol.html %} +
{% include menu-main.html %}