diff --git a/case1/mi_pricing_txt.html b/case1/mi_pricing.html similarity index 55% rename from case1/mi_pricing_txt.html rename to case1/mi_pricing.html index 127737d..1cdfef6 100644 --- a/case1/mi_pricing_txt.html +++ b/case1/mi_pricing.html @@ -7,8 +7,8 @@ Case Problem 1 Marlin Internet Pricing - Author: - Date: + Author: Aspen and Bethany + Date: 11/20/18 Filename: mi_pricing.html @@ -18,7 +18,8 @@ Marlin Internet - + + @@ -47,6 +48,75 @@

Accelerate with No Speed Traps

(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 Mbs15 Mbs25 Mbs50 Mbs
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 new file mode 100644 index 0000000..3d5414d --- /dev/null +++ b/case1/mi_tables.css @@ -0,0 +1,73 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Case Problem 1 + + Tables Style Sheet + Author: Aspen and Bethany + Date: 11/20/18 + + Filename: mi_tables.css + +*/ + +/* Table Styles */ +table { + background: linear-gradient(to bottom, rgb(190, 215, 255), black); + border: 5px solid gray; +} + +table th, td { + border: 3px solid gray; + line-height: 1.4em; + padding: 8px; +} + +table th { + background-color: black; + color: rgb(130, 210, 255); + font-weight: normal; +} + +table td { + color: white; + font-size: 0.9em; + text-align: top; +} + + +/* Column Styles */ +col#firstCol { + width: 24%; +} + +col#dataCols { + width: 19%; +} + + +/* Table Header Styles */ +table header { + height: 60px; +} + +table thead tr:first-of-type th:first-of-type { + font-size: 2em; +} + +table thead tr:first-of-type th:not(:first-of-type) { + background-color: rgba(1, 1, 1, .1); + color: black; +} + + + + + + + + + + diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css new file mode 100644 index 0000000..6b06232 --- /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: Aspen and Bethany + Date: 11/26/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%; +} + +table td { +border: 5px outset gray; +width: 33.3%; +} + +table 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; + border: 1 solid black; + height: 40px; + text-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..9aca82f --- /dev/null +++ b/case2/jpf_sudoku.html @@ -0,0 +1,309 @@ + + + + + + + + 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..fa72c81 --- /dev/null +++ b/case3/lht_columns.css @@ -0,0 +1,25 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Columns Style Sheet + Author: Aspen and Bethany + Date: 11/27/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; +} 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..5320e4b --- /dev/null +++ b/case3/lht_feb.html @@ -0,0 +1,417 @@ + + + + + + + + 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. +

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

+
+
+
+
+
+
data-date attributes css +

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
+
data-date attributes css +
+

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
+
+
+ + + + + \ 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_schedule.txt b/case3/lht_schedule.txt index ff90082..8978214 100644 --- a/case3/lht_schedule.txt +++ b/case3/lht_schedule.txt @@ -1,5 +1,10 @@ Lyman Hall Theater Schedule of Events + + + + + January 28 Caron Quartet 1 pm diff --git a/case3/lht_tables.css b/case3/lht_tables.css new file mode 100644 index 0000000..dda0d44 --- /dev/null +++ b/case3/lht_tables.css @@ -0,0 +1,109 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 3 + + Calendar Style Sheet + Author: Aspen and Bethany + Date: 11/27/18 + + 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 th, tbody h1{ + display:none; + } + + caption{ + background-color:grey; + color:white; + 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 grey; + + } + /*Kenaz and Lauren gave me this*/ + td:before{ + content:attr(data-date); + position:absolute; + top:0; + left: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:right bottom; + 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; + content:fixed; + width: 85%; + } + td{ + border: 1px solid grey; + font-size:0.85em; + font-weight:normal; + padding:5px; + vertical-align:top; + width:14.28%; + word-wrap: normal; + 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 grey 0px 0px 20px; + } + + table caption { + caption-side: 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_schedule.css b/case4/hcc_schedule.css new file mode 100644 index 0000000..64eaa81 --- /dev/null +++ b/case4/hcc_schedule.css @@ -0,0 +1,68 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Schedule Table Style Sheet + Author: Aspen and Bethany + Date: 11/29/18 + + Filename: hcc_schedule.css + Supporting Files: + +*/ + +/* Table Styles */ + + +table { + border: 5px solid rgb(255, 0, 212); + border-collapse: collapse; + text-align: center; +} + +table th, table td { + border: 3px dashed rgb(50, 255, 0); +} + +tbody th { + background-color: rgb(83, 44, 224); + color: white; + width: 8%; +} + +tbody td { + width: 20%; +} + +table caption { + font-weight: bold; + color: rgb(26, 38, 4); +} + +thead th:not(:first-of-type) { + background-color: rgba(0, 0, 0, 0.3); +} + +thead th:first-of-type { + background-color: rgb(4, 38, 34); +} + + + +/* Column Styles */ +col.normal_rooms { + background-color: rgb(138, 247, 218); +} + +col.hall { + background-color: rgb(166, 220, 237); +} + +col.theater { + background-color: rgb(142, 161, 255); +} + +col.color_rooms { + background-color: rgb(224, 142, 255); +} diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html new file mode 100644 index 0000000..c17c514 --- /dev/null +++ b/case4/hcc_schedule.html @@ -0,0 +1,230 @@ + + + + + + + Hamilton Conference Center + + + + + + +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
Reservations for Conference Rooms
+ Tuesday, April 10th
Sunrise RoomMountain View RoomArbor HallMitchell TheaterGold RoomBlue RoomGreen Room
8:00Marriage EncounterBreakfast Club of OhioComputer Expo set up
8:30
9:00The Tompkins GroupRetirement PlanningDrivers' Ed
9:30
10:00
10:30Pearson PlanningThe Senior Group
11:00Ohio Congerence of LibrariansMovie Club
11:30
12:00Marriage Encounter LuncheonSenior Luncheon
12:30
1:00Computer Expo opening sessionSenior Classes
1:30
2:00Ohio Book Resale SetupMothers of Multiples
2:30
3:00Marriage Encouter TalksYouth Theatre
3:30Teen ConnectionTutoring
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.

+ +
+ + +
+ +
+ +

Sunrise Room

+

Maximum Capacity: 80

+ +
+ +

Moutain View Room

+

Maximum Capacity: 150

+ +
+ +

Arbor Hall

+

Maximum Capacity: 190

+ +
+ +

Mitchell Theatre

+

Maximum Capacity: 120

+ +
+ +

Gold Room

+

Maximum Capacity: 40

+ +
+ +

Blue Room

+

Maximum Capacity: 30

+ +
+ +

Green Room

+

Maximum Capacity: 55

+ +
+ + + + + \ No newline at end of file diff --git a/case4/hcc_styles.css b/case4/hcc_styles.css new file mode 100644 index 0000000..465a969 --- /dev/null +++ b/case4/hcc_styles.css @@ -0,0 +1,107 @@ +/* + New Perspectives on HTML and CSS, 7th Edition + Tutorial 6 + Case Problem 4 + + Hamilton Conference Center Style Sheet + Author: Aspen and Bethany + Date: 11/29/18 + + Filename: hcc_styles.css + Supporting files: + +*/ + +/* Html and Body Styles */ + +html { + height: 100%; + width: 95%; + min-width: 640; + max-width: 940; + margin-left: auto; + margin-right: auto; + background-color: rgb(1, 19, 109); +} + +body { + background-color: rgb(255, 151, 7); +} + + +/* Nav List Styles*/ +header { + background-color: rgb(255, 28, 239); +} + +nav { + text-align: center; + list-style: none; +} + +nav a { + text-decoration: none; +} + +header nav ul li { + background-color: rgb(255, 28, 239); + padding: 0px 10px; + display: inline; +} + +header nav ul li a { + color: rgb(153, 83, 6); + font-size: 1.2em; +} + +header nav ul li a:hover { + color: white; + background-color: rgb(127, 14, 119); +} + +/* Reserve Info Styles */ + +article#info { + color: rgb(66, 9, 62); + text-align: center; + padding-left: 5px; + padding-right: 5px; +} + +article#info a:hover { + color: red; +} + +/* Column Styles */ + +article#capacity{ + -moz-column-count:7; + -webkit-column-count:7; + column-count:7; + + -moz-column-gap:30px; + -webkit-column-gap:30px; + column-gap:30px; + + -moz-column-rule:2px solid rgb(244, 66, 66); + -webkit-column-rule: 2px solid rgb(244, 66, 66); + column-rule: 2px solid rgb(244, 66, 66); + + widows:2; + orphans:2; + + padding-left: 6px; +} + + +/* Footer Styles */ + +footer { + background-color: rgb(255, 238, 0); + color: rgb(94, 20, 168); + text-align: center; +} + +footer a:hover { + color: rgb(190, 201, 179); +} diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css new file mode 100644 index 0000000..b838d00 --- /dev/null +++ b/review/dlr_columns2.css @@ -0,0 +1,38 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Columns Style Sheet + Author: Aspen and Bethany + Date: 11/20/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; + + } + +} + + diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html new file mode 100644 index 0000000..a26c293 --- /dev/null +++ b/review/dlr_mornings.html @@ -0,0 +1,155 @@ + + + + + + + + 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
TimeMonTueWedThrFriSatSun
Support your Public Radio Station.
5:00 AMDawn AirDawn Air WeekendsSunday Magazine
5:30 AM
6:00 AMWeekend Reflections
6:30 AM
7:00 AMLocal NewsWeekend WrapRadio U
7:30 AMWorld News Feed
8:00 AMClasical RootsWhat Can You Say?Univeristy on the Air
8:30 AM
9:00 AM
9:30 AMAnimal Talk
10:00 AMSymphony CityWord Play
10:30 AMBrain Stew
11:00 AMOprea Live from the East CoastThe Inner Mind
11:30 AMGrammer Rules!!
12:00 PMBook ClubWeekend Wrap
+
+ +
+ + + + + \ No newline at end of file diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css new file mode 100644 index 0000000..f665791 --- /dev/null +++ b/review/dlr_tables2.css @@ -0,0 +1,77 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Review Assignment + + Tables Style Sheet + Author: Aspen and Bethany + 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:Ariel ,Verdana, sans-serif; +} +table.programs th, table.programs td{ + border: 1px solid gray; + vertical-align:top; + padding:5px; +} + + +/* 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 */ +table.programs thead{ + color:white; + background:rgb(105,177,60); +} +table.programs thead th:first-of-type{ + background:rgb(153,86,7); +} +table.programs thead th:nth-of-type(7), th:nth-of-type(8){ + background:rgb(153,0,153); +} + + +/* Table Footer Styles */ +table.programs tfoot{ + color:white; + background:black; +} + + + + + + + diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css new file mode 100644 index 0000000..6ad5c07 --- /dev/null +++ b/tutorial/dlr_columns.css @@ -0,0 +1,42 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Columns Style Sheet + Author: Aspen and Bethany + 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; + } +} 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..a308d87 100644 --- a/tutorial/dlr_evenings_txt.html +++ b/tutorial/dlr_evenings.html @@ -7,8 +7,8 @@ Tutorial Case DLR Nightly Schedule - Author: - Date: + Author: Aspen and Bethany + Date: 11/20/18 Filename: dlr_evenings.html @@ -19,6 +19,7 @@ DLR Nightly Schedule + @@ -41,7 +42,7 @@

