Skip to content

Morgan and Nick #15

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
MorganButryn wants to merge 17 commits into
base: master
Choose a base branch
from
Open

Morgan and Nick #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
17 commits
Select commit Hold shift + click to select a range
f375557
new file: tutorial/tf_home.html
MorganButryn Nov 6, 2018
80076bb
Merge branch 'master' of https://github.com/LewisAndClark-CSD/html05
MorganButryn Nov 7, 2018
4387c1a
Scren -> Screen
MorganButryn Nov 7, 2018
661a405
new file: tutorial/tf_flex.css
MorganButryn Nov 7, 2018
ee990f3
new file: tutorial/tf_articles.html
MorganButryn Nov 7, 2018
ca1d2f9
modified: tutorial/tf_articles.html
MorganButryn Nov 8, 2018
ee4dd23
new file: review/tf_print2.css
MorganButryn Nov 8, 2018
511ba04
Finished Review
MorganButryn Nov 12, 2018
4a4cc22
renamed: case1/gp_cover_txt.html -> case1/gp_cover.html
MorganButryn Nov 12, 2018
136949c
Finished case 1
MorganButryn Nov 13, 2018
06c650d
new file: case2/wc_styles.css
MorganButryn Nov 13, 2018
bc23b72
modified: case2/wc_styles.css
MorganButryn Nov 14, 2018
1b878b2
modified: case2/wc_styles.css
MorganButryn Nov 14, 2018
d8589bd
new file: case3/cw_home.html
MorganButryn Nov 14, 2018
cec4356
Finished case 3
MorganButryn Nov 16, 2018
e9f1e9b
new file: case4/jb_home.html
MorganButryn Nov 19, 2018
0081e00
modified: case4/jb_home.html
MorganButryn Nov 20, 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
10 changes: 6 additions & 4 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,17 +7,19 @@
Case Problem 1

Ghost of the Deep Cover Page
Author:
Date:
Author: Nick and Morgan
Date: 11/12/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"/>
</head>

<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" />
<body>
<header>
<img src="gp_logo.png" alt="Golden Pulp" />
Expand Down
94 changes: 94 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,94 @@
@charset "utf-8";

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

Author:
Date:

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: 481px){
img.panel {
width: 100%;
}
nav.horizontal {
-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: 480px) {
nav.horizontal > ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow:row nowarp;
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: 40%;
}
}
42 changes: 0 additions & 42 deletions case1/gp_layout_txt.css
View file
Open in desktop

This file was deleted.

10 changes: 7 additions & 3 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,15 +7,19 @@
Case Problem 1

Ghost of the Deep Page 1
Author:
Date:
Author: Nick and Morgan
Date:11/12/18

Filename: gp_page1.html
-->

<title>Ghost of the Deep Page 1</title>
<meta charset="utf-8" />
</head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<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" />

<body>
<header>
Expand Down
10 changes: 7 additions & 3 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,15 +7,19 @@
Case Problem 1

Ghost of the Deep Page 2
Author:
Date:
Author: Nick and Morgan
Date: 11/12/18

Filename: gp_page2.html
-->

<title>Ghost of the Deep Page 2</title>
<meta charset="utf-8" />
</head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<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" />

<body>
<header>
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,15 +7,19 @@
Case Problem 1

Ghost of the Deep Page 3
Author:
Date:
Author: Nick and Morgan
Date:11/12/18

Filename: gp_page3.html
-->

<title>Ghost of the Deep Page 3</title>
<meta charset="utf-8" />
</head>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
</head>
<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" />

<body>
<header>
Expand Down
46 changes: 46 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,46 @@
@charset "utf-8";
/*
New Perspectives on HTML5 and CSS3, 7th Edition
Tutorial 5
Case Problem 1

Author: Morgan and Nick
Date: 11-13-18

Filename: gp_print.css

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

*/
@page {
size: 8.5in 11in;
margin: 0.5in;
}


/* 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.

Loading