So, our server has been asked to show the templates/manual_drive.html template. This will have the code to render our widgets:
<html> <head>...
Now, that we are in our head section, we are targeting a phone, and we want the system to render the display to fit a phone, ensuring that it adapts to the display size. The display is mostly visual, with little text, so we don't want the user's touch interactions to accidentally scale the display. The next line tells the browser that this is our intention:
... <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">...
We are going to give our display some particular looks and style. With more sophisticated pages, the style is kept in a separate ...