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