From bbeaa7d5058ef788575138eaecc34d939aa3c0cd Mon Sep 17 00:00:00 2001
From: Brandon Rodriguez <brodriguez8774@gmail.com>
Date: Fri, 13 Jul 2018 00:57:01 -0400
Subject: [PATCH] Unsure. Uncommited work from 2 years ago. Commiting so it can
be uploaded to gitlab
---
chapter04/chapter04-project01.html | 214 ++++++-------
chapter04/chapter04-project02.html | 192 ++++++------
chapter04/chapter04-project03.html | 256 ++++++++--------
chapter04/css/chapter04-project01.css | 146 ++++-----
chapter04/css/chapter04-project01.css.map | 12 +-
chapter04/css/chapter04-project02.css | 124 ++++----
chapter04/css/chapter04-project02.css.map | 12 +-
chapter04/css/chapter04-project03.css | 96 +++---
chapter04/css/chapter04-project03.css.map | 12 +-
chapter04/css/reset.css | 16 +-
chapter04/css/sass/chapter04-project01.scss | 322 ++++++++++----------
chapter04/css/sass/chapter04-project02.scss | 232 +++++++-------
chapter04/css/sass/chapter04-project03.scss | 208 ++++++-------
13 files changed, 921 insertions(+), 921 deletions(-)
diff --git a/chapter04/chapter04-project01.html b/chapter04/chapter04-project01.html
index d89b52a..3b2bcef 100644
--- a/chapter04/chapter04-project01.html
+++ b/chapter04/chapter04-project01.html
@@ -1,108 +1,108 @@
-<!DOCTYPE html>
-<html>
-<head lang="en">
- <meta charset="utf-8">
- <title>Chapter 4</title>
- <link rel="stylesheet" href="css/reset.css" />
- <link rel="stylesheet" href="css/chapter04-project01.css" />
-</head>
-<body>
- <table class="month-table">
- <caption>October 2014</caption>
-
- <thead>
- <tr>
- <th scope="col">S</th>
- <th scope="col">M</th>
- <th scope="col">T</th>
- <th scope="col">W</th>
- <th scope="col">T</th>
- <th scope="col">F</th>
- <th scope="col">S</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td colspan="3"></td>
- <td>1</td>
- <td>2</td>
- <td>3</td>
- <td>4</td>
- </tr>
- <tr>
- <td>5</td>
- <td>6</td>
- <td>7</td>
- <td>8</td>
- <td>9</td>
- <td>10</td>
- <td>11</td>
- </tr>
- <tr>
- <td>12</td>
- <td>13</td>
- <td>14</td>
- <td>15</td>
- <td>16</td>
- <td>17</td>
- <td>18</td>
- </tr>
- <tr>
- <td>19</td>
- <td>20</td>
- <td>21</td>
- <td>22</td>
- <td>23</td>
- <td>24</td>
- <td>25</td>
- </tr>
- <tr>
- <td>26</td>
- <td>27</td>
- <td>28</td>
- <td>29</td>
- <td>30</td>
- <td>31</td>
- <td></td>
- </tr>
- <tbody>
- <tfoot>
- <tr>
- <td class="month-prev" colspan="3">« Sep</td>
- <td></td>
- <td class="month-next" colspan="3">Nov »</td>
- </tr>
- </tfoot>
- </table>
-
- <form action="http://www.randyconnolly.com/tests/process.php" method="get">
- <fieldset>
- <legend>Meeting Details</legend>
- <div>
- <label for="form-client-text">Client Name:</label>
- <input type="text" id="form-client-text" name="client">
- </div>
- <div>
- <label for="form-meeting-checkbox">First Meeting?</label>
- <input type="checkbox" id="form-meeting-checkbox" name="first">
- </div>
- <div id="form-radio-div">
- <label class="float-label">Client Type:</label>
- <fieldset id="form-radio-field">
- <input type="radio" id="form-school-button" name="type" value="School">
- <label for="form-school-button">School</label>
- <input type="radio" id="form-college-button" name="type" value="College">
- <label for="form-college-button">College</label>
- <input type="radio" id="form-university-button" name="type" value="University">
- <label for="form-university-button">University</label>
- </fieldset>
- </div>
- <div>
- <label for="form-meeting-date">Meeting Date:</label>
- <input type="date" id="form-meeting-date" name="date">
- </div>
- <input type="submit" value="submit">
- </fieldset>
- </form>
-</body>
+<!DOCTYPE html>
+<html>
+<head lang="en">
+ <meta charset="utf-8">
+ <title>Chapter 4</title>
+ <link rel="stylesheet" href="css/reset.css" />
+ <link rel="stylesheet" href="css/chapter04-project01.css" />
+</head>
+<body>
+ <table class="month-table">
+ <caption>October 2014</caption>
+
+ <thead>
+ <tr>
+ <th scope="col">S</th>
+ <th scope="col">M</th>
+ <th scope="col">T</th>
+ <th scope="col">W</th>
+ <th scope="col">T</th>
+ <th scope="col">F</th>
+ <th scope="col">S</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td colspan="3"></td>
+ <td>1</td>
+ <td>2</td>
+ <td>3</td>
+ <td>4</td>
+ </tr>
+ <tr>
+ <td>5</td>
+ <td>6</td>
+ <td>7</td>
+ <td>8</td>
+ <td>9</td>
+ <td>10</td>
+ <td>11</td>
+ </tr>
+ <tr>
+ <td>12</td>
+ <td>13</td>
+ <td>14</td>
+ <td>15</td>
+ <td>16</td>
+ <td>17</td>
+ <td>18</td>
+ </tr>
+ <tr>
+ <td>19</td>
+ <td>20</td>
+ <td>21</td>
+ <td>22</td>
+ <td>23</td>
+ <td>24</td>
+ <td>25</td>
+ </tr>
+ <tr>
+ <td>26</td>
+ <td>27</td>
+ <td>28</td>
+ <td>29</td>
+ <td>30</td>
+ <td>31</td>
+ <td></td>
+ </tr>
+ <tbody>
+ <tfoot>
+ <tr>
+ <td class="month-prev" colspan="3">« Sep</td>
+ <td></td>
+ <td class="month-next" colspan="3">Nov »</td>
+ </tr>
+ </tfoot>
+ </table>
+
+ <form action="http://www.randyconnolly.com/tests/process.php" method="get">
+ <fieldset>
+ <legend>Meeting Details</legend>
+ <div>
+ <label for="form-client-text">Client Name:</label>
+ <input type="text" id="form-client-text" name="client">
+ </div>
+ <div>
+ <label for="form-meeting-checkbox">First Meeting?</label>
+ <input type="checkbox" id="form-meeting-checkbox" name="first">
+ </div>
+ <div id="form-radio-div">
+ <label class="float-label">Client Type:</label>
+ <fieldset id="form-radio-field">
+ <input type="radio" id="form-school-button" name="type" value="School">
+ <label for="form-school-button">School</label>
+ <input type="radio" id="form-college-button" name="type" value="College">
+ <label for="form-college-button">College</label>
+ <input type="radio" id="form-university-button" name="type" value="University">
+ <label for="form-university-button">University</label>
+ </fieldset>
+ </div>
+ <div>
+ <label for="form-meeting-date">Meeting Date:</label>
+ <input type="date" id="form-meeting-date" name="date">
+ </div>
+ <input type="submit" value="submit">
+ </fieldset>
+ </form>
+</body>
</html>
\ No newline at end of file
diff --git a/chapter04/chapter04-project02.html b/chapter04/chapter04-project02.html
index 7ab18d4..957094b 100644
--- a/chapter04/chapter04-project02.html
+++ b/chapter04/chapter04-project02.html
@@ -1,97 +1,97 @@
-<!DOCTYPE html>
-<html>
-<head lang="en">
- <meta charset="utf-8">
- <title>Chapter 4</title>
- <link rel="stylesheet" href="css/reset.css" />
- <link rel="stylesheet" href="css/chapter04-project02.css" />
-</head>
-<body>
-
- <form action="http://www.randyconnolly.com/tests/process.php" method="post">
- <div class="page-top-div">
- <input type="text" name="search" placeholder="Search titles">
- <input type="submit" value="Search">
- </div>
- <div class="page-top-div">
- <select name="actions">
- <option value="0">Actions</option>
- <option value="1">Archive</option>
- <option value="2">Delete</option>
- </select>
- <input type="submit" value="Apply">
- <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">
- <table>
- <thead>
- <tr>
- <th scope="col" colspan="7" class="th-title">Paintings</th>
- </tr>
- <tr>
- <th scope="col" colspan="2"></th>
- <th scope="col">Title</th>
- <th scope="col">Artist</th>
- <th scope="col">Year</th>
- <th scope="col">Genre</th>
- <th scope="col"></th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
- </tr>
- <tr>
- <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
- </tr>
- <tr>
- <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
- </tr>
- <tr>
- <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
- </tr>
- <tr>
- <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
- </tr>
- </tbody>
- </table>
- </div>
- </form>
-</body>
+<!DOCTYPE html>
+<html>
+<head lang="en">
+ <meta charset="utf-8">
+ <title>Chapter 4</title>
+ <link rel="stylesheet" href="css/reset.css" />
+ <link rel="stylesheet" href="css/chapter04-project02.css" />
+</head>
+<body>
+
+ <form action="http://www.randyconnolly.com/tests/process.php" method="post">
+ <div class="page-top-div">
+ <input type="text" name="search" placeholder="Search titles">
+ <input type="submit" value="Search">
+ </div>
+ <div class="page-top-div">
+ <select name="actions">
+ <option value="0">Actions</option>
+ <option value="1">Archive</option>
+ <option value="2">Delete</option>
+ </select>
+ <input type="submit" value="Apply">
+ <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">
+ <table>
+ <thead>
+ <tr>
+ <th scope="col" colspan="7" class="th-title">Paintings</th>
+ </tr>
+ <tr>
+ <th scope="col" colspan="2"></th>
+ <th scope="col">Title</th>
+ <th scope="col">Artist</th>
+ <th scope="col">Year</th>
+ <th scope="col">Genre</th>
+ <th scope="col"></th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
+ </tr>
+ <tr>
+ <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
+ </tr>
+ <tr>
+ <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
+ </tr>
+ <tr>
+ <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
+ </tr>
+ <tr>
+ <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><button type="button"><img src="images/edit16.png" alt="Edit"><br><a href="#">Edit</a></button></td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </form>
+</body>
</html>
\ No newline at end of file
diff --git a/chapter04/chapter04-project03.html b/chapter04/chapter04-project03.html
index 8771701..d7b368a 100644
--- a/chapter04/chapter04-project03.html
+++ b/chapter04/chapter04-project03.html
@@ -1,129 +1,129 @@
-<!DOCTYPE html>
-<html>
-<head lang="en">
- <meta charset="utf-8">
- <title>Chapter 4</title>
- <link rel="stylesheet" href="css/reset.css" />
- <link rel="stylesheet" href="css/chapter04-project03.css" />
-</head>
-<body>
- <form action="http://www.randyconnolly.com/tests/process.php" method="get">
- <fieldset>
- <legend>Photo Details</legend>
- <table>
- <tbody>
- <tr>
- <td colspan="6">
- <label for="title-text-input">Title</label><br>
- <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" name="description" placeholder="Kalamazoo and Great Lakes."></textarea>
- </td>
- <td></td>
- </tr>
- <tr>
- <td colspan="2">
- <label for="continent-select">Continent</label><br>
- <select id="continent-select" name="continent">
- <option>North America</option>
- <option>South America</option>
- <option>Africa</option>
- </select>
- </td>
- <td></td>
- <td></td>
- <td colspan="2">
- <fieldset>
- <label>Copyright?</label><br>
- <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" name="copyright" value="1">
- <label for="creative-commons-radio">Creative Commons</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <label for="country-select">Country</label><br>
- <select id="country-select" name="country">
- <option>United States</option>
- <option>Brazil</option>
- <option>Egypt</option>
- </select>
- </td>
- <td></td>
- <td></td>
- <td colspan="2" rowspan="2">
- <fieldset>
- <label>Creative Commons Types</label><br>
- <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" name="cc[]" value="2">
- <label for="no-derrivative-check-input">No Derrivative Works</label><br>
- <input type="checkbox" id="share-check-input" name="cc[]" value="3">
- <label for="share-check-input">Share Alike</label>
- </fieldset>
- </td>
- </tr>
- <tr>
- <td colspan="4">
- <label for="city-text-input">City</label><br>
- <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" required>
- </td>
- </tr>
- <tr>
- <td colspan="2">
- <label for="rate-number-input">Rate this photo:</label><br>
- <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" name="date"><br>
- <label for="taken-time-input">Time Taken:</label><br>
- <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" name="color" value="#0080ff">
- </td>
- <td></td>
- <td></td>
- </tr>
- </tbody>
- <tfoot>
- <tr class="table-backcolor">
- <td></td>
- <td></td>
- <td>
- <input type="submit" value="Submit">
- </td>
- <td>
- <input type="reset" value="Clear Form">
- </td>
- <td></td>
- <td></td>
- </tr>
- </tfoot>
- </table>
- </fieldset>
- </form>
-</body>
+<!DOCTYPE html>
+<html>
+<head lang="en">
+ <meta charset="utf-8">
+ <title>Chapter 4</title>
+ <link rel="stylesheet" href="css/reset.css" />
+ <link rel="stylesheet" href="css/chapter04-project03.css" />
+</head>
+<body>
+ <form action="http://www.randyconnolly.com/tests/process.php" method="get">
+ <fieldset>
+ <legend>Photo Details</legend>
+ <table>
+ <tbody>
+ <tr>
+ <td colspan="6">
+ <label for="title-text-input">Title</label><br>
+ <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" name="description" placeholder="Kalamazoo and Great Lakes."></textarea>
+ </td>
+ <td></td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <label for="continent-select">Continent</label><br>
+ <select id="continent-select" name="continent">
+ <option>North America</option>
+ <option>South America</option>
+ <option>Africa</option>
+ </select>
+ </td>
+ <td></td>
+ <td></td>
+ <td colspan="2">
+ <fieldset>
+ <label>Copyright?</label><br>
+ <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" name="copyright" value="1">
+ <label for="creative-commons-radio">Creative Commons</label>
+ </fieldset>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <label for="country-select">Country</label><br>
+ <select id="country-select" name="country">
+ <option>United States</option>
+ <option>Brazil</option>
+ <option>Egypt</option>
+ </select>
+ </td>
+ <td></td>
+ <td></td>
+ <td colspan="2" rowspan="2">
+ <fieldset>
+ <label>Creative Commons Types</label><br>
+ <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" name="cc[]" value="2">
+ <label for="no-derrivative-check-input">No Derrivative Works</label><br>
+ <input type="checkbox" id="share-check-input" name="cc[]" value="3">
+ <label for="share-check-input">Share Alike</label>
+ </fieldset>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="4">
+ <label for="city-text-input">City</label><br>
+ <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" required>
+ </td>
+ </tr>
+ <tr>
+ <td colspan="2">
+ <label for="rate-number-input">Rate this photo:</label><br>
+ <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" name="date"><br>
+ <label for="taken-time-input">Time Taken:</label><br>
+ <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" name="color" value="#0080ff">
+ </td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tbody>
+ <tfoot>
+ <tr class="table-backcolor">
+ <td></td>
+ <td></td>
+ <td>
+ <input type="submit" value="Submit">
+ </td>
+ <td>
+ <input type="reset" value="Clear Form">
+ </td>
+ <td></td>
+ <td></td>
+ </tr>
+ </tfoot>
+ </table>
+ </fieldset>
+ </form>
+</body>
</html>
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project01.css b/chapter04/css/chapter04-project01.css
index df634a8..c9845a8 100644
--- a/chapter04/css/chapter04-project01.css
+++ b/chapter04/css/chapter04-project01.css
@@ -1,73 +1,73 @@
-/* CSS for chapter03-project01 */
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif; }
-
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%; }
-
-body {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
- min-height: 600px; }
-
-.month-table {
- border: 1px solid #ffffff; }
-
-.month-table th {
- font-size: 0.5em;
- background-color: #f2f2f2;
- border-bottom: 1px solid #d5d5d5; }
-.month-table td {
- padding: 10px;
- color: #777777;
- text-align: center;
- font-weight: bold;
- background-color: #f2f2f2;
- border-right: 1px solid #d5d5d5;
- border-bottom: 1px solid #d5d5d5; }
-.month-table tr td:first-of-type {
- color: #477b89;
- text-decoration: underline; }
-.month-table tfoot td {
- color: #777777;
- text-decoration: underline; }
-.month-table tfoot td:first-of-type {
- color: #477b89; }
-.month-table td:hover {
- color: #ffffff;
- background-color: #6eafbf; }
-.month-table .month-prev {
- text-align: left; }
-.month-table .month-next {
- text-align: right; }
-.month-table caption {
- padding: 3%;
- background-color: #8fab98; }
-
-form {
- display: flex;
- padding: 0.5%;
- background-color: #d9c896; }
-
-form fieldset {
- display: flex;
- flex-direction: column;
- min-width: 300px; }
-form fieldset div {
- margin-top: 1%;
- margin-bottom: 1%; }
-form #form-radio-div label {
- float: left; }
-form #form-radio-field {
- display: block;
- padding: 0;
- border: none; }
-form #form-radio-field label {
- float: none; }
-form .float-label {
- float: left; }
-
-/*# sourceMappingURL=chapter04-project01.css.map */
+/* CSS for chapter03-project01 */
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif; }
+
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%; }
+
+body {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+ min-height: 600px; }
+
+.month-table {
+ border: 1px solid #ffffff; }
+
+.month-table th {
+ font-size: 0.5em;
+ background-color: #f2f2f2;
+ border-bottom: 1px solid #d5d5d5; }
+.month-table td {
+ padding: 10px;
+ color: #777777;
+ text-align: center;
+ font-weight: bold;
+ background-color: #f2f2f2;
+ border-right: 1px solid #d5d5d5;
+ border-bottom: 1px solid #d5d5d5; }
+.month-table tr td:first-of-type {
+ color: #477b89;
+ text-decoration: underline; }
+.month-table tfoot td {
+ color: #777777;
+ text-decoration: underline; }
+.month-table tfoot td:first-of-type {
+ color: #477b89; }
+.month-table td:hover {
+ color: #ffffff;
+ background-color: #6eafbf; }
+.month-table .month-prev {
+ text-align: left; }
+.month-table .month-next {
+ text-align: right; }
+.month-table caption {
+ padding: 3%;
+ background-color: #8fab98; }
+
+form {
+ display: flex;
+ padding: 0.5%;
+ background-color: #d9c896; }
+
+form fieldset {
+ display: flex;
+ flex-direction: column;
+ min-width: 300px; }
+form fieldset div {
+ margin-top: 1%;
+ margin-bottom: 1%; }
+form #form-radio-div label {
+ float: left; }
+form #form-radio-field {
+ display: block;
+ padding: 0;
+ border: none; }
+form #form-radio-field label {
+ float: none; }
+form .float-label {
+ float: left; }
+
+/*# sourceMappingURL=chapter04-project01.css.map */
diff --git a/chapter04/css/chapter04-project01.css.map b/chapter04/css/chapter04-project01.css.map
index 082ceac..43b1d9a 100644
--- a/chapter04/css/chapter04-project01.css.map
+++ b/chapter04/css/chapter04-project01.css.map
@@ -1,7 +1,7 @@
-{
-"version": 3,
-"mappings": "AAAA,iCAAiC;AAGjC,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AAwBlB,IAAK;EACD,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,YAAY;EAC7B,WAAW,EAAE,MAAM;EAEnB,UAAU,EAAE,KAAK;;AAGrB,YAAa;EAET,MAAM,EAAE,iBAAsB;;AAK9B,eAAG;EACC,SAAS,EAAE,KAAK;EAEhB,gBAAgB,EA/BE,OAAO;EAgCzB,aAAa,EAAE,iBAAmC;AAGtD,eAAG;EACC,OAAO,EAAE,IAAI;EAEb,KAAK,EArCY,OAAO;EAsCxB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EA1CE,OAAO;EA4CzB,YAAY,EAAE,iBAAmC;EACjD,aAAa,EAAE,iBAAmC;AAKlD,gCAAiB;EACb,KAAK,EA9CU,OAAO;EA+CtB,eAAe,EAAE,SAAS;AAM9B,qBAAG;EACC,KAAK,EA1DQ,OAAO;EA2DpB,eAAe,EAAE,SAAS;AAI9B,mCAAiB;EACb,KAAK,EA5DU,OAAO;AAgE9B,qBAAS;EACL,KAAK,EAzEC,OAAO;EA2Eb,gBAAgB,EApEH,OAAO;AAuExB,wBAAY;EACR,UAAU,EAAE,IAAI;AAGpB,wBAAY;EACR,UAAU,EAAE,KAAK;AAGrB,oBAAQ;EACJ,OAAO,EAAE,EAAE;EAEX,gBAAgB,EAnFF,OAAO;;AAuF7B,IAAK;EACD,OAAO,EAAE,IAAI;EAEb,OAAO,EAAE,IAAI;EAEb,gBAAgB,EAxFF,OAAO;;AA6FrB,aAAS;EACL,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EAEtB,SAAS,EAAE,KAAK;AAKhB,iBAAI;EACA,UAAU,EAAE,EAAE;EACd,aAAa,EAAE,EAAE;AAMrB,0BAAM;EACF,KAAK,EAAE,IAAI;AAInB,sBAAkB;EACd,OAAO,EAAE,KAAK;EACd,OAAO,EAAE,CAAC;EAEV,MAAM,EAAE,IAAI;AAKZ,4BAAM;EACF,KAAK,EAAE,IAAI;AAInB,iBAAa;EACT,KAAK,EAAE,IAAI",
-"sources": ["sass/chapter04-project01.scss"],
-"names": [],
-"file": "chapter04-project01.css"
+{
+"version": 3,
+"mappings": "AAAA,iCAAiC;AAGjC,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AAwBlB,IAAK;EACD,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EACtB,eAAe,EAAE,YAAY;EAC7B,WAAW,EAAE,MAAM;EAEnB,UAAU,EAAE,KAAK;;AAGrB,YAAa;EAET,MAAM,EAAE,iBAAsB;;AAK9B,eAAG;EACC,SAAS,EAAE,KAAK;EAEhB,gBAAgB,EA/BE,OAAO;EAgCzB,aAAa,EAAE,iBAAmC;AAGtD,eAAG;EACC,OAAO,EAAE,IAAI;EAEb,KAAK,EArCY,OAAO;EAsCxB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EA1CE,OAAO;EA4CzB,YAAY,EAAE,iBAAmC;EACjD,aAAa,EAAE,iBAAmC;AAKlD,gCAAiB;EACb,KAAK,EA9CU,OAAO;EA+CtB,eAAe,EAAE,SAAS;AAM9B,qBAAG;EACC,KAAK,EA1DQ,OAAO;EA2DpB,eAAe,EAAE,SAAS;AAI9B,mCAAiB;EACb,KAAK,EA5DU,OAAO;AAgE9B,qBAAS;EACL,KAAK,EAzEC,OAAO;EA2Eb,gBAAgB,EApEH,OAAO;AAuExB,wBAAY;EACR,UAAU,EAAE,IAAI;AAGpB,wBAAY;EACR,UAAU,EAAE,KAAK;AAGrB,oBAAQ;EACJ,OAAO,EAAE,EAAE;EAEX,gBAAgB,EAnFF,OAAO;;AAuF7B,IAAK;EACD,OAAO,EAAE,IAAI;EAEb,OAAO,EAAE,IAAI;EAEb,gBAAgB,EAxFF,OAAO;;AA6FrB,aAAS;EACL,OAAO,EAAE,IAAI;EACb,cAAc,EAAE,MAAM;EAEtB,SAAS,EAAE,KAAK;AAKhB,iBAAI;EACA,UAAU,EAAE,EAAE;EACd,aAAa,EAAE,EAAE;AAMrB,0BAAM;EACF,KAAK,EAAE,IAAI;AAInB,sBAAkB;EACd,OAAO,EAAE,KAAK;EACd,OAAO,EAAE,CAAC;EAEV,MAAM,EAAE,IAAI;AAKZ,4BAAM;EACF,KAAK,EAAE,IAAI;AAInB,iBAAa;EACT,KAAK,EAAE,IAAI",
+"sources": ["sass/chapter04-project01.scss"],
+"names": [],
+"file": "chapter04-project01.css"
}
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project02.css b/chapter04/css/chapter04-project02.css
index 3fdf53e..9c93a8f 100644
--- a/chapter04/css/chapter04-project02.css
+++ b/chapter04/css/chapter04-project02.css
@@ -1,62 +1,62 @@
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif; }
-
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%; }
-
-body {
- display: flex;
- flex-direction: column;
- align-items: center;
- margin-top: 1%; }
-
-form {
- width: 90%;
- margin-bottom: 1.5%; }
-
-.page-top-div {
- display: flex;
- margin-bottom: 0.5%;
- padding: 1%;
- 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);
- border: 1px solid #cad4de; }
-
-table {
- margin-top: 1.5%;
- margin-right: 1.5%;
- margin-left: 1.5%;
- width: 97%;
- border-collapse: collapse; }
-
-table th {
- background-color: #ecf3fb;
- font-size: 1.5em;
- text-align: left;
- border-top: 1px solid #94bef0; }
-table .th-title {
- width: 100%;
- font-size: 2em;
- text-align: center;
- background-color: #94bef0; }
-table td {
- padding: 1%;
- 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 */
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif; }
+
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%; }
+
+body {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin-top: 1%; }
+
+form {
+ width: 90%;
+ margin-bottom: 1.5%; }
+
+.page-top-div {
+ display: flex;
+ margin-bottom: 0.5%;
+ padding: 1%;
+ 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);
+ border: 1px solid #cad4de; }
+
+table {
+ margin-top: 1.5%;
+ margin-right: 1.5%;
+ margin-left: 1.5%;
+ width: 97%;
+ border-collapse: collapse; }
+
+table th {
+ background-color: #ecf3fb;
+ font-size: 1.5em;
+ text-align: left;
+ border-top: 1px solid #94bef0; }
+table .th-title {
+ width: 100%;
+ font-size: 2em;
+ text-align: center;
+ background-color: #94bef0; }
+table td {
+ padding: 1%;
+ 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 7635adc..2cfa645 100644
--- a/chapter04/css/chapter04-project02.css.map
+++ b/chapter04/css/chapter04-project02.css.map
@@ -1,7 +1,7 @@
-{
-"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;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"
+{
+"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;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"
}
\ No newline at end of file
diff --git a/chapter04/css/chapter04-project03.css b/chapter04/css/chapter04-project03.css
index d9b3643..df28a1a 100644
--- a/chapter04/css/chapter04-project03.css
+++ b/chapter04/css/chapter04-project03.css
@@ -1,48 +1,48 @@
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif; }
-
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%; }
-
-form {
- max-width: 700px;
- margin-top: 2%;
- margin-right: auto;
- margin-bottom: 2%;
- margin-left: auto;
- background-color: #fafcff; }
-
-legend {
- width: 90%;
- font-size: 1.5em;
- text-align: center;
- font-weight: bold;
- background-color: #ebf4fb; }
-
-table {
- width: 100%;
- background-color: #fafcff;
- border-collapse: collapse; }
-
-table td {
- padding: 1%; }
-table .input-wide {
- width: 90%; }
-table .input-long {
- min-height: 100px; }
-table fieldset {
- border: 1px solid #adcdf3; }
-table fieldset input {
- margin-top: 2%;
- margin-bottom: 2%; }
-table .table-backcolor {
- background-color: #ebf4fb; }
-table tfoot input {
- padding: 10px;
- color: #ffffff;
- background-color: #8c9cbf;
- border: 1px solid #000000;
- border-radius: 0.7em; }
-
-/*# sourceMappingURL=chapter04-project03.css.map */
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif; }
+
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%; }
+
+form {
+ max-width: 700px;
+ margin-top: 2%;
+ margin-right: auto;
+ margin-bottom: 2%;
+ margin-left: auto;
+ background-color: #fafcff; }
+
+legend {
+ width: 90%;
+ font-size: 1.5em;
+ text-align: center;
+ font-weight: bold;
+ background-color: #ebf4fb; }
+
+table {
+ width: 100%;
+ background-color: #fafcff;
+ border-collapse: collapse; }
+
+table td {
+ padding: 1%; }
+table .input-wide {
+ width: 90%; }
+table .input-long {
+ min-height: 100px; }
+table fieldset {
+ border: 1px solid #adcdf3; }
+table fieldset input {
+ margin-top: 2%;
+ margin-bottom: 2%; }
+table .table-backcolor {
+ background-color: #ebf4fb; }
+table tfoot input {
+ padding: 10px;
+ color: #ffffff;
+ background-color: #8c9cbf;
+ border: 1px solid #000000;
+ border-radius: 0.7em; }
+
+/*# sourceMappingURL=chapter04-project03.css.map */
diff --git a/chapter04/css/chapter04-project03.css.map b/chapter04/css/chapter04-project03.css.map
index 94ad92c..00d5e42 100644
--- a/chapter04/css/chapter04-project03.css.map
+++ b/chapter04/css/chapter04-project03.css.map
@@ -1,7 +1,7 @@
-{
-"version": 3,
-"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AA0BlB,IAAK;EACD,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,EAAE;EACd,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,EAAE;EACjB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EArBG,OAAO;;AAwB9B,MAAO;EACH,KAAK,EAAE,GAAG;EAEV,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EA9BD,OAAO;;AAiC1B,KAAM;EACF,KAAK,EAAE,IAAI;EAEX,gBAAgB,EArCG,OAAO;EAuC1B,eAAe,EAAE,QAAQ;;AAKzB,QAAG;EACC,OAAO,EAAE,EAAE;AAGf,iBAAY;EACR,KAAK,EAAE,GAAG;AAGd,iBAAY;EACR,UAAU,EAAE,KAAK;AAGrB,cAAS;EACL,MAAM,EAAE,iBAA2B;AAKnC,oBAAM;EACF,UAAU,EAAE,EAAE;EACd,aAAa,EAAE,EAAE;AAIzB,sBAAiB;EACb,gBAAgB,EApEL,OAAO;AAyElB,iBAAM;EACF,OAAO,EAAE,IAAI;EAEb,KAAK,EAhFH,OAAO;EAkFT,gBAAgB,EA5EP,OAAO;EA6EhB,MAAM,EAAE,iBAAsB;EAC9B,aAAa,EAAE,KAAK",
-"sources": ["sass/chapter04-project03.scss"],
-"names": [],
-"file": "chapter04-project03.css"
+{
+"version": 3,
+"mappings": "AAEA,uBAAwB;EACvB,WAAW,EAAE,0CAA0C;;AAExD,IAAK;EACF,WAAW,EAAE,yCAAyC;EACtD,SAAS,EAAE,IAAI;;AA0BlB,IAAK;EACD,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,EAAE;EACd,YAAY,EAAE,IAAI;EAClB,aAAa,EAAE,EAAE;EACjB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EArBG,OAAO;;AAwB9B,MAAO;EACH,KAAK,EAAE,GAAG;EAEV,SAAS,EAAE,KAAK;EAChB,UAAU,EAAE,MAAM;EAClB,WAAW,EAAE,IAAI;EAEjB,gBAAgB,EA9BD,OAAO;;AAiC1B,KAAM;EACF,KAAK,EAAE,IAAI;EAEX,gBAAgB,EArCG,OAAO;EAuC1B,eAAe,EAAE,QAAQ;;AAKzB,QAAG;EACC,OAAO,EAAE,EAAE;AAGf,iBAAY;EACR,KAAK,EAAE,GAAG;AAGd,iBAAY;EACR,UAAU,EAAE,KAAK;AAGrB,cAAS;EACL,MAAM,EAAE,iBAA2B;AAKnC,oBAAM;EACF,UAAU,EAAE,EAAE;EACd,aAAa,EAAE,EAAE;AAIzB,sBAAiB;EACb,gBAAgB,EApEL,OAAO;AAyElB,iBAAM;EACF,OAAO,EAAE,IAAI;EAEb,KAAK,EAhFH,OAAO;EAkFT,gBAAgB,EA5EP,OAAO;EA6EhB,MAAM,EAAE,iBAAsB;EAC9B,aAAa,EAAE,KAAK",
+"sources": ["sass/chapter04-project03.scss"],
+"names": [],
+"file": "chapter04-project03.css"
}
\ No newline at end of file
diff --git a/chapter04/css/reset.css b/chapter04/css/reset.css
index 969db7d..7795d83 100644
--- a/chapter04/css/reset.css
+++ b/chapter04/css/reset.css
@@ -1,8 +1,8 @@
-html, body, header, footer, hgroup, nav, article, section, figure, figcaption, h1, h2, h3, ul, li, body, div, p, img
-{
- margin: 0;
- padding: 0;
- font-size: 100%;
- vertical-align: baseline;
- border: 0;
-}
+html, body, header, footer, hgroup, nav, article, section, figure, figcaption, h1, h2, h3, ul, li, body, div, p, img
+{
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ border: 0;
+}
diff --git a/chapter04/css/sass/chapter04-project01.scss b/chapter04/css/sass/chapter04-project01.scss
index e893a59..6f85b5d 100644
--- a/chapter04/css/sass/chapter04-project01.scss
+++ b/chapter04/css/sass/chapter04-project01.scss
@@ -1,161 +1,161 @@
-/* CSS for chapter03-project01 */
-// Given assignment css
-
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%;
-}
-
-// Given css end
-//
-//
-//
-// Declare variables.
-
-$color-white: #ffffff;
-$color-black: #000000;
-
-$color-calendarGreyLight: #f2f2f2;
-$color-calendarGreyDark: #777777;
-$color-calendarGreyBorder: #d5d5d5;
-$color-calendarGreen: #8fab98;
-$color-calendarBlue: #6eafbf;
-$color-calendarBlueDarker: #477b89;
-
-$color-formBrown: #d9c896;
-
-
-// Actual CSS. Organization simplified due to simplicity of project.
-
-body {
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- align-items: center;
-
- min-height: 600px;
-}
-
-.month-table {
-
- border: 1px solid $color-white;
-}
-
-.month-table {
-
- th {
- font-size: 0.5em;
-
- background-color: $color-calendarGreyLight;
- border-bottom: 1px solid $color-calendarGreyBorder;
- }
-
- td {
- padding: 10px;
-
- color: $color-calendarGreyDark;
- text-align: center;
- font-weight: bold;
-
- background-color: $color-calendarGreyLight;
-
- border-right: 1px solid $color-calendarGreyBorder;
- border-bottom: 1px solid $color-calendarGreyBorder;
- }
-
- tr {
-
- td:first-of-type {
- color: $color-calendarBlueDarker;
- text-decoration: underline;
- }
- }
-
- tfoot {
-
- td {
- color: $color-calendarGreyDark;
- text-decoration: underline;
- }
-
- // Undo first-of-type from generic tr.
- td:first-of-type {
- color: $color-calendarBlueDarker;
- }
- }
-
- td:hover {
- color: $color-white;
-
- background-color: $color-calendarBlue;
- }
-
- .month-prev {
- text-align: left;
- }
-
- .month-next {
- text-align: right;
- }
-
- caption {
- padding: 3%;
-
- background-color: $color-calendarGreen;
- }
-}
-
-form {
- display: flex;
-
- padding: 0.5%;
-
- background-color: $color-formBrown;
-}
-
-form {
-
- fieldset {
- display: flex;
- flex-direction: column;
-
- min-width: 300px;
- }
-
- fieldset {
-
- div {
- margin-top: 1%;
- margin-bottom: 1%;
- }
- }
-
- #form-radio-div {
-
- label {
- float: left;
- }
- }
-
- #form-radio-field {
- display: block;
- padding: 0;
-
- border: none;
- }
-
- #form-radio-field {
-
- label {
- float: none;
- }
- }
-
- .float-label {
- float: left;
- }
-
-}
+/* CSS for chapter03-project01 */
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%;
+}
+
+// Given css end
+//
+//
+//
+// Declare variables.
+
+$color-white: #ffffff;
+$color-black: #000000;
+
+$color-calendarGreyLight: #f2f2f2;
+$color-calendarGreyDark: #777777;
+$color-calendarGreyBorder: #d5d5d5;
+$color-calendarGreen: #8fab98;
+$color-calendarBlue: #6eafbf;
+$color-calendarBlueDarker: #477b89;
+
+$color-formBrown: #d9c896;
+
+
+// Actual CSS. Organization simplified due to simplicity of project.
+
+body {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ align-items: center;
+
+ min-height: 600px;
+}
+
+.month-table {
+
+ border: 1px solid $color-white;
+}
+
+.month-table {
+
+ th {
+ font-size: 0.5em;
+
+ background-color: $color-calendarGreyLight;
+ border-bottom: 1px solid $color-calendarGreyBorder;
+ }
+
+ td {
+ padding: 10px;
+
+ color: $color-calendarGreyDark;
+ text-align: center;
+ font-weight: bold;
+
+ background-color: $color-calendarGreyLight;
+
+ border-right: 1px solid $color-calendarGreyBorder;
+ border-bottom: 1px solid $color-calendarGreyBorder;
+ }
+
+ tr {
+
+ td:first-of-type {
+ color: $color-calendarBlueDarker;
+ text-decoration: underline;
+ }
+ }
+
+ tfoot {
+
+ td {
+ color: $color-calendarGreyDark;
+ text-decoration: underline;
+ }
+
+ // Undo first-of-type from generic tr.
+ td:first-of-type {
+ color: $color-calendarBlueDarker;
+ }
+ }
+
+ td:hover {
+ color: $color-white;
+
+ background-color: $color-calendarBlue;
+ }
+
+ .month-prev {
+ text-align: left;
+ }
+
+ .month-next {
+ text-align: right;
+ }
+
+ caption {
+ padding: 3%;
+
+ background-color: $color-calendarGreen;
+ }
+}
+
+form {
+ display: flex;
+
+ padding: 0.5%;
+
+ background-color: $color-formBrown;
+}
+
+form {
+
+ fieldset {
+ display: flex;
+ flex-direction: column;
+
+ min-width: 300px;
+ }
+
+ fieldset {
+
+ div {
+ margin-top: 1%;
+ margin-bottom: 1%;
+ }
+ }
+
+ #form-radio-div {
+
+ label {
+ float: left;
+ }
+ }
+
+ #form-radio-field {
+ display: block;
+ padding: 0;
+
+ border: none;
+ }
+
+ #form-radio-field {
+
+ label {
+ float: none;
+ }
+ }
+
+ .float-label {
+ float: left;
+ }
+
+}
diff --git a/chapter04/css/sass/chapter04-project02.scss b/chapter04/css/sass/chapter04-project02.scss
index a642a01..a71aa23 100644
--- a/chapter04/css/sass/chapter04-project02.scss
+++ b/chapter04/css/sass/chapter04-project02.scss
@@ -1,116 +1,116 @@
-// Given assignment css
-
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%;
-}
-
-// End given css
-//
-//
-//
-// Declare variables.
-
-$color-white: #ffffff;
-$color-black: #000000;
-
-$color-blueLight: #ecf3fb;
-$color-blueMid: #94bef0;
-$color-blueBorder: #cad4de;
-
-
-// Actual CSS. Organization simplified due to simplicity of project.
-
-body {
- display: flex;
- flex-direction: column;
- align-items: center;
-
- margin-top: 1%;
-}
-
-form {
- width: 90%;
- margin-bottom: 1.5%;
-}
-
-.page-top-div {
- display: flex;
- margin-bottom: 0.5%;
- padding: 1%;
-
- background-color: $color-blueLight;
-
- border: 1px solid $color-blueBorder;
-}
-
-.page-top-div {
-
- select {
- margin-right: 5px;
- }
-
- input {
- margin-right: 5px;
- }
-}
-
-.painting-div {
- margin-top: 2%;
-
- background: linear-gradient($color-white, $color-blueLight);
-
- border: 1px solid $color-blueBorder;
-}
-
-table {
- margin-top: 1.5%;
- margin-right: 1.5%;
- margin-left: 1.5%;
- width: 97%;
-
- border-collapse: collapse;
-}
-
-table {
-
- th {
- background-color: $color-blueLight;
-
- font-size: 1.5em;
- text-align: left;
-
- border-top: 1px solid $color-blueMid;
- }
-
- .th-title {
- width: 100%;
-
- font-size: 2em;
- text-align: center;
-
- background-color: $color-blueMid;
- }
-
- td {
- padding: 1%;
-
- border-top: 1px solid $color-blueMid;
-
- font-weight: bold;
- }
-
- .title {
- font-style: italic;
- }
-
- button {
- padding-right: 15px;
- padding-left: 15px;
-
-
- }
-}
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%;
+}
+
+// End given css
+//
+//
+//
+// Declare variables.
+
+$color-white: #ffffff;
+$color-black: #000000;
+
+$color-blueLight: #ecf3fb;
+$color-blueMid: #94bef0;
+$color-blueBorder: #cad4de;
+
+
+// Actual CSS. Organization simplified due to simplicity of project.
+
+body {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+
+ margin-top: 1%;
+}
+
+form {
+ width: 90%;
+ margin-bottom: 1.5%;
+}
+
+.page-top-div {
+ display: flex;
+ margin-bottom: 0.5%;
+ padding: 1%;
+
+ background-color: $color-blueLight;
+
+ border: 1px solid $color-blueBorder;
+}
+
+.page-top-div {
+
+ select {
+ margin-right: 5px;
+ }
+
+ input {
+ margin-right: 5px;
+ }
+}
+
+.painting-div {
+ margin-top: 2%;
+
+ background: linear-gradient($color-white, $color-blueLight);
+
+ border: 1px solid $color-blueBorder;
+}
+
+table {
+ margin-top: 1.5%;
+ margin-right: 1.5%;
+ margin-left: 1.5%;
+ width: 97%;
+
+ border-collapse: collapse;
+}
+
+table {
+
+ th {
+ background-color: $color-blueLight;
+
+ font-size: 1.5em;
+ text-align: left;
+
+ border-top: 1px solid $color-blueMid;
+ }
+
+ .th-title {
+ width: 100%;
+
+ font-size: 2em;
+ text-align: center;
+
+ background-color: $color-blueMid;
+ }
+
+ td {
+ padding: 1%;
+
+ border-top: 1px solid $color-blueMid;
+
+ font-weight: bold;
+ }
+
+ .title {
+ font-style: italic;
+ }
+
+ button {
+ padding-right: 15px;
+ padding-left: 15px;
+
+
+ }
+}
diff --git a/chapter04/css/sass/chapter04-project03.scss b/chapter04/css/sass/chapter04-project03.scss
index 40c74ed..e02f870 100644
--- a/chapter04/css/sass/chapter04-project03.scss
+++ b/chapter04/css/sass/chapter04-project03.scss
@@ -1,104 +1,104 @@
-// Given assignment css
-
-h1, h2, h3, nav, footer {
- font-family: Georgia, Cambria, "Times New Roman", serif;
-}
-body {
- font-family: "Lucida Sans", Verdana, Arial, sans-serif;
- font-size: 100%;
-}
-
-// End given css
-//
-//
-//
-// Declare variables.
-
-$color-white: #ffffff;
-$color-black: #000000;
-
-$color-blueBackground: #fafcff;
-$color-blueHeader: #ebf4fb;
-$color-blueBorder: #adcdf3;
-$color-purpleButton: #8c9cbf;
-
-
-// Actual CSS. Organization simplified due to simplicity of project.
-
-// DEBUGGING, REMOVE
-td {
- //border: 1px solid #c0c0c0;
-}
-// END DEBUGGING
-
-form {
- max-width: 700px;
- margin-top: 2%;
- margin-right: auto;
- margin-bottom: 2%;
- margin-left: auto;
-
- background-color: $color-blueBackground;
-}
-
-legend {
- width: 90%;
-
- font-size: 1.5em;
- text-align: center;
- font-weight: bold;
-
- background-color: $color-blueHeader;
-}
-
-table {
- width: 100%;
-
- background-color: $color-blueBackground;
-
- border-collapse: collapse;
-}
-
-table {
-
- td {
- padding: 1%;
- }
-
- .input-wide {
- width: 90%;
- }
-
- .input-long {
- min-height: 100px;
- }
-
- fieldset {
- border: 1px solid $color-blueBorder;
- }
-
- fieldset {
-
- input {
- margin-top: 2%;
- margin-bottom: 2%;
- }
- }
-
- .table-backcolor {
- background-color: $color-blueHeader;
- }
-
- tfoot {
-
- input {
- padding: 10px;
-
- color: $color-white;
-
- background-color: $color-purpleButton;
- border: 1px solid $color-black;
- border-radius: 0.7em;
- }
- }
-}
+// Given assignment css
+
+h1, h2, h3, nav, footer {
+ font-family: Georgia, Cambria, "Times New Roman", serif;
+}
+body {
+ font-family: "Lucida Sans", Verdana, Arial, sans-serif;
+ font-size: 100%;
+}
+
+// End given css
+//
+//
+//
+// Declare variables.
+
+$color-white: #ffffff;
+$color-black: #000000;
+
+$color-blueBackground: #fafcff;
+$color-blueHeader: #ebf4fb;
+$color-blueBorder: #adcdf3;
+$color-purpleButton: #8c9cbf;
+
+
+// Actual CSS. Organization simplified due to simplicity of project.
+
+// DEBUGGING, REMOVE
+td {
+ //border: 1px solid #c0c0c0;
+}
+// END DEBUGGING
+
+form {
+ max-width: 700px;
+ margin-top: 2%;
+ margin-right: auto;
+ margin-bottom: 2%;
+ margin-left: auto;
+
+ background-color: $color-blueBackground;
+}
+
+legend {
+ width: 90%;
+
+ font-size: 1.5em;
+ text-align: center;
+ font-weight: bold;
+
+ background-color: $color-blueHeader;
+}
+
+table {
+ width: 100%;
+
+ background-color: $color-blueBackground;
+
+ border-collapse: collapse;
+}
+
+table {
+
+ td {
+ padding: 1%;
+ }
+
+ .input-wide {
+ width: 90%;
+ }
+
+ .input-long {
+ min-height: 100px;
+ }
+
+ fieldset {
+ border: 1px solid $color-blueBorder;
+ }
+
+ fieldset {
+
+ input {
+ margin-top: 2%;
+ margin-bottom: 2%;
+ }
+ }
+
+ .table-backcolor {
+ background-color: $color-blueHeader;
+ }
+
+ tfoot {
+
+ input {
+ padding: 10px;
+
+ color: $color-white;
+
+ background-color: $color-purpleButton;
+ border: 1px solid $color-black;
+ border-radius: 0.7em;
+ }
+ }
+}
--
GitLab