<script lang="ts" module>
	export { SidebarRight };
</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"
						><img
							class="web-button"
							src="https://doloro.co.uk/assets/webStamps/doloro.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: #1DA1F2; background: #1DA1F2"
						class="social-button"
						href="https:&#x2F;&#x2F;x.com&#x2F;Doloror"
					>
						<img src="https://doloro.co.uk/assets/socials/twitter.svg" />
					</a>

					<a
						style="border-color: #ff90e8; background: #ff90e8"
						class="social-button"
						href="https:&#x2F;&#x2F;doloro.gumroad.com&#x2F;"
					>
						<img src="https://doloro.co.uk/assets/socials/gumroad.svg" />
					</a>

					<a
						style="border-color: #000000; background: #000000"
						class="social-button"
						href="https:&#x2F;&#x2F;steamcommunity.com&#x2F;id&#x2F;Doloro&#x2F;"
					>
						<img src="https://doloro.co.uk/assets/socials/steam.svg" />
					</a>

					<a
						style="border-color: #101010; background: #101010"
						class="social-button"
						href="https:&#x2F;&#x2F;jinxxy.com&#x2F;doloro"
					>
						<img src="https://doloro.co.uk/assets/socials/jinxxy.png" />
					</a>
				</div>
				<style>
					.social-button-div {
						display: flex;
						flex-wrap: wrap;
						align-content: stretch;
						justify-content: space-evenly;
					}
					.social-button {
						display: block;
						width: 30px;
						height: 30px;
						border: 2px outset #1da1f2;
						background: #1da1f2;
						margin: 2px;
						img {
							width: 30px;
							height: auto;
						}
					}
					.social-button:hover {
						filter: brightness(110%);
					}
					.social-button:active {
						border-style: inset;
						img {
						}
					}
				</style>
			</div>
			<div class="side-card side-card-bottom">
				<div class="side-card-inner">
					<span> Last updated: 09&#x2F;16&#x2F;25 </span>
				</div>
			</div>
		</div>
	</div>
{/snippet}
