mirror of
https://github.com/CodeF53/personal-site.git
synced 2024-09-20 06:10:34 +00:00
commit
d3430e551f
1 changed files with 16 additions and 1 deletions
|
@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<main class="col gap2">
|
<main class="col gap2">
|
||||||
<h1>Hi, I'm F53</h1>
|
<div class="marquee"><h1>Hi, I'm F53</h1></div>
|
||||||
|
|
||||||
<p class="bio">
|
<p class="bio">
|
||||||
I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
|
I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
|
||||||
|
@ -55,5 +55,20 @@ definePageMeta({ layout: 'home' })
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 { color: var(--accent-light); }
|
h1 { color: var(--accent-light); }
|
||||||
|
|
||||||
|
.marquee {
|
||||||
|
white-space: nowrap;
|
||||||
|
overflow: hidden;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
.marquee * {
|
||||||
|
display: inline-block;
|
||||||
|
padding-left: 100%;
|
||||||
|
animation: marquee 15s linear infinite;
|
||||||
|
}
|
||||||
|
@keyframes marquee {
|
||||||
|
0% { transform: translate(0, 0); }
|
||||||
|
100% { transform: translate(-100%, 0); }
|
||||||
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
Loading…
Reference in a new issue