From b3f360fd7e73a1ff9c126d00f9ae59447d9c21b4 Mon Sep 17 00:00:00 2001 From: pclassen Date: Tue, 20 Nov 2018 09:17:11 -0600 Subject: [PATCH 01/10] Finished Tutorial new file: tutorial/dlr_columns.css modified: tutorial/dlr_columns_txt.css renamed: tutorial/dlr_evenings_txt.html -> tutorial/dlr_evenings.html new file: tutorial/dlr_lw0414.html new file: tutorial/dlr_tables.css deleted: tutorial/dlr_tables_txt.css --- tutorial/dlr_columns.css | 41 +++++ tutorial/dlr_columns_txt.css | 28 ++- ...lr_evenings_txt.html => dlr_evenings.html} | 78 +++++++- tutorial/dlr_lw0414.html | 169 ++++++++++++++++++ tutorial/dlr_tables.css | 63 +++++++ tutorial/dlr_tables_txt.css | 33 ---- 6 files changed, 374 insertions(+), 38 deletions(-) create mode 100644 tutorial/dlr_columns.css rename tutorial/{dlr_evenings_txt.html => dlr_evenings.html} (62%) create mode 100644 tutorial/dlr_lw0414.html create mode 100644 tutorial/dlr_tables.css delete mode 100644 tutorial/dlr_tables_txt.css diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css new file mode 100644 index 0000000..82ff100 --- /dev/null +++ b/tutorial/dlr_columns.css @@ -0,0 +1,41 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Columns Style Sheet + Author: Morgan and Peter + Date: 11-20-18 + + Filename: dlr_columns.css + +*/ + + + +/* Column Styles */ +@media only screen and (min-width: 641px) { + article { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + column-gap: 30px; + + -moz-column-rule: 2px solid gray; + -webkit-column-rule: 2px solid gray; + column-rule: 2px solid gray; + + widows: 3; + orphans: 3; + } + article h1 { + -moz-column-span: all; + -webkit-column-span: all; + column-span: all; + } +} \ No newline at end of file diff --git a/tutorial/dlr_columns_txt.css b/tutorial/dlr_columns_txt.css index b14a401..82ff100 100644 --- a/tutorial/dlr_columns_txt.css +++ b/tutorial/dlr_columns_txt.css @@ -6,8 +6,8 @@ Tutorial Case Columns Style Sheet - Author: - Date: + Author: Morgan and Peter + Date: 11-20-18 Filename: dlr_columns.css @@ -16,4 +16,26 @@ /* Column Styles */ - +@media only screen and (min-width: 641px) { + article { + -moz-column-count: 2; + -webkit-column-count: 2; + column-count: 2; + + -moz-column-gap: 30px; + -webkit-column-gap: 30px; + column-gap: 30px; + + -moz-column-rule: 2px solid gray; + -webkit-column-rule: 2px solid gray; + column-rule: 2px solid gray; + + widows: 3; + orphans: 3; + } + article h1 { + -moz-column-span: all; + -webkit-column-span: all; + column-span: all; + } +} \ No newline at end of file diff --git a/tutorial/dlr_evenings_txt.html b/tutorial/dlr_evenings.html similarity index 62% rename from tutorial/dlr_evenings_txt.html rename to tutorial/dlr_evenings.html index 9a7c4ad..7decaee 100644 --- a/tutorial/dlr_evenings_txt.html +++ b/tutorial/dlr_evenings.html @@ -7,8 +7,8 @@ Tutorial Case DLR Nightly Schedule - Author: - Date: + Author: Peter and Morgan + Date: 11/20/18 Filename: dlr_evenings.html @@ -19,6 +19,7 @@ DLR Nightly Schedule + @@ -49,6 +50,79 @@

DLR Nightly Schedule

You can Listen Live to streaming audio of our broadcast. Please refer below for our current nightly schedule.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThuFriSatSun
DLR ends its broadcast day at 10:30 p.m
6:00 PMNational News
6:30 PMWorld News
7:00 PM Operate Fest Radio U Science Week The Living World World PlayAngri-WeekFolk Fest
7:30 PMBrain StewBismarck Forum
8:00 PMThe Classical Music ConnectionOld Time RadioSaturday Nite JazzThe Indie Connection
8:30 PMThe Inner Mind
9:00 PMOpen Mike Nite
9:30 PM
10:00 PM World News Feed
diff --git a/tutorial/dlr_lw0414.html b/tutorial/dlr_lw0414.html new file mode 100644 index 0000000..4318ec8 --- /dev/null +++ b/tutorial/dlr_lw0414.html @@ -0,0 +1,169 @@ + + + + + + + + The Living World: April 14 + + + + + + +
+ +

Listener Supported Since 1975

+ + +
+ +
+
+ +

The Living World

+

April 14

+

Join host Tim Unger for this week's edition of + The Living World where we discuss the future and + economic impact of autonomous vehicles, otherwise known + as driverless cars.

+
+ +
+

Rise of the Driverless Car and How It Will Impact You

+

Your world is about to change with widespread adoption of driverless cars. + Driverless cars or autonomous vehicles that interact with + their surroundings with radar, GPS, proximity sensors, and computer image enhancement. + This information is fed into a control system that uses it to plot navigation paths + and to respond to obstacles and road directions. A driverless car is capable of updating + its status based on changing conditions. Driverless cars should be autonomous even when + entering uncharted regions.

