AderKonstantin/aderktech-chronark.com-
1
0
Fork 0
mirror of https://github.com/AderKonstantin/aderktech-chronark.com-.git synced 2025-06-08 05:38:41 +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>
<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 ">
Building serverless and open source solutions at{" "}
Hi, I'm building serverless and open source solutions at{" "}
<Link
href="https://upstash.com"
className="underline hover:text-zinc-300 duration-500"
@ -43,7 +43,7 @@ export default function Home() {
</Link>
<br />
and building{" "}
and{" "}
<Link
href="https://planetfall.io"
className="underline hover:text-zinc-300 duration-500"

23
tailwind.config.js
View File

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