Adding favicon to examples (withastro#1084)

atilafassina · Aug 16, 2021 · b03f1f7 · b03f1f7
1 parent 24a40be
commit b03f1f7
Show file tree

Hide file tree

Showing 43 changed files with 158 additions and 9 deletions.
diff --git a/examples/blog-multiple-authors/public/favicon.ico b/examples/blog-multiple-authors/public/favicon.ico
diff --git a/examples/blog-multiple-authors/src/components/MainHead.astro b/examples/blog-multiple-authors/src/components/MainHead.astro
@@ -24,6 +24,10 @@ const { title, description, image, type, next, prev, canonicalURL } = Astro.prop
 <!-- RSS -->
 <link rel="alternate" type="application/rss+xml" href="/feed/posts.xml">
 
+<!-- Favicon -->
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
 <!-- SEO -->
 <link rel="canonical" href={canonicalURL}>
 {next && <link rel="next" aria-label="Previous Page" href={new URL(next, canonicalURL).href}>}

diff --git a/examples/blog/public/favicon.ico b/examples/blog/public/favicon.ico
diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro
@@ -11,6 +11,7 @@ const { title, description, permalink } = Astro.props;
 <meta name="viewport" content="width=device-width" />
 
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
 
 <!-- Primary Meta Tags -->
 <title>{title}</title>

diff --git a/examples/docs/public/favicon.ico b/examples/docs/public/favicon.ico
diff --git a/examples/docs/src/layouts/Main.astro b/examples/docs/src/layouts/Main.astro
@@ -23,12 +23,10 @@ const githubEditUrl = `https://github.com/USER/REPO/blob/main/${currentFile}`
  <title>{content.title}</title>
 
  <link rel="stylesheet" href="/index.css" />
- <link rel="stylesheet" href="/theme.css" />
- <link rel="stylesheet" href="/code.css" />
  <script src="/theme.js" />
- <link rel="icon" 
-  type="image/svg+xml" 
-  href="/favicon.svg">
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
 
  <style>
  body {

diff --git a/examples/framework-lit/public/favicon.ico b/examples/framework-lit/public/favicon.ico
diff --git a/examples/framework-lit/src/pages/index.astro b/examples/framework-lit/src/pages/index.astro
@@ -7,6 +7,9 @@ import '../components/Counter.js';
 <!doctype html>
 <html lang="en">
 <head>
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <title>Demo</title>
 </head>
 <body>

diff --git a/examples/framework-multiple/public/favicon.ico b/examples/framework-multiple/public/favicon.ico
diff --git a/examples/framework-multiple/public/favicon.svg b/examples/framework-multiple/public/favicon.svg
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro
@@ -15,6 +15,10 @@ import SvelteCounter from '../components/SvelteCounter.svelte';
  <head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width" />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/framework-preact/public/favicon.ico b/examples/framework-preact/public/favicon.ico
diff --git a/examples/framework-preact/public/favicon.svg b/examples/framework-preact/public/favicon.svg
diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro
@@ -13,6 +13,10 @@ import Counter from '../components/Counter.jsx'
  name="viewport"
  content="width=device-width"
  />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/framework-react/public/favicon.ico b/examples/framework-react/public/favicon.ico
diff --git a/examples/framework-react/public/favicon.svg b/examples/framework-react/public/favicon.svg
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro
@@ -15,6 +15,10 @@ const someProps = {
  name="viewport"
  content="width=device-width"
  />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/framework-solid/public/favicon.ico b/examples/framework-solid/public/favicon.ico
diff --git a/examples/framework-solid/public/favicon.svg b/examples/framework-solid/public/favicon.svg
diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro
@@ -9,6 +9,10 @@ import Counter from '../components/Counter.tsx';
  name="viewport"
  content="width=device-width"
  />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/framework-svelte/public/favicon.ico b/examples/framework-svelte/public/favicon.ico
diff --git a/examples/framework-svelte/public/favicon.svg b/examples/framework-svelte/public/favicon.svg
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro
@@ -13,6 +13,10 @@ import Counter from '../components/Counter.svelte'
  name="viewport"
  content="width=device-width"
  />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/framework-vue/public/favicon.ico b/examples/framework-vue/public/favicon.ico
diff --git a/examples/framework-vue/public/favicon.svg b/examples/framework-vue/public/favicon.svg
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
@@ -13,6 +13,10 @@ import Counter from '../components/Counter.vue'
  name="viewport"
  content="width=device-width"
  />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <style>
  :global(:root) {
  font-family: system-ui;

diff --git a/examples/portfolio/public/favicon.ico b/examples/portfolio/public/favicon.ico
diff --git a/examples/portfolio/public/favicon.svg b/examples/portfolio/public/favicon.svg
diff --git a/examples/portfolio/src/components/MainHead.astro b/examples/portfolio/src/components/MainHead.astro
@@ -4,6 +4,10 @@ const { title = 'Jeanine White: Personal Site' } = Astro.props;
 
 <meta charset="UTF-8">
 <title>{title}</title>
+
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
 <link rel="stylesheet" type="text/css" href="/global.css">
 <link rel="preconnect" href="https://fonts.gstatic.com">
 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;700;900&display=swap" rel="stylesheet">
diff --git a/examples/snowpack/src/pages/tutorials/react.md b/examples/snowpack/src/pages/tutorials/react.md
@@ -118,7 +118,7 @@ The `mount` configuration changes where Snowpack looks for and builds files. Eve
 ```diff
  mount: {
 - /* ... */
-+ // directory name: 'build directory',
++ // directory name: 'build directory'
 + public: '/',
 + src: '/dist',
  },

diff --git a/examples/snowpack/src/pages/tutorials/svelte.md b/examples/snowpack/src/pages/tutorials/svelte.md
@@ -172,7 +172,7 @@ The `mount` configuration changes where Snowpack scan for and builds files. Head
 
  mount: {
 - /* ... */
-+ // directory name: 'build directory',
++ // directory name: 'build directory'
 + public: '/',
 + src: '/dist',
  },

diff --git a/examples/starter/public/favicon.ico b/examples/starter/public/favicon.ico
diff --git a/examples/starter/src/pages/index.astro b/examples/starter/src/pages/index.astro
@@ -18,7 +18,10 @@ let title = 'My Astro Site';
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width">
  <title>{title}</title>
- <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <link rel="stylesheet" href="/style/global.css">
  <link rel="stylesheet" href="/style/home.css">
 

diff --git a/examples/with-markdown-plugins/public/favicon.ico b/examples/with-markdown-plugins/public/favicon.ico
diff --git a/examples/with-markdown-plugins/src/layouts/main.astro b/examples/with-markdown-plugins/src/layouts/main.astro
@@ -5,6 +5,10 @@ const { content } = Astro.props;
 <html lang={ content.lang || 'en' }>
  <head>
  <meta charset="utf-8" />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <title>{content.title}</title>
  <link rel="stylesheet" href="/global.css" />
  <style>

diff --git a/examples/with-markdown/public/favicon.ico b/examples/with-markdown/public/favicon.ico
diff --git a/examples/with-markdown/public/favicon.svg b/examples/with-markdown/public/favicon.svg
diff --git a/examples/with-markdown/src/layouts/main.astro b/examples/with-markdown/src/layouts/main.astro
@@ -5,6 +5,10 @@ const { content } = Astro.props;
 <html lang={ content.lang || 'en' }>
  <head>
  <meta charset="utf-8">
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <title>{content.title}</title>
  <link rel="stylesheet" href="/styles/global.css">
  </head>

diff --git a/examples/with-nanostores/public/favicon.ico b/examples/with-nanostores/public/favicon.ico
diff --git a/examples/with-nanostores/src/pages/index.astro b/examples/with-nanostores/src/pages/index.astro
@@ -14,7 +14,8 @@ import AdminsPreact from '../components/AdminsPreact.jsx';
  <meta name="viewport" content="width=device-width">
  <title>Astro</title>
 
- <link rel="icon" type="image/svg+xml" href="/favicon.svg">
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
 
  <link rel="stylesheet" href="/style/global.css">
  <link rel="stylesheet" href="/style/home.css">

diff --git a/examples/with-tailwindcss/public/favicon.ico b/examples/with-tailwindcss/public/favicon.ico
diff --git a/examples/with-tailwindcss/public/favicon.svg b/examples/with-tailwindcss/public/favicon.svg
diff --git a/examples/with-tailwindcss/src/pages/index.astro b/examples/with-tailwindcss/src/pages/index.astro
@@ -8,6 +8,10 @@ import Button from '../components/Button.astro';
 <html lang="en">
  <head>
  <meta charset="UTF-8" />
+
+ <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+ <link rel="alternate icon" type="image/x-icon" href="/favicon.ico" />
+
  <title>Astro + TailwindCSS</title>
  <link rel="stylesheet" type="text/css" href="/global.css">
  </head>