diff --git a/index.html b/index.html index 241f6d3..c59c0ff 100644 --- a/index.html +++ b/index.html @@ -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(); }); } }