artie/artie.moe
1
0
Fork 0
mirror of https://github.com/artiemis/artie.moe.git synced 2026-02-14 09:01:55 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

style fixes

Browse Source
This commit is contained in:
artie 2023-06-26 22:07:42 +02:00
parent 4d69e11993
commit d893c52947
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Centerpiece.astro
View File

@ -12,7 +12,7 @@ import blobHeart from "../assets/blobheart.png";
> >
<img class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none" src={blobHeart} alt="blob heart" /> <img class="align-top lg:w-12 w-10 inline-block pointer-events-none select-none" src={blobHeart} alt="blob heart" />
</h1> </h1>
<p class="lg:text-2xl text-xl xl:mt-4 mt-2 hover:scale-110 transition duration-50">a self-taught code archwizard</p> <p class="lg:text-2xl text-xl lg:mt-4 mt-2 hover:scale-110 transition duration-50">a self-taught code archwizard</p>
</div> </div>
<style> <style>

6
src/components/Icons.astro
View File

@ -2,17 +2,19 @@
import { Icon } from "astro-icon"; import { Icon } from "astro-icon";
--- ---
<div class="flex gap-x-3 xl:mt-6 mt-5"> <div class="flex flex-wrap justify-center gap-x-3 lg:mt-6 mt-5">
<a href="https://github.com/artiemis" target="_blank"> <a href="https://github.com/artiemis" target="_blank">
<Icon name="mdi:github" /> <Icon name="mdi:github" />
</a> </a>
<a class="group relative" href="https://discord.com/users/134306884617371648" target="_blank"> <a class="group relative" href="https://discord.com/users/134306884617371648" target="_blank">
<Icon class="hover:text-[#5865F2]" name="mdi:discord" /> <Icon class="hover:text-[#5865F2]" name="mdi:discord" />
<div class="absolute xl:w-[28rem] top-10 left-8 z-10 xl:group-hover:opacity-100 transition-opacity opacity-0 pointer-events-none">
<img <img
class="xl:group-hover:opacity-100 absolute top-10 left-8 z-10 transition-opacity xl:max-w-none opacity-0 pointer-events-none" class="pointer-events-none"
src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=313244" src="https://lanyard.cnrad.dev/api/134306884617371648?hideDiscrim=true&showDisplayName=true&bg=313244"
alt="Discord Presence" alt="Discord Presence"
/> />
</div>
</a> </a>
<a rel="me" href="https://infosec.exchange/@artie" target="_blank"> <a rel="me" href="https://infosec.exchange/@artie" target="_blank">
<Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" /> <Icon class="hover:text-[#6364FF]" title="@artie@infosec.exchange" name="mdi:mastodon" />