fieldmapperapp.github.io/index.html at master · FieldMapperApp/fieldmapperapp.github.io · 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
94
95
96
97
98
99
100
101
102
103
104
<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="description" content="Fieldwork toolbox for the collection of geotagged data.">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>FieldMapper</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
    <link href="https://fonts.googleapis.com/css?family=Nunito+Sans:300,400,600,700,800,900" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/railscasts.min.css">
    <link rel="stylesheet" href="scribbler-global.css">
    <link rel="stylesheet" href="scribbler-landing.css">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" href="/favicon.ico" type="image/x-icon">
</head>

<body>
    <nav>
        <div class="logo"></div>
        <ul class="menu">
            <div class="menu__item toggle"><span></span></div>
            <li class="menu__item"><a href="doc.html" class="link link--dark"><i class="fa fa-book"></i>
                    Documentation</a></li>
            <li class="menu__item"><a href="https://github.com/FieldMapperApp" class="link link--dark"><i
                        class="fa fa-github"></i> Github</a></li>
        </ul>
    </nav>
    <div class="hero">
        <h1 class="hero__title">FieldMapper</h1>
        <p class="hero__description">Geotagged data collection made easy.</p>
    </div>
    <div class="screenshot-map">
        <img src="screenshot_map.jpg" id="screenshot" width="100%" usemap="#image-map">

        <map name="image-map" id="image-map">
            <area alt="modes" title="Toggle modes" coords="18,119,91,292" shape="rect">
            <area alt="colorbar" title="Choose colours" coords="14,315,92,482" shape="rect">
            <area alt="buttons" title="Variables" coords="14,505,91,860" shape="rect">
            <area alt="status" title="Status" coords="1375,17,1919,95" shape="rect">
            <area alt="marker" title="Map objects" coords="159,139,1636,939" shape="rect">
            <area alt="layers" title="Layers" coords="1811,122,1904,210" shape="rect">
            <area alt="zoom" title="Zoom" coords="1829,231,1907,371" shape="rect">
            <area alt="cache" title="Cache map tiles" coords="1834,397,1904,478" shape="rect">
            <area alt="undo" title="Undo" coords="1826,499,1906,585" shape="rect">
            <area alt="clear" title="Clear map" coords="1826,607,1906,690" shape="rect">
            <area alt="save" title="Save as GeoJSON" coords="1833,711,1904,797" shape="rect">
            <area alt="locate" title="Geolocation" coords="1834,822,1902,902" shape="rect">
            <area alt="group" title="Group objects" coords="1731,817,1807,900" shape="rect">
        </map>
        <div class="screenshot-description centered">
            <span style="padding: 5px">Click on UI elements to show what they are about!</span>
        </div>
    </div>
    <div class="wrapper">
        <div>
            <h3 class="section__title">About</h3>
            <p>FieldMapper is a fieldwork toolbox for the collection of geo-referenced data. The app (available for
                Android tablets only) is free and lightweight.
                Just take a set of variables and customize FieldMapper's map interface to start surveying.
            </p>
            <p>
                Learn more about how FieldMapper works in the <a href="doc.html">Documentation</a>. FieldMapper is
                open-source&mdash;<a
                    href="https://github.com/FieldMapperApp/FieldMapper/blob/master/CONTRIBUTING.md">contributions</a>
                are
                welcome!
            </p>
        </div>
        <div>
            <h3 class="section__title">Download</h3>
            <div class="callout">
                <p>Open the linked file on your Android tablet and follow the instructions to install the app.</p>
                <a href="https://github.com/FieldMapperApp/FieldMapper/releases/download/v1.0.0-beta1/FieldMapper_v1.0.0-beta1.apk" class="button--primary">FieldMapper v1.0.0-beta1 APK</a>
            </div>
        </div>
    </div>
    <div class="changelog">
        <div class="wrapper">
            <h3 class="section__title">Changelog</h3>
            <div class="changelog__item">
                <div class="changelog__meta">
                    <h4 class="changelog__title">v1.0.0-beta1</h4>
                    <small class="changelog__date">17 April 2020</small>
                </div>
                <!--<div class="changelog__detail">
                    <ul>
                        <li>fsdfsdfsf</li>
                        <li>fsgtrg5g</li>
                    </ul>
                </div>-->
            </div>
        </div>
    </div>
    <footer class="footer">FieldMapper | &copy; Felix Schott 2020 | <a href="mailto:felix-schott@gmx.de"
            style="color: white; font-weight: normal">Get in
            touch!</a></footer>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
    <script>hljs.initHighlightingOnLoad();</script>
    <script src="scribbler.js"></script>
    <script src="imgmap.js"></script>
</body>

</html>