Permalink
Browse files

initial file commit

  • Loading branch information...
donofkarma committed Apr 15, 2012
1 parent 363bd32 commit 4b3142b6e28733df352d862357ca27db01f97a9b
View
@@ -0,0 +1,77 @@
+/**
+* html5doctor.com Reset Stylesheet
+* v1.6.1
+* Last Updated: 2010-09-17
+* Author: Richard Clark - http://richclarkdesign.com
+* Twitter: @rich_clark
+**/
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code,
+del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var,
+b, i,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ outline: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+body { line-height: 1; }
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section { display: block; }
+nav ul { list-style: none; }
+blockquote, q { quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after {
+ content: '';
+ content: none;
+}
+a {
+ margin: 0;
+ padding: 0;
+ font-size: 100%;
+ vertical-align: baseline;
+ background: transparent;
+}
+/* change colours to suit your needs */
+ins {
+ background-color: #ff9;
+ color: #000;
+ text-decoration: none;
+}
+/* change colours to suit your needs */
+mark {
+ background-color: #ff9;
+ color: #000;
+ font-style: italic;
+ font-weight: bold;
+}
+del { text-decoration: line-through; }
+abbr[title], dfn[title] {
+ border-bottom: 1px dotted;
+ cursor: help;
+}
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+/* change border colour to suit your needs */
+hr {
+ display: block;
+ height: 1px;
+ border: 0;
+ border-top: 1px solid #ccc;
+ margin: 1em 0;
+ padding: 0;
+}
+input, select { vertical-align: middle; }
View
@@ -0,0 +1,119 @@
+/**
+* Fancy Scroll
+*
+* @version 0.1
+* @author Jasal Vadgama - http://blacklabelcreative.com/
+* @license GPL v3
+**/
+
+body {
+ background: #333 url(../images/bg.png) fixed repeat;
+ color: #fff;
+ font-family: helvetica, arial, sans-serif;
+ font-size: 62.5%;
+ line-height: 1.6em;
+}
+h1 {
+ font-size: 2em;
+}
+h2 {
+ margin-bottom: 1em;
+ font-size: 2em;
+}
+p {
+ margin-bottom: 1em;
+}
+nav a {
+ color: #fff;
+ text-decoration: none;
+}
+
+#header {
+ position: fixed;
+ width: 100%;
+ background: #111;
+ border-bottom: 1px solid #666;
+ box-shadow: 0 5px 10px 5px rgba(0, 0, 0, 0.25);
+ overflow: hidden;
+ z-index: 100;
+}
+#header h1 {
+ padding: 10px 20px;
+}
+#header nav {
+ position: absolute;
+ right: 20px;
+ bottom: 10px;
+ font-size: 1.4em;
+}
+#header nav li {
+ float: left;
+ padding-left: 20px;
+}
+
+.section {
+ position: relative;
+ height: 800px;
+ background-attachment: fixed;
+ background-color: transparent;
+ background-position: 50% 0;
+ background-repeat: no-repeat;
+ border-top: 1px solid #666;
+ font-size: 1.4em;
+ overflow: hidden;
+}
+#first {
+ background-image: url(../images/section_2.jpg);
+}
+#second {
+ background-image: url(../images/section_3.jpg);
+}
+#third {
+ height: 1500px;
+ background-image: url(../images/section_1.jpg);
+}
+
+.section article {
+ position: absolute;
+ width: 450px;
+ padding: 20px 20px 10px;
+ background: rgba(0, 0, 0, 0.75);
+}
+#intro article {
+ top: 200px;
+ left: 50%;
+ margin-left: -225px;
+ background: none;
+}
+#first article,
+#third article {
+ top: 100px;
+ right: 20px;
+}
+#second article {
+ top: 100px;
+ left: 20px;
+}
+
+/* Sprites */
+.sprite {
+ position: absolute;
+ top: 500px;
+ left: -200px;
+ width: 100px;
+ height: 100px;
+ background: #ff0000;
+}
+
+/* 3d objects */
+.object3D {
+ position: relative;
+ left: 50%;
+ margin-left: -480px; /* half the width of the images */
+}
+.object3D img {
+ display: none;
+}
+.object3D img.active {
+ display: block;
+}
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
View
@@ -0,0 +1,78 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <meta charset="utf-8" />
+ <title>Fancy Scroll</title>
+
+ <link href="css/reset.css" rel="stylesheet" />
+ <link href="css/style.css" rel="stylesheet" />
+
+ <!--[if lt IE 9]>
+ <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+ <![endif]-->
+</head>
+<body>
+ <div id="pageWrapper">
+ <header id="header">
+ <h1>Fancy Scroll</h1>
+
+ <nav>
+ <ul>
+ <li><a href="#pageWrapper" title="">Home</a></li>
+ <li><a href="#first" title="">First</a></li>
+ <li><a href="#second" title="">Second</a></li>
+ <li><a href="#third" title="">Third</a></li>
+ </ul>
+ </nav>
+ </header>
+
+ <section class="section" id="intro" data-speed="0" data-type="background">
+ <article>
+ <h2>Gaming greats</h2>
+ <p>Scroll down...</p>
+ </article>
+ </section>
+
+ <section class="section" id="first" data-offsetY="200" data-speed="4" data-type="background">
+ <article>
+ <h2>Sonic</h2>
+ <p>Sonic the Hedgehog, is a video game character and the main protagonist of the Sonic video game series released by Sega, as well as in numerous spin-off comics, cartoons, and a feature film. The first game was released on June 23, 1991, to provide Sega with a mascot to rival Nintendo's flagship character Mario (see 1991 in video gaming). Since then, Sonic has become one of the world's best-known video game characters, with his series having sold more than 80 million copies. In 2005, Sonic was one of the first game character inductees into the Walk of Game, alongside Mario and Link.</p>
+ <p>While many individuals at Sega had a hand in Sonic's creation, programmer Yuji Naka and artist Naoto Ōshima are generally credited with the creation of the character, a blue 15-year-old anthropomorphic hedgehog, who has the ability to run at supersonic speeds and the ability to curl into a ball, primarily to attack enemies. This is a major part of the gameplay of the series.</p>
+ </article>
+
+ <div class="sprite" data-start="-100" data-end="300" data-left="400" />
+ </section>
+
+ <section class="section" id="second" data-offsetY="-100" data-speed="-20" data-type="background">
+ <article>
+ <h2>Link</h2>
+ <p>Link is the main protagonist in Nintendo's The Legend of Zelda series of video games. Link has been featured in other video games from Nintendo, including its merchandising, comic books, and an animated television program. Link was awarded with a star on the Walk of Game in 2005, alongside Mario and Sonic the Hedgehog.</p>
+ <p>Link is depicted in some games as a human and in others as a Hylian boy from the fictional land of Hyrule. His age varies in each game, usually varying from pre-teen ages to a young adult. Link often travels through Hyrule, defeating creatures, evil forces and the series' primary antagonist, Ganon, while attempting to save Princess Zelda and her kingdom. To defeat him, Link usually requires the mystic Master Sword and Light Arrows, or a similar legendary weapon, obtained after many trials and battles gathering magical objects or using other items such as musical instruments and weaponry. Each Zelda storyline (normally) contains a different incarnation of Link, as whenever a new threat emerges in Hyrule, a new hero must arise.</p>
+ </article>
+ </section>
+
+ <!--<section class="section" id="third" data-speed="0" data-type="background">
+ <article>
+ <h2>Mario</h2>
+ <p>Mario debuted as "Jumpman" in the arcade game Donkey Kong in 1981. He is shown as a carpenter that has a pet ape. The carpenter mistreats the ape, so Donkey Kong escapes and kidnaps Jumpman's girlfriend, originally known as the Lady, but later named Pauline. The player must take the role of Jumpman and rescue the girl. The character was later renamed "Mario" in the 1982 arcade game Donkey Kong Junior, the only game in which he has ever been portrayed as an antagonist. In the 1983 arcade game Mario Bros., Mario and his younger brother Luigi are portrayed as Italian-American plumbers who have to defeat creatures that have been coming from the sewers below New York. Their surname was "Mario", resulting in Mario's full name being first given here as "Mario Mario"</p>
+ </article>
+ <figure class="object3D" data-start="200" data-end="500">
+ <img alt="" class="active" src="images/3dobjects/controller/1.png" />
+ <img alt="" src="images/3dobjects/controller/2.png" />
+ <img alt="" src="images/3dobjects/controller/3.png" />
+ <img alt="" src="images/3dobjects/controller/4.png" />
+ <img alt="" src="images/3dobjects/controller/5.png" />
+ <img alt="" src="images/3dobjects/controller/6.png" />
+ <img alt="" src="images/3dobjects/controller/7.png" />
+ <img alt="" src="images/3dobjects/controller/8.png" />
+ <img alt="" src="images/3dobjects/controller/9.png" />
+ <img alt="" src="images/3dobjects/controller/10.png" />
+ </figure>
+ </section>-->
+ </div>
+
+ <script src="js/jquery-1.7.1.min.js"></script>
+ <script src="js/jquery.scrollTo-1.4.2-min.js"></script>
+ <script src="js/script.js"></script>
+</body>
+</html>
View

Large diffs are not rendered by default.

Oops, something went wrong.

Some generated files are not rendered by default. Learn more.

Oops, something went wrong.
Oops, something went wrong.

0 comments on commit 4b3142b

Please sign in to comment.