+

In the United States, the National Highway Traffic Safety Administration (NHTSA) has + proposed the following levels of autonomy for motorized vehicles:

+
    +
  1. Level 0 The driver completely controls the vehicle at all times.
    2. +
  2. Level 1 Individual vehicle controls are automated, such as electronic + stability control or automatic braking.
    3. +
  3. Level 2 At least two controls can be automated in unison, such as + adaptive cruise control in combination with lane keeping.
    4. +
  4. Level 3 The driver can fully cede control of all safety-critical + functions in certain conditions. The car senses when conditions require the driver to + retake control and provides a "sufficiently comfortable transition time" for the + driver to do so.
    5. +
  5. Level 4 The vehicle performs all safety-critical functions for the + entire trip, with the driver not expected to control the vehicle at any time. Because this + vehicle would control all functions from start to stop, including all parking functions, + it could include unoccupied cars.
    6. +
+

Currently, we are at Level 2 with many vehicles able to provide automated safety systems, such as + automatic braking in response to input from collision sensors. +

When Does Full Autonomy Arrive?

+

Level 4 autonomous vehicles are arriving and they're arriving quickly. The obstacles to adoption + of a driverless economy are legal and technical. The United States traffic code does not + prohibit autonomous vehicles, but it also does not specifically address them. Several states, + including Nevada, Florida, California, and Michigan, have enacted traffic rules specifically + tailored to driverless cars and more states are in the processing of enacting such legislation.

+

One area of legal entanglement is the laws against distracted driving. Google specifically requested + an exemption to permit occupants to send text messages while sitting behind the wheel of an + autonomous vehicle. Other similar regulations will need to be addressed as driverless cars move + from the testing stage into general use.

+

Other countries have permitted the testing of autonomous vehicles on public roads. The United Kingdom + enacted a testing phase in 2013, followed shortly by France in 2014.

+

Driverless cars have driven through San Francisco's Lombard Street, navigating its steep hairpin turns, + and city traffic. The testing vehicles provide an override to allow a human driver to take control + of the car. By August 2012, testers announced that they have driven over 300,000 miles accident-free. + By April 2014, autonomous vehicles have logged nearly 700,000 miles. As of June 2015, driverless cars + have been involved in 12 minor accidents on public roads. Eight of these accidents involved being + rear-ended, two in which the vehicle was side-swiped by another driver, one of which involved + another driver rolling through a stop sign, and one where the car was being driven manually.

+

Driverless cars have not yet been tested in heavy rain or snow due to safety concerns. + Nor have they been tested in areas with temporary traffic lights or complex unmapped intersections. + The technical issues are daunting. An autonomous vehicle has difficulty with potholes, + roadside trash and debris, and interpreting unexpected signals, such as a police car signaling the + vehicle to pull over.

+

Experts predict that autonomous vehicles will gradually be introduced into the market with + the following anticipated benchmarks:

+
    +
  1. 2017 U.S. Department of Transportation hopes to publish a rule mandating + vehicle-to-vehicle (V2V) communication by an unspecified future date.
    2. +
  2. 2018 Tesla Motors expects to produce a version of fully self-driving cars, + where the driver can fall asleep, though the actuality of marketing such a vehicle will depend on + the economic and legal climate.
    3. +
  3. 2020 GM, Mercedes-Benz, Audi, Nissan, BMW, Renault, Tesla, and Google all expect + to sell vehicles that can drive themselves at least part of the time.
    4. +
  4. 2024 Jaguar expects to release an autonomous car.
    5. +
  5. 2025 Daimler and Ford expect to release autonomous vehicles on the market.
    6. +
  6. 2035 Information Handling Services (IHS) Automotive Report projects that most self-driving vehicles + will be operated completely independently from a human occupant’s control.
    7. +
  7. 2040 Experts at the Institute of Electrical and Electronics Engineers (IEEE) + estimate that up to 75% of all vehicles will be autonomous. +
+

Clearly, the introduction and widespread adoption of autonomous vehicles will have enormous + repercussions.

+

The Impact of Driverless Cars

+

While it appears at first glance that a driverless car will be more dangerous than a + manually driven vehicle, it has been estimated that once we switch to a driverless + economy, we will see a 90% reduction in crashes, saving nearly 30,000 lives and + preventing 2.12 million injuries annually. Indeed, the whole design of the car will + change. Currently, a car is designed around the needs of the driver, but, when + all in the car are passengers, the interior space will be designed more economically and + efficiently.

+

Beyond redesigning the car, we will also redesign our system of roads and traffic + control. This could mean loss of lots of road signs, lane markers, and street lights. + Cars can merge and change lanes more efficiently and speed limits can be safely + raised. Traffic control planners can redesign traffic flow to cooperative patterns + that will increase safety and reduce travel time (and road rage!)

+

But this innovation is not without cost. We are a driving-based economy. Truckers, + taxis, car rentals, and car servicing are all based directly or indirectly on + manually-driven vehicles. The Bureau of Labor Statistics lists that 884,000 people + are employed in motor vehicles and parts manufacturing, and an additional 3.02 million in + dealer and maintenance network. Truck, bus, delivery, and taxi drivers account + for nearly 6 million professional driving jobs. That is 10 million jobs immediately at + risk with a move to a driverless economy and that does not count ancillary industries, + such as roadside diners and motels, which will also be affected when we need to + drive less often.

