package components

var iconSize = "28"

templ externalLinks() {
	<div class="fixed flex flex-col gap-6 right-5 bottom-0 p-5 w-5">
		<a href="https://github.com/moh682" target="_blank" rel="noopener noreferrer">
			<svg class="hover:cursor-pointer" xmlns="http://www.w3.org/2000/svg" width={ iconSize } height={ iconSize } viewBox="0 0 24 24" fill="transparent" stroke="var(--color-emerald-500)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-github"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"></path><path d="M9 18c-4.51 2-5-2-7-2"></path></svg>
		</a>
		<a href="https://www.linkedin.com/in/mohammad-hariri-337a0116b" target="_blank" rel="noopener noreferrer">
			<svg class="hover:cursor-pointer" xmlns="http://www.w3.org/2000/svg" width={ iconSize } height={ iconSize } viewBox="0 0 {iconSize} {iconSize}" fill="none" stroke="var(--color-emerald-500)" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg>
		</a>
	</div>
}