mirror of
https://github.com/liyunze-coding/RythonDev.git
synced 2026-09-22 07:44:26 +00:00
updated tailwind and astro version
This commit is contained in:
liyunze
parent
8207aaf5e5
commit
fd5db0121a
9 changed files with 1146 additions and 1995 deletions
|
|
@ -1,16 +1,23 @@
|
|||
import { defineConfig } from "astro/config";
|
||||
|
||||
import tailwind from "@astrojs/tailwind";
|
||||
import svelte from "@astrojs/svelte";
|
||||
|
||||
import mdx from "@astrojs/mdx";
|
||||
|
||||
import tailwindcss from "@tailwindcss/vite";
|
||||
|
||||
// https://astro.build/config
|
||||
export default defineConfig({
|
||||
integrations: [tailwind(), svelte(), mdx()],
|
||||
integrations: [svelte(), mdx()],
|
||||
|
||||
server: {
|
||||
port: 8008,
|
||||
hostname: "RythonDev",
|
||||
},
|
||||
|
||||
site: "https://rython.dev",
|
||||
|
||||
vite: {
|
||||
plugins: [tailwindcss()],
|
||||
},
|
||||
});
|
||||
2948
package-lock.json
generated
2948
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
|
@ -12,13 +12,13 @@
|
|||
"dependencies": {
|
||||
"@astrojs/mdx": "^4.3.0",
|
||||
"@astrojs/svelte": "7.0.4",
|
||||
"@astrojs/tailwind": "6.0.0",
|
||||
"astro": "5.3.0",
|
||||
"@tailwindcss/vite": "^4.1.8",
|
||||
"astro": "^5.9.0",
|
||||
"caniuse-lite": "^1.0.30001698",
|
||||
"moment": "^2.30.1",
|
||||
"moment-timezone": "^0.5.47",
|
||||
"svelte": "^5.19.9",
|
||||
"tailwindcss": "^3.4.17",
|
||||
"tailwindcss": "^4.1.8",
|
||||
"typescript": "^5.7.3"
|
||||
},
|
||||
"devDependencies": {
|
||||
|
|
|
|||
|
|
@ -53,25 +53,25 @@
|
|||
class="flex h-fit w-full flex-col justify-center px-10 lg:flex-row lg:px-20"
|
||||
>
|
||||
<div
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mb-0 lg:ml-auto lg:mr-5 lg:w-1/2"
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mr-5 lg:mb-0 lg:ml-auto lg:w-1/2"
|
||||
>
|
||||
<img
|
||||
src="/images/projects/chess-opencv.webp"
|
||||
alt="computer vision chess bot"
|
||||
class="absolute left-1/2
|
||||
top-1/2 max-w-full
|
||||
rounded-xl border-2
|
||||
border-solid border-white opacity-40 [transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-45%)_translateY(-50%)]"
|
||||
class="absolute top-1/2
|
||||
left-1/2 max-w-full
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-45%)_translateY(-50%)] rounded-xl
|
||||
border-2 border-solid border-white opacity-40"
|
||||
width="700"
|
||||
/>
|
||||
|
||||
<!-- svelte-ignore a11y-media-has-caption -->
|
||||
<video
|
||||
width="700"
|
||||
class="playable opacity-1 absolute
|
||||
left-1/2 top-1/2
|
||||
max-w-full rounded-xl
|
||||
border-2 border-solid border-white [transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)]"
|
||||
class="playable absolute top-1/2
|
||||
left-1/2 max-w-full
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)] rounded-xl
|
||||
border-2 border-solid border-white opacity-100"
|
||||
>
|
||||
<source
|
||||
src="/videos/chess_opencv_demo.webm"
|
||||
|
|
@ -86,7 +86,7 @@
|
|||
Computer Vision Chess bot
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-left"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-left"
|
||||
>
|
||||
A script that plays against opponents on lichess. Uses
|
||||
OpenCV to detect the board and pieces, and the Stockfish
|
||||
|
|
@ -130,14 +130,14 @@
|
|||
Computer Vision AimLab Bot
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-right"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-right"
|
||||
>
|
||||
A script that plays AimLab, a game that helps improve your
|
||||
aim in FPS games. Uses OpenCV to detect the targets and
|
||||
win32API to move the mouse and click.
|
||||
</p>
|
||||
<div
|
||||
class="mb-10 mt-5 flex w-full flex-row flex-wrap justify-center lg:mb-0 lg:justify-end"
|
||||
class="mt-5 mb-10 flex w-full flex-row flex-wrap justify-center lg:mb-0 lg:justify-end"
|
||||
>
|
||||
<div
|
||||
class="my-1 mr-1 w-fit
|
||||
|
|
@ -163,24 +163,24 @@
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mb-0 lg:ml-auto lg:mr-5 lg:w-1/2"
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mr-5 lg:mb-0 lg:ml-auto lg:w-1/2"
|
||||
>
|
||||
<img
|
||||
src="/images/projects/aim-lab.webp"
|
||||
alt="aim lab"
|
||||
class="absolute left-1/2
|
||||
top-1/2 max-w-full rounded-xl border-2
|
||||
border-solid border-white opacity-40 [transform:translateX(-48%)_translateY(-48%)_translateZ(-50px)_rotateY(-3deg)]"
|
||||
class="absolute top-1/2
|
||||
left-1/2 max-w-full [transform:translateX(-48%)_translateY(-48%)_translateZ(-50px)_rotateY(-3deg)] rounded-xl
|
||||
border-2 border-solid border-white opacity-40"
|
||||
width="700"
|
||||
/>
|
||||
|
||||
<!-- svelte-ignore a11y-media-has-caption -->
|
||||
<video
|
||||
width="700"
|
||||
class="playable opacity-1 absolute
|
||||
left-1/2 top-1/2
|
||||
max-w-full rounded-xl
|
||||
border-2 border-solid border-white [transform:translateX(-50%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)]"
|
||||
class="playable absolute top-1/2
|
||||
left-1/2 max-w-full
|
||||
[transform:translateX(-50%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)] rounded-xl
|
||||
border-2 border-solid border-white opacity-100"
|
||||
><source src="/videos/aim_lab_demo.webm" /></video
|
||||
>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,7 +15,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
class="flex h-fit w-full flex-col justify-center px-10 lg:flex-row lg:px-20"
|
||||
>
|
||||
<div
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mb-0 lg:ml-auto lg:mr-5 lg:w-1/2"
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mr-5 lg:mb-0 lg:ml-auto lg:w-1/2"
|
||||
>
|
||||
<Image
|
||||
src={CoworkingGuide}
|
||||
|
|
@ -32,16 +32,16 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
width="700"
|
||||
class=`absolute max-w-full
|
||||
top-1/2 left-1/2
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)] opacity-1
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)] opacity-100
|
||||
border-2 border-solid border-white rounded-xl`
|
||||
/>
|
||||
<div
|
||||
class="visit-div absolute left-1/2 top-1/2 aspect-video w-[700px] max-w-full rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0 [transform:translateX(-50%)_translateY(-50%)]"
|
||||
class="visit-div absolute top-1/2 left-1/2 aspect-video w-[700px] max-w-full [transform:translateX(-50%)_translateY(-50%)] rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0"
|
||||
>
|
||||
<a
|
||||
href="https://coworking-guide.vercel.app/"
|
||||
target="_blank"
|
||||
class="opacity-1 absolute left-1/2 top-1/2 hidden rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 [transform:translateX(-50%)_translateY(-50%)] hover:bg-white hover:text-blue-500 lg:block"
|
||||
class="absolute top-1/2 left-1/2 hidden [transform:translateX(-50%)_translateY(-50%)] rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500 lg:block"
|
||||
>Visit site</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -50,7 +50,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://coworking-guide.vercel.app/"
|
||||
target="_blank"
|
||||
class="opacity-1 rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
class="rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -61,7 +61,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
Coworking Guide
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-left"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-left"
|
||||
>
|
||||
A guide to coworking streams for streamers, covers wide
|
||||
range of topics from tips on how to get started with setting
|
||||
|
|
@ -98,7 +98,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
Chat-Task-Tic Widget
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-right"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-right"
|
||||
>
|
||||
Used by 100+ Twitch streamers, allow viewers and streamers
|
||||
to add their own tasks to the widget for accountability!
|
||||
|
|
@ -129,7 +129,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
|
||||
target="_blank"
|
||||
class="opacity-1 rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 hover:bg-white hover:text-blue-600"
|
||||
class="rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-600"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -140,7 +140,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
class="mt-5 flex h-fit w-full flex-col justify-center px-10 lg:mt-0 lg:flex-row lg:px-20"
|
||||
>
|
||||
<div
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mb-0 lg:ml-auto lg:mr-5 lg:w-1/2"
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mr-5 lg:mb-0 lg:ml-auto lg:w-1/2"
|
||||
>
|
||||
<Image
|
||||
src={Wnrs}
|
||||
|
|
@ -158,17 +158,17 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
width="700"
|
||||
class=`absolute max-w-full
|
||||
top-1/2 left-1/2
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)] opacity-1
|
||||
[transform:rotateY(5deg)_rotateX(0deg)_translateZ(-50px)_translateX(-43%)_translateY(-52%)] opacity-100
|
||||
border-2 border-solid border-white rounded-xl
|
||||
aspect-video`
|
||||
/>
|
||||
<div
|
||||
class="visit-div absolute left-1/2 top-1/2 aspect-video w-[700px] max-w-full rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0 [transform:translateX(-50%)_translateY(-50%)]"
|
||||
class="visit-div absolute top-1/2 left-1/2 aspect-video w-[700px] max-w-full [transform:translateX(-50%)_translateY(-50%)] rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0"
|
||||
>
|
||||
<a
|
||||
href="https://liyunze-coding.github.io/wnrs/"
|
||||
target="_blank"
|
||||
class="opacity-1 absolute left-1/2 top-1/2 hidden rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 [transform:translateX(-50%)_translateY(-50%)] hover:bg-white hover:text-blue-500 lg:block"
|
||||
class="absolute top-1/2 left-1/2 hidden [transform:translateX(-50%)_translateY(-50%)] rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500 lg:block"
|
||||
>Visit site</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -177,7 +177,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://hex-guess.vercel.app/"
|
||||
target="_blank"
|
||||
class="opacity-1 rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
class="rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
@ -188,7 +188,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
We're Not Really Strangers
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-left"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-left"
|
||||
>
|
||||
Otherwise abbreviated as "WNRS", this is a digital
|
||||
adaptation of the popular card game designed to foster
|
||||
|
|
@ -221,7 +221,7 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
Twitch Plays X
|
||||
</h2>
|
||||
<p
|
||||
class="max-w-lg text-balance text-center text-xl lg:max-w-none lg:text-right"
|
||||
class="max-w-lg text-center text-xl text-balance lg:max-w-none lg:text-right"
|
||||
>
|
||||
Allow Twitch chatters to play games such as Pokemon!
|
||||
Chatters can enter messages such as "up up down down left
|
||||
|
|
@ -247,12 +247,12 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
<a
|
||||
href="https://github.com/liyunze-coding/TwitchPlaysX"
|
||||
target="_blank"
|
||||
class="opacity-1 rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
class="rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
<div
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mb-0 lg:ml-auto lg:mr-5 lg:w-1/2"
|
||||
class="image-container relative mb-5 flex aspect-video w-full [perspective:200px] lg:mr-5 lg:mb-0 lg:ml-auto lg:w-1/2"
|
||||
>
|
||||
<Image
|
||||
src={TwitchPlays}
|
||||
|
|
@ -269,16 +269,16 @@ import TwitchPlays from "./images/projects/twitchplays.webp";
|
|||
width="700"
|
||||
class=`absolute max-w-full
|
||||
top-1/2 left-1/2
|
||||
[transform:translateX(-50%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)] opacity-1
|
||||
[transform:translateX(-50%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)] opacity-100
|
||||
border-2 border-solid border-white rounded-xl`
|
||||
/>
|
||||
<div
|
||||
class="visit-div absolute left-1/2 top-1/2 aspect-video w-[700px] max-w-full rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0 [transform:translateX(-50%)_translateY(-50%)]"
|
||||
class="visit-div absolute top-1/2 left-1/2 aspect-video w-[700px] max-w-full [transform:translateX(-50%)_translateY(-50%)] rounded-xl border-2 border-solid border-white bg-[rgba(0,0,0,0.5)] opacity-0"
|
||||
>
|
||||
<a
|
||||
href="https://github.com/liyunze-coding/TwitchPlaysX"
|
||||
target="_blank"
|
||||
class="opacity-1 absolute left-1/2 top-1/2 hidden rounded-xl bg-blue-600 px-5 py-3 font-bold transition-colors duration-300 [transform:translateX(-50%)_translateY(-50%)] hover:bg-white hover:text-blue-500 lg:block"
|
||||
class="absolute top-1/2 left-1/2 hidden [transform:translateX(-50%)_translateY(-50%)] rounded-xl bg-blue-600 px-5 py-3 font-bold opacity-100 transition-colors duration-300 hover:bg-white hover:text-blue-500 lg:block"
|
||||
>View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -116,13 +116,13 @@
|
|||
</script>
|
||||
|
||||
<div
|
||||
class="image-container relative mb-3 ml-0 mr-0 aspect-video [perspective:200px] md:mr-5 lg:mb-0 lg:ml-1 lg:mr-0 lg:w-1/2"
|
||||
class="image-container relative mr-0 mb-3 ml-0 aspect-video [perspective:200px] md:mr-5 lg:mr-0 lg:mb-0 lg:ml-1 lg:w-1/2"
|
||||
>
|
||||
<!-- task bot -->
|
||||
<div
|
||||
class="task-widget absolute left-1/2 top-1/2 flex
|
||||
class="task-widget absolute top-1/2 left-1/2 flex
|
||||
h-[99%] w-full
|
||||
flex-col opacity-30 [transform:translateX(-50%)_translateY(-49%)_translateZ(-50px)_rotateY(-3deg)]"
|
||||
[transform:translateX(-50%)_translateY(-49%)_translateZ(-50px)_rotateY(-3deg)] flex-col opacity-30"
|
||||
>
|
||||
<div
|
||||
class="flex w-full flex-row items-center justify-between
|
||||
|
|
@ -141,8 +141,8 @@
|
|||
<div class="scroll-element primary absolute w-full px-1">
|
||||
{#each streamers as { streamer, task }}
|
||||
<div
|
||||
class="my-2 w-full overflow-hidden overflow-ellipsis whitespace-nowrap rounded-md bg-[#404040]
|
||||
px-5 py-1 text-white"
|
||||
class="my-2 w-full overflow-hidden rounded-md bg-[#404040] px-5 py-1
|
||||
overflow-ellipsis whitespace-nowrap text-white"
|
||||
>
|
||||
O {streamer} : {task}
|
||||
</div>
|
||||
|
|
@ -151,8 +151,8 @@
|
|||
<div class="scroll-element secondary absolute w-full px-1">
|
||||
{#each streamers as { streamer, task }}
|
||||
<div
|
||||
class="my-2 w-full overflow-hidden overflow-ellipsis whitespace-nowrap rounded-md bg-[#404040]
|
||||
px-5 py-1 text-white"
|
||||
class="my-2 w-full overflow-hidden rounded-md bg-[#404040] px-5 py-1
|
||||
overflow-ellipsis whitespace-nowrap text-white"
|
||||
>
|
||||
O {streamer} : {task}
|
||||
</div>
|
||||
|
|
@ -161,9 +161,9 @@
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="task-widget absolute left-1/2 top-1/2
|
||||
class="task-widget absolute top-1/2 left-1/2
|
||||
flex h-[99%]
|
||||
w-full flex-col [transform:translateX(-51%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)]"
|
||||
w-full [transform:translateX(-51%)_translateY(-50%)_translateZ(-50px)_rotateY(-3deg)] flex-col"
|
||||
>
|
||||
<div
|
||||
class="flex w-full flex-row items-center justify-between
|
||||
|
|
@ -182,8 +182,8 @@
|
|||
<div class="scroll-element primary absolute w-full px-1">
|
||||
{#each streamers as { streamer, task }}
|
||||
<div
|
||||
class="my-2 w-full overflow-hidden overflow-ellipsis whitespace-nowrap rounded-md bg-[#404040]
|
||||
px-5 py-1 text-white"
|
||||
class="my-2 w-full overflow-hidden rounded-md bg-[#404040] px-5 py-1
|
||||
overflow-ellipsis whitespace-nowrap text-white"
|
||||
>
|
||||
O {streamer} : {task}
|
||||
</div>
|
||||
|
|
@ -192,8 +192,8 @@
|
|||
<div class="scroll-element secondary absolute w-full px-1">
|
||||
{#each streamers as { streamer, task }}
|
||||
<div
|
||||
class="my-2 w-full overflow-hidden overflow-ellipsis whitespace-nowrap rounded-md bg-[#404040]
|
||||
px-5 py-1 text-white"
|
||||
class="my-2 w-full overflow-hidden rounded-md bg-[#404040] px-5 py-1
|
||||
overflow-ellipsis whitespace-nowrap text-white"
|
||||
>
|
||||
O {streamer} : {task}
|
||||
</div>
|
||||
|
|
@ -202,20 +202,20 @@
|
|||
</div>
|
||||
</div>
|
||||
<div
|
||||
class="visit-div absolute left-1/2 top-1/2 h-full w-full
|
||||
overflow-hidden
|
||||
rounded-md border-2 border-solid
|
||||
border-white bg-[rgba(0,0,0,0.5)] opacity-0
|
||||
[transform:translateX(-50%)_translateY(-50%)]"
|
||||
class="visit-div absolute top-1/2 left-1/2 h-full w-full
|
||||
[transform:translateX(-50%)_translateY(-50%)]
|
||||
overflow-hidden rounded-md border-2
|
||||
border-solid border-white bg-[rgba(0,0,0,0.5)]
|
||||
opacity-0"
|
||||
>
|
||||
<a
|
||||
href="https://github.com/liyunze-coding/chat-task-tic-overlay-infinity"
|
||||
target="_blank"
|
||||
class="opacity-1 absolute left-1/2 top-1/2
|
||||
hidden rounded-xl bg-blue-500 px-5 py-3
|
||||
class="absolute top-1/2 left-1/2 hidden
|
||||
[transform:translateX(-50%)_translateY(-50%)] rounded-xl bg-blue-500 px-5 py-3
|
||||
font-bold
|
||||
transition-colors duration-300
|
||||
[transform:translateX(-50%)_translateY(-50%)] hover:bg-white
|
||||
opacity-100 transition-colors
|
||||
duration-300 hover:bg-white
|
||||
hover:text-blue-500 lg:block">View repository</a
|
||||
>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -5,7 +5,8 @@ interface Props {
|
|||
}
|
||||
|
||||
const { title, description } = Astro.props;
|
||||
import { ViewTransitions } from "astro:transitions";
|
||||
import "../styles/global.css";
|
||||
import { ClientRouter } from "astro:transitions";
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
|
|
@ -25,7 +26,7 @@ import { ViewTransitions } from "astro:transitions";
|
|||
</head>
|
||||
<body>
|
||||
<slot />
|
||||
<ViewTransitions />
|
||||
<ClientRouter />
|
||||
</body>
|
||||
</html>
|
||||
<style is:global>
|
||||
|
|
@ -55,17 +56,11 @@ import { ViewTransitions } from "astro:transitions";
|
|||
scroll-behavior: smooth;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: "Montserrat", sans-serif;
|
||||
color: #fff;
|
||||
background: radial-gradient(circle, #383838 1px, transparent 1px),
|
||||
#202020;
|
||||
background:
|
||||
radial-gradient(circle, #383838 1px, transparent 1px), #202020;
|
||||
background-size: 20px 20px;
|
||||
}
|
||||
</style>
|
||||
|
|
|
|||
|
|
@ -56,7 +56,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -107,7 +107,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -161,7 +161,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -209,7 +209,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -288,7 +288,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -309,7 +309,7 @@ import profile from "./_images/profile.webp";
|
|||
>
|
||||
<div
|
||||
id="github-icon"
|
||||
class="icon-box 2-10 absolute left-1/2 top-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 rounded-full"
|
||||
class="icon-box 2-10 absolute top-1/2 left-1/2 h-12 w-12 -translate-x-1/2 -translate-y-1/2 rounded-full"
|
||||
>
|
||||
<svg
|
||||
width="38px"
|
||||
|
|
@ -358,7 +358,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -482,7 +482,7 @@ import profile from "./_images/profile.webp";
|
|||
</div>
|
||||
<span
|
||||
id="time-in-aus"
|
||||
class="uppercase text-[#ccc]"></span>
|
||||
class="text-[#ccc] uppercase"></span>
|
||||
<span
|
||||
id="time-difference"
|
||||
class="text-[#ccc]"
|
||||
|
|
@ -500,7 +500,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -540,7 +540,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -598,7 +598,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
@ -639,7 +639,7 @@ import profile from "./_images/profile.webp";
|
|||
class="social-card-content group flex flex-col items-start justify-between"
|
||||
>
|
||||
<div
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-100"
|
||||
class="absolute right-5 rotate-45 opacity-0 transition-all duration-300 ease-in-out group-hover:rotate-0 group-hover:opacity-10000"
|
||||
>
|
||||
<svg
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
|
|
|
|||
1
src/styles/global.css
Normal file
1
src/styles/global.css
Normal file
|
|
@ -0,0 +1 @@
|
|||
@import "tailwindcss";
|
||||
Loading…
Reference in a new issue