Deploy a static gh-pages website from the VisualML repo, allowing users to view the list of demos with a short summary of each demo. Each demo will still maintain its own personal website. The idea is to direct users from a single webpage showcasing all the demos in brief.

Steps to be followed-

• Go to the index.html file and make the relevant changes inside the container
• Make the size of cards uniform and responsive

Task-Implementation of polynomial regression using tf.js and deploying it on the website

Steps to be followed-

• Start off by making the relevant index.js file

• The file should have the following functions:

• mean

• std-dev

• normalizedvectors

• toNormalizedTensor

• Modelfit

• RenderPredictions

• fitandrender

• generate(X-Y)data

• draw the data using plotly.js

• Next task is to make the relevant index.html file to display the algorithm

Resources to follow

• tf.js docs and tutorials
• plotly.js docs

Steps to be followed-

• The html div of navbar is here
• Make the media queries more structured as to make the navbar responsive to all sizes here

Steps to be followed

• Add the description text inside the div with class container in this line -

  VisualML/neural_style_transfer/index.html

  Line 140 in d9aee2a

  <div class="container">

• Make appropriate styling changes corresponding to the styling of the page. Link to css -

  VisualML/neural_style_transfer/index.html

  Line 37 in d9aee2a

  <style>

• Push your code.

Steps to be followed-

• The code for the cards can be found here
• The css code is inline. You can create the css classes in style.css file
• Change the css of the boxes such that size of all the cards on the site is uniform
• Make the webpage fully responsive, for eg. the boxes aren't responsive. Apart from this, there are other issues on the page like:
  For a 13'' screen, the site appears as:
  
  But for a 15'' screen, the site appears as:
  

Steps

• Refactor the code of index.html to make the site responsive.
• Restyle the entire demo page using proper color themes, designs and fonts. Incorporate external CSS.

Design a fully responsive footer to be added at the bottom of all the pages of the VisualML site (including the home page and the demo pages).
The footer shall:

• display the DSG logo
• contain links to all the social media accounts of DSG under a Contact Us heading
• display DSG's address

Add the HTML code for the footer below this line for the home page. Add the CSS for it in this file. Similarly, add the footer to all the demo pages.

• Currently, none of the demo pages contains any button to directly go back to the home page.
• Add a home button or a nav bar of some kind with appropriate CSS with the afomentioned purpose.

Steps

• Refactor the code of index.html and incorporate external css.
• Restyle the entire demo page using proper color themes, designs and fonts.