This commit is contained in:
Artem 2023-04-28 19:06:19 +02:00
parent f9e2e83a14
commit 3f9bec55c8
4 changed files with 7 additions and 7 deletions

View File

@ -4,7 +4,7 @@ import blobHeart from "../assets/blobheart.png";
<div class="text-center"> <div class="text-center">
<p class="font-semibold lg:text-5xl text-4xl hover:scale-110 transition duration-50"> <p class="font-semibold lg:text-5xl text-4xl hover:scale-110 transition duration-50">
hiya, I'm <span class="text-transparent bg-clip-text from-pink-400 to-purple-600 bg-gradient-to-r relative" hiya, I'm <span class="text-transparent bg-clip-text from-rose-400 to-fuchsia-600 bg-gradient-to-r relative"
>Artur<span >Artur<span
class="absolute lg:bottom-12 bottom-9 z-50 lg:text-xl text-lg lg:left-7 left-4 text-white font-medium opacity-0 hover:opacity-50 transition duration-50" class="absolute lg:bottom-12 bottom-9 z-50 lg:text-xl text-lg lg:left-7 left-4 text-white font-medium opacity-0 hover:opacity-50 transition duration-50"
>/ˈar.tur/</span >/ˈar.tur/</span
@ -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">
</p> </p>
<p class="font-normal lg:text-2xl text-xl xl:mt-4 mt-2 hover:scale-110 transition duration-50"> <p class="font-normal lg:text-2xl text-xl xl:mt-4 mt-2 hover:scale-110 transition duration-50">
a certified code archwizard a self-taught code archwizard
</p> </p>
</div> </div>

View File

@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
let heart: SVGElement; let heart: SVGElement;
let colors = ["#f472b6", "#c084fc", "#818cf8", "#38bdf8", "#2dd4bf", "#4ade80", "#facc15", "#fb923c"]; let colors = ["#fb7185", "#e879f9", "#a78bfa", "#60a5fa", "#22d3ee", "#34d399", "#a3e635", "#fbbf24"];
let currentColor = "#f472b6"; let currentColor = "#fb7185";
function handleClick() { function handleClick() {
let choice = currentColor; let choice = currentColor;
@ -16,7 +16,7 @@
bind:this={heart} bind:this={heart}
on:click={handleClick} on:click={handleClick}
on:keydown={handleClick} on:keydown={handleClick}
class="hover:opacity-100 transition duration-50 cursor-pointer fixed xl:bottom-10 bottom-7 xl:right-20 right-10 xl:w-48 w-24 fill-pink-400 opacity-70" class="hover:opacity-100 transition duration-50 cursor-pointer fixed xl:bottom-10 bottom-7 xl:right-20 right-10 xl:w-48 w-24 fill-rose-400 opacity-70"
fill="#000000" fill="#000000"
width="800px" width="800px"
version="1.1" version="1.1"

View File

@ -2,7 +2,7 @@
import { Icon } from "astro-icon"; import { Icon } from "astro-icon";
--- ---
<div class="flex gap-x-3 xl:mt-6 mt-5 text-purple-200"> <div class="flex gap-x-3 xl:mt-6 mt-5 text-pink-200">
<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>

View File

@ -18,7 +18,7 @@ const { title } = Astro.props;
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f472b6" /> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f472b6" />
<meta name="msapplication-TileColor" content="#e2e2e2" /> <meta name="msapplication-TileColor" content="#e2e2e2" />
<meta name="theme-color" content="#F472B6" /> <meta name="theme-color" content="#F472B6" />
<meta name="description" content="a certified code archwizard" /> <meta name="description" content="a self-taught code archwizard" />
<meta property="og:site_name" content="artie" /> <meta property="og:site_name" content="artie" />
<meta property="og:image" content="https://arti3.dev/android-chrome-192x192.png" /> <meta property="og:image" content="https://arti3.dev/android-chrome-192x192.png" />