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