FMHYedit/docs/.vitepress/hooks/Template.vue

28 lines
914 B
Vue
Raw Normal View History

2023-11-12 16:42:57 +00:00
<script setup lang="ts">
2024-01-25 16:32:45 +00:00
defineProps<{ title: string; description?: string }>()
2023-11-12 16:42:57 +00:00
</script>
<template>
<div
tw="w-full h-full bg-black flex flex-col"
2024-01-25 16:32:45 +00:00
style="background-image: url(https://fmhy.pages.dev/og.png)"
>
<div
tw="p-10 w-full min-h-0 grow flex flex-col items-center justify-between"
>
2023-11-12 16:42:57 +00:00
<div tw="w-full flex justify-between items-center text-5xl font-medium">
<div tw="flex items-center">
2024-01-25 16:32:45 +00:00
<div tw="text-zinc-100 ml-2 mt-1 font-semibold">
freemediaheckyeah
</div>
2023-11-12 16:42:57 +00:00
</div>
</div>
<div tw="w-full pr-56 flex flex-col items-start justify-end">
<div style="color: #f3f4f6" tw="text-6xl font-bold" v-html="title" />
<div style="color: #c0caf5" tw="mt-2 text-4xl" v-html="description" />
</div>
</div>
<div tw="shrink-0 h-2 w-full flex" style="background-color: #c4b5fd" />
</div>
</template>