ippallet/index.html at master · meetstrange/ippallet · GitHub

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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<head>
	<meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Pretty IP - By Strange</title>
  <meta name="description" content="Based on the numbers in your IP we've create this lovely colour palette for you to enjoy!">
  <meta name="viewport" content="width=device-width">
  <link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
  <script src="js/modernizr-2.6.2.min.js"></script>

</head>
<body>
  <div id="fb-root"></div>
	<ul id="pallet">
	</ul>

	<table id="ip-container">
  	<tr>
  		<td>
  			<div class="bg">
  			<p>Your IP Address is</p>
  			<p id="ip">Wait for it...</p>
  		  </div>
     	</td>
  	</tr>
	</table>

  <div id="footer-container">
  <footer>
  	<div class="description">
  	<p>Based on the numbers in your IP we've created this lovely colour palette for you to enjoy!</p>
    </div>
    <div class="logo popup-container">
      <div class="nomobile">
      <div class="popup arrow_box">
        <a href="https://twitter.com/meetstrange" class="twitter-follow-button" data-show-count="false" data-size="large" data-show-screen-name="false">Follow @meetstrange</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
        <a target="_blank" href="http://meetstrange.com">Main Site</a>
      </div>
    </div>
    <a href="http://meetstrange.com"><img src="img/logo.png" /></a>
    </div>
    <div class="social">

    <div class="tweet"><a href="https://twitter.com/intent/tweet?button_hashtag=PrettyIP&text=What%20colour%20is%20your%20IP%3F" class="twitter-hashtag-button" data-url="http://prettyip.meetstrange.com">Tweet #PrettyIP</a></div>

    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

     <div class="fb-like" data-href="http://prettyip.meetstrange.com" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial" data-colorscheme="dark"></div>
    </div>
  </footer>
  </div>

  <!-- scripts -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
	<script src="http://cdnjs.cloudflare.com/ajax/libs/d3/3.0.1/d3.v3.min.js"></script>
	<script>
	window.d3 || document.write('<script src="js/d3.v3.min.js"><\/script>')</script>
  <script src="js/main.js"></script>
  <script src="js/footer.js"></script>


  <script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/all.js#xfbml=1&appId=437227549679574";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-37834457-2']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>
</html>