search

AlexHedley / ChamboulDe-Web

ChamboulDe Web App
https://alexhedley.com/ChamboulDe-Web/
MIT License
0 stars 0 forks source link

Icon #21

Open AlexHedley opened 3 months ago

AlexHedley commented 3 months ago

Configuring Web Applications https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html

<link rel="apple-touch-icon" href="/custom_icon.png">

<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="167x167" href="touch-icon-ipad-retina.png">

<link rel="apple-touch-startup-image" href="/launch.png">

<meta name="apple-mobile-web-app-title" content="AppTitle">

<meta name="apple-mobile-web-app-capable" content="yes">

<meta name="apple-mobile-web-app-status-bar-style" content="black">

AlexHedley commented 3 months ago

Add other meta? https://twitter.com/ColinEberhardt/status/1319677473198571521?s=20

meta

<I-- favicon -->
<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" />
<|-- Search Engine ->
‹meta
name="description"
content="The Running Report Card, a fun, insightful and beautiful report generated from your Strava running data"
/>
‹meta name="image" content="https://run-report.com/social.png" />
<I-- Schema.org for Google: --> meta itemprop="name" content="Running Report Card" />
<meta
itemprop="description"
content="The Running Report Card, a fun, insightful and beautiful report generated from your Strava running data"
‹meta itemprop="image" content="https://run-report.com/social.png" />
<I-- Twitter —>
‹meta name="twitter:card" content="summary" />
‹meta name="twitter:title" content="Running Report Card" />
‹meta
name="twitter:description"
content="The Running Report Card, a fun, insightful and beautiful report generated from your Strava running data"
/>
meta name="twitter:site" content="ColinEberhardt" />
‹meta name="twitter:creator" content="ColinEberhardt" />
metal
name="twitter: image:src"
content="https://run-report.com/social.png"
<! -- Open Graph general (Facebook, Pinterest & Google+) →> ‹meta name="og: title" content="Running Report Card" /> ‹meta
name="og: description"
content="The Running Report Card, a fun, insightful and beautiful report generated from your Strava running data"
/>
‹meta name="og: image" content="https://run-report.com/social.png" />
‹meta name="og:url" content="https://run-report.com" />
‹meta name="og:site_name" content="Running Report Card" />
‹meta name="og: type" content="website" />
AlexHedley commented 3 months ago

How to Favicon in 2021: Six files that fit most needs

https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs

AlexHedley commented 3 months ago 
<link href="favicon.png" rel="icon" media="(prefers-color-scheme: light)">
<link href="favicon-dark.png" rel="icon" media="(prefers-color-scheme: dark)">

https://x.com/moeamaya/status/1800209410456981720