Generator UI reformation

[meets2tarun]

Checklist

• I have read the Contribution & Best practices Guide and my PR follows them.
• There is a corresponding issue for this pull request. Add script to Generator and implement UI options #121
• My branch is up-to-date with the Upstream master branch.
• The unit tests pass locally with my changes (provide a screenshot or link for test)
• I have added tests that prove my fix is effective or that my feature works
• I have added necessary documentation (if appropriate)

Short description of what this resolves:

This PR reforms UI of Meilix Generator and make it look like other FOSSASIA projects.

This PR is an initiation for UI change and several more changes needs to be done.

[meets2tarun]

Deployed here: https://meilix-test.herokuapp.com

[niccokunzmann]

Hi Tarun,

you are adding static files to the template directory.
As I understand, in this directory, we should only find files which do not have static content.
Would you like to move it to the static folder?

Please have a look here on how to include static content:
https://github.com/fossasia/meilix-generator/blob/master/templates/index.html#L12

[meets2tarun]

Hi @niccokunzmann,
I included all the files in the template folder as I didn't use static in index.html.
Static folder is earlier used as it is required according to the code but now since the code has been changed, the old static folder has no use..

Thanks

[niccokunzmann]

I do not know how a client can access the js files through flask.
Are there environment variables for this? Could you help me understand?

[niccokunzmann]

https://meilix-generator.herokuapp.com/ is this the deploy link?

[niccokunzmann]

Now, there is only one file changed.

[meets2tarun]

@niccokunzmann, I made few mistakes in branch but now I corrected everything
deployed link: https://meilix-test.herokuapp.com

[niccokunzmann]

Looks good to me!

[niccokunzmann]

Can this be merged? There is this tag.

[meets2tarun]

Yes, this can be merged!
Thanks

[niccokunzmann]

Thanks!