Build a Website

The project consists of some pages that will display information from the server in a dynamic fashion. This will be a mix of html layout and javascripts and will be the backbone for a future site. Web design graphics are not required at this stage although it would be a +. All elements must be seo friendly. The landing page will have infinite scrolling and pagination (you can implement this / something like this [login to view URL]) allowing the user to go back and forth. The layout of the page will be row/column tiled with dynamic repositioning of the tiles based on the screen width/height scaling down to mobile screen sizes. The screen/client's parameters should be made available to the server. Also other cookies/browsing history must be made available to the server. The project must use as much HTML5 as possible. Instead of each image from the demo (check the link above) there will be an image/video stream loaded from the server defined parameters/addresses when the page loads. Each tile would initially display an image loaded from the server and than, based on server supplied parameters/timing, the image would be replaced with the video stream for some seconds and than each tile would load/request an updated image from the server (if available) and display it. If no new image is available from server the old one will be kept. This should create a dynamic effect on the page and all the timings for each tile will be supplied in the server's response. The loading/reloading will only be done for the current tiles on the user's screen so that it won't create unnecessary traffic. When the mouse is over a tile the video stream will be shown or not based on a parameter received with server's response. All tiles should have this parameter implemented. The source of the stream and as much information as possible must be obfuscated from the user so that it wont be seen in the page source keeping at the same time the page seo friendly. Each tile would also contain text including a name and some description. The exact text will be determined later but the implementaion must be seo friendly. Ajax requests to the server will be done trough a websockets connection to the server. All communication between client and server will be done with https/wss. Each user will have a unique id that will identify it to the server based on session, cookies, etc. Clicking on a tile would take the user to another page where the live stream and a live chat are displayed. The chat-video section must be able to be replaced with an iframe from a different source. This page also contains text that should be seo friendly. Scrolling down the page will display an image gallery with intercalated images mixed with more tiled (boxed) text in between [login to view URL] obtain the intercalated effect the images will not have all the same size on the display. Loading will be done in lazy mode (new images will be loaded as the user scrolls down the page). All pages will have a live search (autocomplete) feature. All pages must have space available (left or right, top/bottom) for displaying other content pushed from the server trough the websocket. The content can be json or images. These spaces will be customisable so that the design will be easy to modify. All pages will have a menu that will be displayed based on json received from server. All pages will have a logo. Login/register links and pages must be provided with form verification and validation of the data. A member page must also be provided (content has not been determined yet). A popup element must be provided that will display information received trough the websocket on all pages. The popup will have it's content sent from the server. The position of the popup can be adjusted (dragged)