forked from flashx/flashx.github.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (49 loc) · 3.24 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
<!doctype html>
<head><title>F(x)=Hustle</title>
<style>
@import url(http://fonts.googleapis.com/css?family=Oswald);
* {margin: 0; padding: 0; -webkit-transition: all .25s ease; -o-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .1s ease; transition: all .125s ease;}
html{font-family:'oswald'; display:table; width:100%; height:100%;text-align:center; text-transform:uppercase}
body{display:table-cell; vertical-align:middle; font-size:1rem; background:#B163A3; color:white}
h1 {letter-spacing:15px}
ul {margin-top:25px}
ul li {display:inline-block}
a {text-decoration:none;color:white}
.linkedin:hover{border-bottom: 5px solid #0e76a8}
.angel:hover{border-bottom: 5px solid black}
.twitter:hover{border-bottom: 5px solid #00acee}
.paypal:hover{border-bottom: 5px solid #3b7bbf}
</style>
</head>
<body>
<h1><a href="http://goo.gl/bQo5w" class="paypal">flash</a> is my name</h1>
<h1><a href="http://www.artofmanliness.com/2010/02/08/the-world-belongs-to-those-who-hustle/">hustln</a> is my game</h1><br>
<iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/132025610&color=b163a3&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false"></iframe><ul>
<li><a href="http://twitter.com/flash_xx" class="twitter"><img src="https://raw.githubusercontent.com/danleech/simple-icons/master/icons/twitter/twitter-128.png"></a></li>
<li><a href="http://linkedin.com/in/flashx" class="linkedin"><img src="https://raw.githubusercontent.com/danleech/simple-icons/master/icons/linkedin/linkedin-128.png"></a></li>
<li><a href="https://angel.co/flash-x" class="angel"><img src="https://raw.githubusercontent.com/danleech/simple-icons/master/icons/angellist/angellist-128.png"></a></li>
</ul>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<script>
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-20930025-1']);
_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);
})();
(function( $ ){ $.fn.fitText = function( kompressor, options ) { var settings = { 'minFontSize' : Number.NEGATIVE_INFINITY, 'maxFontSize' : Number.POSITIVE_INFINITY }; return this.each(function(){ var $this = $(this); var compressor = kompressor || 1; if ( options ) { $.extend( settings, options ); } var resizer = function () { $this.css('font-size', Math.max(Math.min($this.width() / (compressor*10), parseFloat(settings.maxFontSize)), parseFloat(settings.minFontSize))); }; resizer(); $(window).resize(resizer); }); }; })( jQuery );
$("h1").fitText(2.5);
$("ul").fitText(2.75);
</script>
<div id='cptup-ready'></div>
<script data-cfasync='false' type='text/javascript'>
window.captain = {up: function(fn) { captain.topics.push(fn) }, topics: []};
// Add your settings here:
captain.up({
api_key: '543e8e5b73873a8a21000002'
});
</script>
</body>
</html>