Compare commits
3 commits
73d68ee2db
...
dd19faebbd
Author | SHA1 | Date | |
---|---|---|---|
dd19faebbd | |||
1b0c2659c9 | |||
c08fc02b17 |
5 changed files with 17 additions and 5 deletions
Binary file not shown.
BIN
public/img/9.jpg
Normal file
BIN
public/img/9.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 222 KiB |
|
@ -1,3 +1,5 @@
|
||||||
|
@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");
|
||||||
|
|
||||||
@tailwind base;
|
@tailwind base;
|
||||||
@tailwind components;
|
@tailwind components;
|
||||||
@tailwind utilities;
|
@tailwind utilities;
|
||||||
|
@ -6,4 +8,5 @@ html,
|
||||||
body {
|
body {
|
||||||
@apply bg-neutral-900;
|
@apply bg-neutral-900;
|
||||||
@apply text-white;
|
@apply text-white;
|
||||||
|
font-family: "Nunito", sans-serif;
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,6 +1,16 @@
|
||||||
{
|
{
|
||||||
"imageDuration": 10,
|
"imageDuration": 10,
|
||||||
"images": ["/img/1.jpg", "/img/2.jpg", "/img/3.jpg", "/img/4.jpg", "/img/5.jpg", "/img/6.jpg", "/img/7.jpg", "/img/8.jpg"],
|
"images": [
|
||||||
|
"/img/1.jpg",
|
||||||
|
"/img/2.jpg",
|
||||||
|
"/img/3.jpg",
|
||||||
|
"/img/4.jpg",
|
||||||
|
"/img/5.jpg",
|
||||||
|
"/img/6.jpg",
|
||||||
|
"/img/7.jpg",
|
||||||
|
"/img/8.jpg",
|
||||||
|
"/img/9.jpg"
|
||||||
|
],
|
||||||
|
|
||||||
"audioMethod": "playlist",
|
"audioMethod": "playlist",
|
||||||
|
|
||||||
|
@ -10,7 +20,6 @@
|
||||||
"playlist": [
|
"playlist": [
|
||||||
{ "title": "MF DOOM - Rapp Snitch Knishes", "location": "/audio/Rapp Snitch Knishes.mp3" },
|
{ "title": "MF DOOM - Rapp Snitch Knishes", "location": "/audio/Rapp Snitch Knishes.mp3" },
|
||||||
{ "title": "Modjo - Lady (Hear Me Tonight)", "location": "/audio/Lady.mp3" },
|
{ "title": "Modjo - Lady (Hear Me Tonight)", "location": "/audio/Lady.mp3" },
|
||||||
{ "title": "EVABOY - is there a point (girl u know)", "location": "/audio/is there a point (girl u know).mp3" },
|
{ "title": "EVABOY - is there a point (girl u know)", "location": "/audio/is there a point (girl u know).mp3" }
|
||||||
{ "title": "snuffles - SPOTS", "location": "/audio/SPOTS.mp3" }
|
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<script>
|
<script>
|
||||||
import { slide } from "svelte/transition";
|
import { fade, slide } from "svelte/transition";
|
||||||
import { images, imageDuration } from "../config.json";
|
import { images, imageDuration } from "../config.json";
|
||||||
|
|
||||||
let index = Math.floor(Math.random() * images.length),
|
let index = Math.floor(Math.random() * images.length),
|
||||||
|
@ -20,6 +20,6 @@
|
||||||
|
|
||||||
{#each images as image}
|
{#each images as image}
|
||||||
{#if selected === image}
|
{#if selected === image}
|
||||||
<img in:slide={{ axis: "x" }} out:slide={{ axis: "x" }} class="max-h-screen" src={image} alt="" />
|
<img transition:fade class="absolute max-h-screen" src={image} alt="" />
|
||||||
{/if}
|
{/if}
|
||||||
{/each}
|
{/each}
|
||||||
|
|
Loading…
Reference in a new issue