raae / bottledhappiness

Our entry for the GatsbyJS #SillySiteChallenge. An app with bottled happiness, aka. our daughter's laughter.

https://bottledhappiness.app/

BSD Zero Clause License

1 stars 1 forks source link

added <svg xmlns="http://w3.org/2000/svg" viewBox="0 0 100 100"> #32

Closed olavea closed 3 years ago

olavea commented 3 years ago

💩

29

olavea commented 3 years ago

    <link rel="icon"
    href="data:image/svg+xml,
    <svg xmlns=%22http://w3.org/2000/svg%22 viewBox=%220 0 100 100%22>
    <text y=%22.9em%22 font-size=%2290%22>💩</text>
    </svg>" />

olavea commented 3 years ago

it doesn't seem to work

raae commented 3 years ago

It might be because of all the line breaks, I think it needs to be on one line.

olavea commented 3 years ago

Yess! @raae I was TOTALLY because of all the line breaks. It WOOORKS 🎊 silly3-new_icon-#29-8

raae commented 3 years ago

Great!

You want this as the favicon? Or were you just testing @olavea?

raae commented 3 years ago

Also you need to add it to the {MarkdownRemark.parent__(File)__name}.js as well. This is where I would probably create a component you can add to both {MarkdownRemark.parent__(File)__name}.js and index.js so you do not need to change both places every time you want to make a change @olavea.

olavea commented 3 years ago

I promise to "create a component I can add to both {MarkdownRemark.parent(File)name}.js and index.js so I do not need to change both places every time I want to make a change" @raae

raae commented 3 years ago

This is a good tutorial: https://www.gatsbyjs.com/docs/add-seo-component/