This commit is contained in:
Armen Vartan
2014-12-01 12:17:43 -05:00
parent 89e5a5f4b0
commit b9a8397f34
124 changed files with 2918 additions and 0 deletions

View File

@ -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.

View File

@ -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>

View File

@ -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;
}

View File

@ -0,0 +1,6 @@
// all jquery dom actions can only be called inside document ready.
$(document).ready(function(){
})

View File

@ -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;
}