Necesito crear una página de destino que esté dividida en diagonal. Algo como est

Necesito que se pueda hacer clic en ambas áreas de la página y, en el mejor escenario posible, todo debería adaptarse dinámicamente al monitor del usuario para que el monitor siempre se divida por la mitad.

¿Cómo podría hacerlo? ¿Debería usar Canvas? Cualquier consejo es bienvenido, también sobre posibles fallos si uso Canvas.