code/personal-site
1
0
Fork 0
mirror of https://github.com/CodeF53/personal-site.git synced 2024-09-20 06:10:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update index.vue

Browse source
This commit is contained in:
authen 2024-01-30 23:50:41 -03:00 committed by GitHub
parent 66f276b62b
commit 0697080520
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
pages/index.vue
View file

@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
/>
<main class="col gap2">
<marquee><h1>Hi, I'm F53</h1></marquee>
<div class=marquee><h1>Hi, I'm F53</h1></div>
<p class="bio">
I'm a {{ Math.floor((Date.now() / 100000 - 10463292) / 315360) }}yo Full Stack Developer
@ -55,5 +55,18 @@ definePageMeta({ layout: 'home' })
}
h1 { color: var(--accent-light); }
.marquee {
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
}
.marquee h1 {
display: inline-block;
padding-left: 100%;
animation: marquee 15s linear infinite;
}
@keyframes marquee {
0% { transform: translate(0, 0); }
100% { transform: translate(-100%, 0); }
}
</style>