pomp/pompy.dev
1
0
Fork 0
Code Issues 8 Pull requests Activity Actions

feat: tidy up title & meta tags

Browse source
This commit is contained in:
Kim, Jimin 2023-06-29 23:26:20 +09:00
parent fafbc79e66
commit 62ddabb9ca
15 changed files with 60 additions and 90 deletions
Download patch file Download diff file Expand all files Collapse all files

9
apps/portfolio/index.html
View file

@ -10,11 +10,14 @@
<!-- OpenGraph -->
<meta property="og:title" content="Portfolio" />
<meta property="og:site_name" content="pomp's portfolio" />
<meta property="og:site_name" content="developomp's portfolio" />
<meta property="og:description" content="developomp's Portfolio" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://portfolio.developomp.com" />
<meta property="og:image" content="/favicon.svg" />
<meta property="og:url" content="https://portfolio.developomp.com" />
<meta
property="og:image"
content="https://portfolio.developomp.com/favicon.svg"
/>
</head>
<body class="dark">
<div id="root"></div>

1
apps/portfolio/src/App.tsx
View file

@ -10,6 +10,7 @@ import Project from "@/routes/Project"
const App: FC = () => {
useTitleTemplate("Portfolio | %s")
// no need to set title and meta tags here
return (
<>

3
apps/portfolio/src/routes/Home/Home.tsx
View file

@ -2,7 +2,7 @@ import "./style.scss"
import portfolio from "@developomp-site/blog-content/dist/portfolio.json"
import type { PortfolioProject } from "@developomp-site/blog-content/src/types/types"
import { useTitle } from "hoofd"
import { useMeta, useTitle } from "hoofd"
import { type FC } from "react"
import Badge from "@/components/Badge"
@ -29,6 +29,7 @@ for (const projectID in portfolio.projects) {
const Home: FC = () => {
useTitle("Home")
useMeta({ property: "og:title", content: "Home" })
return (
<>

3
apps/portfolio/src/routes/Loading.tsx
View file

@ -1,10 +1,11 @@
import { useTitle } from "hoofd"
import { useMeta, useTitle } from "hoofd"
import { type FC } from "react"
import Loading from "@/components/Loading"
const LoadingPage: FC = () => {
useTitle("Loading")
useMeta({ property: "og:title", content: "Loading" })
return <Loading />
}

4
apps/portfolio/src/routes/NotFound/NotFound.tsx
View file

@ -1,8 +1,12 @@
import "./style.css"
import { useMeta, useTitle } from "hoofd"
import { type FC } from "react"
const NotFound: FC = () => {
useTitle("404")
useMeta({ property: "og:title", content: "Page Not Found" })
return (
<>
<h1 className="w-fit px-4 py-2 text-7xl dark:bg-dark-text-default dark:text-dark-ui-bg">