Building the welcome page
Many apps have a welcome or home screen that the user can return to in order to select common actions. In our first task of this project, we'll build the welcome screen, which will consist of some simple page furniture such as a header, footer, a logo, and will also feature a search box and button that will trigger a call to Stack Exchange's API.
Prepare for Lift Off
At this point we can create the additional resources that we'll be using in the project. We should create a new style sheet called bounty-hunter.css
in the css
folder, and a new script file called bounty-hunter.js
in the js
folder.
We should add a <link>
element to the <head>
of the page for the style sheet. The following code should be added directly after the jQuery mobile style sheet (and before the jQuery mobile <script>
elements):
<link rel="stylesheet" href="css/bounty-hunter.css" />
We can add the <script>
element in the usual place right before the closing </body...