<script lang="ts" module>
	export { SidebarRight };
	import "./sidebar.scss";
</script>

{#snippet SidebarRight()}
	<div class="right-sidebar a_bit_of_padding">
		<div class="right-sidebar-inner">
			<div class="side-card">meow</div>
			<div class="side-card" style="">
				<div class="side-card-inner">
					<a
						href="https://doloro.co.uk/"
						style="width: 95%; height: auto; align-items: center"
						title="doloro icon"
						><enhanced:img
							class="web-button"
							alt="doloro web button"
							src="../doloro_button.png"
							style="width: 100%; height: auto; text-align: center"
						/></a
					>
				</div>
			</div>
			<div class="side-card">
				<div class="social-button-div">
					<a
						style="border-color: var(--brand-twitter); background: var(--brand-twitter)"
						class="social-button"
						title="doloro private twitter"
						href="https:&#x2F;&#x2F;x.com&#x2F;Doloror"
					>
						<enhanced:img alt="" src="./twitter-boxed-svgrepo-com.svg" />
					</a>

					<a
						style="border-color: var(--brand-gumroad); background: var(--brand-gumroad)"
						class="social-button"
						title="gumroad store"
						href="https:&#x2F;&#x2F;doloro.gumroad.com&#x2F;"
					>
						<enhanced:img alt="gumroad alt" src="./gumroad.png" />
					</a>

					<a
						style="border-color: var(--black); background: var(--black)"
						class="social-button"
						title="steam profile"
						href="https:&#x2F;&#x2F;steamcommunity.com&#x2F;id&#x2F;Doloro&#x2F;"
					>
						<enhanced:img alt="steam img" src="./steam.svg" />
					</a>

					<a
						style="border-color: var(--brand-jinxxy); background: var(--brand-jinxxy)"
						class="social-button"
						title="jinxxy"
						href="https:&#x2F;&#x2F;jinxxy.com&#x2F;doloro"
					>
						<enhanced:img alt="jinxxy img" src="./jinxxy.png" />
					</a>
				</div>
			</div>
		</div>
	</div>
{/snippet}
