Add files via upload

2016-05-13 20:58:22 -07:00
parent 9e4b6c1f5d
commit ce8f19cd88
5 changed files with 168 additions and 0 deletions
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<head>
+    <link rel="stylesheet" type="text/css" href="main.css"></link>
+    <title>Retro</title>
+
+    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js">
+    </script>
+    <script type="text/javascript" src="niggascript.js"></script>
+</head>
+
+<body>
+    <div class="header">
+      <ul>
+          <li>Cover</li>
+          <li>Intro</li>
+          <li>Chapters</li>
+          <li>Overview</li>
+          <li>About</li>
+      </ul>
+
+    </div>
+
+
+    <div class="cover">
+      <p class="cover">Title/subtitle and Quotes</p>
+    </div>
+
+
+    <div class="intro">
+      <p class="intro">Sewell stupid picture</p>
+      <p class="intro2">Sewell's summary/intro shit</p>
+    </div>
+
+
+    <div class="music">
+      music shit
+    </div>
+
+
+
+
+
+
+</body>
+
+</html
@@ -0,0 +1,102 @@
+html {
+  margin: 0;
+  padding: 0;
+  width: 100%;
+  height: 100%;
+}
+body {
+  margin:0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+}
+
+/*------Cover/Title------*/
+div.cover {
+  margin: 0;
+  padding: 0;
+  height: 100%;
+  width: 100%;
+  position: relative;
+  background-attachment: fixed;
+  background-image: url(images/introbg.jpg);
+  overflow: hidden;
+
+}
+
+p.cover {
+  margin: 0;
+  padding: 25% 0;
+  right: 0;
+  text-align: center;
+  height: 100%;
+  position: absolute;
+  width: 40%;
+  border: 5px solid red;
+  font-size: 30px;
+
+}
+
+/* nav Bar */
+.header {
+    margin: 0;
+    position: fixed;
+    top: 0px;
+    height: 50px;
+    width: 100%;
+    border: 1px dotted blue;
+    background-color: purple;
+    z-index: 1;
+}
+
+li {
+  text-align: center;
+  color: white;
+  padding: 5px;
+  display: inline-block;
+  right: 50%;
+}
+
+
+/*------intro of Mr.Sewell segment------*/
+div.intro {
+  margin: 0;
+  padding: 0;
+  height: 75%;
+  width: 100%;
+  position: relative;
+  background-color: purple;
+}
+
+p.intro{
+  margin: 5px;
+  padding: 0;
+  left: 0;
+  position: absolute;
+  height:98%;
+  width:40%;
+  background-color: red;
+}
+
+p.intro2 {
+  margin: 5px;
+  padding: 0;
+  right:0;
+  height: 98%;
+  width: 58%;
+  background-color: pink;
+  position: absolute;
+}
+
+
+/*---------music shit-----*/
+
+
+div.music {
+  margin:0;
+  padding: 0;
+  height: 30%;
+  position: absolute;
+  width: 100%;
+  background-color: grey;
+}
@@ -0,0 +1,15 @@
+$(window).scroll(
+    {
+        previousTop: 100%
+    },
+    function () {
+    var currentTop = $(window).scrollTop();
+    if (currentTop < this.previousTop) {
+        $(".sidebar em").text("Up"); /* optional for demo */
+        $(".header").show();
+    } else {
+        $(".sidebar em").text("Down");
+        $(".header").hide();
+    }
+    this.previousTop = currentTop;
+});