BradNut/weddingsite
1
0
Fork 0
mirror of https://github.com/BradNut/weddingsite synced 2025-09-08 17:40:36 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Using different image for favicon and images.

Browse source
This commit is contained in:
Bradley Shellnut 2022-01-10 15:35:14 -08:00
parent 45bc37d618
commit 28dfcd45db
4 changed files with 20 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
components/Footer.js
View file

@ -69,6 +69,16 @@ export default function Footer() {
</div>
<div>
<p>Created by Bradley</p>
<div>
Icons made by{' '}
<a href="https://www.freepik.com" title="Freepik">
Freepik
</a>{' '}
from{' '}
<a href="https://www.flaticon.com/" title="Flaticon">
www.flaticon.com
</a>
</div>
</div>
</FooterStyles>
);

22
components/Layout.js
View file

@ -6,28 +6,6 @@ const Layout = ({ children }) => (
<>
<Head>
<title>Wedding Website</title>
<link rel="icon" type="image/svg" href="/penguin.svg" />
<meta name="description" content="Wedding Website" />
<meta name="theme-color" content="#FCCFB9" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Wedding Website" key="og:title" />
<meta
description="og:description"
content="Wedding Website"
key="ogdesc"
/>
<meta
property="og:site_name"
content="Wedding Website"
key="ogsitename"
/>
<meta property="og:image" content="/penguin.svg" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary" />
{/* <meta name="twitter:url" content="https://" /> */}
<meta name="twitter:title" content="Wedding Website" />
<meta name="twitter:description" content="Wedding Website" />
<meta name="twitter:image" content="/penguin.svg" />
</Head>
<noscript>
<h1>Please enable JavaScript to view our site.</h1>

13
pages/_app.js
View file

@ -22,7 +22,11 @@ function MyApp({ Component, pageProps }) {
>
<Page>
<Head>
<link rel="icon" type="image/svg" href="/penguin.svg" />
<link
rel="icon"
type="image/png"
href="/assets/images/wedding-ring.png"
/>
{/* meta tags */}
<meta charSet="utf-8" />
<meta name="description" content="Wedding Website" />
@ -39,13 +43,16 @@ function MyApp({ Component, pageProps }) {
content="Wedding Website"
key="ogsitename"
/>
<meta property="og:image" content="/penguin.svg" />
<meta property="og:image" content="/assets/images/wedding-ring.png" />
<meta property="og:locale" content="en_US" />
<meta name="twitter:card" content="summary" />
{/* <meta name="twitter:url" content="https://" /> */}
<meta name="twitter:title" content="Wedding Website" />
<meta name="twitter:description" content="Wedding Website" />
<meta name="twitter:image" content="/b_shell_nut_favicon.png" />
<meta
name="twitter:image"
content="/assets/images/wedding-ring.png"
/>
<link
rel="preload"
href="/fonts/Josefin_Sans/static/JosefinSans-Regular.ttf"

BIN
public/assets/images/wedding-ring.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 24 KiB