homework

carterdeacon · Mar 17, 2022 · 5ffbc00 · 5ffbc00
1 parent 2ded2bf
commit 5ffbc00
Show file tree

Hide file tree

Showing 48 changed files with 1,265 additions and 0 deletions.
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs.zip b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs.zip
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/normalize.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/normalize.css
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/reset.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/reset.css
@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+ol, ul {
+	list-style: none;
+}
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/style.css b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/css/style.css
@@ -0,0 +1,28 @@
+/* 
+
+## Style Hints: 
+
+Body Font Size = 12px
+	 Line Height = 17px
+	 Font Family = "Times New Roman", serif
+	 Font Color = #656565
+
+Link Hover Color = #20222a
+
+*/
+header {
+	border: 20px, 0px, 0px, 50px;
+}
+#container {
+	position: absolute;
+	right: 300px;
+	margin-left: auto;
+	width: 600px;
+	align-items: center;
+}
+footer {
+	position:absolute;
+	bottom: 0px;
+
+	font-size: 15px
+}
diff --git a/...g/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/brook-and-lyn-logo.gif b/...g/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/brook-and-lyn-logo.gif
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-bloghero.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-bloghero.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-rings.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/home-rings.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-huffpost.gif b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-huffpost.gif
diff --git a/...ang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-logo_lucky.gif b/...ang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-logo_lucky.gif
diff --git a/...ng/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-marieclaire.gif b/...ng/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-marieclaire.gif
diff --git a/...ang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-nbcnewyork.gif b/...ang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/images/press-nbcnewyork.gif
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/index.html b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/index.html
@@ -0,0 +1,38 @@
+<!doctype html>
+<html lang="en">
+<head>
+    	<meta charset="utf-8">
+    	<meta name="description" content="">
+    	<meta name="keywords" content="">
+
+		<title>Brook &amp; Lyn</title>
+
+		<!-- external CSS link -->
+		<link rel="stylesheet" href="css/normalize.css">
+		<link rel="stylesheet" href="css/style.css">
+</head>
+<header>
+	<h1><img src="images/brook-and-lyn-logo.gif"></h1>
+</header>
+<body>
+	<div id="container">
+		<img src="images/home-bloghero.png">
+		<img src="images/home-rings.png">
+		<h2>Our Latest Collection</h2>
+		<p>
+			May 25th, 2012
+			Quickly re-engineer business growth strategies with sustainable web-readiness. Collaboratively create visionary growth strategies vis-a-vis cooperative functionalities. Holisticly
+			extend cross-media technologies rather than cutting-edge experiences
+			Quickly re-engineer business growth strategies with sustainable web-readiness. Collaboratively create visionary growth strategies vis-a-vis cooperative functionalities. Holisticly
+			extend cross-media technologies rather than cutting-edge experiences. Read More...
+		</p>
+	</div><!-- #container --> 
+	<div class="bottom_pics">
+		<img src="images/press-nbcnewyork.gif">
+		<img src="images/press-huffpost.gif">
+		<img src="images/press-logo_lucky.gif">
+		<img src="images/press-marieclaire.gif">
+	</div>
+	<footer>Copyright 1999</footer>
+</body>
+</html>
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/mockup.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/brooklyn/mockup.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_blurb.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_blurb.jpg
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_body.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_body.jpg
diff --git a/...ang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_nav_rollover.png b/...ang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_nav_rollover.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_wrapper.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/bg_wrapper.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/button_blurb.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/button_blurb.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/logo.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/logo.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column1.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column1.jpg
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column2.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column2.jpg
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column3.jpg b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photo_column3.jpg
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photobanner.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/photobanner.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/shadow_slider.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/shadow_slider.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/socialNav.png b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/images/socialNav.png
diff --git a/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/readme.html b/Sam Yang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/readme.html
@@ -0,0 +1,32 @@
+Suggestions for ID names and classes 
+
+---------------------------------------------
+
+#wrapper 
+#container 
+
+<header> 
+<nav>
+
+#main-content 
+#social-media 
+
+.photobanner 
+.imageshadow
+
+#blurb 
+
+#home-boxes 
+    .home-box
+    .home-box
+    .home-box
+
+<footer> 
+    .box-footer 
+         .blogroll
+    .box-footer 
+         .textwidget 
+
+#copyright 
+#companybottom 
+
diff --git a/...ang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands.png b/...ang/wk02 - starts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands.png
diff --git a/...ts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_about_rollover.png b/...ts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_about_rollover.png
diff --git a/...2 - starts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_footer.png b/...2 - starts 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_footer.png
diff --git a/... 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_twitter_rollover.png b/... 14th Mar/1-mon/html-labs/busyhands/screenshots/busy_hands_twitter_rollover.png