-
Notifications
You must be signed in to change notification settings - Fork 0
/
index-old.html
68 lines (67 loc) · 2.14 KB
/
index-old.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
62
63
64
65
66
67
68
<html>
<head>
<title>arfrank.com</title>
<script src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Load jQuery
google.load("jquery", "1.3.2");
google.load("jqueryui", "1.7.1");
</script>
<style type="text/css">
body{
background-color:#cccccc;
text-align:center;
font-variant:small-caps;
}
h3{
font-variant:small-caps;
}
li{
list-style:none;
}
#splash{
padding:36px;
}
</style>
</head>
<body>
<div id="main">
<image id="splash" src="images/splash-web.png" title="arfrank.com - coming soonish" alt="splash picture for arfrank.com"><br />
<h1>arfrank.com - coming soonish</h1>
<h3>About Me:</h3>
<li><a href="http://www.jobspice.com/arfrank">Résumé</a></li>
<li><a href="http://www.twitter.com/arfrank">Twitter</a></li>
<li><a href="http://www.flickr.com/photos/arfrank">Flickr</a></li>
<li><a href="callto:2403505687">240.350.5687</a></li>
<h3>Things I've worked on:</h3>
<li><a href="http://www.studentsherpas.com">Student Sherpas</a></li>
<li><a href="http://www.fitfeud.com">FitFeud</a></li>
<!-- <li><a href="http://hash.ly">hash.ly</a></li> -->
<li><a href="http://www.tensecondsofhappy.com">Ten Seconds of Happy</a></li>
<li><a href="http://ajsidorov.com">ajsidorov.com</a></li>
<li><a href="http://thebigexperiment.info">The Big Experiment</a></li>
<script type="text/javascript">
$('#splash').click(function(){
$(this).spin(10);
});
$.fn.spin = function(speed_word){
moz = $(this).css('-moz-transform');
webkit = $(this).css('webkit-transform');
already_rotating = ((moz != 'none' && webkit == '') || (moz == '' && webkit != 'none'))
var number = 0;
var speed = 0;
if (already_rotating){
return false;
}else if (typeof(speed_word) == 'number'){
speed = speed_word / 10;
}
var self = this;
setInterval(function(){
number += speed;
jQuery(self).css('webkit-transform', 'rotate(-'+number+'deg)');
jQuery(self).css('-moz-transform', 'rotate(-'+number+'deg)');
}, 50)
}
</script>
</body>
</html>