Bug fix on Add to homescreen icon for steemit.com website

in #utopian-io6 years ago (edited)

My pull request to steem/condenser got approved. I added enhancement for mobile user by adding a few new parameters into manifest.json file.

Screen Shot 2018-02-02 at 7.06.38 AM.png
The pull request just got merged today

This pull request is fixing my previous bug hunting post

Bug Fixes

  • What was the issue(s)?
    As a mobile user, I would normally add to homescreen the website that I always use. The issue with steemit.com is that it does not have a proper image shown

34393417-26fd8cba-eb8d-11e7-97bb-b93613a421a2.png

34393414-22eab3f0-eb8d-11e7-8278-93e08120b7ec.png


  • What was the solution?
    Since steemit.com already had a manifest.json file, I added a few more parameters to it so that it can have more features.
   "icons": [
        {
            "src": "/images/favicons/favicon-72x72.png",
            "sizes": "72x72",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-96x96.png",
            "sizes": "96x96",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-144x144.png",
            "sizes": "144x144",
            "type": "image/png"
        },
        {
            "src": "/images/favicons/favicon-196x196.png",
            "sizes": "196x196",
            "type": "image/png"
        }
    ],

I added a few icons size for different device sizes.

The result looks like this:

Screenshot_2018-02-02-06-57-05.png

27606285_10210597628952164_206276634_o.png


New Features

  • What feature(s) did you add?
    Since the previous manifest.json does not have a splash screen background specification, I added it.
  • How did you implement it/them?
    "theme_color": "#FFFFFF"
    "background_color": "#FFFFFF"

Added background_color params to show the splash screen background.

Screenshot_2018-02-02-07-16-07.png

About Projects



Posted on Utopian.io - Rewarding Open Source Contributors

Sort:  

Thank you for the contribution. It has been approved.

Please put in more work into your future contributions.

You can contact us on Discord.

[utopian-moderator]

Congratulations! This post has been upvoted from the communal account, @minnowsupport, by superoo7 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 Peace, Abundance, and Liberty Network (PALnet) Discord Channel. It's a completely public and open space to all members of the Steemit community who voluntarily choose to be there.

If you would like to delegate to the Minnow Support Project you can do so by clicking on the following links: 50SP, 100SP, 250SP, 500SP, 1000SP, 5000SP.
Be sure to leave at least 50SP undelegated on your account.

Hey @superoo7 I am @utopian-io. I have just upvoted you!

Achievements

  • You have less than 500 followers. Just gave you a gift to help you succeed!
  • Seems like you contribute quite often. AMAZING!

Community-Driven Witness!

I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!

mooncryption-utopian-witness-gif

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

Coin Marketplace

STEEM 0.29
TRX 0.12
JST 0.033
BTC 63852.87
ETH 3135.82
USDT 1.00
SBD 3.83