Create a new file with filename README.md in the root of this repository. Most repositories have a file like this, so feel free to browse around Github for examples on a good README.

Next, take a look at the Markdown syntax and write some text to give a summary of our project and how it works.

Updated task

• Write some Javascript to replace the value within the HTML <div id="value_max ... elements and similar with the value of a given variable.
• Extend your Javascript to download values from my server, parse the JSON and substitute them into the HTML.

Old task

• Write a Python procedure in the main.py file to read the main.html file line-by-line.
• Using the procedure you wrote in the previous step, write a function to output a single string (or an array of lines of code) with the pure HTML (i.e. including tags)
• Extend your function to take value & unit parameters. Replace the value within the <div> element where id is value_max (or similar) with the parameter passed to the function. This may take some research (i.e. stackoverflow)

• Set up a Raspberry Pi-Top with Enviro PHAT to collect data
• Store and return data when requested

What data could be collected? Discussion welcome

• Improve HTML, colours, fonts, etc.

Write a Python script to ask the server for data (from this URL), download it and parse the JSON into a human-readable form.

This data will then be passed on to the function written in #4.

In main.html the font avenir next is used.

This font is not a font that is found on all machines.

This should either be replaced with a webfont (take Google Fonts as an example) or a simple sans/sans-serif font that is installed on all machines.

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Update fetch code to use an asynchronous request (instead of synchronous)

Footer text has a very poor contrast ratio with the background. Please update the colour of the text in the CSS to make this text more accessible and legible

• Analyse a given set of historical data, find trends/patterns/averages etc.
• Present the maximum and minimum values and the time when they occurred
• TBC Fetch historical data from my server and analyse it, displaying the statistics within the HTML

Write template HTML ± CSS file(s) for presenting collected data. Leave placeholders for the data itself.

• Basic HTML w/ placeholders
• Enhance HTML with some CSS and design
• TBC Extra page for presenting more detailed data e.g. with graphs and/or averages

You are welcome to use content from the Getty Images site on a complimentary basis for test or sample (composite or comp) use only, for up to 30 days following download. However, unless a licence is purchased, content cannot be used in any final materials or any publicly available materials. No other rights or warranties are granted for comp use.

• Replace copyrighted images with images available for reuse
• Credit image authors where necessary
• Move images into an appropriately named directory
• Give each image file a sensible, standardised name
• Update usages of these images in the HTML