mirror_css/csslayout
1
0
Fork 0
mirror of https://github.com/phuoc-ng/csslayout.git synced 2025-08-06 14:16:50 +02:00
Code Issues Releases Wiki Activity

Fix missing title

Browse Source
This commit is contained in:
Phuoc Nguyen
2021-04-18 13:05:58 +07:00
parent 8f57c6682f
commit 8058b590ee
4 changed files with 12 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
client/index.html
View File

@@ -2,7 +2,12 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Nguyen Huu Phuoc" />
<meta name="author" content="Nguyen Huu Phuoc" />
<meta property="og:site_name" content="CSS Layout" />
<meta property="og:type" content="website" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:creator" content="@nghuuphuoc" />
<meta property="twitter:site" content="@nghuuphuoc" />
<link href="/assets/favicon.png" rel="icon">
<link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro&family=Lato&display=swap" rel="stylesheet">
</head>

3
client/layouts/DetailsLayout.tsx
View File

@@ -26,7 +26,8 @@ const DetailsLayout: React.FC<DetailsLayoutProps> = ({ pattern, children }) => {
return (
<Layout>
<Helmet>
<meta name="title" content={`CSS Layout ∙ ${pattern}`} />
<title>CSS Layout ∙ {pattern}</title>
<meta name="title" content={`CSS Layout ∙ ${pattern}`} />
<meta property="og:image" content={`https://csslayout.io/assets/patterns/${patternSlug}.png`} />
<meta property="og:title" content={`CSS Layout ∙ ${pattern}`} />

7
client/pages/ExplorePage.tsx
View File

@@ -21,23 +21,18 @@ const ExplorePage = () => {
return (
<Layout>
<Helmet>
<title>CSS Layout ∙ Explore</title>
<title>CSS Layout ∙ Patterns</title>
<meta name="title" content="CSS Layout ∙ Patterns" />
<meta name="description" content="CSS layouts and patterns" />
<meta name="keywords" content="css display, css flexbox, css grid, css layouts, flex, flexbox, flexbox cheatsheet, web design, web template" />
<meta property="og:description" content="CSS layouts and patterns" />
<meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="og:site_name" content="CSS Layout" />
<meta property="og:title" content="CSS Layout ∙ Patterns" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://csslayout.io/patterns" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:creator" content="@nghuuphuoc" />
<meta property="twitter:description" content="CSS layouts and patterns" />
<meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="twitter:site" content="@nghuuphuoc" />
<meta property="twitter:title" content="CSS Layout ∙ Patterns" />
<meta property="twitter:url" content="https://csslayout.io/patterns" />
</Helmet>

11
client/pages/HomePage.tsx
View File

@@ -31,17 +31,12 @@ const HomePage = () => {
<meta name="keywords" content="css display, css flexbox, css grid, css layouts, flex, flexbox, flexbox cheatsheet, web design, web template" />
<meta property="og:description" content="A collection of popular layouts and patterns made with CSS" />
<meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="og:site_name" content="CSS Layout" />
<meta property="og:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="og:title" content="CSS Layout ∙ A collection of popular layouts and patterns made with CSS" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://csslayout.io" />
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:creator" content="@nghuuphuoc" />
<meta property="twitter:description" content="A collection of popular layouts and patterns made with CSS" />
<meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="twitter:site" content="@nghuuphuoc" />
<meta property="twitter:image" content="https://csslayout.io/assets/screenshot.png" />
<meta property="twitter:title" content="CSS Layout ∙ A collection of popular layouts and patterns made with CSS" />
<meta property="twitter:url" content="https://csslayout.io" />
</Helmet>