+

On the other hand, research shows that currently manually-driven cars are driven + just 4% of the time at an average cost of $9000 per year in maintenance and upkeep. + Thus, an economy in which autonomous vehicles offered through car-sharing services like + Uber replace self-owned and self-driven cars, promises an enormous amount of savings + to the individual. It is estimated that despite the economic upheaval, eliminating the need + for car ownership will yield over $1 trillion in additional disposable income.

+

These are exciting times. While the full economic and social impact of a driverless + economy are still not fully grasped, the driverless economy once fully implemented will dwarf the impact of + the automobile, airplane, personal computer, and cell phone in how it changes our + lives and work.

+

Now we just need to create a driverless car that can fly and I'm all set.

+
+ +
+ + + + + \ No newline at end of file diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css new file mode 100644 index 0000000..0bef64a --- /dev/null +++ b/tutorial/dlr_tables.css @@ -0,0 +1,63 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Tables Style Sheet + Author: Peter and Morgan + Date: 11/20/18 + + Filename: dlr_tables.css + +*/ + +/* Table Styles */ +table.schedule { + background: white; + border: 10px outset rgb(153,0,153); + border-collapse: collapse; + font-size: 0.75em; + width: 100%; +} +table.schedule th, table.schedule td { + border: 1px solid gray; + padding: 5px; + vertical-align: top; +} + + +/* Table Cell Styles */ + + + +/* Table Caption Styles */ + + + +/* Row Group Styles */ +table.schedule thead { + background: rgb(153,0,153); + color: white; +} +table.schedule tfoot { + background: black; + color: white; +} +table.schedule thead tr { + height: 30px; +} +table.schedule tbody tr { + height: 40px; +} + +/* Column Group Styles */ +col#firstCol { + background: rgb(218, 210, 218); + width: 16%; +} +col.dayCols { + background: rgb(255, 220, 255); + width: 12%; +} \ No newline at end of file diff --git a/tutorial/dlr_tables_txt.css b/tutorial/dlr_tables_txt.css deleted file mode 100644 index 4c595cd..0000000 --- a/tutorial/dlr_tables_txt.css +++ /dev/null @@ -1,33 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Tutorial Case - - Tables Style Sheet - Author: - Date: - - Filename: dlr_tables.css - -*/ - -/* Table Styles */ - - - -/* Table Cell Styles */ - - - -/* Table Caption Styles */ - - - -/* Row Group Styles */ - - - -/* Column Group Styles */ - From 6a34d228cce2872a282b3db0f74c25843f5a95f3 Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Tue, 20 Nov 2018 10:11:31 -0600 Subject: [PATCH 02/10] renamed: review/dlr_columns2_txt.css -> review/dlr_columns2.css renamed: review/dlr_mornings_txt.html -> review/dlr_mornings.html renamed: review/dlr_tables2_txt.css -> review/dlr_tables2.css modified: tutorial/dlr_lw0414.html --- ...{dlr_columns2_txt.css => dlr_columns2.css} | 0 ...lr_mornings_txt.html => dlr_mornings.html} | 37 +++++++++++++++++-- .../{dlr_tables2_txt.css => dlr_tables2.css} | 0 tutorial/dlr_lw0414.html | 13 ++++--- 4 files changed, 41 insertions(+), 9 deletions(-) rename review/{dlr_columns2_txt.css => dlr_columns2.css} (100%) rename review/{dlr_mornings_txt.html => dlr_mornings.html} (67%) rename review/{dlr_tables2_txt.css => dlr_tables2.css} (100%) diff --git a/review/dlr_columns2_txt.css b/review/dlr_columns2.css similarity index 100% rename from review/dlr_columns2_txt.css rename to review/dlr_columns2.css diff --git a/review/dlr_mornings_txt.html b/review/dlr_mornings.html similarity index 67% rename from review/dlr_mornings_txt.html rename to review/dlr_mornings.html index f90b239..9960c3d 100644 --- a/review/dlr_mornings_txt.html +++ b/review/dlr_mornings.html @@ -7,8 +7,8 @@ Review Assignment DLR Morning Schedule - Author: - Date: + Author: Peter and Morgan + Date: 11/20/18 Filename: dlr_mornings.html @@ -18,7 +18,9 @@ DLR Morning Schedule - + + + @@ -48,6 +50,35 @@

DLR Morning Schedule

5:00 a.m. to 10:30 p.m.
You can Listen Live to streaming audio of our broadcast or download programs from our Podcast.
Please refer below for our current morning schedule.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/review/dlr_tables2_txt.css b/review/dlr_tables2.css similarity index 100% rename from review/dlr_tables2_txt.css rename to review/dlr_tables2.css diff --git a/tutorial/dlr_lw0414.html b/tutorial/dlr_lw0414.html index 4318ec8..ece8a8a 100644 --- a/tutorial/dlr_lw0414.html +++ b/tutorial/dlr_lw0414.html @@ -44,13 +44,14 @@

Listener Supported Since 1975

- -

The Living World

-

April 14

-

