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">
<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
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
@ -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">
</p>
<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>
</div>

View File

@ -1,7 +1,7 @@
<script lang="ts">
let heart: SVGElement;
let colors = ["#f472b6", "#c084fc", "#818cf8", "#38bdf8", "#2dd4bf", "#4ade80", "#facc15", "#fb923c"];
let currentColor = "#f472b6";
let colors = ["#fb7185", "#e879f9", "#a78bfa", "#60a5fa", "#22d3ee", "#34d399", "#a3e635", "#fbbf24"];
let currentColor = "#fb7185";
function handleClick() {
let choice = currentColor;
@ -16,7 +16,7 @@
bind:this={heart}
on:click={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"
width="800px"
version="1.1"

View File

@ -2,7 +2,7 @@
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">
<Icon name="mdi:github" />
</a>

View File

@ -18,7 +18,7 @@ const { title } = Astro.props;
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f472b6" />
<meta name="msapplication-TileColor" content="#e2e2e2" />
<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:image" content="https://arti3.dev/android-chrome-192x192.png" />