Skip to content

Commit ff0b559

Browse files
tdurandtdurand
committed
Evo: update landing page
1 parent 6e8bd6e commit ff0b559

File tree

1 file changed

+72
-55
lines changed

1 file changed

+72
-55
lines changed

‎index.html

+72-55
Original file line numberDiff line numberDiff line change
@@ -1,71 +1,88 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8">
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<meta http-equiv="X-UA-Compatible" content="ie=edge">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
77
<title>Tractor Navigator</title>
8-
<meta name="description" content="Guiding app for small scale farming">
9-
<link rel="apple-touch-icon" sizes="180x180" href="landingpage/apple-touch-icon.png">
10-
<link rel="icon" type="image/x-icon" href="landingpage/favicon.ico">
11-
<meta name="twitter:card" content="app">
12-
<meta name="twitter:site" content="http://tractornavigator.com">
13-
<meta name="twitter:description" content="Guiding app for small scale farming">
14-
<meta name="twitter:app:name:iphone" content="Tractor Navigator">
15-
<meta name="twitter:app:id:iphone" content="1483953701">
16-
<meta name="twitter:app:name:ipad" content="Tractor Navigator">
17-
<meta name="twitter:app:id:ipad" content="">
18-
<meta name="twitter:app:name:googleplay" content="Tractor Navigator">
19-
<meta name="twitter:app:id:googleplay" content="com.tractornavigator">
20-
</head>
21-
<style>
22-
html,body {
23-
width: 100%;
24-
height: 100%;
25-
padding:0;
26-
margin:0;
8+
<meta name="description" content="Guiding app for small scale farming" />
9+
<link
10+
rel="apple-touch-icon"
11+
sizes="180x180"
12+
href="landingpage/apple-touch-icon.png"
13+
/>
14+
<link rel="icon" type="image/x-icon" href="landingpage/favicon.ico" />
15+
<meta name="twitter:card" content="app" />
16+
<meta name="twitter:site" content="http://tractornavigator.com" />
17+
<meta
18+
name="twitter:description"
19+
content="Guiding app for small scale farming"
20+
/>
21+
<meta name="twitter:app:name:iphone" content="Tractor Navigator" />
22+
<meta name="twitter:app:id:iphone" content="1483953701" />
23+
<meta name="twitter:app:name:ipad" content="Tractor Navigator" />
24+
<meta name="twitter:app:id:ipad" content="" />
25+
<meta name="twitter:app:name:googleplay" content="Tractor Navigator" />
26+
<meta name="twitter:app:id:googleplay" content="com.tractornavigator" />
27+
</head>
28+
<style>
29+
html,
30+
body {
31+
width: 100%;
32+
height: 100%;
33+
padding: 0;
34+
margin: 0;
2735
}
2836
body {
29-
background-color: #f8f8fa;
30-
color: black;
31-
text-align: center;
32-
font-family: sans-serif;
33-
display: flex;
34-
flex-direction: column;
35-
align-items: center;
36-
justify-content: center;
37+
background-color: #f8f8fa;
38+
color: black;
39+
text-align: center;
40+
font-family: sans-serif;
41+
display: flex;
42+
flex-direction: column;
43+
align-items: center;
44+
justify-content: center;
3745
}
3846

3947
.btn-container {
40-
margin-top: 30px;
41-
display: flex;
42-
align-items: center;
48+
margin-top: 30px;
49+
display: flex;
50+
align-items: center;
4351
}
4452

4553
@media (max-width: 560px) {
46-
.resp-iframe {
47-
display: none;
48-
}
54+
.resp-iframe {
55+
display: none;
56+
}
4957

50-
.btn-container {
51-
flex-direction: column;
52-
}
58+
.btn-container {
59+
flex-direction: column;
60+
}
5361
}
54-
55-
</style>
56-
<body>
57-
<div style="display:flex;align-items: center;margin-bottom: 30px;">
58-
<img style="width:80px;height:80px" src="landingpage/ic_launcher-web.png" />
59-
<h2>Tractor Navigator</h2>
62+
</style>
63+
<body>
64+
<div style="display: flex; align-items: center; margin-bottom: 30px">
65+
<img
66+
style="width: 80px; height: 80px"
67+
src="landingpage/ic_launcher-web.png"
68+
/>
69+
<h2>Tractor Navigator</h2>
6070
</div>
61-
<iframe class="resp-iframe" width="560" height="349" src="https://www.youtube.com/embed/9yNK1JyhWI4" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
71+
<iframe
72+
class="resp-iframe"
73+
width="560"
74+
height="349"
75+
src="https://www.youtube.com/embed/9yNK1JyhWI4"
76+
frameborder="0"
77+
allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
78+
allowfullscreen
79+
></iframe>
6280
<div class="btn-container">
63-
<a href="https://play.google.com/store/apps/details?id=com.tractornavigator">
64-
<img class="btn" style="width: 190px" src="landingpage/googleplay.png" />
65-
</a>
66-
<a href="https://apps.apple.com/us/app/tractor-navigator/id1483953701?ls=1">
67-
<img class="btn" style="width: 150px" src="landingpage/appstore.png" />
68-
</a>
81+
<a
82+
href="https://github.com/tdurand/tractornavigator/raw/master/build/tractornavigator-v1.1.apk"
83+
>
84+
Download for Android (APK)
85+
</a>
6986
</div>
70-
</body>
71-
</html>
87+
</body>
88+
</html>

0 commit comments

Comments
 (0)