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/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 diff --git a/case3/lht_columns.css b/case3/lht_columns.css new file mode 100644 index 0000000..756a37a --- /dev/null +++ b/case3/lht_columns.css @@ -0,0 +1,26 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Columns Style Sheet + 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_columns_txt.css b/case3/lht_columns_txt.css deleted file mode 100644 index 0849ed0..0000000 --- a/case3/lht_columns_txt.css +++ /dev/null @@ -1,19 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 3 - - Columns Style Sheet - Author: - Date: - - Filename: lht_columns.css - -*/ - - - -/* Column Styles */ - diff --git a/case3/lht_feb.html b/case3/lht_feb.html new file mode 100644 index 0000000..160efb1 --- /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. +

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
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
+
+
+ + + + + + \ 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..d8e6bef --- /dev/null +++ b/case3/lht_tables.css @@ -0,0 +1,100 @@ +@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: 641px) { + 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; + } + td::before { + position: absolute; + content: attr(data-date); + top: 0px; + left: 0px; + width: 40%; + padding: 5px; + } + } +/* ============================================= + Tablet and Desktop Styles: greater than 640px + ============================================= +*/ +@media only screen and (min-width: 641px) { + table { + background-image: url(lht_photo1.png); + background-size:40%; + background-position: right bottom; + background-repeat: no-repeat; + border: 6px double rgb(154,64,3); + border-collapse: collapse; + margin-top: 20px; + margin-bottom: 20px; + margin-right: auto; + margin-left: auto; + table-layout: fixed; + width: 85%; + } + th, td { + border: 1px solid gray; + font-size: 0.85em; + font-weight: normal; + padding: 5px; + vertical-align: top; + width: 14.28%; + word-wrap: word-wrap; + } + td { + background-color: rgba(171, 171, 171, 0.6); + color: rgb(11, 12, 145); + } + td[data-date*="Feb"] { + background-color: rgba(232, 214, 148, 0.6); + box-shadow: inset 0 0 20px gray; + } + table caption { + caption-side: top; + text-align: center; + padding-bottom: 7px; + font-size: 1.2em; + letter-spacing: 3px; + } + thead th { + background-color: rgb(154, 64, 3); + color: white; + } + } \ No newline at end of file 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 - ============================================= -*/ diff --git a/case4/hcc_schedule.css b/case4/hcc_schedule.css new file mode 100644 index 0000000..685b2fa --- /dev/null +++ b/case4/hcc_schedule.css @@ -0,0 +1,126 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Schedule Table Style Sheet + Author: Morgan and Peter + Date: 11-30-18 + + Filename: hcc_schedule.css + Supporting Files: + +*/ + +html { + background: rgb(65, 110, 154); + font-family: Verdana, Geneva, sans-serif; + height: 100%; +} + +body { + background-color: rgb(213, 241, 255); + box-shadow: rgb(51, 51, 51) 10px 0px 40px, rgb(51, 51, 51) -10px 0px 40px; + border-left: 1px solid rgb(3, 51, 86); + border-right: 1px solid rgb(3, 51, 86); + min-height: 100%; + margin: 0px auto; + min-width: 320px; + max-width: 1024px; + width: 100%; +} + + +/* Header styles */ + +header { + background: linear-gradient(to right, rgb(166, 222, 254) 20%, rgb(3, 51, 86)); + border-bottom: 1px solid rgb(3, 51, 86); +} + +header img#logoimg { + display: block; + margin: 0px auto; + width: 100%; +} + +/* Navigation list styles */ + +header nav ul { + background: linear-gradient(to right, rgb(166, 222, 254) 20%, rgb(3, 51, 86)); + width: 100%; +} + +header nav ul li { + font-size: 1em; +} + +header nav ul li a { + color: rgb(231, 231, 231); + text-shadow: rgb(51, 51, 51) 0px 0px 1px, rgb(51, 51, 51) 0px 0px 8px; + display: block; + padding: 5px 20px; + width: 100%; +} + +header nav ul li a:hover { + color: white; + background-color: rgb(3, 51, 86); +} + +a#navicon { + display: none; +} + +/* Article Styles */ + +article { + margin: 40px auto; + width: 85%; +} + +article h1 { + color: rgb(33, 88, 132); + text-shadow: white -2px 0px 0px, rgb(151, 151, 151) -14px 0px 8px; + font-family: Speeder; + font-weight: normal; + font-size: 1.5em; + font-style: oblique; + letter-spacing: 0.03em; + line-height: 1.2em; + margin-bottom: 20px; +} + +article p { + line-height: 1.5; + margin-bottom: 30px; +} +/* ============================================= + Tablet and Desktop Styles: greater than 640px + ============================================= +*/ +@media only screen and (min-width: 641px) { + + body nav ul { + list-style-type:none; + margin: 0; + padding: 0; + overflow: hidden; + background-color: rgb(51, 102, 153); +} + body ul li { + float: left; + margin: 20px 0 0; + padding-left: 55px; + + } + li a { + display: block; + color: white; + text-align: center; + padding: 0; + text-decoration: none; + } +} + + diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html new file mode 100644 index 0000000..f2e68f7 --- /dev/null +++ b/case4/hcc_schedule.html @@ -0,0 +1,189 @@ + + + + + + + + + + + + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Reservations For conference Rooms Tuesday, April 10
RoomsTimes/EventTimes/EventTimes/EventTimes/EventTimes/Event
Sunrise Room8:00-9:00 (Breakfast Club of Ohio)12:00 - 1:00 (Marriage Encounter Luncheon)3:00 - 5:00 (Marriage Encounter Talks)
Mountain View Room8:00 - 9:00 (Breakfast Club of Ohio)11:00 - 1:00 (Ohio Conference of Librarians)2:00 - 5:00 (Ohio Book Resale Setup)
Arbor Hall8:00 - 12:00 (Computer Expo set up)1:00 - 5:00 (Computer Expo opening session)
Mitchel Theater3:00 - 5:00 (Youth Theatre)
Gold Room9:00 - 10:30 (The Tompkins Group)10:30 - 12:00 (Pearson Planning)2:00 - 3:30 (Mothers of Multiples)3:30 - 5:00 (Teen Connection)
Blue Room9:00 - 10:30 (Retirement Planning)10:30 - 12:00 (The Senior Group)12:00 - 1:00 (Senior Luncheon)1:00 - 3:30 (Senior Classes)3:30 - 5:00 (Tutoring)
Green Room9:00 - 11:00 (Drivers' Ed)11:00 - 1:30 (Movie Club)3:30 - 5:00 (Tutoring)
+ +
+

+ To reserve a room, please contact Yancy Inwe at extension 388 or by e-mail at yancyinwe@hconfcenter.org. + Reservations should be made at least 48 hours in advance. Cancellations require 24 hour notice. Room deposits will + not be returned for cancellations within 24 hours of the scheduled event. +
+
+ Here are the room descriptions: +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
RoomsMaximum Capacity
Sunrise Room80
Mountain View Room150
Arbor Hall190
Mitchel Theater120
Gold Room40
Blue Room30
Green Room55
+ + + + + \ No newline at end of file diff --git a/case4/hcc_schedule_txt.css b/case4/hcc_schedule_txt.css deleted file mode 100644 index 5bd8aaa..0000000 --- a/case4/hcc_schedule_txt.css +++ /dev/null @@ -1,13 +0,0 @@ -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 4 - - Schedule Table Style Sheet - Author: - Date: - - Filename: hcc_schedule.css - Supporting Files: - -*/ diff --git a/case4/hcc_schedule_txt.html b/case4/hcc_schedule_txt.html deleted file mode 100644 index dfa6f23..0000000 --- a/case4/hcc_schedule_txt.html +++ /dev/null @@ -1,22 +0,0 @@ - - - - - - - - - - - \ No newline at end of file diff --git a/case4/hcc_styles.css b/case4/hcc_styles.css new file mode 100644 index 0000000..b7c71f2 --- /dev/null +++ b/case4/hcc_styles.css @@ -0,0 +1,115 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Hamilton Conference Center Style Sheet + Author: Morgan and Peter + Date: 11-30-18 + + Filename: hcc_styles.css + Supporting files: + +*/ + +/*table*/ + +table#Rooms { + 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; +} + + +table#Secondtable { + 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; +} +caption { + text-align:center; + color: blue; +} + +/* 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; +} + +/*footer*/ + footer { + color: white; + background: linear-gradient(to bottom, rgb(3, 51, 86), black); + font-size: 0.9em; + font-style: normal; +} + +footer nav ul { + float: left; + padding: 30px; + width: 25%; +} + +footer nav ul a { + color: white; +} + +footer nav ul a:hover { + text-decoration: underline; +} + +footer::after { + display: table; + content: ""; + clear: both; +} + diff --git a/case4/hcc_styles_txt.css b/case4/hcc_styles_txt.css deleted file mode 100644 index 8ab480c..0000000 --- a/case4/hcc_styles_txt.css +++ /dev/null @@ -1,14 +0,0 @@ -/* - New Perspectives on HTML and CSS, 7th Edition - Tutorial 6 - Case Problem 4 - - Hamilton Conference Center Style Sheet - Author: - Date: - - Filename: hcc_styles.css - Supporting files: - -*/ - diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css new file mode 100644 index 0000000..3d62884 --- /dev/null +++ b/review/dlr_columns2.css @@ -0,0 +1,28 @@ +@charset "utf-8"; +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Columns Style Sheet + 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; + -moz-column-rule: 1px solid black; + -webkit-column-rule: 1px solid black; + column-rule: 1px solid black; + } +} \ No newline at end of file diff --git a/review/dlr_columns2_txt.css b/review/dlr_columns2_txt.css deleted file mode 100644 index 0ef6bdb..0000000 --- a/review/dlr_columns2_txt.css +++ /dev/null @@ -1,20 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Review Assignment - - Columns Style Sheet - Author: - Date: - - Filename: dlr_columns2.css - -*/ - - - -/* Column Styles */ - - diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html new file mode 100644 index 0000000..ad6e081 --- /dev/null +++ b/review/dlr_mornings.html @@ -0,0 +1,153 @@ + + + + + + + + DLR Morning Schedule + + + + + + + +
+

Listener Supported Since 1975

+ +
+ +
+ +
+ 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. +
Please refer below for our current morning schedule.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThuFriSatSun
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 Feed
8:00Classical RootsWhat Can You Say?University on the Air
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
+
+
+ + + + \ No newline at end of file diff --git a/review/dlr_mornings_txt.html b/review/dlr_mornings_txt.html deleted file mode 100644 index f90b239..0000000 --- a/review/dlr_mornings_txt.html +++ /dev/null @@ -1,61 +0,0 @@ - - - - - - - - DLR Morning Schedule - - - - - -
-

Listener Supported Since 1975

- -
- -
- -
- 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. -
Please refer below for our current morning schedule.

- -
- -
- - - - - \ No newline at end of file diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css new file mode 100644 index 0000000..4ad3af3 --- /dev/null +++ b/review/dlr_tables2.css @@ -0,0 +1,69 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Tables Style Sheet + 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; + border-collapse: collapse; +} + +tr { + height: 25px; +} + +th, td { + border: 1px solid gray; + vertical-align: top; + padding: 5px; +} + +/* Table Caption Styles */ +caption { + 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 diff --git a/review/dlr_tables2_txt.css b/review/dlr_tables2_txt.css deleted file mode 100644 index 4c58fb9..0000000 --- a/review/dlr_tables2_txt.css +++ /dev/null @@ -1,39 +0,0 @@ -@charset "utf-8"; - -/* - New Perspectives on HTML and CSS - Tutorial 6 - Review Assignment - - Tables Style Sheet - Author: - Date: - - Filename: dlr_tables2.css - -*/ - -/* Table Styles */ - - - -/* Table Caption Styles */ - - - -/* Table Column Styles */ - - - -/* Table Header Styles */ - - - -/* Table Footer Styles */ - - - - - - - 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..ece8a8a --- /dev/null +++ b/tutorial/dlr_lw0414.html @@ -0,0 +1,170 @@ + + + + + + + + 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. +
  3. Level 1 Individual vehicle controls are automated, such as electronic + stability control or automatic braking.
  4. +
  5. Level 2 At least two controls can be automated in unison, such as + adaptive cruise control in combination with lane keeping.
  6. +
  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. +
  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.
  10. +
+

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. +
  3. 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.
  4. +
  5. 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.
  6. +
  7. 2024 Jaguar expects to release an autonomous car.
  8. +
  9. 2025 Daimler and Ford expect to release autonomous vehicles on the market.
  10. +
  11. 2035 Information Handling Services (IHS) Automotive Report projects that most self-driving vehicles + will be operated completely independently from a human occupant’s control.
  12. +
  13. 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 */ -