diff options
| author | Andrew Lee <alee14498@protonmail.com> | 2022-10-14 22:43:12 -0400 |
|---|---|---|
| committer | Andrew Lee <alee14498@protonmail.com> | 2022-10-14 22:43:12 -0400 |
| commit | 30615b1d64f4015742567e8129a87aff2f281787 (patch) | |
| tree | 0e514a1b7f2aaee0f25beddc5b0e768e8053c13d | |
| parent | aa381c56292f36967fbe37f8bd25a912b06a1cbe (diff) | |
| download | personal-website-30615b1d64f4015742567e8129a87aff2f281787.tar.gz personal-website-30615b1d64f4015742567e8129a87aff2f281787.tar.bz2 personal-website-30615b1d64f4015742567e8129a87aff2f281787.zip | |
Added the new meta component for guidelines
| -rw-r--r-- | components/meta.js | 21 | ||||
| -rw-r--r-- | pages/guidelines.js | 10 |
2 files changed, 22 insertions, 9 deletions
diff --git a/components/meta.js b/components/meta.js index 94d8f36..3812623 100644 --- a/components/meta.js +++ b/components/meta.js @@ -7,7 +7,26 @@ const Meta = ({title, description, keywords}) => { <meta name='keywords' content={keywords} /> <meta name="viewport" content="width=device-width, initial-scale=1"/> <meta charSet='utf-8' /> - <link rel="icon" href="/favicon.ico" /> + + <link rel="icon" href="/favicon/favicon.ico" /> + <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-icon-57x57.png"/> + <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-icon-60x60.png"/> + <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-icon-72x72.png"/> + <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-icon-76x76.png"/> + <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-icon-114x114.png"/> + <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-icon-120x120.png"/> + <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-icon-144x144.png"/> + <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-icon-152x152.png"/> + <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-icon-180x180.png"/> + <link rel="icon" type="image/png" sizes="192x192" href="/favicon/android-icon-192x192.png"/> + <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png"/> + <link rel="icon" type="image/png" sizes="96x96" href="/favicon/favicon-96x96.png"/> + <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png"/> + <link rel="manifest" href="/favicon/manifest.json"/> + <meta name="msapplication-TileColor" content="#ffffff"/> + <meta name="msapplication-TileImage" content="/favicon/ms-icon-144x144.png"/> + <meta name="theme-color" content="#ffffff"/> + <title>{title} - Andrew Lee</title> </Head> ) diff --git a/pages/guidelines.js b/pages/guidelines.js index 65b4599..26b2350 100644 --- a/pages/guidelines.js +++ b/pages/guidelines.js @@ -1,5 +1,4 @@ -import Head from 'next/head' -import styles from '../styles/Home.module.css' +import Meta from '../components/meta' import Image from "next/image"; const policyList = "list-disc list-inside" @@ -7,12 +6,7 @@ const policyList = "list-disc list-inside" export default function Guidelines() { return ( <div> - <Head> - <title>Guidelines - Andrew Lee</title> - <meta name="description" content="Andrew's personal website" /> - <meta name="viewport" content="width=device-width, initial-scale=1"/> - <link rel="icon" href="/favicon.ico" /> - </Head> + <Meta title="Guidelines" description="Guidelines for Andrew Lee Projects Communities/Services"/> <div className="font-hack bg-material-gray text-white px-5 py-6 space-y-5"> <div id="top"/> <div className="text-center items-center justify-center space-y-2"> |