valere/evilspins
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

change bkg (need update home !)

Browse Source
This commit is contained in:
valere
2025-03-16 09:07:59 +01:00
parent 8541050011
commit 9c1204b46b
4 changed files with 32 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
pages/compilations/[id].vue
View File

@@ -8,15 +8,15 @@
</video>
<nav class="text-esyellow w-full flex" v-if="currentTrack">
<button v-for="(track, index) in tracks" @click="listenTo(track.start)" :index="track.id"
class="border-l-wihte-400 border-l-2 p-2 flex-grow hover:bg-esyellow hover:text-black"
class="border-l-wihte-400 border-l-1 p-2 flex-grow hover:bg-esyellow hover:text-black"
:class="{ 'border-l-0': index === 0, 'bg-esyellow text-black': track.id === currentTrack.id }">
<span class="block lg:text-3xl bold">
<span class="block lg:text-3xl font-bold">
{{ index + 1 }}
</span>
<span class="hidden 2xl:block">
<span class="hidden 2xl:block hover:text-black" :class="{'text-white': track.id !== currentTrack.id, 'text-black': track.id === currentTrack.id }">
{{ track.title }}
</span>
<span class="hidden lg:block">
<span class="hidden lg:block font-bold">
{{ getArtistName(track.artist) }}
</span>
</button>
@@ -151,4 +151,8 @@ nav>button:first-child {
content: "\00d7";
}
}
.border-l-1 {
border-left: grey solid 1px;
}
</style>

7
pages/index.vue
View File

@@ -19,7 +19,7 @@
<section class="splash-screen flex items-center flex-col">
<figure class="ui">
<img class="logo" src="/logo.svg">
<h1 class="text-white pt-6 text-sm md:text-md lg:text-lg text-center font-bold tracking-widest">compilations
<h1 class="text-white pt-6 text-lg md:text-xl lg:text-2xl text-center font-bold tracking-widest text-shadow">compilations
Indépendantes
</h1>
<button class="button button--screened relative top-16 flex justify-center items-center" @click="scrollDown()">
@@ -89,6 +89,7 @@ body {
.splash-screen {
position: relative;
height: 100vh;
box-shadow: inset black 0px 1px 800px 200px;
}
.animation {
@@ -138,4 +139,8 @@ body {
.show {
opacity: 1;
}
.text-shadow {
text-shadow: 3px 2px 8px black;
}
</style>