From cc2c10bd0cb5dfde4ddc6e3219834a31eed9b504 Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Sat, 1 Oct 2016 22:53:07 -0400
Subject: [PATCH] Mostly done with ch4pt2

NOTE: HTML validation returns an error from "element a must not appear as a descendant of the button element"
However, #4 of our assignment pdf specifically states to have a dummy link as part of the button.

Only leaving the invalid html because that's what the assignment asks for. Otherwise I'd fix it.
---
 .../chapter04-project02.scssc                 | Bin 16037 -> 19251 bytes
 chapter04/chapter04-project02.html            |  70 +++++++++---------
 chapter04/css/chapter04-project02.css         |  16 +++-
 chapter04/css/chapter04-project02.css.map     |   2 +-
 chapter04/css/sass/chapter04-project02.scss   |  25 +++++++
 5 files changed, 73 insertions(+), 40 deletions(-)

diff --git a/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project02.scssc b/chapter04/.sass-cache/bc09dc3f807ea0746b92f31c499ba8070e402fc5/chapter04-project02.scssc
index 4c8d2becd716aa47f69327912d91359508dc040f..1f0b6924877c8f1857458c2db5e338e5cd962f5a 100644
GIT binary patch
literal 19251
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

delta 3930
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

diff --git a/chapter04/chapter04-project02.html b/chapter04/chapter04-project02.html
index f026349..0039bf1 100644
--- a/chapter04/chapter04-project02.html
+++ b/chapter04/chapter04-project02.html
@@ -8,28 +8,24 @@
 </head>
 <body>
 
-    <form action="http://www.randyconnolly.com/tests/process.php" method="get">
+    <form action="http://www.randyconnolly.com/tests/process.php" method="post">
         <div class="page-top-div">
-            <input type="text" placeholder="Search titles">
+            <input type="text" name="search" placeholder="Search titles">
             <input type="submit" value="Search">
         </div>
         <div class="page-top-div">
-            <input list="top-form-actions">
-                <datalist id="top-form-actions">
-                    <option value="Actions">
-                    <option value="archive">
-                    <option value="Delete">
-                </datalist>
-            </input>
+            <select name="actions">
+                <option value="0">Actions</option>
+                <option value="1">Archive</option>
+                <option value="2">Delete</option>
+            </select>
             <input type="submit" value="Apply">
-            <input list="top-form-genre">
-                <datalist id="top-form-genre">
-                    <option value="Genre">
-                    <option value="Baroque">
-                    <option value="Renaissance">
-                    <option value="Realism">
-                </datalist>
-            </input>
+            <select name="filter">
+                    <option value="0">Genre</option>
+                    <option value="1">Baroque</option>
+                    <option value="2">Renaissance</option>
+                    <option value="3">Realism</option>
+            </select>
             <input type="submit" value="Filter">
         </div>
         <div class="painting-div">
@@ -48,49 +44,49 @@
                     </tr>
                 </thead>
                 <tr>
-                    <td><input type="checkbox"></td>
-                    <td><img src="images/05030.jpg"></td>
-                    <td>Death of Marat</td>
+                    <td><input type="checkbox" name="index[]" value="10"></td>
+                    <td><img src="images/05030.jpg" alt="Is smol image. ...a drum or something?"></td>
+                    <td class="title">Death of Marat</td>
                     <td>David, Jacques-Louis</td>
                     <td>1793</td>
                     <td>Romanticism</td>
-                    <td></td>
+                    <td><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
                 </tr>
                 <tr>
-                    <td><input type="checkbox"></td>
-                    <td><img src="images/120010.jpg"></td>
-                    <td>Portrait of Eleanor of Toledo</td>
+                    <td><input type="checkbox" name="index[]" value="20"></td>
+                    <td><img src="images/120010.jpg" alt="Really small guy and his wife, maybe?"></td>
+                    <td class="title">Portrait of Eleanor of Toledo</td>
                     <td>Bronzino, Agnolo</td>
                     <td>1545</td>
                     <td>Mannerism</td>
