fin
This commit is contained in:
12
src/app.css
12
src/app.css
@@ -1,3 +1,4 @@
|
|||||||
|
@import url("https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap");
|
||||||
@import "tailwindcss";
|
@import "tailwindcss";
|
||||||
@plugin "@tailwindcss/typography";
|
@plugin "@tailwindcss/typography";
|
||||||
|
|
||||||
@@ -67,6 +68,10 @@
|
|||||||
--color-base: #fbf1c7;
|
--color-base: #fbf1c7;
|
||||||
--color-mantle: #f3eac1;
|
--color-mantle: #f3eac1;
|
||||||
--color-crust: #e7deb7;
|
--color-crust: #e7deb7;
|
||||||
|
|
||||||
|
--font-mono:
|
||||||
|
"Source Code Pro", ui-monospace, "Cascadia Code", "Source Code Pro", Menlo,
|
||||||
|
Consolas, "DejaVu Sans Mono", monospace;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (prefers-color-scheme: dark) {
|
@media (prefers-color-scheme: dark) {
|
||||||
@@ -125,6 +130,10 @@
|
|||||||
--color-base: #1e1e2e;
|
--color-base: #1e1e2e;
|
||||||
--color-mantle: #141620;
|
--color-mantle: #141620;
|
||||||
--color-crust: #0e0f16;
|
--color-crust: #0e0f16;
|
||||||
|
|
||||||
|
--font-mono:
|
||||||
|
"Source Code Pro", ui-monospace, "Cascadia Code", "Source Code Pro",
|
||||||
|
Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -498,6 +507,9 @@ input[type="checkbox"]:checked::before {
|
|||||||
transform-origin: bottom left;
|
transform-origin: bottom left;
|
||||||
background-color: var(--color-surface2);
|
background-color: var(--color-surface2);
|
||||||
}
|
}
|
||||||
|
a.hover-underline-animation:hover::after {
|
||||||
|
background-color: var(--color-blue) !important;
|
||||||
|
}
|
||||||
.image-overlay::before {
|
.image-overlay::before {
|
||||||
content: "";
|
content: "";
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|||||||
@@ -12,7 +12,7 @@ export default function Home() {
|
|||||||
<div>
|
<div>
|
||||||
My name is <span class="text-green">Mike Freno</span>, I'm a{" "}
|
My name is <span class="text-green">Mike Freno</span>, I'm a{" "}
|
||||||
<span class="text-blue">Software Engineer</span> based in{" "}
|
<span class="text-blue">Software Engineer</span> based in{" "}
|
||||||
<span class="text-yellow">Brooklyn, NY</span>
|
<span class="text-yellow">Brooklyn, NY.</span>
|
||||||
</div>
|
</div>
|
||||||
</Typewriter>
|
</Typewriter>
|
||||||
<Typewriter speed={100} keepAlive={2000}>
|
<Typewriter speed={100} keepAlive={2000}>
|
||||||
@@ -24,6 +24,7 @@ export default function Home() {
|
|||||||
>
|
>
|
||||||
LÖVE
|
LÖVE
|
||||||
</a>{" "}
|
</a>{" "}
|
||||||
|
(an open source game engine for Lua).
|
||||||
</Typewriter>
|
</Typewriter>
|
||||||
<Typewriter speed={100} keepAlive={2000}>
|
<Typewriter speed={100} keepAlive={2000}>
|
||||||
You can see some of my work{" "}
|
You can see some of my work{" "}
|
||||||
@@ -31,7 +32,7 @@ export default function Home() {
|
|||||||
href="https://github.com/mikefreno"
|
href="https://github.com/mikefreno"
|
||||||
class="text-blue hover-underline-animation"
|
class="text-blue hover-underline-animation"
|
||||||
>
|
>
|
||||||
here (github)
|
here (github).
|
||||||
</a>
|
</a>
|
||||||
</Typewriter>
|
</Typewriter>
|
||||||
<div class="pt-8 text-center">
|
<div class="pt-8 text-center">
|
||||||
@@ -118,6 +119,19 @@ export default function Home() {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="max-w-3/4 pt-8 md:max-w-1/2">
|
||||||
|
And if you love the color schemes of this site (which of course you
|
||||||
|
do), you can see{" "}
|
||||||
|
<a
|
||||||
|
href="https://github.com/mikefreno/dots/blob/master/mac/nvim/lua/colors.lua"
|
||||||
|
class="text-blue hover-underline-animation"
|
||||||
|
>
|
||||||
|
here
|
||||||
|
</a>{" "}
|
||||||
|
- and also see the rest of my various dot files idk. There's a macos
|
||||||
|
and arch linux rice in there if you're into that kinda thing and a
|
||||||
|
home server setup too. Which I will write about soon™.
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="flex flex-col items-end gap-4">
|
<div class="flex flex-col items-end gap-4">
|
||||||
|
|||||||
Reference in New Issue
Block a user