talksik/HistoryWebsite
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
talksik
2016-05-13 20:58:22 -07:00
parent 9e4b6c1f5d
commit ce8f19cd88
5 changed files with 168 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
history website/images/introbg.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.6 MiB

history website/index.html
+46
View File
@@ -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
history website/jquery-1.12.3.min.js
Vendored
+5
View File
File diff suppressed because one or more lines are too long
history website/main.css
+102
View File
@@ -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;
}
history website/niggascript.js
+15
View File
@@ -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;
});