-                    <td></td>
+                    <td><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
                 </tr>
                 <tr>
-                    <td><input type="checkbox"></td>
-                    <td><img src="images/07020.jpg"></td>
-                    <td>Liberty Leading the People</td>
+                    <td><input type="checkbox" name="index[]" value="30"></td>
+                    <td><img src="images/07020.jpg" alt="Uhh...maybe that popular washington picture? I'm guessing at this point"></td>
+                    <td class="title">Liberty Leading the People</td>
                     <td>Delacroix, Eugene</td>
                     <td>1830</td>
                     <td>Romanticism</td>
-                    <td></td>
+                    <td><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
                 </tr>
                 <tr>
-                    <td><input type="checkbox"></td>
-                    <td><img src="images/13030.jpg"></td>
-                    <td>Arrangement in Grey and Black</td>
+                    <td><input type="checkbox" name="index[]" value="40"></td>
+                    <td><img src="images/13030.jpg" alt="That black dress lady from the last assigment!"></td>
+                    <td class="title">Arrangement in Grey and Black</td>
                     <td>Whistler, James</td>
                     <td>1871</td>
                     <td>Realism</td>
-                    <td></td>
+                    <td><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
                 </tr>
                 <tr>
-                    <td><input type="checkbox"></td>
-                    <td><img src="images/06010.jpg"></td>
-                    <td>Mademoiselle Caroline Riviere</td>
+                    <td><input type="checkbox" name="index[]" value="50"></td>
+                    <td><img src="images/06010.jpg" alt="Wierd character lady from last assignment!"></td>
+                    <td class="title">Mademoiselle Caroline Riviere</td>
                     <td>Ingres, Jean-Auguste</td>
                     <td>1806</td>
                     <td>Neo-Classicism</td>
-                    <td></td>
+                    <td><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
                 </tr>
             </table>
         </div>
