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

Merge pull request #5 from authenyoo/main

Browse source 
add marquee
This commit is contained in:
CodeF53 2024-01-30 20:04:32 -07:00 committed by GitHub
commit d3430e551f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 16 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
pages/index.vue
View file

@ -10,7 +10,7 @@ definePageMeta({ layout: 'home' })
/>
<main class="col gap2">
<h1>Hi, I'm F53</h1>
<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,20 @@ definePageMeta({ layout: 'home' })
}
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>