forked from chrisma/badass-gamertags
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
61 lines (60 loc) · 3.8 KB
/
index.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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- START Facebook OpenGraph -->
<meta property="og:title" content="Badass Gamertag Generator"/>
<meta property="og:site_name" content="Badass Gamertags"/>
<meta property="og:url" content="http://badass-gamertags.cf"/>
<meta property="og:description" content="Your normal usernames aren't badass enough? Generate your next badass gamertag for being badass at games. Instill fear into the heart of the competition at the sight of your badass gamertag!"/>
<meta property="og:image" content="http://badass-gamertags.cf/badass.png"/>
<!-- END Facebook OpenGraph -->
<!-- START Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:creator" content="@chrisma0">
<meta name="twitter:title" content="Badass Gamertag Generator">
<meta name="twitter:description" content="Your normal usernames aren't badass enough? Generate your next badass gamertag for being badass at games. Instill fear into the heart of the competition!">
<meta name="twitter:image:src" content="http://badass-gamertags.cf/badass.png">
<!-- END Twitter Card -->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<link rel="icon" href="favicon.ico" type="image/x-icon">
<title>Badass Gamertag Generator</title>
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Audiowide">
<link rel="stylesheet" href="lib/animate.min.css">
<link rel="stylesheet" href="badass_style.css">
<script src="badass_data.js"></script>
<script src="badass_diacritics.js"></script>
<script src="badass_gamertags.js"></script>
</head>
<body>
<h1 id="badass_heading">Badass Gamertag<br>Generator</h1>
<hr id="badass_horizontal_rule">
<p id="badass_announce">Your badass gamertag is:</p>
<div id="badass_gamertag_container">
<img class="badass_decoration" id="left" src="wing.png">
<span id="badass_gamertag" class="animated tada"></span>
<img class="badass_decoration" id="right" src="wing.png">
</div>
<button type="button" id="badass_button" autofocus>Generate another one!</button>
<div id="badass_social_media">
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbadass-gamertags.cf&width=150&layout=button&action=like&show_faces=false&share=true&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px; width:131px; " allowTransparency="true"></iframe>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://badass-gamertags.cf" data-text="Generate #badass gamertags." data-count="none">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</div>
<footer id="badass_footer">Built by <a href="https://twitter.com/chrisma0">@chrisma0</a> | Hosted on <a href="https://github.com/chrisma/badass-gamertags">Github</a></footer>
<script>
// the DOM will be available here
// Poor man's $(document).ready()
var badass_gamertag_element = document.getElementById('badass_gamertag');
badass_gamertag_element.textContent = generate_badass_gamertag();
var badass_button = document.getElementById('badass_button');
badass_button.onclick = function() {
badass_gamertag_element.className = "";
badass_gamertag_element.textContent = generate_badass_gamertag();
setTimeout(function(){
badass_gamertag_element.className="animated bounceIn badass_fast_animations";
},10);
};
</script>
</body>
</html>