cv.svelte

<script lang="ts">
	import { constants } from '$lib';
	import HomeButton from '$lib/components/ui/HomeButton.svelte';

	import Splash from '$lib/components/ui/Splash.svelte';
	import Icon from '@iconify/svelte';
	const icon = 'line-md:coffee-filled-loop';
	const css = 'text-sky-900 dark:text-blue-200';
	const content = `
<span >/resume</span>
`;
</script>

<iframe
	src={`${constants.resume}#toolbar=0`}
	class="fixed left-0 top-0 h-[100vh] w-[100vw]"
	title="Hursh Gupta's Resume"
></iframe>
<Splash {content} {icon} delay={600} />

<a class="fixed right-10 top-10 max-lg:hidden" href={constants.resume} download="Hursh Gupta-cv">
	<button
		class="group inline-flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-4 py-2 pl-3 text-base font-semibold text-gray-700 shadow-lg transition-all duration-300 ease-in-out hover:scale-105 hover:border-gray-400 hover:bg-gray-50 hover:text-gray-900 hover:shadow-md focus:outline-none focus:ring-2 focus:ring-gray-400 focus:ring-opacity-50 active:scale-100"
	>
		<span class="w-0 overflow-hidden transition-all duration-[0.7s] group-hover:w-20">Download</span
		>
		<Icon icon="line-md:downloading-loop" class="size-6" />
	</button>
</a>
<HomeButton />