-
Notifications
You must be signed in to change notification settings - Fork 2
Commit
- Loading branch information
There are no files selected for viewing
Large diffs are not rendered by default.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,58 @@ | ||
import{j as n}from"./jsx-runtime-J0CaQIFH.js";import{M as a}from"./index-Z6uNIdq0.js";import{u as r}from"./index-EKqpCO-F.js";import"./iframe-sni-oXXl.js";import"../sb-preview/runtime.js";import"./_commonjsHelpers-5-cIlDoe.js";import"./index-ogXoivrg.js";import"./index-8LwkIDqE.js";import"./index-PPLHz8o0.js";function s(i){const e=Object.assign({h1:"h1",p:"p",a:"a",ul:"ul",li:"li",code:"code",pre:"pre"},r(),i.components);return n.jsxs(n.Fragment,{children:[n.jsx(a,{title:"Puzzle Shell/Components/Favicon"}),` | ||
`,n.jsx(e.h1,{id:"favicon",children:"Favicon"}),` | ||
`,n.jsxs(e.p,{children:["The Favicon and its variations for the ",n.jsx(e.a,{href:"https://developer.mozilla.org/en-US/docs/Web/Manifest",target:"_blank",rel:"nofollow noopener noreferrer",children:"Web Application Manifest"})," can be found here:"]}),` | ||
`,n.jsxs(e.ul,{children:[` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/favicon.ico",target:"_blank",children:n.jsx(e.p,{children:"favicon.ico"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/icon.svg",target:"_blank",children:n.jsx(e.p,{children:"icon.svg"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/apple-touch-icon-180x180.png",target:"_blank",children:n.jsx(e.p,{children:"apple-touch-icon-180x180.png"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/pwa-64x64.png",target:"_blank",children:n.jsx(e.p,{children:"pwa-64x64.png"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/pwa-192x192.png",target:"_blank",children:n.jsx(e.p,{children:"pwa-192x192.png"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/pwa-512x512.png",target:"_blank",children:n.jsx(e.p,{children:"pwa-512x512.png"})}),` | ||
`]}),` | ||
`,n.jsxs(e.li,{children:[` | ||
`,n.jsx("a",{href:"/images/maskable-icon-512x512.png",target:"_blank",children:n.jsx(e.p,{children:"maskable-icon-512x512.png"})}),` | ||
`]}),` | ||
`]}),` | ||
`,n.jsxs(e.p,{children:["You can add them to your project and reference them in your HTML document within the ",n.jsx(e.code,{children:"<head>"}),":"]}),` | ||
`,n.jsx(e.pre,{children:n.jsx(e.code,{children:`<link rel="icon" href="/favicon.ico" sizes="48x48"> | ||
<link rel="icon" href="/icon.svg" sizes="any" type="image/svg+xml"> | ||
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png"> | ||
`})}),` | ||
`,n.jsx(e.p,{children:"...and in your Web Application Manifest file:"}),` | ||
`,n.jsx(e.pre,{children:n.jsx(e.code,{children:`{ | ||
"icons": [ | ||
{ | ||
"src": "pwa-64x64.png", | ||
"sizes": "64x64", | ||
"type": "image/png" | ||
}, | ||
{ | ||
"src": "pwa-192x192.png", | ||
"sizes": "192x192", | ||
"type": "image/png" | ||
}, | ||
{ | ||
"src": "pwa-512x512.png", | ||
"sizes": "512x512", | ||
"type": "image/png" | ||
}, | ||
{ | ||
"src": "maskable-icon-512x512.png", | ||
"sizes": "512x512", | ||
"type": "image/png", | ||
"purpose": "maskable" | ||
} | ||
] | ||
} | ||
`})})]})}function j(i={}){const{wrapper:e}=Object.assign({},r(),i.components);return e?n.jsx(e,Object.assign({},i,{children:n.jsx(s,i)})):s(i)}export{j as default}; |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Large diffs are not rendered by default.