Closed michaelchin closed 9 months ago
@laurilano
You may follow the instructions at https://www.w3schools.com/howto/howto_css_fullscreen_video.asp and create a full screen video handing page. You may use the video at https://mate.science/webdav/media/header-video.mp4. Put the code in this file https://github.com/ModelAtlasofTheEarth/website/blob/main/src/templates/index-page.js
The purpose of this prototype page is to start the design discussion with the team. If they do not like the full screen video background design, show them this https://99designs.com/blog/creative-inspiration/landing-page-design-inspiration/ and ask them which one they like.
Thanks.
Hi @laurilano, After familiarising yourself with html, css and javascript, please start discussion about the website design with @saraemp @dansand and the team. It is very likely that the team has their own ideas about the website. It would be better to talk to them/confirm with them before doing anything. I am overwhelmed by other tasks right now and might skip the weekly meeting from time to time even without notices. I would be grateful if you could lead the website design discussion. Thanks.
@laurilano could you please start the design discussion with the team?
the landing page code is here https://github.com/ModelAtlasofTheEarth/website/blob/main/src/templates/index-page.js
Here is an idea with video header https://mate.science/