To continue with the project of @wearecodex Steem Avatars, I started the development of the first stage: Plankton. I made a complete redesign first and now was time for the PHP and CSS.

First I deleted all the CSS writen in the index.php to create a new style sheet, to have more order and also because the new styles would be a lot more lines of code.

^{Screen of the comparison of index.php files to show CSS improvement}

I also took advantage of Bootstrap files to use a few of the styles.

Bootstrap is an open source toolkit for developing with HTML, CSS, and JS.
^{Source https://getbootstrap.com}

Here you can appreciate the whole difference:

^{A few changes were made from the original redesign proposal}

There was added a divto list the contributors with a link to their profile/portfolio or what is necessary.

I kept the references to the original authors of the Cat Avatar Generator, because it is still showing the same graphics to actually generate the avatars and the code for that is in use too.
^{Cat avatar generator is an open source/creative commons project}

The pull requests were merged, as shown below:

---

Github:

Repository: wearecodexx/plankton-generator
Pull Request 1: Update index.php
Pull Request 2: Create style.css

---

_{I am a professional graphic designer
You can find me here} { | | }

---

Posted on Utopian.io - Rewarding Open Source Contributors

---