LewisAndClark-CSD · KenazBarks · Nov 8, 2018 · Nov 8, 2018 · Nov 13, 2018 · Nov 14, 2018
diff --git a/README.md b/README.md
@@ -1 +1,37 @@
-# html05
+## Welcome to GitHub Pages
+
+You can use the [editor on GitHub](https://github.com/KenazBarks/html05/edit/master/README.md) to maintain and preview the content for your website in Markdown files.
+
+Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files.
+
+### Markdown
+
+Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for
+
+```markdown
+Syntax highlighted code block
+
+# Header 1
+## Header 2
+### Header 3
+
+- Bulleted
+- List
+
+1. Numbered
+2. List
+
+**Bold** and _Italic_ and `Code` text
+
+[Link](url) and ![Image](src)
+```
+
+For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/).
+
+### Jekyll Themes
+
+Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/KenazBarks/html05/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file.
+
+### Support or Contact
+
+Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out.
diff --git a/_config.yml b/_config.yml
@@ -0,0 +1 @@
+theme: jekyll-theme-cayman
diff --git a/case1/gp_cover_txt.html → case1/gp_cover.html b/case1/gp_cover_txt.html → case1/gp_cover.html
@@ -7,15 +7,19 @@
           Case Problem 1
 
           Ghost of the Deep Cover Page
-          Author: 
-          Date:   
+          Author: Kenaz & Khanh
+          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" />
+   <link href="gp_layout.css" rel="stylesheet" media="screen" />
+   <link href="gp_print.css" rel="stylesheet" media="print"/>
 </head>
 
 <body>

diff --git a/case1/gp_layout.css b/case1/gp_layout.css
@@ -0,0 +1,105 @@
+@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: 480px) {
+
+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: 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%;
+}
+
+
+
+
+
+}
diff --git a/case1/gp_layout_txt.css b/case1/gp_layout_txt.css
diff --git a/case1/gp_page1_txt.html → case1/gp_page1.html b/case1/gp_page1_txt.html → case1/gp_page1.html
@@ -15,6 +15,11 @@
 
    <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" />
+   <link href="gp_layout.css" rel="stylesheet" media="screen" />
+   <link href="gp_print.css" rel="stylesheet" media="print"/>
    </head>
 
 <body>

diff --git a/case1/gp_page2_txt.html → case1/gp_page2.html b/case1/gp_page2_txt.html → case1/gp_page2.html
@@ -15,6 +15,11 @@
 
    <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" />
+   <link href="gp_layout.css" rel="stylesheet" media="screen" />
+   <link href="gp_print.css" rel="stylesheet" media="print"/>
    </head>
 
 <body>

diff --git a/case1/gp_page3_txt.html → case1/gp_page3.html b/case1/gp_page3_txt.html → case1/gp_page3.html
@@ -15,6 +15,11 @@
 
    <title>Ghost of the Deep Page 3</title>
    <meta charset="utf-8" />
+   <meta name="viewport" 
+   content="width=device-width, initial-scale=1" />
+   <link href="gp_reset.css" rel="stylesheet" />
+   <link href="gp_layout.css" rel="stylesheet" media="screen" />
+   <link href="gp_print.css" rel="stylesheet" media="print"/>
    </head>
 
 <body>

diff --git a/case1/gp_print_txt.css → case1/gp_print.css b/case1/gp_print_txt.css → case1/gp_print.css
@@ -17,9 +17,33 @@
 
 
 /* Hidden Objects */
-
-
-
+nav, footer, article {
+	display: none;
+}
+
+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;
+}
 
 
 

diff --git a/case2/wc_hole01.html b/case2/wc_hole01.html
@@ -124,4 +124,4 @@ <h1>Guided Hikes</h1>
       531 Terry Canyon, Ogden UT 84401
    </footer>
 </body>
-</html>
+</html>
-Original file line number
+Diff line change
@@ Expand Up / @@ -124,4 +124,4 @@ <h1>Guided Hikes</h1> @@
 Terry Canyon, Ogden UT 84401
        </footer>
     </body>
-    </html>
+    </html>