diff --git a/README.md b/README.md index 793d749..26eca80 100644 --- a/README.md +++ b/README.md @@ -19,6 +19,7 @@ All assets in this repo can also be viewed and downloaded from [oceanprotocol.co - [Logo](logo/) - [Banner](banner/) +- [Waves](waves/) - [Creatures](creatures/) - [GitHub](github/) diff --git a/banner/banner-ocean-01.png b/banner/banner-ocean-01.png index a9ceae9..f75b435 100644 Binary files a/banner/banner-ocean-01.png and b/banner/banner-ocean-01.png differ diff --git a/banner/banner-ocean-01@2x.png b/banner/banner-ocean-01@2x.png index 1a7b244..ec859dc 100644 Binary files a/banner/banner-ocean-01@2x.png and b/banner/banner-ocean-01@2x.png differ diff --git a/banner/banner-ocean-02.png b/banner/banner-ocean-02.png index 6232171..2559691 100644 Binary files a/banner/banner-ocean-02.png and b/banner/banner-ocean-02.png differ diff --git a/banner/banner-ocean-02@2x.png b/banner/banner-ocean-02@2x.png index 8fb3bd3..2a67c6f 100644 Binary files a/banner/banner-ocean-02@2x.png and b/banner/banner-ocean-02@2x.png differ diff --git a/github/README.md b/github/README.md index d161983..82798fa 100644 --- a/github/README.md +++ b/github/README.md @@ -2,16 +2,16 @@ Use the repo banner to decorate an official Ocean Protocol repository's readme file and follow those points to open source a repo: -* add repo banner -* add LICENSE file, add license block at end of readme -* add badges, like a Travis badge linking to the project on Travis. If repo has been published to package registries, add their badge too. You can use shields.io to get them all from one place +- add repo banner +- add LICENSE file, add license block at end of readme +- add badges, like a Travis badge linking to the project on Travis. If repo has been published to package registries, add their badge too. You can use shields.io to get them all from one place ## Basic readme structure -Always start a project's readme file like so, note how the banner is linked to our landing page: +Always start a project's readme file like so, note how the banner is linked to our landing page and sourced remotely from the `art` repo: ```md -[![banner](repo-banner@2x.png)](https://oceanprotocol.com) +[![banner](https://raw.githubusercontent.com/oceanprotocol/art/master/github/repo-banner%402x.png)](https://oceanprotocol.com)

repo-name

@@ -21,7 +21,7 @@ Always start a project's readme file like so, note how the banner is linked to o ``` Which will return: -[![banner](repo-banner@2x.png)](https://oceanprotocol.com) +[![banner](https://raw.githubusercontent.com/oceanprotocol/art/master/github/repo-banner%402x.png)](https://oceanprotocol.com)

repo-name

@@ -30,28 +30,3 @@ Which will return: [![npm](https://img.shields.io/npm/v/@oceanprotocol/art.svg)](https://www.npmjs.com/package/@oceanprotocol/art) The tagline in there should always be the same as the repo description on GitHub. With tagline, try to summarize what a user can do with the repo. And most importantly: pick an emoji for your project and put it in front of the tagline. - -### Table of Contents - -As soon as you have more than 3 sections in your readme, add a Table of Contents above all content. [toctoc](https://github.com/n1k0/toctoc) is your friend: - -1. add this block to yopur readme after the project intro: - - ```md - ## Table of Contents - --- - ``` - -2. run toctoc: - - ```bash - toctoc README.md -w - ``` - -And make sure to update TOC as you update your readme too. - -### Usage - -Then immediately start with usage instructions. Goal should be for any dev to be able to get the project running within 1 min. So make it nicely copy/pasteable, don't just say "clone the repo and install dependencies". Write it out, e.g. see in [site repo](https://github.com/oceanprotocol/site/blob/master/README.md#development) - -Those first usage instructions should be as short as possible so this implies you have to setup everything in your project to make that possible. E.g. for front end projects everything should be handled behind a simple npm start script. diff --git a/waves/README.md b/waves/README.md new file mode 100644 index 0000000..9970c3d --- /dev/null +++ b/waves/README.md @@ -0,0 +1,11 @@ +# The Ocean Protocol Waves + +Created and designed entirely in code as SVG paths, animated with CSS by [D3.js](https://d3js.org). + +The original wave used on our website can be found on CodePen, which you can use to create your own screenshots of the waves in other variations. + +- [CodePen: Ocean Protocol Waves](https://codepen.io/kremalicious/pen/vYLNWXe) + +The assets in this repo are a recreation of those code-generated waves. + + diff --git a/waves/waves.png b/waves/waves.png new file mode 100644 index 0000000..c370861 Binary files /dev/null and b/waves/waves.png differ diff --git a/waves/waves.svg b/waves/waves.svg new file mode 100644 index 0000000..55aceb6 --- /dev/null +++ b/waves/waves.svg @@ -0,0 +1 @@ + \ No newline at end of file