Use CSS-based uppercase, mobile-friendly text sizing on index hero, adjust trivia project desc

This commit is contained in:
2023-05-13 16:58:43 -05:00
parent 740349144a
commit 0a2058af06
3 changed files with 6 additions and 3 deletions

View File

@@ -145,8 +145,8 @@ const Home: NextPage<HomeStaticProps> = ({ projects }: HomeStaticProps) => {
))} ))}
</ul> </ul>
</nav> </nav>
<div className="cursor-default select-none py-10 font-hanken font-black tracking-widest text-8xl sm:text-9xl"> <div className="cursor-default uppercase select-none py-10 font-hanken font-black tracking-widest text-6xl min-[300px]:text-7xl min-[500px]:text-8xl sm:text-9x lg:text-10xl">
XEVION Xevion
</div> </div>
<div className="px-4 text-base sm:text-sm text-zinc-500 text-center"> <div className="px-4 text-base sm:text-sm text-zinc-500 text-center">
<Balancer> <Balancer>

View File

@@ -87,7 +87,7 @@ const ProjectsPage: NextPage = () => {
}, },
{ {
name: "trivia", name: "trivia",
description: "Trivia Leaderboard in Flask", description: "CLI + Flask Leaderboard",
url: "http://github.com/Xevion/trivia", url: "http://github.com/Xevion/trivia",
icon: MdOutlineLeaderboard icon: MdOutlineLeaderboard
}, },

View File

@@ -8,6 +8,9 @@ module.exports = {
850: "#1D1D20" 850: "#1D1D20"
} }
}, },
fontSize: {
'10xl': '10rem',
},
fontFamily: { fontFamily: {
inter: ["\"Inter\"", "sans-serif"], inter: ["\"Inter\"", "sans-serif"],
roboto: ["\"Roboto\"", "sans-serif"], roboto: ["\"Roboto\"", "sans-serif"],