From 0b4875cd3083c77ca09a38add6149b6d63dd7c56 Mon Sep 17 00:00:00 2001 From: Joshua Bentley Date: Tue, 20 Nov 2018 11:46:53 -0600 Subject: [PATCH 1/9] Started and finished Tutorial for HTML06 --- .../{mi_pricing_txt.html => mi_pricing.html} | 24 +-- case1/{mi_tables_txt.css => mi_tables.css} | 15 +- case2/{jpf_sudoku_txt.css => jpf_sudoku.css} | 6 +- .../{jpf_sudoku_txt.html => jpf_sudoku.html} | 24 +-- .../{lht_columns_txt.css => lht_columns.css} | 5 +- case3/{lht_feb_txt.html => lht_feb.html} | 52 +++--- case3/{lht_tables_txt.css => lht_tables.css} | 6 +- ...{hcc_schedule_txt.css => hcc_schedule.css} | 6 +- ...cc_schedule_txt.html => hcc_schedule.html} | 6 +- case4/{hcc_styles_txt.css => hcc_styles.css} | 7 +- index.html | 6 +- ...{dlr_columns2_txt.css => dlr_columns2.css} | 6 +- ...lr_mornings_txt.html => dlr_mornings.html} | 26 +-- .../{dlr_tables2_txt.css => dlr_tables2.css} | 11 +- tutorial/dlr_columns.css | 43 +++++ tutorial/dlr_columns_txt.css | 19 -- tutorial/dlr_evenings.html | 165 ++++++++++++++++++ tutorial/dlr_evenings_txt.html | 93 ---------- .../{dlr_lw0414_txt.html => dlr_lw0414.html} | 105 +++++------ tutorial/dlr_tables.css | 72 ++++++++ tutorial/dlr_tables_txt.css | 33 ---- 21 files changed, 421 insertions(+), 309 deletions(-) rename case1/{mi_pricing_txt.html => mi_pricing.html} (89%) rename case1/{mi_tables_txt.css => mi_tables.css} (76%) rename case2/{jpf_sudoku_txt.css => jpf_sudoku.css} (80%) rename case2/{jpf_sudoku_txt.html => jpf_sudoku.html} (89%) rename case3/{lht_columns_txt.css => lht_columns.css} (78%) rename case3/{lht_feb_txt.html => lht_feb.html} (87%) rename case3/{lht_tables_txt.css => lht_tables.css} (81%) rename case4/{hcc_schedule_txt.css => hcc_schedule.css} (70%) rename case4/{hcc_schedule_txt.html => hcc_schedule.html} (78%) rename case4/{hcc_styles_txt.css => hcc_styles.css} (71%) rename review/{dlr_columns2_txt.css => dlr_columns2.css} (78%) rename review/{dlr_mornings_txt.html => dlr_mornings.html} (84%) rename review/{dlr_tables2_txt.css => dlr_tables2.css} (80%) create mode 100644 tutorial/dlr_columns.css delete mode 100644 tutorial/dlr_columns_txt.css create mode 100644 tutorial/dlr_evenings.html delete mode 100644 tutorial/dlr_evenings_txt.html rename tutorial/{dlr_lw0414_txt.html => dlr_lw0414.html} (83%) create mode 100644 tutorial/dlr_tables.css delete mode 100644 tutorial/dlr_tables_txt.css diff --git a/case1/mi_pricing_txt.html b/case1/mi_pricing.html similarity index 89% rename from case1/mi_pricing_txt.html rename to case1/mi_pricing.html index 127737d..fb55821 100644 --- a/case1/mi_pricing_txt.html +++ b/case1/mi_pricing.html @@ -7,18 +7,18 @@ Case Problem 1 Marlin Internet Pricing - Author: - Date: + Author: Josh, Dylan + Date: Filename: mi_pricing.html --> - + Marlin Internet - + @@ -35,21 +35,21 @@ - +

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. + 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.

