diff --git a/case1/mi_pricing.html b/case1/mi_pricing.html new file mode 100644 index 0000000..a34b359 --- /dev/null +++ b/case1/mi_pricing.html @@ -0,0 +1,189 @@ + + + + + + + + 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
plan 		Starter Prime Prime Plus Ultra
$19.95
per month 		$29.95
per month 		$49.95
per month 		$69.95
per month
Summary Just 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 Speed 3 Mbps 15 Mbps 25 Mbps 50 Mbps
Upload Speed 512 Kbps 6 Mbps 10 Mbps 20 Mbps
Cloud Storage 2 GB 5 GB 15 GB 40 GB
E-mail Accounts 2 Accounts 3 Accounts 5 Accounts 10 Accounts
24/7 Support Yes Yes Yes Yes
+ +
+ + + + + diff --git a/case1/mi_pricing_txt.html b/case1/mi_pricing_txt.html deleted file mode 100644 index 127737d..0000000 --- a/case1/mi_pricing_txt.html +++ /dev/null @@ -1,80 +0,0 @@ - - - - - - - - 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.

- - -
- - - - - \ No newline at end of file diff --git a/case1/mi_tables.css b/case1/mi_tables.css new file mode 100644 index 0000000..9d0e380 --- /dev/null +++ b/case1/mi_tables.css @@ -0,0 +1,74 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Case Problem 1 + + Tables Style Sheet + Author: Steven Thompson & Travis A + Date: November 26, 2018 + + Filename: mi_tables.css + +*/ + +/* Table Styles */ + + table{ + background-image: linear-gradient(to bottom, 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%; + } + + .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; + } + + + + + + + + + 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..3b5acec --- /dev/null +++ b/case2/jpf_sudoku.css @@ -0,0 +1,60 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML5 and CSS3, 7th Edition + Tutorial 6 + Case Problem 2 + + Sudoku Style Sheet + Author: Steven Thompson & Travis A + Date: November 26, 2018 + + Filename: jpf_sudoku.css + +*/ + +/* Table Styles */ + + .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 */ + + .subTable{ + border-collapse: collapse; + width: 100%; + } + + .subTable td{ + box-shadow: inset 0px 0px 15px; + border: 1px solid black; + color: blue; + height: 40px; + vertical-align: center; + text-align: center; + } + + .goldBox { + background-color: rgb(228, 199, 42); + } + + .greenBox { + background-color: rgb(203, 229, 130); + } diff --git a/case2/jpf_sudoku.html b/case2/jpf_sudoku.html new file mode 100644 index 0000000..3643c4e --- /dev/null +++ b/case2/jpf_sudoku.html @@ -0,0 +1,308 @@ + + + + + + + + The Sudoku Puzzle + + + + + + +
+ Japanese Puzzle Factory + +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Sudoku
1 2 3 4 5 6 7 8 9
A + + + + + + + + + + + + + + + + +
4
3 5
+ 		+ + + + + + + + + + + + + + + + +
5 3
+ 		+ + + + + + + + + + + + + + + + +
7
3 1
2
+
B
C
D + + + + + + + + + + + + + + + + +
6 9
4 7 2
+ 		+ + + + + + + + + + + + + + + + +
2
9
+ 		+ + + + + + + + + + + + + + + + +
9 3 7
4 8
+
E
F
G + + + + + + + + + + + + + + + + +
1
4 5
6
+ 		+ + + + + + + + + + + + + + + + +
8 1
+ 		+ + + + + + + + + + + + + + + + +
5 2
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!