Join host Tim Unger for this week's edition of - The Living World where we discuss the future and + +

The Living World

+

April 14

+

Join host Tim Unger for this week's edition of + The Living World where we discuss the future and economic impact of autonomous vehicles, otherwise known - as driverless cars.

+ as driverless cars. +

From 439910fc0bf0d5baa4cfe5a0ad50c236182daf34 Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Mon, 26 Nov 2018 10:05:29 -0600 Subject: [PATCH 03/10] new --- review/dlr_mornings.html | 83 ++++++++++++++++++++++++++++++++++------ review/dlr_tables2.css | 23 +++++++++-- 2 files changed, 92 insertions(+), 14 deletions(-) diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html index 9960c3d..da24f2c 100644 --- a/review/dlr_mornings.html +++ b/review/dlr_mornings.html @@ -55,7 +55,7 @@

DLR Morning Schedule

- + @@ -69,24 +69,85 @@

DLR Morning Schedule

+ - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThuFriSatSun
Support Your Public Radio Station
 All Times Central
Sat Sun
Support Your Public Radio Station
5:00Dawn AirDawn Air WeekendsSunday Magazine
5:30
6:00Weekend Reflection
6:30
7:00Local NewsWeekend WrapRadio U
7:30 World News FeedUniversity on the Air
8:00Classical RootsWhat Can You Say?
8:30
9:00
9:30Animal Talk
10:00Symphony CityWord Play
10:30Brain Stew
11:00Opera Live from the East CoastThe Inner Mind
11:30Grammar Rules!!
12:00Book ClubWeekend Wrap
+
DLR · 4300 Magnolia Lane · Bismarck, ND 58504 · (701) 555 - 5611
- \ No newline at end of file diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css index 4c58fb9..1094007 100644 --- a/review/dlr_tables2.css +++ b/review/dlr_tables2.css @@ -6,19 +6,36 @@ Review Assignment Tables Style Sheet - Author: - Date: + Author: Peter and Morgan + Date: 11/26/18 Filename: dlr_tables2.css */ /* Table Styles */ - +table { + width: 100%; + border: 15px outset rgb(151,151,151); + font-family: Arial, Vendana, sans-serif; +} +tr { + height: 25px; +} +th, td { + border: 1px solid gray; + vertical-align: top; + padding: 5px; +} /* Table Caption Styles */ +caption { + vertical-align: bottom; + text-align: center; +} + /* Table Column Styles */ From c61d37d71f843b1044726672b61614668e54a084 Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Tue, 27 Nov 2018 08:16:43 -0600 Subject: [PATCH 04/10] Finished Review modified: review/dlr_columns2.css modified: review/dlr_mornings.html modified: review/dlr_tables2.css --- review/dlr_columns2.css | 20 +++++++++++------ review/dlr_mornings.html | 2 +- review/dlr_tables2.css | 47 +++++++++++++++++++++++++--------------- 3 files changed, 44 insertions(+), 25 deletions(-) diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css index 0ef6bdb..27e1c13 100644 --- a/review/dlr_columns2.css +++ b/review/dlr_columns2.css @@ -1,20 +1,26 @@ @charset "utf-8"; - /* New Perspectives on HTML and CSS Tutorial 6 Review Assignment Columns Style Sheet - Author: - Date: + Author: Morgan and Peter + Date: 11-27-18 Filename: dlr_columns2.css */ - - /* Column Styles */ - - +@media only screen and (min-width: 641px) { + p { + -moz-column-count: 3; + -webkit-column-count: 3; + column-count: 3; + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; + column-rule: 1px solid black; + } +} \ No newline at end of file diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html index da24f2c..ad6e081 100644 --- a/review/dlr_mornings.html +++ b/review/dlr_mornings.html @@ -101,12 +101,12 @@

DLR Morning Schedule

7:30 World News Feed - University on the Air 8:00 Classical Roots What Can You Say? + University on the Air 8:30 diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css index 1094007..4ad3af3 100644 --- a/review/dlr_tables2.css +++ b/review/dlr_tables2.css @@ -18,39 +18,52 @@ table { width: 100%; border: 15px outset rgb(151,151,151); font-family: Arial, Vendana, sans-serif; + border-collapse: collapse; } + tr { height: 25px; } + th, td { border: 1px solid gray; vertical-align: top; padding: 5px; } - /* Table Caption Styles */ caption { - vertical-align: bottom; - text-align: center; + caption-side: bottom; } - - - /* Table Column Styles */ - - +col.timeColumn { + width: 10%; + background-color: rgb(215, 205, 151); +} +col.wDayColumns { + width: 11%; + background-color: rgb(236, 255, 211); +} +col.wEndColumns { + width: 17%; + background-color: rgb(255, 231, 255); +} /* Table Header Styles */ - - +thead { + color: white; + background-color: rgb(105, 177, 60); +} +thead th:first-of-type { + background-color: rgb( 153, 86, 7); +} +thead th:nth-of-type(7), thead th:nth-of-type(8) { + background-color: rgb(153, 0, 153); +} /* Table Footer Styles */ - - - - - - - +tfoot { + color: white; + background-color: black; +} \ No newline at end of file From 8bacb57f6c00f1f35c954c31ef83d3b10d63f7ca Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Tue, 27 Nov 2018 10:08:35 -0600 Subject: [PATCH 05/10] finished case 1 --- case1/mi_pricing.html | 151 ++++++++++++++++++++++++++++++++++++++++ case1/mi_tables.css | 58 +++++++++++++++ case1/mi_tables_txt.css | 35 ---------- review/dlr_columns2.css | 2 + 4 files changed, 211 insertions(+), 35 deletions(-) create mode 100644 case1/mi_pricing.html create mode 100644 case1/mi_tables.css delete mode 100644 case1/mi_tables_txt.css diff --git a/case1/mi_pricing.html b/case1/mi_pricing.html new file mode 100644 index 0000000..ac0b6b1 --- /dev/null +++ b/case1/mi_pricing.html @@ -0,0 +1,151 @@ + + + + + + + + Marlin Internet + + + + + + +
+ Marlin Internet + +
+ +
+

