ulivargas/classroomio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: support course meta tags (#421)

Browse Source 
* support course meta tags

* fix import
This commit is contained in:
Rotimi Best
2024-08-01 14:04:50 +01:00
committed by GitHub
parent 1755c06bf1
commit 99f236b70d
8 changed files with 173 additions and 85 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/dashboard/src/routes/course/[slug]/+page.svelte
-29
View File
@@ -1,5 +1,4 @@
<script lang="ts">
import get from 'lodash/get';
import CourseLandingPage from '$lib/components/CourseLandingPage/index.svelte';
import type { Course } from '$lib/utils/types';
@@ -20,32 +19,4 @@
$: setCourseData(data.course);
</script>
<svelte:head>
<title>{get(data.course, 'title', '')}</title>
<meta name="description" content={get(data.course, 'description', '')} />
<meta name="theme-color" content="#ffffff" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta property="og:title" content={get(data.course, 'title', '')} />
<meta property="og:description" content={get(data.course, 'description', '')} />
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="280" />
<meta property="og:image:height" content="200" />
<meta property="og:image:secure_url" content={get(data.course, 'logo', '')} />
<meta property="og:type" content="website" />
<meta property="og:image:type" content="image/png" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<meta property="og:image:secure_url" itemprop="image" content={get(data.course, 'logo', '')} />
<meta name="twitter:card" content="summary_large_image" />
<meta property="twitter:domain" content="classroomio.com" />
<meta property="twitter:url" content="https://www.classroomio.com/" />
<meta name="twitter:title" content={get(data.course, 'title', '')} />
<meta name="twitter:description" content={get(data.course, 'description', '')} />
<meta name="twitter:image" content={get(data.course, 'logo', '')} />
</svelte:head>
<CourseLandingPage {courseData} />