Need favicon!

[rhyneav]

Oops, don't have a favicon yet.

[TotomInc]

Do you have an idea for an "official" logo?

[rhyneav]

What's ironic, is that the Chrome default favicon of a blank page is pretty fitting for PaperCSS. So maybe a more cartooned version of that? I'm open for any ideas you (or anyone else!) may have.

[afzalsayed96]

I suggest this should be the favicon

[TotomInc]

@afzalsayed96 thanks for your submission, but I feel you should also sharp the inside-borders of the icon, it looks a bit too rough. What are your thoughts @rhyneav ?

[afzalsayed96]

@TotomInc I didn't quite get you.
Built this favicon using papercss itself.

HTML

<div class="row flex-center">
      <div class="row flex-center child-borders">
          <h1>P</h1>
       </div>
</div>

CSS

.child-borders > * {
    border: 4px solid #41403e;
}
h1 {
    font-size: 4rem;
    padding: 0% 15%;
}

[rhyneav]

I dig it! Favicon made by the framework, nice!

@TotomInc I see your point, but I think the favicon will be too small to really see that it's not perfectly imperfect on the inside. To that point, what browser did you use to display the icon for the screenshot @afzalsayed96?

[nfuad]

@rhyneav, You are right, Chrome's default favicon is a great fit for your framework. I wondered about it too. and maybe we could replicate this same icon to display on other browsers too... What do you say?

And I have found a solution for you. And here's a preview:

And I would say, imperfectness won't be necessary ( just for favicon ). If you like my idea, I can complete the process for you.

BTW, loved PaperCSS. Keep up the great work. we're happy to contribute.

Nafis Fuad
@Nafis-Fuad

[afzalsayed96]

@rhyneav the previous preview was using Firefox. Here's a preview in Chrome

For Edge, favicon cannot be viewed in localhost but it will work perfectly on deployed webpage
If you cannot view the favicon on your local machine then try clearing cache

[TotomInc]

@afzalsayed96 favicon looks a bit too light IMO, and the borders are not enough visible.

@Nafis-Fuad is it possible to add something like the P with the PaperCSS font use? It will customize it a bit more, otherwise it's a nice favicon!

[nfuad]

@TotomInc, Thank you for giving my favicon a thought. And yeah, I like your idea. Definitely worth a try.

@Nafis-Fuad

[nfuad]

Maybe this one helps.

Had to try a lot of combinations. But this one worked for me. Hope you'll find it interesting.

I've generated all the files required.
@Nafis-Fuad

[rhyneav]

@Nafis-Fuad could you please link a screenshot of what it would look like in a browser? Similar to what @afzalsayed96 has done.

[TotomInc]

What's the state of the favicon? Have you done a choice?

[rhyneav]

No decision yet @TotomInc. Wanted to see what @Nafis-Fuad's looked like in a browser first.

I personally like @afzalsayed96's a lot. I think it's neat that it was made by the framework. Plus, he already has #38 open with it.

[nfuad]

Here you go, @rhyneav.

@Nafis-Fuad

[TotomInc]

I personally prefer @afzalsayed96's favicon, your favicon @Nafis-Fuad is a bit messy, maybe because of the top right folding border.

[rhyneav]

Totally agree. The fold looks great in a bigger image, but gets a little distorted when in a small icon. Thank you for putting that together though, @Nafis-Fuad!

I'm going to go ahead and merge in #38 with @afzalsayed96's favicon.

[nfuad]

It's Ok.

@Nafis-Fuad