-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathhome.html
119 lines (102 loc) · 6.71 KB
/
home.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
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
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>NZTracker: Identify New Zealand animal sign</title>
<meta name="description" content="NZTracker.org, Identify New Zealand animal sign. Compare photos of bird, mammal and invertebrate footprints and sign to see what species have been before you. Learn how to track animals for conservation on beaches, inter-tidal flats or anywhere animals can leave a trail."/>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta content="NZTracker.org" name="apple-mobile-web-app-title">
<meta content="NZTracker.org" name="application-name">
<link rel="apple-touch-icon" sizes="180x180" href="img/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="img/favicon/favicon-16x16.png">
<link rel="manifest" href="img/favicon/site.webmanifest">
<link rel="mask-icon" href="img/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="theme-color" content="#ffffff">
<meta content="#000000" name="theme-color">
<meta content="https://nztracker.org/" property="og:url">
<meta content="website" property="og:type">
<meta content="NZTracker.org, Identify New Zealand animal sign" property="og:title">
<meta content="NZTracker.org is an ever-growing resource to help you identify New Zealand animal sign. Compare photos of bird, mammal and invertebrate footprints and sign to see what species have been before you. Learn how to track animals for conservation on beaches, inter-tidal flats or anywhere animals can leave a trail." property="og:description">
<meta content="https://nztracker.org/img/favicon/fb.jpg" property="og:image">
<meta content="1200" property="og:image:width">
<meta content="630" property="og:image:height">
<meta content="image/png" property="og:image:type">
<link href="/humans.txt" rel="author" type="text/plain">
<meta name="twitter:card" content="photo">
<meta name="twitter:url" content="https://nztracker.org/">
<meta name="twitter:image" content="https://nztracker.org/img/favicon/fb.jpg">
<meta name="twitter:description" content="NZTracker.org is an ever-growing resource to help you identify New Zealand animal sign. Compare photos of bird, mammal and invertebrate footprints and sign to see what species have been before you. Learn how to track animals for conservation on beaches, inter-tidal flats or anywhere animals can leave a trail.">
<meta name="twitter:title" content="NZTracker.org, Identify New Zealand animal sign">
<link href="https://fonts.googleapis.com/css?family=Fira+Sans:300,300i,700,700i|Merriweather" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.3/normalize.css">
<link rel="stylesheet" href="skin.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138527516-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-138527516-1');
</script>
</head>
<body class="home">
<header class="header">
<div class="logo"></div>
<h1>Identify New Zealand animal sign</h1>
<p><a class="button" href="https://nztracker.org/index.html">Get started</a></p>
</header>
<section class="tiles">
<div>
<img src="img/home/home-tile-1.jpg" />
<p>1. Compare the shape of your print with the examples</p>
</div>
<div>
<img src="img/home/home-tile-2.jpg" />
<p>2. Take note of the size of the print</p>
</div>
<div>
<img src="img/home/home-tile-3.jpg" />
<p>3. Click the reveal icon to find a likely match</p>
</div>
<!--<div>
<img src="img/home/home-tile-4.jpg" />
<p>4. Consider uploading you’re example to <a href="iNaturalist.nz" target="_blank">iNaturalist.nz</a></p>
</div>-->
</section>
<section class="news">
<div>
<img src="img/home/wet-sand.jpg" />
<p>Be a wet sand walker: Stay below the high tide mark between August and March to avoid disturbing nesting shorebirds.</p>
</div>
<div>
<img src="img/home/substrate.jpg" />
<p>The firmness of the ground can change the shape and size of a footprint, the footprint will also change over time.</p>
</div>
<div>
<a trarget="_blank" href="https://inaturalist.nz"><img src="img/home/logo-inat.jpg" /></a>
<p>Please upload your photos to <a trarget="_blank" href="https://inaturalist.nz">iNaturalist.nz</a> and add them to the <a href="https://inaturalist.nz/projects/animal-footprints-in-nz">Animal footprints in NZ</a> project so we can build a better reference set of images</p>
</div>
</section>
<footer>
<section class="container">
<p><a href="#">NZ Tracker.org</a> is made by <a href="https://jordi.nz">Jordi Tablada</a> & <a href="http://shaunlee.co.nz">Shaun Lee</a>. It would not have been possible without the help of <a href="https://www.inaturalist.org/people/emily_r">Emily Roberts</a>. All images copyright of the photographers.</p>
</section>
</footer>
<script type="text/javascript">
// Random header background image
$(document).ready(function() {
var path = 'img/home/';
var bgArray = ['home-splash-a.jpg', 'home-splash-b-center.jpg'];
var bg = bgArray[Math.floor(Math.random() * bgArray.length)];
$('.header').css('background-image', "url(" + path + bg + ")").fadeIn(1000);
});
</script>
</body>
</html>