vhaudiquet
99a943eb36
pipeline / build-and-push-images (push) Successful in 3m12s
NuxtJS, Vue, real web app Nuxt content: blog Better mobile/responsive design and practices Better practices overall
17 lines
579 B
Vue
17 lines
579 B
Vue
<script setup lang="ts">
|
|
const props = defineProps<{
|
|
title: string,
|
|
description: string
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="h-full w-full flex flex-row">
|
|
<img class="rounded-full h-[450px] w-[450px] m-10" src="/photo_web.JPG" />
|
|
<div class="mt-8 flex flex-col">
|
|
<h1 class="text-6xl w-[640px]">{{ title }}</h1>
|
|
<h3 class="text-4xl font-normal w-[640px] h-[200px] overflow-hidden text-ellipsis">{{ description }}</h3>
|
|
<h3 class="text-3xl font-light italic text-gray-500 mt-2 ml-[420px]">Read more...</h3>
|
|
</div>
|
|
</div>
|
|
</template> |