-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathkanye.html
41 lines (40 loc) · 2.6 KB
/
kanye.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<!DOCTYPE html>
<html style="height: 100%;" class="js no-touch">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta property="title" content="The Kanye West self-compliment generator">
<title>The Kanye West Self-Confidence Generator</title>
<link rel="stylesheet" href="project.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript">
quotes = [
["MY MUSIC ISN'T JUST MUSIC -- IT'S MEDICINE.", "MusicWorld, 2006", "backgrounds/01-kanye.jpg"],
["FOR ME TO SAY I WASN’T A GENIUS, I WOULD JUST BE LYING TO YOU AND TO MYSELF.", "Jimmy Kimmel Live, 2013", "backgrounds/02-kanye.jpg"],
["I FEEL LIKE A LITTLE BIT, LIKE, I’M THE BRAVEHEART OF CREATIVITY.", "San Francisco's 99.7, 2013", "backgrounds/03-kanye.jpg"],
["I AM WARHOL! I AM THE NUMBER ONE MOST IMPACTFUL ARTIST OF OUR GENERATION. I AM SHAKESPEARE IN THE FLESH. WALT DISNEY, NIKE, GOOGLE.", "Sway in the Morning, 2013", "backgrounds/04-kanye.jpg"],
["VISITING MY MIND IS LIKE VISITING THE HERMÈS FACTORY.", "W Magazine, 2013", "backgrounds/05-kanye.jpg"],
["I’M LIKE A VESSEL, AND GOD HAS CHOSEN ME TO BE THE VOICE AND THE CONNECTOR.", "W Magazine, 2013", "backgrounds/10-kanye.jpg"],
["'EVERYTHING I'M NOT MADE ME EVERYTHING I AM.' IN MY HUMBLE OPINION, THAT'S A PROPHETIC STATEMENT. GANDHI WOULD HAVE SAID SOMETHING LIKE THAT.", "Rolling Stone, 2007", "backgrounds/09-kanye.jpg"],
["COME ON NOW! HOW COULD YOU BE ME AND WANT TO BE SOMEONE ELSE?", "Guardian, 2005", "backgrounds/11-kanye.jpg"],
["WHEN I THINK OF MY SHOWS, I THINK IT'S LIKE THE BADDEST CONTINUOUS DELIVERY PIPELINE EVER CREATED BY A DEVOPS OR IT OPS ENGINEER.", "ELASTICBOX, 2014", "backgrounds/13-kanye.jpg"],
];
function change() {
quote = Math.round(Math.random() * (quotes.length - 1))
$('#quote').text(quotes[quote][0])
$('#reference').text(quotes[quote][1])
background = 'url(' + quotes[quote][2] + ')'
$('#container').css('background-image', background)
}
</script>
</head>
<body style="font-size: 16px; min-height: 717px;">
<div class="page-container" id="container" style="background-image: url(backgrounds/01-kanye.jpg);">
<div class="gradient-layer"></div>
<div class="quote-panel active right">
<p class="quote" id="quote">My music isn't just music -- it's medicine.</p>
<p class="reference" id="reference">-MusicWorld, 2006</p>
<div class="next active" onclick="change();">Give me more Kanye-fidence</div>
</div>
</div>
</body></html>