Accelerate with No Speed Traps

+

How do you use the web? Whether it's just you on your PC or your extended + family simultaneously accessing the Internet for gaming, movie watching, + surfing, or music; we have the speed for you — with no hidden fees, + service charges, or other traps. Marlin Internet provides a broad variety + of access plans at affordable prices with our exclusive ITIS 2.0 technology. + We provide more than fast access. Take advantage of our 24/7 customer support + (personal help is always on the line), free security tools, email accounts + for the whole family, and exclusive online content.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
select a planStarterPrimePrime PlusUltra
$19.95
per month		$29.95
per month		$49.95
per month		$69.95
per month
SummaryJust the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time.Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.
Download Speed3 Mbps15 Mbps25 Mbps50 Mbps
Upload Speed517 Kbps6 Mbps10 Mbps20 Mbps
Cloud Storage2GB5GB15Gb40GB
E-mail Accounts2 Accounts3 Accounts5 Accounts10 Accounts
24-7 SupportYesYesYesYes
+ +
+ + + + + \ No newline at end of file diff --git a/case1/mi_tables.css b/case1/mi_tables.css new file mode 100644 index 0000000..4c0e797 --- /dev/null +++ b/case1/mi_tables.css @@ -0,0 +1,58 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Case Problem 1 + + Tables Style Sheet + Author: Peter and Morgan + Date: 11-27-18 + + Filename: mi_tables.css + +*/ + +/* Table Styles */ +table { + background-image: linear-gradient(rgb(190, 215, 255), black); + border: 5px solid gray; +} + +th, td { + border: 3px solid gray; + line-height: 1.4em; + padding: 8px; +} + +th { + background-color: black; + color: rgb(130,210,255); + font-weight: normal; +} + +td { + color: white; + font-size: 0.9em; + vertical-align: top; +} + +/* Column Styles */ +col#firstCol { + width:24% +} + +col.dataCols { + width:19%; +} +/* Table Header Styles */ +thead, tr { + height: 60px; +} +thead tr:first-of-type th:first-of-type { + font-size: 2em; +} +thead tr:first-of-type th:not(:first-of-type) { + background-color: transparent; + color: black; +} \ No newline at end of file diff --git a/case1/mi_tables_txt.css b/case1/mi_tables_txt.css deleted file mode 100644 index db9e6bc..0000000 --- a/case1/mi_tables_txt.css +++ /dev/null @@ -1,35 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Case Problem 1 - - Tables Style Sheet - Author: - Date: - - Filename: mi_tables.css - -*/ - -/* Table Styles */ - - - -/* Column Styles */ - - - -/* Table Header Styles */ - - - - - - - - - - - diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css index 27e1c13..3d62884 100644 --- a/review/dlr_columns2.css +++ b/review/dlr_columns2.css @@ -21,6 +21,8 @@ -moz-column-gap: 20px; -webkit-column-gap: 20px; column-gap: 20px; + -moz-column-rule: 1px solid black; + -webkit-column-rule: 1px solid black; column-rule: 1px solid black; } } \ No newline at end of file From 9d203522732d2da7a4340646d3d29a1eed751999 Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Wed, 28 Nov 2018 09:26:00 -0600 Subject: [PATCH 06/10] Finished case 2 new file: case2/jpf_sudoku.css new file: case2/jpf_sudoku.html deleted: case2/jpf_sudoku_txt.css deleted: case2/jpf_sudoku_txt.html --- case2/jpf_sudoku.css | 57 +++++++ case2/jpf_sudoku.html | 351 ++++++++++++++++++++++++++++++++++++++ case2/jpf_sudoku_txt.css | 22 --- case2/jpf_sudoku_txt.html | 90 ---------- 4 files changed, 408 insertions(+), 112 deletions(-) create mode 100644 case2/jpf_sudoku.css create mode 100644 case2/jpf_sudoku.html delete mode 100644 case2/jpf_sudoku_txt.css delete mode 100644 case2/jpf_sudoku_txt.html diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css new file mode 100644 index 0000000..b1f766c --- /dev/null +++ b/case2/jpf_sudoku.css @@ -0,0 +1,57 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML5 and CSS3, 7th Edition + Tutorial 6 + Case Problem 2 + + Sudoku Style Sheet + Author: Morgan and Peter + Date: 11-28-18 + + Filename: jpf_sudoku.css + +*/ + +/* Table Styles */ +table.spuzzle { + border-collapse: collapse; + margin-top: 0px; + margin-bottom: 0px; + margin-left: auto; + margin-right: auto; + width: 90%; +} +td { + border: 5px outset gray; + width: 33.3%; +} +th { + color: gray; + padding-right: 10px; + padding-bottom: 10px; +} + +/* Inner Table Styles */ +table.subTable { + border-collapse: collapse; + width: 100%; +} +table.subTable td { + box-shadow: 0 0 15px; + border: 1px solid black; + color: blue; + height: 40px; + text-align: center; + vertical-align: center; +} +td.goldBox td { + background-color: rgb(228,199,42); +} +td.greenBox td { + background-color: rgb(203,229,130); +} + + + + diff --git a/case2/jpf_sudoku.html b/case2/jpf_sudoku.html new file mode 100644 index 0000000..372feee --- /dev/null +++ b/case2/jpf_sudoku.html @@ -0,0 +1,351 @@ + + + + + + + + The Sudoku Puzzle + + + + + + +
+ Japanese Puzzle Factory + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sudoku
123456789
A + + + + + + + + + + + + + + + + + + + + + +
4
35
+ 		+ + + + + + + + + + + + + + + + + + + + + +
53
+ 		+ + + + + + + + + + + + + + + + + + + + + +
7
31
2
+
B
C
D + + + + + + + + + + + + + + + + + + + +
69
472
+ 		+ + + + + + + + + + + + + + + + + + + +
2
9
+ 		+ + + + + + + + + + + + + + + + + + + +
937
48
+
E
F
G + + + + + + + + + + + + + + + + + + + +
1
45
6
+ 		+ + + + + + + + + + + + + + + + + + + +
81
+ 		+ + + + + + + + + + + + + + + + + + + +
52
7
+
H
I
+
+ +
+

