Skip to content

Instantly share code, notes, and snippets.

/test.html

Created March 17, 2018 11:17
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 anonymous/5da38743d310d0c9101749daf613e8c8 to your computer and use it in GitHub Desktop.
Save anonymous/5da38743d310d0c9101749daf613e8c8 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
test.html
<!DOCTYPE html>
<HTML>
<HEAD>
<TITLE>pagetwo</TITLE>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="../libraries/p5.js"></script>
<script src="../libraries/p5.dom.js"></script>
<script src="2ndpage.js"></script>
<script src='../libraries/mousetrap.min.js'></script>
<!-- <link href="https://fonts.googleapis.com/css?family=Cinzel+Decorative" rel="stylesheet"> -->
</HEAD>
<BODY>
<div class="parent">
<img class="dick" id="dickface" SRC="../media/imgs_gifs/dickface.png" height="100%" width="100%">
<img class="cum" id="cum" SRC="../media/imgs_gifs/cum.gif" height="45%" width="45%">
<img class="logo" id="logo" SRC="../media/texts/wearegenoiuslogottxt.png" height="20%" width="20%">
<img class="homelogo" id="logo" style="position: fixed; bottom: 0; text-align: right" ALIGN="right" SRC="../media/texts/wearegenoiuslogottxt.png"
height="5%" width="5%">
<p class="slogan" id="slogans">.ruining the lives of others since 1988.</p>
<p class="photobutton" onclick="location.href='../page-photo/pagephoto.html'"> ....[-8-]....</p>
<img class="homebutton" id="logo" SRC="../media/buttons/home.png" height="5%" width="4%" onclick="location.href='../page2/2ndpage.html'">
<p class="copyright" style="position: fixed; bottom: 0; width:100%; text-align: right" onclick="location.href='../page2/2ndpage.html'">
©
</p>
</div>
</BODY>
<style>
.homelogo {
transform: translateY(38%) translateX(1890%);
}
.copyright {
font-size: 70%;
transform: translateY(50%) translateX(-5%);
}
.p {
font-family: 'Cinzel Decorative', cursive;
}
.homebutton {
position: fixed;
text-align: center;
bottom: 1.6%;
left: 0%;
right: -96%;
margin: 0% 0%;
display: block;
margin-left: auto;
margin-right: auto;
transform: translateY(0%) translateX(0%);
/* align-items: center; */
}
.homebutton:hover {
transform: scale(1.2);
}
.cum {
position: relative;
text-align: center;
bottom: 0%;
top: 0%;
left: 0%;
margin: 0% 0%;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
top: 0%;
transform: translateY(-118%) translateX(11%);
}
.dick {
position: relative;
text-align: center;
top: 0%;
left: 0%;
right: 0%;
margin: 0% 0%;
display: block;
margin-left: auto;
margin-right: auto;
transform: translateY(-2%) translateX(2%);
}
.logo {
position: relative;
text-align: center;
top: 0%;
left: 0%;
margin: 0% 0%;
display: block;
margin-left: auto;
margin-right: auto;
transform: translateY(-530%) translateX(0%);
}
.slogan {
position: relative;
text-align: center;
top: 0%;
left: 0%;
margin: 0% 0%;
/* display: block; */
margin-left: auto;
margin-right: auto;
transform: translateY(-7400%) translateX(0%);
}
.slogan:hover {
text-decoration: underline;
}
.photobutton {
position: fixed;
text-align: center;
bottom: 1%;
left: 44%;
margin: 0% 0%;
display: block;
margin-left: auto;
margin-right: auto;
transform: translateY(0%) translateX(0%);
/* align-items: center; */
}
</style>
<script>
var canvas;
function preload() {
}
function windowResized(){resizeCanvas(windowWidth, windowHeight);}
window.innerWidth, window.innerHeight
function setup(){
canvas = createCanvas(window.innerWidth, window.innerHeight);
canvas.position(0, 0);
// window.onload = toBottom;
}
function draw() {
document.getElementById("cum").style.visibility = "hidden";
if (mouseX > 820 && mouseX < 900 && mouseY > 520 && mouseY < 600) {
document.getElementById("cum").style.visibility = "visible";
}
if (mouseIsPressed) {
stroke(random(0, 250), random(0, 250), random(0, 200));
strokeWeight(0.4); // Thicker ifworks is great
line(pmouseX, pmouseY, mouseX, mouseY);
// if (mouseButton == RIGHT) {
// toBottom();
// }
}
}
</script>
</HTML>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment