I have made numerous attempts with the information I obtained from Google.
text align example:
webPage += "<h1 style="text-align: center;">Treats For Lincoln</h1><p>AM Medicine <a href=\"deliverA\"><button>Deliver</button></a> <a href=\"resetA\"><button>Reset</button></a></p>";
original code.
webPage += "<h1>Treats For Lincoln</h1><p>AM Medicine <a href=\"deliverA\"><button>Deliver</button></a> <a href=\"resetA\"><button>Reset</button></a></p>";
Error Message:
C:\Users\jp\Documents\Arduino\DogRx_9v5\DogRx_9v5.ino: In function 'void setup()':
DogRx_9v5:72: error: expected ';' before 'text'
webPage += "<h1 style="text-align: center;">Treats For Lincoln</h1><p>AM Medicine <a href=\"deliverA\"><button>Deliver</button></a> <a href=\"resetA\"><button>Reset</button></a></p>";
^
What is the correct way to change the text color? I cannot seem to get it to work.
The color value that you are trying to use is ?
Forget about the Arduino for a while. Create a web page that displays the way you want, on your PC. Determine what the style value(s) need(s) to be. When you want to have the Arduino serve the page, it will be possible to do that.
The ; in the style value is a name = value pair separator. With only text centering, there is no need for the ;, because there is only one name/value pair. When you add color, you have two name/value pairs (color and alignment), so then you need a ; in the style value.
Not considering how the style and value should be embedded in the tag, the style and value part of the statement would look like:
Can anything be done to double or triple the overall size of the text and buttons?
That is where the magic of style sheets comes into play. You can serve up different style sheets depending on which browser is making the request. Firefox wants to see your page? Serve up the page, with a link to a style sheet. When the browser sees that style sheet link, it will request the style sheet. Serve up one for a PC.
Safari wants to see your page? Serve up the same page, with the same style sheet link. When the browser sees that link, it will request the style sheet. Serve up one appropriate for use on a iPhone.
Only the Arduino would know that two different contents were served up.
Tailoring the content of the style sheet really isn't an Arduino topic. There are plenty of resources on the web, dealing with developing mobile content, where you can get ideas.
Often, the only thing you need to do is to tell the browser that the content is suitable for rendering on the device the browser is running on, by adding the appropriate Content lines to the header data.
