Iโm happy to add [my contribution to Steemauto](https://github.com/mahdiyari/steemauto/pull/17), an open source automation tool for Steem blockchain. I developed a new visual look for the front page. Itโs a full template ready to adapt on the website including html, css and graphic files. My goal was to build a visually rich website frontpage template using minimalist code with no dependencies (except Font Awesome which is expected to be used on other pages, too). You can see the template in action [here](https://steemauto.test.dancingwater.eu/) on my test site. And here are some screenshots showing how the template looks and scales, from 320 to 1600+ pixels. ### 1600px  ### 1024px  ### 600px  ### 320px  Tech used: Adobe Photoshop, HTML, CSS For those not yet familiar with [Steemauto](https://steemauto.com/), this handy tool allows automated upvoting, following a curation trail, automated rewards claiming and more. Unlike other similar tools, Steemauto is an open source project, so it can be built and improved by the community. In addition, Steemauto is free โ users don't have to pay or upvote anything. Feel free to share your suggestions and feedback! Itโs a work in progress and I will be happy to use ideas coming from you. **UPDATE for Utopian mods: the pull request has been merged.** <br /><hr/><em>Posted on <a href="https://utopian.io/utopian-io/@vitkolesnik/new-visual-look-for-steemauto-a-design-template-contributed">Utopian.io - Rewarding Open Source Contributors</a></em><hr/>
| author | vitkolesnik | ||||||
|---|---|---|---|---|---|---|---|
| permlink | new-visual-look-for-steemauto-a-design-template-contributed | ||||||
| category | utopian-io | ||||||
| json_metadata | "{"community":"utopian","app":"utopian/1.0.0","format":"markdown","repository":{"id":110881312,"name":"steemauto","full_name":"mahdiyari/steemauto","html_url":"https://github.com/mahdiyari/steemauto","fork":false,"owner":{"login":"mahdiyari"}},"pullRequests":[],"platform":"github","type":"development","tags":["utopian-io","steemauto","webdev","steemdev","design"],"users":["vitkolesnik"],"links":["https://github.com/mahdiyari/steemauto/pull/17","https://steemauto.test.dancingwater.eu/","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319747/fxahksgjb6xwjnaqpgwi.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319824/w8caqfjntj1v5c3s0g4y.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319872/cxoigbafqvpoxoszojbq.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319917/qi8prmcvps57kscwsiit.png","https://steemauto.com/"],"image":["https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319747/fxahksgjb6xwjnaqpgwi.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319824/w8caqfjntj1v5c3s0g4y.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319872/cxoigbafqvpoxoszojbq.png","https://res.cloudinary.com/hpiynhbhq/image/upload/v1521319917/qi8prmcvps57kscwsiit.png"],"moderator":{"account":"eastmael","time":"2018-03-21T00:06:54.487Z","pending":false,"reviewed":true,"flagged":false},"questions":[{"question":"Is the project description formal?","answers":[{"value":"Yes itโs straight to the point","selected":true,"score":10},{"value":"Need more description ","selected":false,"score":5},{"value":"Not too descriptive","selected":false,"score":0}],"selected":0},{"question":"Is the language / grammar correct?","answers":[{"value":"Yes","selected":false,"score":20},{"value":"A few mistakes","selected":true,"score":10},{"value":"It's pretty bad","selected":false,"score":0}],"selected":1},{"question":"Was the template followed?","answers":[{"value":"Yes","selected":false,"score":10},{"value":"Partially","selected":true,"score":5},{"value":"No","selected":false,"score":0}],"selected":1},{"question":"How do you rate the amount of work?","answers":[{"value":"Very High","selected":false,"score":20},{"value":"High","selected":true,"score":16},{"value":"Medium","selected":false,"score":12},{"value":"Low","selected":false,"score":7},{"value":"Very Low","selected":false,"score":3}],"selected":1},{"question":"How do you rate the impact on the Project?","answers":[{"value":"Very High","selected":false,"score":20},{"value":"High","selected":true,"score":16},{"value":"Medium","selected":false,"score":12},{"value":"Low","selected":false,"score":7},{"value":"Very Low","selected":false,"score":3}],"selected":1}],"score":50}" | ||||||
| created | 2018-03-17 21:03:54 | ||||||
| last_update | 2018-03-21 00:06:54 | ||||||
| depth | 0 | ||||||
| children | 5 | ||||||
| last_payout | 2018-03-24 21:03:54 | ||||||
| cashout_time | 1969-12-31 23:59:59 | ||||||
| total_payout_value | 53.538 HBD | ||||||
| curator_payout_value | 23.511 HBD | ||||||
| pending_payout_value | 0.000 HBD | ||||||
| promoted | 0.000 HBD | ||||||
| body_length | 2,017 | ||||||
| author_reputation | 16,545,270,223,382 | ||||||
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" | ||||||
| beneficiaries |
| ||||||
| max_accepted_payout | 1,000,000.000 HBD | ||||||
| percent_hbd | 10,000 | ||||||
| post_id | 45,023,261 | ||||||
| net_rshares | 27,775,107,840,533 | ||||||
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| pheonike | 0 | 77,254,720 | 0.5% | ||
| edrivegom | 0 | 110,332,917 | 0.05% | ||
| stephen.king989 | 0 | 912,124,535 | 0.1% | ||
| jrhughes | 0 | 3,422,655,994 | 20% | ||
| geke | 0 | 10,328,001,301 | 10% | ||
| jhermanbeans | 0 | 277,592,115 | 0.05% | ||
| sjennon | 0 | 20,091,392,582 | 10% | ||
| steemprentice | 0 | 1,183,800,941 | 0.05% | ||
| steemcenterwiki | 0 | 3,921,107,566 | 20% | ||
| pomperipossa | 0 | 319,453,564 | 0.05% | ||
| numpypython | 0 | 187,631,734 | 0.05% | ||
| decibel | 0 | 140,396,960 | 0.25% | ||
| mys | 0 | 20,586,698,602 | 25% | ||
| qwasert | 0 | 117,474,532 | 0.1% | ||
| cryptohustler | 0 | 186,597,716 | 0.5% | ||
| carolkean | 0 | 6,461,789,077 | 100% | ||
| minnowsupport | 0 | 24,209,117,840 | 0.5% | ||
| modnar | 0 | 977,054,100 | 100% | ||
| myday | 0 | 167,048,524 | 0.05% | ||
| gamerveda | 0 | 380,391,232 | 0.25% | ||
| jayna | 0 | 20,049,990,940 | 50% | ||
| cifer | 0 | 7,706,093,578 | 65% | ||
| cryptonator | 0 | 209,618,843 | 0.5% | ||
| river-island | 0 | 142,272,260 | 0.5% | ||
| utopian-io | 0 | 27,649,299,651,354 | 17.5% | ||
| rashbash | 0 | 61,930,791 | 0.5% | ||
| ruil | 0 | 555,384,828 | 100% | ||
| isleofwrite | 0 | 1,199,461,154 | 20% | ||
| muba | 0 | 0 | 100% | ||
| steemnova | 0 | 1,298,869,422 | 25% | ||
| jsf | 0 | 0 | 100% | ||
| esdee | 0 | 0 | 100% | ||
| d7470 | 0 | 526,650,811 | 100% |
Your contribution cannot be approved yet. See the [Utopian Rules](https://utopian.io/rules). Please edit your contribution to reapply for approval. Please have your PR accepted/merged by project owner first. We have this rule: > Bug Fixes and New Features must be submitted via Pull Requests. The Pull Request **must have been merged** within the past 14 days. You may edit your post [here](https://utopian.io/utopian-io/@vitkolesnik/new-visual-look-for-steemauto-a-design-template-contributed), as shown below:  You can contact us on [Discord](https://discord.gg/uTyJkNm). **[[utopian-moderator]](https://utopian.io/moderators)**
| author | eastmael |
|---|---|
| permlink | re-vitkolesnik-new-visual-look-for-steemauto-a-design-template-contributed-20180319t125253542z |
| category | utopian-io |
| json_metadata | {"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"} |
| created | 2018-03-19 12:52:54 |
| last_update | 2018-03-19 12:52:54 |
| depth | 1 |
| children | 0 |
| last_payout | 2018-03-26 12:52:54 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 725 |
| author_reputation | 78,967,407,130,763 |
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 45,335,298 |
| net_rshares | 0 |
Thank you for the contribution. It has been approved. On your next contribution, please have your PR accepted first before submittijg a contribution. Once it's merged, the PR will display as a drodown, just under the project/repository field. This will then show under your post, when it's accessed via the Utopian site. This will be easier for moderators to review your post and access your PR instead of the moderator looking for the link within your post. Second, once you've made changes to the post, please make it a habit to reply to the moderator's comment instead of updating your post. I use a notification service to be modified of any replies to my comments. You can contact us on [Discord](https://discord.gg/uTyJkNm). **[[utopian-moderator]](https://utopian.io/moderators)**
| author | eastmael |
|---|---|
| permlink | re-vitkolesnik-new-visual-look-for-steemauto-a-design-template-contributed-20180321t001139972z |
| category | utopian-io |
| json_metadata | {"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"} |
| created | 2018-03-21 00:11:36 |
| last_update | 2018-03-21 00:11:36 |
| depth | 1 |
| children | 0 |
| last_payout | 2018-03-28 00:11:36 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 790 |
| author_reputation | 78,967,407,130,763 |
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 45,640,897 |
| net_rshares | 0 |
Good contribution to the minnow community. Job well done @vitkolesnik! ;) Followed.
| author | esdee |
|---|---|
| permlink | re-vitkolesnik-new-visual-look-for-steemauto-a-design-template-contributed-20180402t094119571z |
| category | utopian-io |
| json_metadata | {"tags":["utopian-io"],"users":["vitkolesnik"],"app":"steemit/0.1"} |
| created | 2018-04-02 09:41:21 |
| last_update | 2018-04-02 09:42:45 |
| depth | 1 |
| children | 0 |
| last_payout | 2018-04-09 09:41:21 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 83 |
| author_reputation | 114,210,652,759 |
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 47,903,535 |
| net_rshares | 0 |
<p>Congratulations! This post has been upvoted from the communal account, @minnowsupport, by vitkolesnik from the Minnow Support Project. It's a witness project run by aggroed, ausbitbank, teamsteem, theprophet0, someguy123, neoxian, followbtcnews, and netuoso. The goal is to help Steemit grow by supporting Minnows. Please find us at the <a href="https://discord.gg/HYj4yvw"> Peace, Abundance, and Liberty Network (PALnet) Discord Channel</a>. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.</p> <p>If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=102530.639667%20VESTS">50SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=205303.639667%20VESTS">100SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=514303.639667%20VESTS">250SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=1025303.639667%20VESTS">500SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=2053030.639667%20VESTS">1000SP</a>, <a href="https://v2.steemconnect.com/sign/delegateVestingShares?delegator=&delegatee=minnowsupport&vesting_shares=10253030.639667%20VESTS">5000SP</a>. <br><strong>Be sure to leave at least 50SP undelegated on your account.</strong></p>
| author | minnowsupport |
|---|---|
| permlink | re-new-visual-look-for-steemauto-a-design-template-contributed-20180317t235921 |
| category | utopian-io |
| json_metadata | "" |
| created | 2018-03-17 23:59:24 |
| last_update | 2018-03-17 23:59:24 |
| depth | 1 |
| children | 0 |
| last_payout | 2018-03-24 23:59:24 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.000 HBD |
| curator_payout_value | 0.000 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 1,707 |
| author_reputation | 148,902,805,319,183 |
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 45,042,529 |
| net_rshares | 5,881,079,098 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| vitkolesnik | 0 | 5,881,079,098 | 15% |
### Hey @vitkolesnik I am @utopian-io. I have just upvoted you! #### Achievements - This is your first accepted contribution here in Utopian. Welcome! #### Community-Driven Witness! I am the first and only Steem Community-Driven Witness. <a href="https://discord.gg/zTrEMqB">Participate on Discord</a>. Lets GROW TOGETHER! - <a href="https://v2.steemconnect.com/sign/account-witness-vote?witness=utopian-io&approve=1">Vote for my Witness With SteemConnect</a> - <a href="https://v2.steemconnect.com/sign/account-witness-proxy?proxy=utopian-io&approve=1">Proxy vote to Utopian Witness with SteemConnect</a> - Or vote/proxy on <a href="https://steemit.com/~witnesses">Steemit Witnesses</a> [](https://steemit.com/~witnesses) **Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x**
| author | utopian-io |
|---|---|
| permlink | re-vitkolesnik-new-visual-look-for-steemauto-a-design-template-contributed-20180321t001151910z |
| category | utopian-io |
| json_metadata | {"tags":["utopian-io"],"community":"utopian","app":"utopian/1.0.0"} |
| created | 2018-03-21 00:11:51 |
| last_update | 2018-03-21 00:11:51 |
| depth | 1 |
| children | 0 |
| last_payout | 2018-03-28 00:11:51 |
| cashout_time | 1969-12-31 23:59:59 |
| total_payout_value | 0.018 HBD |
| curator_payout_value | 0.005 HBD |
| pending_payout_value | 0.000 HBD |
| promoted | 0.000 HBD |
| body_length | 1,028 |
| author_reputation | 152,955,367,999,756 |
| root_title | "New Visual Look for Steemauto: A Design Template Contributed" |
| beneficiaries | [] |
| max_accepted_payout | 1,000,000.000 HBD |
| percent_hbd | 10,000 |
| post_id | 45,640,923 |
| net_rshares | 7,844,296,087 |
| author_curate_reward | "" |
| voter | weight | wgt% | rshares | pct | time |
|---|---|---|---|---|---|
| vitkolesnik | 0 | 7,844,296,087 | 20% |
hiveblocks