brisfunctional.github.com/index.html at master · BrisFunctional/brisfunctional.github.com · 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
91
92
93
<html>

  <head>
    <title>BrisFunctional - Bristol's functional programming club</title>
    <link rel="stylesheet" type="text/css"  href="brisfunctional.css"/>

    <script language="javascript">


		var doShadow = function(element, r, theta, steps, h, wobble){

			var dr = r;
			var	drops = [];

			for (var i=0; i<steps; i+=0.5){

				var dx = r * Math.sin(theta+Math.sin(wobble + i*2*Math.PI/steps));
				var dy = r * Math.cos(theta+Math.sin(wobble + i*2*Math.PI/steps));

				drops.push( dx+"px "+dy+"px hsl("+Math.round(h+i*720/steps)+",100%,50%)" );
				r++;
			}

			var shadow = drops.join(",");
			element.style["text-shadow"] = shadow;
		}

		var goMental = function( element, dAngle, dCol, dWob ){
			var angle = Math.random()*3, starth=0, wobble=0;
			setInterval( function(){
				doShadow(element, 1, angle, 100, starth, wobble );
				angle += dAngle;
				starth -= dCol;
				wobble += dWob;
			} , 50);

		}

		window.onload = function(){

	        var title = document.getElementById('title');

			title.onclick = function(){
				for ( var i=1; i<=14; i++ ){
					goMental( document.getElementById("title"+i), Math.random()*0.1, Math.random()*5, Math.random()*0.1+0.1 );
				}
			}


	        var logo = document.getElementById('logo');

			logo.onclick = function(){
				var angle = 0;
				var spinjob = setInterval( function(){
					logo.style[ "-webkit-transform" ] = "rotate(" + angle + "deg)";
					logo.style[ "-moz-transform" ]    = "rotate(" + angle + "deg)";
					angle += 5;
					if ( angle > 360 ){
						clearInterval(spinjob);
					}
				}, 20 )
			}


		}

	</script>

  </head>

  <body>

<h1 id="title">
  <span id="title1">B</span><span id="title2">r</span><span id="title3">i</span><span id="title4">s</span><span id="title5">F</span><span id="title6">u</span><span id="title7">n</span><span id="title8">c</span><span id="title9">t</span><span id="title10">i</span><span id="title11">o</span><span id="title12">n</span><span id="title13">a</span><span id="title14">l</span>
</h1>

    <img id="logo" src="Sierpinski_white.png"/>

    <div id="main">
        <p><a href="brisfunctional.html">Bristol Functional Programming Club</a></p>
        <p>meets at 7.00pm on the last Tuesday of every month at <a target="_blank" href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=BS1+2PH&aq=&sll=51.455424,-2.592344&sspn=0.008571,0.022724&ie=UTF8&hq=&hnear=Bristol,+Avon+BS1+2PH,+United+Kingdom&ll=51.455424,-2.592344&spn=0.008571,0.022724&z=16">Nokia's Wine Street office</a></p>
        <p>to discuss <a target="_blank" href="http://en.wikipedia.org/wiki/Functional_Programming">fp</a>, and the joy that it brings.</p>
    </div>

    <div id="stripe">
        Want to come along?
        email <a href="mailto:matthew.gilliard@gmail.com">matthew.gilliard@gmail.com</a> or <a href="mailto:brisfunctional@thomleggett.co.uk">brisfunctional@thomleggett.co.uk</a> or just show up.
<a href="https://github.com/BrisFunctional/">Fork us at github</a> - <a href="http://groups.google.com/group/brisfunctional">Get into our google group</a>
    </div>

  </body>

</html>