- - + +
- + - \ No newline at end of file + diff --git a/case1/mi_tables_txt.css b/case1/mi_tables.css similarity index 76% rename from case1/mi_tables_txt.css rename to case1/mi_tables.css index db9e6bc..db160c9 100644 --- a/case1/mi_tables_txt.css +++ b/case1/mi_tables.css @@ -6,8 +6,8 @@ Case Problem 1 Tables Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: mi_tables.css @@ -22,14 +22,3 @@ /* Table Header Styles */ - - - - - - - - - - - diff --git a/case2/jpf_sudoku_txt.css b/case2/jpf_sudoku.css similarity index 80% rename from case2/jpf_sudoku_txt.css rename to case2/jpf_sudoku.css index 758307c..e22cb4b 100644 --- a/case2/jpf_sudoku_txt.css +++ b/case2/jpf_sudoku.css @@ -6,8 +6,8 @@ Case Problem 2 Sudoku Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: jpf_sudoku.css @@ -18,5 +18,3 @@ /* Inner Table Styles */ - - diff --git a/case2/jpf_sudoku_txt.html b/case2/jpf_sudoku.html similarity index 89% rename from case2/jpf_sudoku_txt.html rename to case2/jpf_sudoku.html index fb6b192..3701578 100644 --- a/case2/jpf_sudoku_txt.html +++ b/case2/jpf_sudoku.html @@ -7,13 +7,13 @@ Case Problem 2 Sudoku Puzzle - Author: - Date: + Author: Josh, Dylan + Date: Filename: jpf_sudoku.html --> - + The Sudoku Puzzle @@ -35,7 +35,7 @@ - +
@@ -49,9 +49,9 @@

To Play

table (diagonals don't count). Every Sudoku puzzle has a unique solution.

-

Good luck!

+

Good luck!

- + - + - \ No newline at end of file + diff --git a/case3/lht_columns_txt.css b/case3/lht_columns.css similarity index 78% rename from case3/lht_columns_txt.css rename to case3/lht_columns.css index 0849ed0..37d4250 100644 --- a/case3/lht_columns_txt.css +++ b/case3/lht_columns.css @@ -6,8 +6,8 @@ Case Problem 3 Columns Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: lht_columns.css @@ -16,4 +16,3 @@ /* Column Styles */ - diff --git a/case3/lht_feb_txt.html b/case3/lht_feb.html similarity index 87% rename from case3/lht_feb_txt.html rename to case3/lht_feb.html index cc52041..a71f6ad 100644 --- a/case3/lht_feb_txt.html +++ b/case3/lht_feb.html @@ -7,18 +7,18 @@ Case Problem 3 LHT February Schedule - Author: - Date: + Author: Josh, Dylan + Date: Filename: lht_feb.html --> - + Lyman Hall Theater in February - + @@ -35,42 +35,42 @@ - +

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. +

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 +

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' + 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 +

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 +

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 +

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_txt.css b/case3/lht_tables.css similarity index 81% rename from case3/lht_tables_txt.css rename to case3/lht_tables.css index 0d3a542..1f45cf0 100644 --- a/case3/lht_tables_txt.css +++ b/case3/lht_tables.css @@ -6,15 +6,15 @@ Case Problem 3 Calendar Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: lht_tables.css */ /* =============================== - Mobile Styles: 0px to 640px + Mobile Styles: 0px to 640px =============================== */ diff --git a/case4/hcc_schedule_txt.css b/case4/hcc_schedule.css similarity index 70% rename from case4/hcc_schedule_txt.css rename to case4/hcc_schedule.css index 5bd8aaa..a1a5c4d 100644 --- a/case4/hcc_schedule_txt.css +++ b/case4/hcc_schedule.css @@ -4,10 +4,10 @@ Case Problem 4 Schedule Table Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: hcc_schedule.css - Supporting Files: + Supporting Files: */ diff --git a/case4/hcc_schedule_txt.html b/case4/hcc_schedule.html similarity index 78% rename from case4/hcc_schedule_txt.html rename to case4/hcc_schedule.html index dfa6f23..6aba974 100644 --- a/case4/hcc_schedule_txt.html +++ b/case4/hcc_schedule.html @@ -7,8 +7,8 @@ Case Problem 4 Hamilton Conference Center Room Schedule - Author: - Date: + Author: Josh, Dylan + Date: Filename: hcc_schedule.html @@ -19,4 +19,4 @@ - \ No newline at end of file + diff --git a/case4/hcc_styles_txt.css b/case4/hcc_styles.css similarity index 71% rename from case4/hcc_styles_txt.css rename to case4/hcc_styles.css index 8ab480c..9776a9e 100644 --- a/case4/hcc_styles_txt.css +++ b/case4/hcc_styles.css @@ -4,11 +4,10 @@ Case Problem 4 Hamilton Conference Center Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: hcc_styles.css - Supporting files: + Supporting files: */ - diff --git a/index.html b/index.html index 3a65fb4..8a755c9 100644 --- a/index.html +++ b/index.html @@ -5,11 +5,11 @@ New Perspectives on HTML5 and CSS3, 7th Edition Tutorial 5 Index page - + Home Page of the Tutorial 5 Project Author: Thorin Schmidt Date: 2018-11-6 - + Filename: index.html --> Tutorial 5 @@ -23,7 +23,7 @@

Tutorial 5 links

- +
- -
+ +
DLR

DLR Morning Schedule

-

DLR airs listener-supported public radio in Bismarck, North Dakota from - 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. +

DLR airs listener-supported public radio in Bismarck, North Dakota from + 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.

- +
- + - \ No newline at end of file + diff --git a/review/dlr_tables2_txt.css b/review/dlr_tables2.css similarity index 80% rename from review/dlr_tables2_txt.css rename to review/dlr_tables2.css index 4c58fb9..6399f0c 100644 --- a/review/dlr_tables2_txt.css +++ b/review/dlr_tables2.css @@ -6,8 +6,8 @@ Review Assignment Tables Style Sheet - Author: - Date: + Author: Josh, Dylan + Date: Filename: dlr_tables2.css @@ -30,10 +30,3 @@ /* Table Footer Styles */ - - - - - - - diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css new file mode 100644 index 0000000..ab3b1c0 --- /dev/null +++ b/tutorial/dlr_columns.css @@ -0,0 +1,43 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Columns Style Sheet + Author: Josh, Dylan + Date: 11/19/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; + } + +} diff --git a/tutorial/dlr_columns_txt.css b/tutorial/dlr_columns_txt.css deleted file mode 100644 index b14a401..0000000 --- a/tutorial/dlr_columns_txt.css +++ /dev/null @@ -1,19 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Tutorial Case - - Columns Style Sheet - Author: - Date: - - Filename: dlr_columns.css - -*/ - - - -/* Column Styles */ - diff --git a/tutorial/dlr_evenings.html b/tutorial/dlr_evenings.html new file mode 100644 index 0000000..e4215b1 --- /dev/null +++ b/tutorial/dlr_evenings.html @@ -0,0 +1,165 @@ + + + + + + + + DLR Nightly Schedule + + + + + + +
+

Listener Supported Since 1975

+ +
+ +
+ +
+ DLR +

DLR Nightly Schedule

+

DLR airs listener-supported public radio in Bismarck, + North Dakota from 5:00 a.m. to 10:30 p.m. + 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 PMOpera FestRadio UScience WeekThe Living WorldWord PlayAgri-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 PMWorld News Feed
+
+ + + +
+ + + + + diff --git a/tutorial/dlr_evenings_txt.html b/tutorial/dlr_evenings_txt.html deleted file mode 100644 index 9a7c4ad..0000000 --- a/tutorial/dlr_evenings_txt.html +++ /dev/null @@ -1,93 +0,0 @@ - - - - - - - - DLR Nightly Schedule - - - - - -
-

Listener Supported Since 1975

- -
- -
- -
- DLR -

DLR Nightly Schedule

-

DLR airs listener-supported public radio in Bismarck, - North Dakota from 5:00 a.m. to 10:30 p.m. - You can Listen Live to streaming audio - of our broadcast. Please refer below for our current - nightly schedule.

- -
- - - -
- - - - - \ No newline at end of file diff --git a/tutorial/dlr_lw0414_txt.html b/tutorial/dlr_lw0414.html similarity index 83% rename from tutorial/dlr_lw0414_txt.html rename to tutorial/dlr_lw0414.html index 405e4d1..4f12dc5 100644 --- a/tutorial/dlr_lw0414_txt.html +++ b/tutorial/dlr_lw0414.html @@ -7,23 +7,24 @@ Tutorial Case The Living World: April 14 - Author: - Date: + Author: Josh, Dylan + Date: 11/19/18 Filename: dlr_lw0414.html --> - + 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 +

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. @@ -59,30 +60,30 @@

Rise of the Driverless Car and How It Will Impact You

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 + 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 +

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 +
  4. Level 1 Individual vehicle controls are automated, such as electronic + stability control or automatic braking.
    5. +
  5. Level 2 At least two controls can be automated in unison, such as adaptive cruise control in combination with lane keeping.
    6. -
  6. 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 +
  7. 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.
    8. -
  8. 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, +
  9. 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.

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. + 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 + 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.

@@ -92,77 +93,77 @@

When Does Full Autonomy Arrive?

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 +

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 + 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. +

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 +

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 +
  2. 2017 U.S. Department of Transportation hopes to publish a rule mandating vehicle-to-vehicle (V2V) communication by an unspecified future date.
    3. -
  3. 2018 Tesla Motors expects to produce a version of fully self-driving cars, +
  4. 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.
    5. -
  5. 2020 GM, Mercedes-Benz, Audi, Nissan, BMW, Renault, Tesla, and Google all expect +
  6. 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.
  7. 2024 Jaguar expects to release an autonomous car.
  8. 2025 Daimler and Ford expect to release autonomous vehicles on the market.
    9. -
  9. 2035 Information Handling Services (IHS) Automotive Report projects that most self-driving vehicles +
  10. 2035 Information Handling Services (IHS) Automotive Report projects that most self-driving vehicles will be operated completely independently from a human occupant’s control.
    11. -
  11. 2040 Experts at the Institute of Electrical and Electronics Engineers (IEEE) +
  12. 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 +

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 + 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 + 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 + 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 + 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 + 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 + 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 +

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 + 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 + 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.

- +
- +
DLR · 4300 Magnolia Lane · Bismarck, ND 58504 · (701) 555 - 5611
- \ No newline at end of file + diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css new file mode 100644 index 0000000..40ba3f9 --- /dev/null +++ b/tutorial/dlr_tables.css @@ -0,0 +1,72 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Tables Style Sheet + Author: Josh, Dylan + Date: 11/19/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 Cell Styles */ +table.schedule th, table.schedule td { + border: 1px solid grey; + padding: 5px; + vertical-align: top; +} + + +/* Table Caption Styles */ +table.schedule caption { + caption-side: bottom; + text-align: right; +} + + +/* 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%; +} 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 84428312f99b2fc363e0c11f19fb65ca5cff06ab Mon Sep 17 00:00:00 2001 From: Joshua Bentley Date: Tue, 20 Nov 2018 13:19:49 -0600 Subject: [PATCH 2/9] Started Review --- review/dlr_columns2.css | 2 +- review/dlr_mornings.html | 95 +++++++++++++++++++++++++++++++++++++++- review/dlr_tables2.css | 41 +++++++++++++++-- 3 files changed, 131 insertions(+), 7 deletions(-) diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css index c0da9a1..c2770db 100644 --- a/review/dlr_columns2.css +++ b/review/dlr_columns2.css @@ -7,7 +7,7 @@ Columns Style Sheet Author: Josh, Dylan - Date: + Date: 11/20/18 Filename: dlr_columns2.css diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html index c1a8da7..c4fc4fa 100644 --- a/review/dlr_mornings.html +++ b/review/dlr_mornings.html @@ -8,7 +8,7 @@ DLR Morning Schedule Author: Josh, Dylan - Date: + Date: 11/20/18 Filename: dlr_mornings.html @@ -19,6 +19,8 @@ DLR Morning Schedule + + @@ -48,7 +50,96 @@

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.css b/review/dlr_tables2.css index 6399f0c..16b8dbb 100644 --- a/review/dlr_tables2.css +++ b/review/dlr_tables2.css @@ -7,26 +7,59 @@ Tables Style Sheet Author: Josh, Dylan - Date: + Date: 11/20/18 Filename: dlr_tables2.css */ /* Table Styles */ - - +table.programs { + width: 100%; + border: 15px outset rgb(151,151,151); + border-collapse: collapse; + font-family: Arial, Verdana, sans-serif; +} + +table.programs tr { + height: 25px; +} + +table.programs th, table.programs td { + border: 1px solid gray; + padding: 5px; + vertical-align: top; +} /* Table Caption Styles */ +table.programs caption { + caption-side: bottom; + text-align: center; +} /* Table Column Styles */ +col.timeColumn { + width: 10%; + background: rgb(215,205,151); +} +col.wDayColumns { + width: 11%; + background: rgb(236,255,211); +} +col.wEndColumns { + width: 17%; + background: rgb(255,231,255) +} /* Table Header Styles */ - +thead { + color: white; + background: rgb(105,177,60); +} /* Table Footer Styles */ From 7a9c791b0a6e867d863f5a83f32a166030af5feb Mon Sep 17 00:00:00 2001 From: Joshua Bentley Date: Mon, 26 Nov 2018 12:34:25 -0600 Subject: [PATCH 3/9] Finished and Started Case 1, and Finished Review --- case1/mi_pricing.html | 75 +++++++++++++++++++++++++++++++++++++++- case1/mi_tables.css | 42 ++++++++++++++++++++-- review/dlr_columns2.css | 16 +++++++++ review/dlr_mornings.html | 5 +-- review/dlr_tables2.css | 12 +++++++ 5 files changed, 145 insertions(+), 5 deletions(-) diff --git a/case1/mi_pricing.html b/case1/mi_pricing.html index fb55821..e89f5c2 100644 --- a/case1/mi_pricing.html +++ b/case1/mi_pricing.html @@ -19,6 +19,7 @@ Marlin Internet + @@ -45,8 +46,80 @@

Accelerate with No Speed Traps

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.

+ for the whole family, and exclusive online content. +

+
All Times Central
TimeMonTueWedThuFriSatSun
Suppor your Public Radio Station
5:00 AMDawn AirDawn Air WeekendsSunday Magazine
5:30 AM
6:00 AMWeedend Reflections
6:30 AM
7:00 AMLocal NewsWeedend WrapRadio U
7:30 AMWorld News Feed
8:00 AMClassical RootsWhat Can You Say?University on the Air
8:30 AM
9:00 AM
9:30 AMAnimal Talk
10:00 AMSymphony CityWord Play
10:30 AMBrain Stew
11:00 AMOpera Live from the East CoastThe Inner Mind
11:30 AMGrammar Rules!!
12:00 PMBook ClubWeekend Wrap
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
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 Speed512 Kbps6 Mbps10 Mbps20 Mbps
Cloud Storage2 GB5 GB15 GB40 GB
E-mail Accounts2 Accounts3 Accounts5 Accounts10 Accounts
24/7 SupportYesYesYesYes
diff --git a/case1/mi_tables.css b/case1/mi_tables.css index db160c9..1fe9c01 100644 --- a/case1/mi_tables.css +++ b/case1/mi_tables.css @@ -14,11 +14,49 @@ */ /* Table Styles */ - - +table { + background: linear-gradient(to bottom, rgba(190,215,255,1), black); + border: 5px solid grey; +} + +th, td { + border: 3px solid grey; + line-height: 1.4em; + padding: 8px; +} + +th { + background: 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) { + color: black; + background: transparent; +} diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css index c2770db..27d5ab1 100644 --- a/review/dlr_columns2.css +++ b/review/dlr_columns2.css @@ -16,3 +16,19 @@ /* 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; + + -moz-column-rule: 1px solid black; + -webkit-column-rule: 1px solid black; + column-rule: 1px solid black; + } + +} diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html index c4fc4fa..ef53c88 100644 --- a/review/dlr_mornings.html +++ b/review/dlr_mornings.html @@ -54,7 +54,7 @@

DLR Morning Schedule

All Times Central - + @@ -71,7 +71,7 @@

DLR Morning Schedule

- Suppor your Public Radio Station + Support your Public Radio Station @@ -140,6 +140,7 @@

DLR Morning Schedule

Book Club Weekend Wrap +
diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css index 16b8dbb..2aed671 100644 --- a/review/dlr_tables2.css +++ b/review/dlr_tables2.css @@ -61,5 +61,17 @@ thead { background: rgb(105,177,60); } +thead th:first-of-type { + background: rgb(153,86,7); +} + +thead th:nth-of-type(7n), thead th:nth-of-type(8n) { + background: rgb(153,0,153); +} + /* Table Footer Styles */ +tfoot { + color: white; + background: black; +} From 17ec3b8a2da32f25cd8ab7a3488c4735b1a67b24 Mon Sep 17 00:00:00 2001 From: Joshua Bentley Date: Mon, 26 Nov 2018 13:20:56 -0600 Subject: [PATCH 4/9] Updated index.html, Started and Finished Case 2. --- case2/jpf_sudoku.css | 41 +++++- case2/jpf_sudoku.html | 286 +++++++++++++++++++++++++++++++++++++++++- index.html | 10 +- 3 files changed, 330 insertions(+), 7 deletions(-) diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css index e22cb4b..1e3665f 100644 --- a/case2/jpf_sudoku.css +++ b/case2/jpf_sudoku.css @@ -14,7 +14,46 @@ */ /* 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: inset 0px 0px 15px black; + border: 1px solid black; + color: blue; + height: 40px; + text-align: center; + vertical-align: middle; +} + +td.goldBox { + background: rgb(228,199,42); +} + +td.greenBox { + background: rgb(203,229,130); +} diff --git a/case2/jpf_sudoku.html b/case2/jpf_sudoku.html index 3701578..d1ed404 100644 --- a/case2/jpf_sudoku.html +++ b/case2/jpf_sudoku.html @@ -8,7 +8,7 @@ Sudoku Puzzle Author: Josh, Dylan - Date: + Date: 11/26/18 Filename: jpf_sudoku.html @@ -19,6 +19,7 @@ The Sudoku Puzzle + @@ -37,6 +38,289 @@
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
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
diff --git a/index.html b/index.html index 8a755c9..b7ee520 100644 --- a/index.html +++ b/index.html @@ -24,11 +24,11 @@

Tutorial 5 links

From 03823945c67a7e415d86d98eaefea8ce4f538435 Mon Sep 17 00:00:00 2001 From: Joshua Bentley Date: Tue, 27 Nov 2018 13:13:52 -0600 Subject: [PATCH 5/9] Finished Case 3 --- case2/jpf_sudoku.css | 2 +- case3/lht_columns.css | 24 +++- case3/lht_feb.html | 251 +++++++++++++++++++++++++++++++++++++++++- case3/lht_tables.css | 103 ++++++++++++++++- 4 files changed, 374 insertions(+), 6 deletions(-) diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css index 1e3665f..e36d52d 100644 --- a/case2/jpf_sudoku.css +++ b/case2/jpf_sudoku.css @@ -42,7 +42,7 @@ table.subTable { } table.subTable td { - box-shadow: inset 0px 0px 15px black; + box-shadow: inset 0px 0px 15px; border: 1px solid black; color: blue; height: 40px; diff --git a/case3/lht_columns.css b/case3/lht_columns.css index 37d4250..18ca1bf 100644 --- a/case3/lht_columns.css +++ b/case3/lht_columns.css @@ -7,7 +7,7 @@ Columns Style Sheet Author: Josh, Dylan - Date: + Date: 11/26/18 Filename: lht_columns.css @@ -16,3 +16,25 @@ /* Column Styles */ +article { + -moz-column-width: 260px; + -webkit-column-width: 260px; + column-width: 260px; + + -moz-column-gap: 20px; + -webkit-column-gap: 20px; + column-gap: 20px; + + -moz-column-rule: 1px solid rgb(154,64,31); + -webkit-column-rule: 1px solid rgb(154,64,31); + column-rule: 1px solid rgb(154,64,31); + + widows: 2; + orphans: 2; +} + +article h1 { + -moz-column-span: all; + -webkit-column-span: all; + column-span: all; +} diff --git a/case3/lht_feb.html b/case3/lht_feb.html index a71f6ad..f8258a3 100644 --- a/case3/lht_feb.html +++ b/case3/lht_feb.html @@ -8,7 +8,7 @@ LHT February Schedule Author: Josh, Dylan - Date: + Date: 11/26/18 Filename: lht_feb.html @@ -19,6 +19,8 @@ Lyman Hall Theater in February + + @@ -69,8 +71,251 @@

Coming Up at the Lyman Hall Theater

your table in advance.

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

28

+
+
Caron Quartet
+
1 pm
+
$12
+
+ 		+

29

+
+
Harlem Choir
+
8 pm
+
$18/$24/$32
+
+ 		+

30

+ 		+

31

+ 		+

1

+ 		+

2

+
+
Taiwan Acrobats
+
8 pm
+
$24/$32/$48
+
+ 		+

3

+
+
Joey Gallway
+
8 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

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

15

+ 		+

16

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

17

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

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
+
+