mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-11-06 10:53:33 +00:00
updated text, formatted files
This commit is contained in:
parent
e71eb0ae99
commit
55792cf72b
10 changed files with 113 additions and 60 deletions
|
|
@ -1,5 +1,5 @@
|
|||
<a
|
||||
class="sticky left-5 top-5 ml-10 flex w-fit items-center justify-center gap-2 rounded-lg bg-white py-1 pl-2 pr-5 text-xl"
|
||||
class="sticky top-5 left-5 ml-10 flex w-fit items-center justify-center gap-2 rounded-lg bg-white py-1 pr-5 pl-2 text-xl"
|
||||
href="/blog"
|
||||
style="color: black; text-decoration: none;"
|
||||
>
|
||||
|
|
|
|||
|
|
@ -31,7 +31,53 @@ import { Image } from "astro:assets";
|
|||
>
|
||||
Ryan Lee
|
||||
</div>
|
||||
<div class="w-full text-xl">Full Stack Developer</div>
|
||||
<div
|
||||
class="flex flex-row items-center justify-start gap-5"
|
||||
>
|
||||
<div
|
||||
class="flex flex-row items-center justify-start gap-1 text-lg"
|
||||
>
|
||||
<svg
|
||||
class="size-5"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M20.25 14.15v4.25c0 1.094-.787 2.036-1.872 2.18-2.087.277-4.216.42-6.378.42s-4.291-.143-6.378-.42c-1.085-.144-1.872-1.086-1.872-2.18v-4.25m16.5 0a2.18 2.18 0 0 0 .75-1.661V8.706c0-1.081-.768-2.015-1.837-2.175a48.114 48.114 0 0 0-3.413-.387m4.5 8.006c-.194.165-.42.295-.673.38A23.978 23.978 0 0 1 12 15.75c-2.648 0-5.195-.429-7.577-1.22a2.016 2.016 0 0 1-.673-.38m0 0A2.18 2.18 0 0 1 3 12.489V8.706c0-1.081.768-2.015 1.837-2.175a48.111 48.111 0 0 1 3.413-.387m7.5 0V5.25A2.25 2.25 0 0 0 13.5 3h-3a2.25 2.25 0 0 0-2.25 2.25v.894m7.5 0a48.667 48.667 0 0 0-7.5 0M12 12.75h.008v.008H12v-.008Z"
|
||||
></path>
|
||||
</svg>
|
||||
<div>Full Stack Developer</div>
|
||||
</div>
|
||||
<div
|
||||
class="flex flex-row items-center justify-start gap-1 text-lg"
|
||||
>
|
||||
<svg
|
||||
class="size-5"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
fill="none"
|
||||
viewBox="0 0 24 24"
|
||||
stroke-width="1.5"
|
||||
stroke="currentColor"
|
||||
>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
|
||||
></path>
|
||||
<path
|
||||
stroke-linecap="round"
|
||||
stroke-linejoin="round"
|
||||
d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
|
||||
></path>
|
||||
</svg>
|
||||
<div>Malaysia</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="uwu" class="hidden items-center justify-center">
|
||||
|
|
@ -46,12 +92,12 @@ import { Image } from "astro:assets";
|
|||
<Greeting client:load />!
|
||||
</div>
|
||||
<p class="text-left">
|
||||
I am a Malaysian computer science graduate working
|
||||
on various projects in Malaysia. I develop software
|
||||
for streamers and content creators, while also
|
||||
making tech tutorials in programming.
|
||||
I am a content creator and software developer, creating
|
||||
software for 100+ content creators, garnering 3,500+
|
||||
followers across platforms. I worked as a developer at 3+
|
||||
companies in Malaysia and Australia, and looking for my next
|
||||
role after graduation.
|
||||
</p>
|
||||
|
||||
<div class="mt-8 flex flex-row items-center justify-center">
|
||||
<Socials />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -44,7 +44,9 @@ const renderLayer = (
|
|||
isLight
|
||||
? "project-image-light hidden border-gray-300"
|
||||
: "project-image-dark border-gray-800",
|
||||
isBackground ? "background-img opacity-40" : "frontfacing-img opacity-100",
|
||||
isBackground
|
||||
? "background-img opacity-40"
|
||||
: "frontfacing-img opacity-100",
|
||||
isBackground && isLight ? "brightness-75" : "",
|
||||
side,
|
||||
]
|
||||
|
|
|
|||
|
|
@ -87,7 +87,11 @@
|
|||
{/if}
|
||||
{/snippet}
|
||||
|
||||
{@render renderLayer("image", "background-img", "opacity-40 brightness-75")}
|
||||
{@render renderLayer(
|
||||
"image",
|
||||
"background-img",
|
||||
"opacity-40 brightness-75",
|
||||
)}
|
||||
{@render renderLayer("video", "frontfacing-vid", "opacity-100")}
|
||||
</div>
|
||||
<div
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
<div class="flex flex-row items-center justify-center gap-3">
|
||||
<a href="https://git.rython.dev/" target="_blank">
|
||||
<div
|
||||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white transition-[filter,background-color] duration-150 hover:invert hover:bg-[#089cff]"
|
||||
class="flex h-8 w-8 items-center justify-center rounded-full bg-white transition-[filter,background-color] duration-150 hover:bg-[#089cff] hover:invert"
|
||||
>
|
||||
<img
|
||||
src="/images/socials/forgejo.svg"
|
||||
|
|
|
|||
|
|
@ -28,7 +28,8 @@ import { ClientRouter } from "astro:transitions";
|
|||
const theme =
|
||||
savedTheme === "light" || savedTheme === "dark"
|
||||
? savedTheme
|
||||
: window.matchMedia("(prefers-color-scheme: light)").matches
|
||||
: window.matchMedia("(prefers-color-scheme: light)")
|
||||
.matches
|
||||
? "light"
|
||||
: "dark";
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue