Fix missing favicon #4

New Issue

pratyush · 2021-07-21T01:14:03+02:00

pratyush commented

2021-07-21 01:14:03 +02:00

👍 1

Mikaela commented

2021-07-21 01:16:31 +02:00

Not having favicon.ico makes people pinning https://liberta.casa/gamja/ in their tabs sad

Not having `favicon.ico` makes people pinning https://liberta.casa/gamja/ in their tabs sad

👍 1

pratyush self-assigned this 2021-08-03 23:25:46 +02:00

pratyush commented

2022-10-20 01:59:04 +02:00

This is a simple attempt at it

Apologies, I didnt have the time to figure out how to reduce the size.

PFA the required files

Instructions (from favicon.io)!

Installation

First, use the download button to download the files listed below. Place the files in the root directory of your website.

android-chrome-192x192.png
android-chrome-512x512.png
apple-touch-icon.png
favicon-16x16.png
favicon-32x32.png
favicon.ico
site.webmanifest

Next, copy the following link tags and paste them into the head of your HTML.


<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

This is a simple attempt at it ![image](/attachments/2cca6b3c-922d-49c3-b484-068884bc99fb) Apologies, I didnt have the time to figure out how to [reduce the size](https://stackoverflow.com/questions/14675913/changing-image-size-in-markdown). **PFA** the required files --- Instructions (from favicon.io)! Installation First, use the download button to download the files listed below. Place the files in the root directory of your website. android-chrome-192x192.png android-chrome-512x512.png apple-touch-icon.png favicon-16x16.png favicon-32x32.png favicon.ico site.webmanifest Next, copy the following link tags and paste them into the `head` of your HTML. ```html <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> ```

image.png

2.5 KiB

image.png

2.5 KiB

image.png

2.5 KiB

image.png

2.5 KiB

favicon_lc.zip

44 KiB

Georg commented

2022-10-28 12:43:53 +02:00

Thanks! Shall we use it for all public websites or only https://liberta.casa ?

pratyush commented

2022-10-28 15:09:46 +02:00

for lysergic.dev PFA:

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">

for `lysergic.dev` PFA: ```html <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> ```

favicon_ld.zip

101 KiB

pratyush self-assigned this 2022-11-06 15:46:08 +01:00

pratyush commented

2022-11-06 15:49:19 +01:00

tldr: if ive got you for some company, I got this. erm before Tuesday EOD.

P.S.: My comment got wiped earlier so* we will do much better.

*fyall

tldr: if ive got you for some company, I got this. erm before Tuesday EOD. P.S.: My comment got wiped earlier so* we will do much better. *fyall

😆 1

Sign in to join this conversation.