files

2014-12-01 12:17:43 -05:00
parent 89e5a5f4b0
commit b9a8397f34
124 changed files with 2918 additions and 0 deletions
@@ -0,0 +1,24 @@
+Print a Mario End of Level Stairs
+=======================================
+
+Remember this from Mario?   
+<img src = 'http://www.nintendoninja.com/images/stairs.png'></img>
+
+###Create it!
+
+		         *
+		        **
+		       ***
+		      ****
+		     *****
+		    ******
+		   *******
+		  ********
+		 *********
+		**********
+
+This triangle is 10 high, but I want the ability to make it as high as I want by setting one variable. You must print this in the console.
+
+###Stretch
+Make it awesome! Download some images and use jQuery to print them and get an actual set of mario stairs on the page. Feel free to remove the printout div or whatever you might have to do to make the images fit.
+
@@ -0,0 +1,18 @@
+<!doctype HTML>
+<html>
+	<head>
+		<link rel="stylesheet" type="text/css" href="reset.css">
+		<link rel="stylesheet" type="text/css" href="main.css">
+		<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+		<script type="text/javascript" src="main.js"></script>
+	</head>
+	<body>
+	<div class = "container">
+		<nav id="top">
+			<h1>Triangles Part 2</h1>
+		</nav>
+		<div id = "printout"></div>
+	</div>
+	</body>
+	</html>
+
@@ -0,0 +1,41 @@
+body{
+	background-color: #D1D1D1
+}
+
+nav{
+	position: absolute;
+	background-color: black;
+	width: 100%;
+	height: 4em;
+	top: 0;
+	text-align: center;
+	line-height: 4em;
+}
+
+nav h1{
+	font-size: 3em;
+	font-family: monospace;
+	color: white;
+}
+
+#numberform{
+	margin: 5em auto 0 auto;
+	width: 20%;
+}
+
+#printout{
+	width: 800px;
+	min-height: 1000px;
+	background-color: white;
+	margin: 1em auto 0 auto;
+	color: black;
+	text-indent: 1em;
+}
+
+#printout p{
+	font-size: 2em;
+}
+
+#printout p:nth-child(even) {
+	background-color: #D1D1D1;
+}
@@ -0,0 +1,6 @@
+// all jquery dom actions can only be called inside document ready.
+
+$(document).ready(function(){
+
+
+})
@@ -0,0 +1,47 @@
+/**
+ * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
+ * http://cssreset.com
+ */
+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;
+}