Nicolas/slidev-theme-narduin
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

initial commit

Browse source
This commit is contained in:
nico 2024-12-13 14:30:22 +01:00
commit c7c8fc4e67
24 changed files with 1328 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

5
layouts/bullets.vue Normal file
View file

@ -0,0 +1,5 @@
<template>
<div class="slidev-layout bullets">
<slot />
</div>
</template>

7
layouts/cover.vue Normal file
View file

@ -0,0 +1,7 @@
<template>
<div class="slidev-layout cover">
<div class="my-auto w-full">
<slot />
</div>
</div>
</template>

14
layouts/intro.vue Normal file
View file

@ -0,0 +1,14 @@
<template>
<div class="slidev-layout place-content-center intro">
<slot />
</div>
</template>
<style scoped>
.intro {
block-size: 100%;
:deep(h1) {
font-size: var(--size-6);
}
}
</style>

5
layouts/quote.vue Normal file
View file

@ -0,0 +1,5 @@
<template>
<div class="slidev-layout h-full place-content-center">
<slot />
</div>
</template>

32
layouts/title-image.vue Normal file
View file

@ -0,0 +1,32 @@
<script setup lang="ts">
import { imageSrc } from '../utils/imageHelper'
const props = defineProps({
image: {
type: String,
required: true
}
})
const image = imageSrc(props.image)
</script>
<template>
<div class="slidev-layout h-full title">
<div class="grid grid-cols-2 h-full">
<div class="place-self-center">
<slot />
</div>
<div class="image"></div>
</div>
</div>
</template>
<style scoped>
.image {
block-size: 100%;
background-image: v-bind(image);
background-size: cover;
background-position: center;
}
</style>