From 0be9e31132534e4618bc391dc4f7eb95b4882c61 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Sun, 2 Oct 2016 00:38:17 -0400
Subject: [PATCH] Finish ch4pt3
Note: I don't understand how they could have gotten the post ordering with a table set up in the order it is.
I could fix it easy with a standard page...but I don't see how it's possible with a table?
Also, because of the confusing post ordering, it was slightly hard to tell what attribute actually counted for what input.
Specifically, cc and copyright seem like they have the values mixed from what they should be? I assume "cc" is the checkboxes,
but I don't see how the value "on" would apply to those. Thus my post values are very slightly different.
(Basically, the assignment needs clearer instructions on what is actually expected. Even just a "this input should give these
values" would help significantly.)
---
.../chapter04-project03.scssc | Bin 16747 -> 16747 bytes
chapter04/chapter04-project03.html | 40 +++++++++---------
chapter04/css/chapter04-project03.css | 2 +-
chapter04/css/sass/chapter04-project03.scss | 2 +-
4 files changed, 23 insertions(+), 21 deletions(-)
diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project03.scssc
index 8df2320d37cc43dca7243111ec2b8b19e7406c8e..5ed34d1c6e51dfdff44dfbeec2c707fd6c18f956 100644
GIT binary patch
delta 66
zcmaFe#Q3_2ae|b(xw%D}g@utxnpsj(a#BjNagu?7nUPs?l2KZsxv622VWPQts%hFr
UM=fDS^UXQJ#hO6sflW6H0Ko7RmjD0&
delta 66
zcmaFe#Q3_2ae|b(S!$|<Wm>YOg=un<nXz%ArHM&WVp6i1kx5!|YMPO0nuVc3lA-xV
UM=fDSv&}ie#hO6sflW6H0Ld5>q5uE@
diff --git a/chapter04/chapter04-project03.html b/chapter04/chapter04-project03.html
index 7f68d76..8771701 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 453c567..d9b3643 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 ff7d120..40c74ed 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%;
--
GitLab