+
+ + + + + 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..a0e4c83 --- /dev/null +++ b/case3/lht_columns.css @@ -0,0 +1,42 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Columns Style Sheet + Author: Steven Thompson & Travis A + Date: November 27, 2018 + + Filename: lht_columns.css + +*/ + + + +/* 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_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..1e2d54b --- /dev/null +++ b/case3/lht_feb.html @@ -0,0 +1,350 @@ + + + + + + + + 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
Sun Mon Tue Wed Thu Fri Sat
+

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

+
+
Caron 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
+
+
+ + + + + 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..be57c4c --- /dev/null +++ b/case3/lht_tables.css @@ -0,0 +1,118 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Calendar Style Sheet + Author: Steven Thompson & Travis A + Date: November 27, 2018 + + 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: rgb(145, 147, 150); + 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{ + content: "" attr(data-date) ""; + position: absolute; + left: 0; + top: 0; + 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-repeat: no-repeat; + background-position: bottom right; + background-size: 40%; + border: 6px double rgb(154, 64, 3); + border-collapse: collapse; + margin-top: 20px; + margin-bottom: 20px; + margin-left: auto; + margin-right: auto; + table-layout: fixed; + width: 85%; + } + + th, td{ + border: 1px solid gray; + font-size: .85em; + font-weight: normal; + padding: 5px; + vertical-align: top; + width: 14.28%; + word-wrap: normal; + } + + td{ + background: 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: gray inset 0px 0px 20px; + } + + table caption{ + vertical-align: top; + text-align: center; + padding-bottom: 10px; + font-size: 1.2em; + letter-spacing: 3px; + } + + thead th{ + background-color: rgb(154, 64, 3); + color: white; + } +} 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_columns.css b/case4/hcc_columns.css new file mode 100644 index 0000000..ea39fe7 --- /dev/null +++ b/case4/hcc_columns.css @@ -0,0 +1,40 @@ + /* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Hamilton Conference Center Style Sheet + Author: Steven Thompson & Travis A + Date: November 29, 2018 + + Filename: hcc_columns.css + Supporting files: + +*/ + + + @media only screen and (min-width: 641px){ + + article { + -moz-column-count: 3; + -webkit-column-count: 3; + column-count: 3; + + -moz-column-gap: 40px; + -webkit-column-gap: 40px; + column-gap: 40px; + + -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/case4/hcc_schedule.css b/case4/hcc_schedule.css new file mode 100644 index 0000000..6c66178 --- /dev/null +++ b/case4/hcc_schedule.css @@ -0,0 +1,122 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Schedule Table Style Sheet + Author: Steven Thompson & Travis A + Date: November 28, 2018 + + Filename: hcc_schedule.css + Supporting Files: + +*/ + + + .timeCol { + background-color: rgb(194, 198, 137); + } + + + .availTable thead th{ + background-color: rgb(150, 19, 38); + } + + .availTable thead th:first-of-type{ + width: 12%; + background-color: rgb(34, 107, 96); + } + + tfoot td{ + background-color: black; + text-align: left; + color: white; + } + + /* + =============================== + Mobile Styles: 0px to 640px + =============================== + */ + +@media only screen and (max-width: 640px){ + + table, tbody, tr, td, th, caption{ + display: block; + } + + thead, h1, tfoot{ + display: none; + } + + table caption{ + color: white; + background-color: rgb(145, 147, 150); + 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{ + background-color: rgb(255, 235, 178); + border: 2px solid gray; + } + +} + +/* ============================================= + Tablet and Desktop Styles: greater than 640px + ============================================= +*/ + +@media only screen and (min-width: 641px){ + + table{ + border: 6px double rgb(154, 64, 3); + border-collapse: collapse; + margin-top: 20px; + margin-bottom: 20px; + margin-left: auto; + margin-right: auto; + table-layout: fixed; + width: 85%; + } + + th, td{ + border: 1px solid gray; + font-size: .85em; + font-weight: normal; + padding: 5px; + vertical-align: center; + width: 14.28%; + word-wrap: normal; + text-align: center; + } + + td{ + background: rgba(171, 171, 171, 0.6); + color: rgb(11, 12, 145); + } + + table caption{ + vertical-align: top; + text-align: center; + padding-bottom: 10px; + font-size: 1.2em; + letter-spacing: 3px; + } + + thead th{ + background-color: rgb(154, 64, 3); + color: white; + } +} + diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html new file mode 100644 index 0000000..94af21f --- /dev/null +++ b/case4/hcc_schedule.html @@ -0,0 +1,216 @@ + + + + + + + Hamilton Conference Center + + + + + + + + + +
+ +
+ +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ Reservations for Conference Rooms +
Time Sunrise Room Moutain View Room Arbor Hall Mitchell Theatre Gold Room Blue Room Green Room
Tuesday, April 10
8:00 Marriage EncounterBreakfast Club of OhioComputer Expo set upAvailableAvailableAvailableAvailable
8:30
9:00 AvailableThe Tompkins GroupRetirement PlanningDrivers' Ed
9:30
10:00 Available
10:30 Pearson PlanningThe Senior Group
11:00 Ohio Conference of LibrariansMovie Club
11:30
12:00 Marriage Encounter LuncheonAvailableAvailableSenior Luncheon
12:30
1:00 Available AvailableComputer Expo opening sessionSenior ClassesAvailable
1:30
2:00 Ohio Book Resale SetupMothers of Multiples
2:30
3:00 Marriage Encounter TalksYouth TheatreAvailable
3:30 Teen ConnectionTutoringTutoring
4:00
4:30
+
+ +
+

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

+
+ + + + + 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..2b843aa --- /dev/null +++ b/case4/hcc_styles.css @@ -0,0 +1,67 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Hamilton Conference Center Style Sheet + Author: Steven Thompson & Travis A + Date: November 28, 2018 + + Filename: hcc_styles.css + Supporting files: + +*/ + + + /* Basic styles */ + + html{ + background-color: gray; + } + + body{ + background-color: white; + } + + footer{ + text-align: center; + background-color: gray; + color: white; + } + + /* DESKTOP ONLY */ + + @media only screen and (min-width: 641px){ + + body{ + max-width: 80%; + margin: auto; + } + + nav a{ + text-decoration: none; + } + + nav li{ + list-style-type: none; + float: left; + width: 11.11%; + padding-top: 1%; + padding-bottom: 2%; + } + + } + + @media only screen and (max-width: 641px){ + + footer{ + -webkit-order: 100; + -moz-box-order: 100; + order: 100; + } + + .roomDesc, .reserveInstructions{ + display: none; + } + } + 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/index.html b/index.html index 3a65fb4..54587a0 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,16 @@ - Tutorial 5 + HTML06 Projects @@ -20,20 +20,21 @@
-

Tutorial 5 links

+

HTML06 links

- diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css new file mode 100644 index 0000000..f8355a8 --- /dev/null +++ b/review/dlr_columns2.css @@ -0,0 +1,37 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Columns Style Sheet + Author: Steven Thompson & Travis A + Date: November 20, 2018 + + 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; + } + +} 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..d556742 --- /dev/null +++ b/review/dlr_mornings.html @@ -0,0 +1,171 @@ + + + + + + + + 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
Time Mon Tue Wed Thu Fri Sat Sun
Support your Public Radio Station
5:00 Dawn Air Dawn Air Weekends Sunday Magazine
5:30
6:00 Weekend Reflections
6:30
7:00 Local News Weekend Wrap Radio U
7:30 World News Feed
8:00 Classical Roots What Can You Say? University on the Air
8:30
9:00
9:30 Animal Talk
10:00 Symphony City Word Play
10:30 Brain Stew
11:00 Opera Live from the East Coast The Inner Mind
11:30 Grammer Rules!!
12:00 Book Club Weekend Wrap
+ +
+ +
+ + + + + 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..af2dfa7 --- /dev/null +++ b/review/dlr_tables2.css @@ -0,0 +1,83 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Tables Style Sheet + Author: Steven Thompson & Travis A + Date: November 20, 2018 + + 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: auto; + } + +/* Table Column Styles */ + + .timeColumn { + width: 10%; + background-color: rgb(215, 205, 151); + } + + .wDaysColumns{ + width: 11%; + background-color: rgb(236, 255, 211); + } + + .wEndColumns{ + width: 17%; + background-color: rgb(255, 231, 255); + } +/* Table Header Styles */ + + table.programs thead { + color: white; + background-color: rgb(105, 177, 60); + } + + table.programs thead th:first-of-type{ + background-color: rgb(153, 86, 7); + } + + table.programs thead th:nth-of-type(7), table.programs thead th:nth-of-type(8){ + background-color: rgb(153, 0, 153); + } + +/* Table Footer Styles */ + + + table.programs tfoot{ + color: white; + background-color: black; + } + + + + 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/styles.css b/styles.css index fa79ea2..aff71bd 100644 --- a/styles.css +++ b/styles.css @@ -2,11 +2,11 @@ /* New Perspectives on HTML5 and CSS3, 7th Edition - Tutorial 5 + Tutorial 6 Filename: styles.css - - This file contains the layout styles used in the Tutorial 5 + + This file contains the layout styles used in the Tutorial 6 home page. */ @@ -44,7 +44,7 @@ nav.horizontal li { float: left; line-height: 2em; text-transform: uppercase; - width: 16%; + width: 14.2%; } nav.horizontal a { @@ -82,7 +82,7 @@ section img { /* New Styles Added Below */ /* =============================== - Mobile Styles: 0px to 480px + Mobile Styles: 0px to 480px =============================== */ @media only screen and (max-width: 480px) { @@ -90,4 +90,4 @@ section img { nav.horizontal a { font-size: 1.5em; line-height: 2.2em; - } + } diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css new file mode 100644 index 0000000..36139c6 --- /dev/null +++ b/tutorial/dlr_columns.css @@ -0,0 +1,44 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Columns Style Sheet + Author: Steven Thompson & Travis A + Date: November 19, 2018 + + 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..3a4b025 --- /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
Time Mon Tue Wed Thu Fri Sat Sun
DLR ends its broadcast day at 10:30 p.m.
6:00 PM National News
6:30 PM World News
7:00 PM Opera Fest Radio U Science Week Living World Word Play Agri-Week Folk Fest
7:30 PM Brain Stew Bismarck Forum
8:00 PM The Classical Music Connection Old Time Radio Saturday Nite Jazz The Indie Connection
8:30 PM The Inner Mind
9:00PM Open Mic Nite
9:30 PM
10:00 PM World 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 97% rename from tutorial/dlr_lw0414_txt.html rename to tutorial/dlr_lw0414.html index 405e4d1..d479aab 100644 --- a/tutorial/dlr_lw0414_txt.html +++ b/tutorial/dlr_lw0414.html @@ -7,8 +7,8 @@ Tutorial Case The Living World: April 14 - Author: - Date: + Author: Steven Thompson & Travis A + Date: November 19, 2018 Filename: dlr_lw0414.html @@ -19,6 +19,7 @@ The Living World: April 14 + @@ -165,4 +166,4 @@

The Impact of Driverless Cars

- \ No newline at end of file + diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css new file mode 100644 index 0000000..db9a925 --- /dev/null +++ b/tutorial/dlr_tables.css @@ -0,0 +1,71 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Tables Style Sheet + Author: Steven Thompson & Travis A + Date: November 19, 2018 + + 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 gray; + 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 */ -