diff --git a/chapter04/css/chapter04-project02.css b/chapter04/css/chapter04-project02.css
index 20746eb..3fdf53e 100644
--- a/chapter04/css/chapter04-project02.css
+++ b/chapter04/css/chapter04-project02.css
@@ -12,7 +12,8 @@ body {
   margin-top: 1%; }
 
 form {
-  width: 90%; }
+  width: 90%;
+  margin-bottom: 1.5%; }
 
 .page-top-div {
   display: flex;
@@ -21,6 +22,11 @@ form {
   background-color: #ecf3fb;
   border: 1px solid #cad4de; }
 
+.page-top-div select {
+  margin-right: 5px; }
+.page-top-div input {
+  margin-right: 5px; }
+
 .painting-div {
   margin-top: 2%;
   background: linear-gradient(#ffffff, #ecf3fb);
@@ -45,6 +51,12 @@ table .th-title {
   background-color: #94bef0; }
 table td {
   padding: 1%;
-  border-top: 1px solid #94bef0; }
+  border-top: 1px solid #94bef0;
+  font-weight: bold; }
+table .title {
+  font-style: italic; }
+table button {
+  padding-right: 15px;
+  padding-left: 15px; }
 
 /*# sourceMappingURL=chapter04-project02.css.map */
diff --git a/chapter04/css/chapter04-project02.css.map b/chapter04/css/chapter04-project02.css.map
index aae8439..7635adc 100644
--- a/chapter04/css/chapter04-project02.css.map
+++ b/chapter04/css/chapter04-project02.css.map
@@ -1,6 +1,6 @@
 {
 "version": 3,
-"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AAmBlB,IAAK;EACD,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;EAEnB,UAAU,EAAE,EAAE;;AAGlB,IAAK;EACD,KAAK,EAAE,GAAG;;AAGd,aAAc;EACV,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,EAAE;EAEX,gBAAgB,EAxBF,OAAO;EA0BrB,MAAM,EAAE,iBAA2B;;AAGvC,aAAc;EACV,UAAU,EAAE,EAAE;EAEd,UAAU,EAAE,iCAA+C;EAE3D,MAAM,EAAE,iBAA2B;;AAGvC,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,GAAG;EAEV,eAAe,EAAE,QAAQ;;AAKzB,QAAG;EACC,gBAAgB,EAjDN,OAAO;EAmDjB,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,IAAI;EAEhB,UAAU,EAAE,iBAAwB;AAGxC,eAAU;EACN,KAAK,EAAE,IAAI;EAEX,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,MAAM;EAElB,gBAAgB,EA9DR,OAAO;AAiEnB,QAAG;EACC,OAAO,EAAE,EAAE;EAEX,UAAU,EAAE,iBAAwB",
+"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AAmBlB,IAAK;EACD,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;EAEnB,UAAU,EAAE,EAAE;;AAGlB,IAAK;EACD,KAAK,EAAE,GAAG;EACV,aAAa,EAAE,IAAI;;AAGvB,aAAc;EACV,OAAO,EAAE,IAAI;EACb,aAAa,EAAE,IAAI;EACnB,OAAO,EAAE,EAAE;EAEX,gBAAgB,EAzBF,OAAO;EA2BrB,MAAM,EAAE,iBAA2B;;AAKnC,oBAAO;EACH,YAAY,EAAE,GAAG;AAGrB,mBAAM;EACF,YAAY,EAAE,GAAG;;AAIzB,aAAc;EACV,UAAU,EAAE,EAAE;EAEd,UAAU,EAAE,iCAA+C;EAE3D,MAAM,EAAE,iBAA2B;;AAGvC,KAAM;EACF,UAAU,EAAE,IAAI;EAChB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,IAAI;EACjB,KAAK,EAAE,GAAG;EAEV,eAAe,EAAE,QAAQ;;AAKzB,QAAG;EACC,gBAAgB,EA7DN,OAAO;EA+DjB,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,IAAI;EAEhB,UAAU,EAAE,iBAAwB;AAGxC,eAAU;EACN,KAAK,EAAE,IAAI;EAEX,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,MAAM;EAElB,gBAAgB,EA1ER,OAAO;AA6EnB,QAAG;EACC,OAAO,EAAE,EAAE;EAEX,UAAU,EAAE,iBAAwB;EAEpC,WAAW,EAAE,IAAI;AAGrB,YAAO;EACH,UAAU,EAAE,MAAM;AAGtB,YAAO;EACH,aAAa,EAAE,IAAI;EACnB,YAAY,EAAE,IAAI",
 "sources": ["sass/chapter04-project02.scss"],
 "names": [],
 "file": "chapter04-project02.css"
diff --git a/chapter04/css/sass/chapter04-project02.scss b/chapter04/css/sass/chapter04-project02.scss
index d7067d2..a642a01 100644
--- a/chapter04/css/sass/chapter04-project02.scss
+++ b/chapter04/css/sass/chapter04-project02.scss
@@ -34,6 +34,7 @@ body {
 
 form {
     width: 90%;
+    margin-bottom: 1.5%;
 }
 
 .page-top-div {
@@ -46,6 +47,17 @@ form {
     border: 1px solid $color-blueBorder;
 }
 
+.page-top-div {
+
+    select {
+        margin-right: 5px;
+    }
+    
+    input {
+        margin-right: 5px;
+    }
+}
+
 .painting-div {
     margin-top: 2%;
     
@@ -87,5 +99,18 @@ table {
         padding: 1%;
         
         border-top: 1px solid $color-blueMid;
+        
+        font-weight: bold;
+    }
+    
+    .title {
+        font-style: italic;
+    }
+    
+    button {
+        padding-right: 15px;
+        padding-left: 15px;
+        
+        
     }
 }
-- 
GitLab