diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc index 8df2320d37cc43dca7243111ec2b8b19e7406c8e..5ed34d1c6e51dfdff44dfbeec2c707fd6c18f956 100644 Binary files a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc and b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc differ diff --git a/chapter04/chapter04-project03.html b/chapter04/chapter04-project03.html index 7f68d76a5373ffeff6ed8e078ab875cdbd46f490..877170102b4f2c75228f7e387dd843400e399440 100644 --- a/chapter04/chapter04-project03.html +++ b/chapter04/chapter04-project03.html @@ -15,22 +15,23 @@ <tr> <td colspan="6"> <label for="title-text-input">Title</label><br> - <input type="text" id="title-text-input" class="input-wide" placeholder="Greater Kalamazoo"> + <input type="text" id="title-text-input" class="input-wide" name="title" placeholder="Greater Kalamazoo"> </td> </tr> <tr> <td colspan="5"> <label for="description-textarea">Description</label><br> - <textarea id="description-textarea" class="input-wide" rows="4" placeholder="Kalamazoo and Great Lakes."></textarea> + <textarea id="description-textarea" class="input-wide" rows="4" name="description" placeholder="Kalamazoo and Great Lakes."></textarea> </td> <td></td> </tr> <tr> <td colspan="2"> <label for="continent-select">Continent</label><br> - <select> + <select id="continent-select" name="continent"> <option>North America</option> - <option></option> + <option>South America</option> + <option>Africa</option> </select> </td> <td></td> @@ -38,9 +39,9 @@ <td colspan="2"> <fieldset> <label>Copyright?</label><br> - <input type="radio" id="all-rights-radio"> + <input type="radio" id="all-rights-radio" name="copyright" value="0"> <label for="all-rights-radio">All Rights Reserved</label><br> - <input type="radio" id="creative-commons-radio"> + <input type="radio" id="creative-commons-radio" name="copyright" value="1"> <label for="creative-commons-radio">Creative Commons</label> </fieldset> </td> @@ -48,9 +49,10 @@ <tr> <td colspan="2"> <label for="country-select">Country</label><br> - <select> + <select id="country-select" name="country"> <option>United States</option> - <option></option> + <option>Brazil</option> + <option>Egypt</option> </select> </td> <td></td> @@ -58,13 +60,13 @@ <td colspan="2" rowspan="2"> <fieldset> <label>Creative Commons Types</label><br> - <input type="checkbox" id="attri-check-input"> - <label for="attr-check-input">Attribution</label><br> - <input type="checkbox" id="noncommer-check-input"> + <input type="checkbox" id="attri-check-input" name="cc[]" value="0"> + <label for="attri-check-input">Attribution</label><br> + <input type="checkbox" id="noncommer-check-input" name="cc[]" value="1"> <label for="noncommer-check-input">Noncommercial</label><br> - <input type="checkbox" id="no-derrivative-check-input"> + <input type="checkbox" id="no-derrivative-check-input" name="cc[]" value="2"> <label for="no-derrivative-check-input">No Derrivative Works</label><br> - <input type="checkbox" id="share-check-input"> + <input type="checkbox" id="share-check-input" name="cc[]" value="3"> <label for="share-check-input">Share Alike</label> </fieldset> </td> @@ -72,35 +74,35 @@ <tr> <td colspan="4"> <label for="city-text-input">City</label><br> - <input type="text" id="city-text-input" class="input-wide" placeholder="Kalamazoo"> + <input type="text" id="city-text-input" class="input-wide" name="city" placeholder="Kalamazoo"> </td> </tr> <tr> <td colspan="6" class="table-backcolor"> <label for="software-lic-checkbox">I accept the software license</label> - <input type="checkbox" id="software-lic-checkbox"> + <input type="checkbox" id="software-lic-checkbox" required> </td> </tr> <tr> <td colspan="2"> <label for="rate-number-input">Rate this photo:</label><br> - <input type="number" id="rate-number-input" placeholder="5"> + <input type="number" id="rate-number-input" name="rate" placeholder="5"> </td> <td></td> <td></td> <td colspan="2" rowspan="2"> <fieldset> <label for="taken-date-input">Date Taken:</label><br> - <input type="date" id="taken-date-input"><br> + <input type="date" id="taken-date-input" name="date"><br> <label for="taken-time-input">Time Taken:</label><br> - <input type="time" id="taken-time-input"> + <input type="time" id="taken-time-input" name="time"> </fieldset> </td> </tr> <tr> <td colspan="2"> <label for="collection-color-input">Color Collections:</label><br> - <input type="color" id="collection-color-input" value="#0080ff"> + <input type="color" id="collection-color-input" name="color" value="#0080ff"> </td> <td></td> <td></td> diff --git a/chapter04/css/chapter04-project03.css b/chapter04/css/chapter04-project03.css index 453c5673312fb15a260094b72e2e7618173d528d..d9b364362636dbc8b23d4be298ee54f01bf2d8bd 100644 --- a/chapter04/css/chapter04-project03.css +++ b/chapter04/css/chapter04-project03.css @@ -6,7 +6,7 @@ body { font-size: 100%; } form { - max-width: 600px; + max-width: 700px; margin-top: 2%; margin-right: auto; margin-bottom: 2%; diff --git a/chapter04/css/sass/chapter04-project03.scss b/chapter04/css/sass/chapter04-project03.scss index ff7d120f34cd5a4fc0cb2b5ad06659e32e6440dc..40c74ed01d77f874bd3c74bdf2b6a47e51d8e325 100644 --- a/chapter04/css/sass/chapter04-project03.scss +++ b/chapter04/css/sass/chapter04-project03.scss @@ -32,7 +32,7 @@ td { // END DEBUGGING form { - max-width: 600px; + max-width: 700px; margin-top: 2%; margin-right: auto; margin-bottom: 2%;