Add favicon to site using the vscode extension launch icon

rstudio · Oct 16, 2023 · 525c50d · 525c50d
1 parent 864a69f
commit 525c50d
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 7 deletions.
diff --git a/inst/website/public/favicon.svg b/inst/website/public/favicon.svg
diff --git a/inst/website/src/layouts/ArticleLayout.astro b/inst/website/src/layouts/ArticleLayout.astro
@@ -15,14 +15,15 @@ type Props = MarkdownLayoutProps<{
 const { frontmatter, url } = Astro.props;
 
 import "@/styles/globals.css";
+import { internalLink } from "@/lib/utils";
 ---
 
 <html>
   <head>
     <meta charset="UTF-8" />
     <meta name="description" content="ShinyUiEditor Article" />
     <meta name="viewport" content="width=device-width" />
-    <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
+    <link rel="icon" type="image/svg+xml" href={internalLink("favicon.svg")}  />
     <meta name="generator" content={Astro.generator} />
     <title>{`SUE | ${frontmatter.title}`}</title>
   </head>

diff --git a/inst/website/src/layouts/FullPageLayout.astro b/inst/website/src/layouts/FullPageLayout.astro
@@ -1,4 +1,5 @@
----
+---import { internalLink } from '@/lib/utils';
+
 interface Props {
   title: string;
 }
@@ -12,7 +13,7 @@ const { title } = Astro.props;
     <meta charset="UTF-8" />
     <meta name="description" content="Landing page for the ShinyUiEditor: A drag and drop interface for building Shiny apps." />
     <meta name="viewport" content="width=device-width" />
-    <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
+    <link rel="icon" type="image/svg+xml"  href={internalLink("favicon.svg")}  />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
   </head>

diff --git a/inst/website/src/layouts/Layout.astro b/inst/website/src/layouts/Layout.astro
@@ -4,6 +4,9 @@ interface Props {
 }
 
 const { title } = Astro.props;
+
+import { internalLink } from "@/lib/utils";
+
 ---
 
 <!doctype html>
@@ -12,7 +15,7 @@ const { title } = Astro.props;
     <meta charset="UTF-8" />
     <meta name="description" content="Landing page for the ShinyUiEditor: A drag and drop interface for building Shiny apps." />
     <meta name="viewport" content="width=device-width" />
-    <!-- <link rel="icon" type="image/svg+xml" href="/favicon.svg" /> -->
+    <link rel="icon" type="image/svg+xml" href={internalLink("favicon.svg")} />
     <meta name="generator" content={Astro.generator} />
     <title>{title}</title>
   </head>