node.org.il/index.html at master · node4good/node.org.il · 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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><![endif]-->
	<meta charset="utf-8">
	<title>node4good</title>
	<meta name="description" content="node.org.il">
	<meta name="viewport" content="width=device-width">

	<link rel="stylesheet" href="css/bootstrap-combined.min.css">
	<link rel="stylesheet" href="css/styles.css">
	<link rel="stylesheet" href="css/photobox.css">
	<!--[if lt IE 9]><link rel="stylesheet" href="css/photobox.ie.css"><![endif]-->
	<!--[if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->

	<script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
	<script src='js/photobox.js'></script>

	<!-- Global site tag (gtag.js) - Google Analytics -->
	<script async src="https://www.googletagmanager.com/gtag/js?id=UA-2957325-8"></script>
	<script>
		window.dataLayer = window.dataLayer || [];
		function gtag(){dataLayer.push(arguments);}
		gtag('js', new Date());

		gtag('config', 'UA-2957325-8');
	</script>
</head>

<body>

	<div id='wrap'>
		<header>
			<h1>node4good - Home for some node.js projects that do good</h1>
			<p>TBA</p>
		</header>
		<ul id='gallery'></ul>
	</div>

<script>
$(function(){
    'use strict';
    var data = ["http://nodejs.org/logo.png", "http://nodejs.org/images/logos/nodejs.png", "http://nodejs.org/images/logos/nodejs-dark.png", "http://nodejs.org/images/logos/nodejs-green.png", "http://nodejs.org/images/logos/nodejs-black.png", "http://nodejs.org/images/logos/monitor.png"];
    var gallery = $('#gallery');
    $.each(data, function (index, url) {
        var img = new Image;
        img.onload = function(e){
            var link = document.createElement('a'),
            li = document.createElement('li')
            link.href = this.src;
            link.appendChild(this);
            li.appendChild(link);
            gallery[0].appendChild(li);
            setTimeout(function(){ li.className = 'loaded'; }, 200 * index);
        };
        img.src = url;
    });

    // finally, initialize photobox on all retrieved images
    $('#gallery').photobox('a', { thumbs:true });
})
</script>

</body>
</html>