AderKonstantin/aderktech-chronark.com-
1
0
Fork 0
mirror of https://github.com/AderKonstantin/aderktech-chronark.com-.git synced 2025-06-08 13:48:42 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat: /projects

Browse Source
This commit is contained in:
Andreas Thomas 2023-02-25 00:37:00 +01:00
parent c446b9dc08
commit 9398052466
No known key found for this signature in database
2 changed files with 12 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/page.tsx
View File

@ -32,9 +32,9 @@ export default function Home() {
</h1> </h1>
<div className="hidden animate-glow md:block w-screen animate-fade-right h-px bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0" /> <div className="hidden animate-glow md:block w-screen animate-fade-right h-px bg-gradient-to-r from-zinc-300/0 via-zinc-300/50 to-zinc-300/0" />
<div className="my-16 animate-fade-in"> <div className="my-16 animate-fade-in text-center">
<h2 className="text-zinc-500 text-sm "> <h2 className="text-zinc-500 text-sm ">
Building serverless and open source solutions at{" "} Hi, I'm building serverless and open source solutions at{" "}
<Link <Link
href="https://upstash.com" href="https://upstash.com"
className="underline hover:text-zinc-300 duration-500" className="underline hover:text-zinc-300 duration-500"
@ -43,7 +43,7 @@ export default function Home() {
</Link> </Link>
<br /> <br />
and building{" "} and{" "}
<Link <Link
href="https://planetfall.io" href="https://planetfall.io"
className="underline hover:text-zinc-300 duration-500" className="underline hover:text-zinc-300 duration-500"

23
tailwind.config.js
View File

@ -12,10 +12,10 @@ module.exports = {
}, },
animation: { animation: {
"fade-in": "fade-in 5s ease-in-out forwards", "fade-in": "fade-in 3s ease-in-out forwards",
title: "title 5s ease-out forwards", title: "title 3s ease-out forwards",
"fade-left": "fade-left 5s ease-in-out forwards", "fade-left": "fade-left 3s ease-in-out forwards",
"fade-right": "fade-right 5s ease-in-out forwards", "fade-right": "fade-right 3s ease-in-out forwards",
}, },
keyframes: { keyframes: {
"fade-in": { "fade-in": {
@ -34,11 +34,9 @@ module.exports = {
transform: "translateX(100%)", transform: "translateX(100%)",
opacity: "0%", opacity: "0%",
}, },
"50%": {
transform: "translateX(0%)",
},
"75%": { "30%": {
transform: "translateX(0%)",
opacity: "100%", opacity: "100%",
}, },
"100%": { "100%": {
@ -48,14 +46,11 @@ module.exports = {
"fade-right": { "fade-right": {
"0%": { "0%": {
transform: "translateX(-100%)", transform: "translateX(-100%)",
opacity: "0%", opacity: "0%",
}, },
"50%": {
transform: "translateX(0%)",
},
"75%": { "30%": {
transform: "translateX(0%)",
opacity: "100%", opacity: "100%",
}, },
"100%": { "100%": {
@ -68,7 +63,7 @@ module.exports = {
"letter-spacing": "0.25em", "letter-spacing": "0.25em",
opacity: "0", opacity: "0",
}, },
"70%": { "25%": {
"line-height": "0%", "line-height": "0%",
opacity: "0%", opacity: "0%",
}, },