Comments (18)
I suggest this should be the favicon
from papercss.
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.
from papercss.
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?
from papercss.
@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
from papercss.
@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!
from papercss.
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
from papercss.
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.
from papercss.
Do you have an idea for an "official" logo?
from papercss.
@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 ?
from papercss.
@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%;
}
from papercss.
@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
from papercss.
@TotomInc, Thank you for giving my favicon a thought. And yeah, I like your idea. Definitely worth a try.
from papercss.
@Nafis-Fuad could you please link a screenshot of what it would look like in a browser? Similar to what @afzalsayed96 has done.
from papercss.
What's the state of the favicon? Have you done a choice?
from papercss.
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.
from papercss.
Here you go, @rhyneav.
from papercss.
I personally prefer @afzalsayed96's favicon, your favicon @Nafis-Fuad is a bit messy, maybe because of the top right folding border.
from papercss.
It's Ok.
from papercss.
Related Issues (20)
- Dropdown in navbar
- Vertical menu
- Library for react native HOT 3
- Enable "font-display: swap " to avoid showing invisible text HOT 1
- horizontal form can't display in line because display:block HOT 5
- Display modal in front of nav HOT 1
- Slider with two colors like progress bar HOT 1
- Inputs and labels not shown inside collapsible HOT 2
- Long collapsible content not visible HOT 1
- Default background color for `<html>` element HOT 2
- Unchecked runtime.lastError: The message port closed before a response was received. HOT 2
- Stylelint Error HOT 3
- Show modal with JS HOT 1
- Breaking change in Sass: Color Units HOT 1
- Can you use Sass module system with PaperCSS? HOT 1
- Host font locally HOT 3
- unexpected line skip with <p> inside <li> HOT 6
- Popover triggered by transparent pseudo-element HOT 2
- Form elements broken inside Tabs
- Buttons with children or HTML element values
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from papercss.