To Play

+

Sudoku is played on a 9x9 grid with nine 3x3 boxes + placed within the grid. Enter a digit from 1 to 9 in + each table cell. A few starting numbers have been + supplied for you. The digits from 1 to 9 can appear + only once each in every row, column, and box in the + table (diagonals don't count). Every Sudoku puzzle + has a unique solution. +

+

Good luck!

+
+ + + + + \ No newline at end of file diff --git a/case2/jpf_sudoku_txt.css b/case2/jpf_sudoku_txt.css deleted file mode 100644 index 758307c..0000000 --- a/case2/jpf_sudoku_txt.css +++ /dev/null @@ -1,22 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML5 and CSS3, 7th Edition - Tutorial 6 - Case Problem 2 - - Sudoku Style Sheet - Author: - Date: - - Filename: jpf_sudoku.css - -*/ - -/* Table Styles */ - - - -/* Inner Table Styles */ - - diff --git a/case2/jpf_sudoku_txt.html b/case2/jpf_sudoku_txt.html deleted file mode 100644 index fb6b192..0000000 --- a/case2/jpf_sudoku_txt.html +++ /dev/null @@ -1,90 +0,0 @@ - - - - - - - - The Sudoku Puzzle - - - - - -
- Japanese Puzzle Factory - -
- -
-
- -
-

To Play

-

Sudoku is played on a 9x9 grid with nine 3x3 boxes - placed within the grid. Enter a digit from 1 to 9 in - each table cell. A few starting numbers have been - supplied for you. The digits from 1 to 9 can appear - only once each in every row, column, and box in the - table (diagonals don't count). Every Sudoku puzzle - has a unique solution. -

-

Good luck!

-
- - - - - \ No newline at end of file From 5dd86772d09287f797debcfd1471b2b1cee7802b Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Thu, 29 Nov 2018 10:08:14 -0600 Subject: [PATCH 07/10] renamed: case3/lht_columns_txt.css -> case3/lht_columns.css new file: case3/lht_feb.html deleted: case3/lht_feb_txt.html new file: case3/lht_tables.css deleted: case3/lht_tables_txt.css --- .../{lht_columns_txt.css => lht_columns.css} | 0 case3/lht_feb.html | 420 ++++++++++++++++++ case3/lht_feb_txt.html | 105 ----- case3/lht_tables.css | 49 ++ case3/lht_tables_txt.css | 27 -- 5 files changed, 469 insertions(+), 132 deletions(-) rename case3/{lht_columns_txt.css => lht_columns.css} (100%) create mode 100644 case3/lht_feb.html delete mode 100644 case3/lht_feb_txt.html create mode 100644 case3/lht_tables.css delete mode 100644 case3/lht_tables_txt.css diff --git a/case3/lht_columns_txt.css b/case3/lht_columns.css similarity index 100% rename from case3/lht_columns_txt.css rename to case3/lht_columns.css diff --git a/case3/lht_feb.html b/case3/lht_feb.html new file mode 100644 index 0000000..e47677c --- /dev/null +++ b/case3/lht_feb.html @@ -0,0 +1,420 @@ + + + + + + + + Lyman Hall Theater in February + + + + + + + +
+ The Lyman Hall Theater + +
+ +
+

Coming Up at the Lyman Hall Theater

+

February will be another banner month at the Lyman Hall + Theatre with three performances of the Tony Award winning + musical, West Side Story by the Broadway Touring Company. + Tickets are going fast, so order yours today. +

+ +

Celebrate Valentine's Day with the Chamberlain Symphony and + their special selection of classical music for lovers. Later that + week, exercise your mind by attending the Charles Dickens classic, + The Mystery of Edwin Drood. Can you solve Dickens' + unfinished mystery? +

+ +

Jazz lovers have a lot to celebrate in February with a visit + from the Jazz Masters on February 21st, and then on February + 24th, enjoy the music of The Duke with an Ellington Tribute + performed by the Jazz Company of Kansas City. +

+ +

Pins, bottles, plates, and chairs are flying at the Chamberlain + Civic Center in February. The Taiwan Acrobats return on + February 2nd with another amazing performance. We close out the + month with a visit from the Madtown Jugglers and their unique + blend of comedy, juggling, and madness. +

+ +

Enjoy a classical brunch every Sunday in February with music + provided by the Carson Quartet. Seating is limited, so please order + your table in advance. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/case3/lht_feb_txt.html b/case3/lht_feb_txt.html deleted file mode 100644 index cc52041..0000000 --- a/case3/lht_feb_txt.html +++ /dev/null @@ -1,105 +0,0 @@ - - - - - - - - Lyman Hall Theater in February - - - - - -
- The Lyman Hall Theater - -
- -
-

Coming Up at the Lyman Hall Theater

-

February will be another banner month at the Lyman Hall - Theatre with three performances of the Tony Award winning - musical, West Side Story by the Broadway Touring Company. - Tickets are going fast, so order yours today. -

- -

Celebrate Valentine's Day with the Chamberlain Symphony and - their special selection of classical music for lovers. Later that - week, exercise your mind by attending the Charles Dickens classic, - The Mystery of Edwin Drood. Can you solve Dickens' - unfinished mystery? -

- -

Jazz lovers have a lot to celebrate in February with a visit - from the Jazz Masters on February 21st, and then on February - 24th, enjoy the music of The Duke with an Ellington Tribute - performed by the Jazz Company of Kansas City. -

- -

Pins, bottles, plates, and chairs are flying at the Chamberlain - Civic Center in February. The Taiwan Acrobats return on - February 2nd with another amazing performance. We close out the - month with a visit from the Madtown Jugglers and their unique - blend of comedy, juggling, and madness. -

- -

Enjoy a classical brunch every Sunday in February with music - provided by the Carson Quartet. Seating is limited, so please order - your table in advance. -

-
- - - - - - \ No newline at end of file diff --git a/case3/lht_tables.css b/case3/lht_tables.css new file mode 100644 index 0000000..f03a340 --- /dev/null +++ b/case3/lht_tables.css @@ -0,0 +1,49 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Calendar Style Sheet + Author: + Date: + + Filename: lht_tables.css + +*/ + +/* =============================== + Mobile Styles: 0px to 640px + =============================== +*/ +@media only screen and (max-width: 640px) { + table, tbody, tr, td, th, caption { + display: block; + } + thead h1 { + display: none; + } + table caption { + color: white; + background-color: gray; + font-size: 1.5em; + line-height: 2em; + } + td { + border: 1px dotted gray; + color: rgb(11,12,145); + position: relative; + padding-left: 40%; + min-height: 40px; + } + tr:nth-of-type(odd) { + background-color: rgb(255, 235, 178); + border: 2px solid gray; + } + + } +/* ============================================= + Tablet and Desktop Styles: greater than 640px + ============================================= +*/ diff --git a/case3/lht_tables_txt.css b/case3/lht_tables_txt.css deleted file mode 100644 index 0d3a542..0000000 --- a/case3/lht_tables_txt.css +++ /dev/null @@ -1,27 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 3 - - Calendar Style Sheet - Author: - Date: - - Filename: lht_tables.css - -*/ - -/* =============================== - Mobile Styles: 0px to 640px - =============================== -*/ - - - - -/* ============================================= - Tablet and Desktop Styles: greater than 640px - ============================================= -*/ From 1c6f2ad944d483245bc6f2f3d8d85b36272234b5 Mon Sep 17 00:00:00 2001 From: PeterClassen Date: Fri, 30 Nov 2018 08:55:31 -0600 Subject: [PATCH 08/10] Finished case 3 modified: case3/lht_columns.css modified: case3/lht_feb.html modified: case3/lht_tables.css --- case3/lht_columns.css | 17 +++++++---- case3/lht_feb.html | 68 +++++++++++++++++++++---------------------- case3/lht_tables.css | 55 ++++++++++++++++++++++++++++++++-- 3 files changed, 99 insertions(+), 41 deletions(-) diff --git a/case3/lht_columns.css b/case3/lht_columns.css index 0849ed0..756a37a 100644 --- a/case3/lht_columns.css +++ b/case3/lht_columns.css @@ -6,14 +6,21 @@ Case Problem 3 Columns Style Sheet - Author: - Date: + Author: Morgan and Peter + Date: 11-30-18 Filename: lht_columns.css */ - - /* Column Styles */ - +article { + column-width: 260px; + column-gap: 20px; + column-rule: 1px solid rgb(154, 64, 31); + widows: 2; + orphans: 2; +} +article h1 { + column-span: all; +} \ No newline at end of file diff --git a/case3/lht_feb.html b/case3/lht_feb.html index e47677c..160efb1 100644 --- a/case3/lht_feb.html +++ b/case3/lht_feb.html @@ -90,7 +90,7 @@

Coming Up at the Lyman Hall Theater

 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - +
February 2018 Calendar
SunMonTueWedThuFriSat
+

28

+
+
Carson Quarter
+
1 pm
+
$12
+
+ 		+

29

+
+
Harlem Choir
+
6 pm
+
$16/$36/$32
+
+ 		+

30

+
+
+
+
+
+ 		+

31

+
+
+
+
+
+ 		+

1

+
+
+
+
+
+ 		+

2

+
+
Talwan Acrobats
+
8 pm
+
$24/$22/$48
+
+ 		+

3

+
+
Joey Gallway
+
6 pm
+
$24/$32/$48
+
+
+

4

+
+
Carson Quartet
+
1 pm
+
$12
+
+ 		+

5

+
+
+
+
+
+ 		+

6

+
+
Ralph WIlliams
+
8 pm
+
$24/$36/$42
+
+ 		+

7

+
+
+
+
+
+ 		+

8

+
+
West Side Story
+
7 pm
+
$36/$48/$64
+
+ 		+

9

+
+
West Side Story
+
7 pm
+
$36/$48/$64
+
+ 		+

10

+
+
West Side Story
+
7 pm
+
$36/$48/$64
+
+
+

11

+
+
Carson Quartet
+
1 pm
+
$12
+
+ 		+

12

+
+
+
+
+
+ 		+

13

+
+
+
+
+
+ 		+

14

+
+
Chamberfain Symphony
+
8 pm
+
$18/$24/$32
+
+ 		+

15

+
+
+
+
+
+ 		+

16

+
+
Edwin Drood
+
8 pm
+
$36/$48/$64
+
+ 		+

17

+
+
Edwin Drood
+
8 pm
+
$36/$48/$64
+
+
+

18

+
+
Carson Quartet
+
1 pm
+
$12
+
+ 		+

19

+
+
+
+
+
+ 		+

20

+
+
+
+
+
+ 		+

21

+
+
Jazz Masters
+
8 pm
+
$18/$24/$32
+
+ 		+

22

+
+
+
+
+
+ 		+

23

+
+
The Yearling
+
7 pm
+
$12/$18/$24
+
+ 		+

24

+
+
An Ellington Tribute
+
8 pm
+
$24/$38/$48
+
+
+

25

+
+
Carson Quartet
+
1 pm
+
$12
+
+ 		+

26

+
+
+
+
+
+ 		+

27

+
+
+
+
+
+ 		+

28

+
+
Madtown Jugglers
+
8 pm
+
$12/$16/$20
+
+ 		+

1

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+ 		+

2

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+ 		+

3

+
+
Othello
+
8 pm
+
$24/$36/$48
+
+
+

28

Carson Quarter
@@ -98,7 +98,7 @@

28

$12
 +

29

Harlem Choir
@@ -106,7 +106,7 @@

29

$16/$36/$32
 +

30

@@ -114,7 +114,7 @@

30

 +

31

@@ -122,7 +122,7 @@

31

 +

1

@@ -130,7 +130,7 @@

1

 +

2

Talwan Acrobats
@@ -138,7 +138,7 @@

2

$24/$22/$48
 +

3

Joey Gallway
@@ -149,7 +149,7 @@

3

+

4

Carson Quartet
@@ -157,7 +157,7 @@

4

$12
 +

5

@@ -165,7 +165,7 @@

5

 +

6

Ralph WIlliams
@@ -173,7 +173,7 @@

6

$24/$36/$42
 +

7

@@ -181,7 +181,7 @@

7

 +

8

West Side Story
@@ -189,7 +189,7 @@

8

$36/$48/$64
 +

9

West Side Story
@@ -197,7 +197,7 @@

9

$36/$48/$64
 +

10

West Side Story
@@ -208,7 +208,7 @@

10

+

11

Carson Quartet
@@ -216,7 +216,7 @@

11

$12
 +

12

@@ -224,7 +224,7 @@

12

 +

13

@@ -232,7 +232,7 @@

13

 +

14

Chamberfain Symphony
@@ -240,7 +240,7 @@

14

$18/$24/$32
 +

15

@@ -248,7 +248,7 @@

15

 +

16

Edwin Drood
@@ -256,7 +256,7 @@

16

$36/$48/$64
 +

17

Edwin Drood
@@ -267,7 +267,7 @@

17

+

18

Carson Quartet
@@ -275,7 +275,7 @@

18

$12
 +

19

@@ -283,7 +283,7 @@

19

 +

20

@@ -291,7 +291,7 @@

20

 +

21

Jazz Masters
@@ -299,7 +299,7 @@

21

$18/$24/$32
 +

22

@@ -307,7 +307,7 @@

22

 +

23

The Yearling
@@ -315,7 +315,7 @@

23

$12/$18/$24
 +

24

An Ellington Tribute
@@ -326,7 +326,7 @@

24

+

25

Carson Quartet
@@ -334,7 +334,7 @@

25

$12
 +

26

@@ -342,7 +342,7 @@

26

 +

27

@@ -350,7 +350,7 @@

27

 +

28

Madtown Jugglers
@@ -374,7 +374,7 @@

2

$24/$36/$48
 +

3

Othello
@@ -383,7 +383,7 @@

3