Listener Supported Since 1975

-
+
DLR

DLR Nightly Schedule

DLR airs listener-supported public radio in Bismarck, @@ -49,6 +50,83 @@

DLR Nightly Schedule

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

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
All Times Central
TimeMonTueWedThrFriSatSun
DLR ends its broadcast day at 10:30 p.m.
6:00 PMNational News
6:30 PMWorld News
7:00 PMOprea FestRadio UScience WeekThe Living WorldWord PlayAgri-WeekFolk Fest
7:30 PM Brain StewBismarck Forum
8:00 PMThe Classical Music ConnectionOld Time RadioSaturday Nite JazzThe Indie Connection
8:30 PM The Inner Mind
9:00 PM Open Mike Nite
9:30 PM
10:00 PMWorld News Feed
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..59dfb13 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: Aspen and Bethany + Date: 11/20/18 Filename: dlr_lw0414.html @@ -18,7 +18,8 @@ The Living World: April 14 - + + diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css new file mode 100644 index 0000000..85b9c2e --- /dev/null +++ b/tutorial/dlr_tables.css @@ -0,0 +1,66 @@ +@charset "utf-8"; + +/* + New Perspectives on HTML and CSS + Tutorial 6 + Tutorial Case + + Tables Style Sheet + Author: Aspen and Bethany + 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 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%; +}