Skip to content

Instantly share code, notes, and snippets.

@outoftime

outoftime/index.html

Created January 16, 2017 21:32
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save outoftime/1b23f0be3ee4dba107f91c48b10317a4 to your computer and use it in GitHub Desktop.
Save outoftime/1b23f0be3ee4dba107f91c48b10317a4 to your computer and use it in GitHub Desktop.
Download ZIP
Exported from Popcode. Click to import: https://popcode.org/?gist=1b23f0be3ee4dba107f91c48b10317a4
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<nav>
<div>Home</div>
<div>Clubs &amp; Activities</div>
<div>Teachers</div>
</nav>
<img id="banner" src="https://dl.dropboxusercontent.com/u/364501990/coollogo_com-16302363.gif">
<img id="lineart" src="https://dl.dropboxusercontent.com/u/364501990/patternizeimg.png">
<p>George Westinghouse Jr. High School of Career and Technical Education is a vocational high school in downtown Brooklyn, New York, United States. It is located at 105 Tech Place, south of Tillary Street and east of Jay Street. It is named after the electrical pioneer George Westinghouse Jr..</p>
</body>
</html>
Raw
popcode.json
{"enabledLibraries":["jquery"]}
Raw
script.js
$("nav > div").hover(function() {
var $this = $(this);
setInterval(function() {
var offset = $this.offset();
$this.offset({
top: offset.top + Math.random() * 5 - 2,
left: offset.left + Math.random() * 6 - 3,
});
}, 1);
});
Raw
styles.css
body {
background-color: black;
color: yellow;
}
#banner {
display: block;
margin: 0 auto;
}
nav {
display: flex;
}
nav > div {
flex: 1 0 auto;
text-align: center;
z-index: 1;
}
#lineart {
filter: invert(100%);
width: 100%;
display: block;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment