andreyflat/flatspace
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

v.00002

Browse source
This commit is contained in:
andreyflat 2025-06-11 16:11:13 +08:00
parent 4c82ecabdb
commit 3b70e4337b
1 changed files with 20 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

36
index.html
View file

@ -17,8 +17,11 @@
header { header {
background: #222; background: #222;
padding: 2em; padding: 1em;
text-align: center; text-align: center;
position: sticky;
top: 0;
z-index: 1000;
} }
header h1 { header h1 {
@ -33,7 +36,7 @@
} }
main { main {
max-width: 1000px; max-width: 1280px;
margin: 2em auto; margin: 2em auto;
padding: 0 1em; padding: 0 1em;
} }
@ -53,7 +56,7 @@
.video-container { .video-container {
position: relative; position: relative;
width: 100%; width: 100%;
max-width: 960px; max-width: 1280px;
margin: 0 auto 2em; margin: 0 auto 2em;
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
} }
@ -186,33 +189,33 @@
}, },
{ {
src: "videos/project_03.mp4", src: "videos/project_03.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_04.mp4", src: "videos/project_04.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_05.mp4", src: "videos/project_05.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_06.mp4", src: "videos/project_06.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_07.mp4", src: "videos/project_07.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_08.mp4", src: "videos/project_08.mp4",
title: "Liquid Temple", title: "Coming Soon",
description: "FLIP simulation with refractive shading" description: "database preparation"
}, },
{ {
src: "videos/project_09.mp4", src: "videos/project_09.mp4",
@ -255,7 +258,8 @@
}); });
tile.addEventListener('mouseleave', () => { tile.addEventListener('mouseleave', () => {
video.pause(); video.pause();
video.currentTime = 0; video.removeAttribute('src');
video.load();
}); });
} }
} }