Slidev Tips

slidev_tips.md

Global Background Image

Just tweak with your global-bottom.vue:

<template>
    <footer class="absolute bottom-2 left-6 right-6 p-2 flex items-center justify-between">
        <!-- The background -->
        <img src="/images/my_background.png" alt="My Background" class="w-full h-full fixed top-0 left-0 object-contain">
        
        <!-- Some Textual Marks? see below -->
        <!-- <span class="text-sm text-gray-500 dark:text-white">KG-LLM Workshop</span> -->
        <!-- <span class="text-sm text-gray-500 dark:text-white">2024 Aug.</span> -->

        <div class="flex items-center">
        
        <!-- Add logo? see below -->
        <!-- <img
            src="/images/ng-logo-white.png"
            alt="NebulaGraph Logo"
            class="h-10 w-auto dark:block hidden"
        />
        <img
            src="/images/ng-logo.png"
            alt="NebulaGraph Logo"
            class="h-10 w-auto dark:hidden"
        />
        -->

        </div>
    </footer>
</template>