Skip to content

Rob and Peter HTML05 #12

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
RobBlocker wants to merge 11 commits into
base: master
Choose a base branch
from
Open

Rob and Peter HTML05 #12

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
5b61f8b
renamed: case1/gp_cover_txt.html -> case1/gp_cover.html
RobBlocker Nov 6, 2018
b72792a
modified: tutorial/tf_navicon.css
RobBlocker Nov 6, 2018
6a8d50e
Merge branch 'master' of https://github.com/LewisAndClark-CSD/html05
RobBlocker Nov 7, 2018
f9d4d4f
modified: tutorial/tf_articles.html
RobBlocker Nov 7, 2018
6bfeec8
new file: review/tf_print2.css
RobBlocker Nov 7, 2018
de5bfd4
modified: case1/gp_cover.html
RobBlocker Nov 8, 2018
c5d999e
modified: case1/gp_layout.css
RobBlocker Nov 12, 2018
e5d93f6
modified: case3/cw_styles.css
RobBlocker Nov 13, 2018
b008ef7
modified: case3/cw_styles.css
RobBlocker Nov 14, 2018
fe1b0e8
modified: case3/cw_styles.css
RobBlocker Nov 14, 2018
d497fe6
modified: case3/cw_styles.css
RobBlocker Nov 19, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 6 additions & 3 deletions case1/gp_cover_txt.html → case1/gp_cover.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,15 +7,18 @@
Case Problem 1

Ghost of the Deep Cover Page
Author:
Date:
Author: Rob and Peter
Date: 11/8/18

Filename: gp_cover.html
-->

<title>Ghost of the Deep Cover Page</title>
<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="gp_reset.css" rel="stylesheet" media="all" />
<link href="gp_layout.css" rel="stylesheet" media="screen" />
<link href="gp_print.css" rel="stylesheet" media="print" />
</head>

<body>
Expand Down
106 changes: 106 additions & 0 deletions case1/gp_layout.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,106 @@
@charset "utf-8";

/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1

Author: Rob and Peter
Date: 11/8/18

Filename: gp_layout.css

This file contains the layout styles and media
queries used with sample pages from the Golden
Pulps website.

*/


/* Import Basic Design Styles Used on All Screens */

@import url("gp_designs.css");

/* Flex Layout Styles */

body {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
flex-flow: row wrap;
}

section#sheet {
-webkit-flex: 3 1 301px;
flex: 3 1 301px;
}

article {
-webkit-flex: 1 3 180px;
flex: 1 3 180px;
}


/* ============================================
Mobile Devices: 0 - 480 pixels
============================================
*/

@media only screen and (max-width: 480px) {
img.panel {
width: 100%;
}

nav.horizonal {
-webkit-order: 99;
order: 99;
}
body > footer {
-webkit-order: 100;
order: 100;
}
}
/* ===================================================
Tablet and Desktop Devices: Greater than 480 pixels
===================================================
*/

@media only screen and (min-width: 481px) {
nav.horizontal ul {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
height: 40px;
}
nav.horizontal ul > li {
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
}
img.size1 {
width: 100%;
}
img.size2 {
width: 60%;
}
img.size3 {
width: 40%;
}
img.size4 {
width: 30%;
}
}











42 changes: 0 additions & 42 deletions case1/gp_layout_txt.css
View file
Open in desktop

This file was deleted.

8 changes: 6 additions & 2 deletions case1/gp_page1_txt.html → case1/gp_page1.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,18 @@
Case Problem 1

Ghost of the Deep Page 1
Author:
Date:
Author: Rob and Peter
Date: 11/8/18

Filename: gp_page1.html
-->

<title>Ghost of the Deep Page 1</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="gp_reset.css" rel="stylesheet" media="all" />
<link href="gp_layout.css" rel="stylesheet" media="screen" />
<link href="gp_print.css" rel="stylesheet" media="print" />
</head>

<body>
Expand Down
8 changes: 6 additions & 2 deletions case1/gp_page2_txt.html → case1/gp_page2.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,18 @@
Case Problem 1

Ghost of the Deep Page 2
Author:
Date:
Author: Rob and Peter
Date: 11/8/18

Filename: gp_page2.html
-->

<title>Ghost of the Deep Page 2</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="gp_reset.css" rel="stylesheet" media="all" />
<link href="gp_layout.css" rel="stylesheet" media="screen" />
<link href="gp_print.css" rel="stylesheet" media="print" />
</head>

<body>
Expand Down
10 changes: 7 additions & 3 deletions case1/gp_page3_txt.html → case1/gp_page3.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,14 +7,18 @@
Case Problem 1

Ghost of the Deep Page 3
Author:
Date:
Author: Rob and Peter
Date: 11/8/18

Filename: gp_page3.html
-->

<title>Ghost of the Deep Page 3</title>
<meta charset="utf-8" />
<meta charset="utf-8" />\
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link href="gp_reset.css" rel="stylesheet" media="all" />
<link href="gp_layout.css" rel="stylesheet" media="screen" />
<link href="gp_print.css" rel="stylesheet" media="print" />
</head>

<body>
Expand Down
55 changes: 55 additions & 0 deletions case1/gp_print.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,55 @@
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1

Author: Peter and Rob
Date: 11/8/18

Filename: gp_print.css

This file contains the printer styles used with the sample
comic book pages from Golden Pulps.

*/



/* Hidden Objects */
nav, footer, article {
display: none;
}

/* Comic Book Sheet Styles */

section#sheet {
width: 6in;
margin-top: 0in;
margin-bottom: 0in;
margin-left: auto;
margin-right: auto;
}
img.size1 {
width: 5in;
}
img.size2 {
width: 3in;
}
img.size3 {
width: 2in;
}
img.size4 {
width: 1.5in;
}











39 changes: 0 additions & 39 deletions case1/gp_print_txt.css
View file
Open in desktop

This file was deleted.

1 change: 1 addition & 0 deletions case2/wc_hole01.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 2


Willet Creek Hole 1

Expand Down
Loading