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();
});
}
}