jekyll-theme-ethereal 0.3.3 → 0.4.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/panel_map.html +59 -5
- data/assets/data/space_launches.json +165 -0
- data/assets/images/screenshot.jpg +0 -0
- data/assets/js/main.js +15 -4
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: da58817de590364b541d69dd0d9169bd7c12dd22337070afdbda3366cecd6213
|
|
4
|
+
data.tar.gz: 9dc5e52705b42d03014376ff157026366029419ad38552756681f13a5773ff2c
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 9b08c63e52bc1754342bd18e5d4628799f01b2909c8a334cbbf61c4e1e800b2c006d4162207f2d65cd0fd788e23a8aa47a89e5f80f4d4c78e8d7c7998bd67cda
|
|
7
|
+
data.tar.gz: fc67ac9645df95eb5311c12d4d0b2e9326ec4cea41a63b4d9febb8e61ac5ea08fdc18bf1e4957ffb30c51ef85da47c4b5efff33c2cec738b848b5ec992323afd
|
data/_includes/panel_map.html
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
<link rel="stylesheet" href="{{ 'assets/css/mapbox-gl.css' | absolute_url }}" />
|
|
1
2
|
<style>
|
|
2
3
|
body { margin: 0; padding: 0; }
|
|
3
4
|
#map-container { position: relative; top: 0; bottom: 0; width: 100%; };
|
|
4
5
|
|
|
5
6
|
#marker {
|
|
6
|
-
background-image: url('..images/rocket.png');
|
|
7
7
|
background-size: cover;
|
|
8
8
|
width: 50px;
|
|
9
9
|
height: 50px;
|
|
@@ -12,7 +12,20 @@ body { margin: 0; padding: 0; }
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.mapboxgl-popup {
|
|
15
|
-
max-width:
|
|
15
|
+
max-width: 240px;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.mapboxgl-popup-close-button {
|
|
19
|
+
display: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.mapboxgl-popup-content {
|
|
23
|
+
color: #000000;
|
|
24
|
+
max-width: 220px;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
.mapboxgl-popup-content-wrapper {
|
|
28
|
+
padding: 1%;
|
|
16
29
|
}
|
|
17
30
|
</style>
|
|
18
31
|
<div class="intro {{ include.style.header.joined }} {{ include.style.header.color }}">
|
|
@@ -27,10 +40,14 @@ var map = new mapboxgl.Map({
|
|
|
27
40
|
container: "map-container",
|
|
28
41
|
style: "{{ include.data.style }}",
|
|
29
42
|
center: [{{ include.data.center.longitude | default: 0.0 }}, {{ include.data.center.latitude | default: 0.0 }}],
|
|
30
|
-
zoom: {{ include.data.zoom | default: 1 }}
|
|
43
|
+
zoom: {{ include.data.zoom | default: 1 }},
|
|
44
|
+
dragPan: true
|
|
31
45
|
});
|
|
32
46
|
|
|
33
|
-
var data_points
|
|
47
|
+
var data_points;
|
|
48
|
+
fetch("{{ include.data.file | absolute_url }}")
|
|
49
|
+
.then(response => data_points = response.json())
|
|
50
|
+
.then(json => data_points = json);
|
|
34
51
|
|
|
35
52
|
map.on('load', function () {
|
|
36
53
|
|
|
@@ -45,13 +62,50 @@ map.on('load', function () {
|
|
|
45
62
|
// get the icon name from the source's "icon" property
|
|
46
63
|
// concatenate the name to get an icon from the style's sprite sheet
|
|
47
64
|
"icon-image": ["concat", ["get", "icon"], "-15"],
|
|
65
|
+
"icon-size": 1,
|
|
66
|
+
"icon-allow-overlap": true,
|
|
48
67
|
// get the title name from the source's "title" property
|
|
49
|
-
"text-field": ["get", "name"],
|
|
68
|
+
"text-field": ["get", "{{ include.data.markers.title | default: 'name' }}"],
|
|
50
69
|
"text-font": ["Open Sans Semibold", "Arial Unicode MS Bold"],
|
|
51
70
|
"text-offset": [0, 0.6],
|
|
52
71
|
"text-anchor": "top"
|
|
72
|
+
},
|
|
73
|
+
"paint": {
|
|
74
|
+
"icon-color": "#ffcc00",
|
|
75
|
+
"icon-halo-color": "#2266AA",
|
|
76
|
+
"text-color": "#ffffff"
|
|
53
77
|
}
|
|
54
78
|
});
|
|
55
79
|
|
|
56
80
|
});
|
|
81
|
+
|
|
82
|
+
|
|
83
|
+
// When a click event occurs on a feature in the places layer, open a popup at the
|
|
84
|
+
// location of the feature, with description HTML from its properties.
|
|
85
|
+
map.on('click', 'points', function(e) {
|
|
86
|
+
var coordinates = e.features[0].geometry.coordinates.slice();
|
|
87
|
+
var description = e.features[0].properties.{{ include.data.markers.popup.text }};
|
|
88
|
+
|
|
89
|
+
// Ensure that if the map is zoomed out such that multiple
|
|
90
|
+
// copies of the feature are visible, the popup appears
|
|
91
|
+
// over the copy being pointed to.
|
|
92
|
+
while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
|
|
93
|
+
coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
new mapboxgl.Popup()
|
|
97
|
+
.setLngLat(coordinates)
|
|
98
|
+
.setHTML(description)
|
|
99
|
+
.addTo(map);
|
|
100
|
+
});
|
|
101
|
+
|
|
102
|
+
// Change the cursor to a pointer when the mouse is over the places layer.
|
|
103
|
+
map.on('mouseenter', 'points', function() {
|
|
104
|
+
map.getCanvas().style.cursor = 'pointer';
|
|
105
|
+
});
|
|
106
|
+
|
|
107
|
+
// Change it back to a pointer when it leaves.
|
|
108
|
+
map.on('mouseleave', 'points', function() {
|
|
109
|
+
map.getCanvas().style.cursor = '';
|
|
110
|
+
});
|
|
57
111
|
</script>
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
{
|
|
2
|
+
"type": "FeatureCollection",
|
|
3
|
+
"features": [
|
|
4
|
+
{
|
|
5
|
+
"id": 1670,
|
|
6
|
+
"type": "Feature",
|
|
7
|
+
"properties": {
|
|
8
|
+
"name": "Long March 3B | Zhongxing 2D (Chinasat 2D)",
|
|
9
|
+
"icon": "rocket",
|
|
10
|
+
"windowstart": "January 10, 2019 17:11:04 UTC"
|
|
11
|
+
},
|
|
12
|
+
"geometry": {
|
|
13
|
+
"type": "Point",
|
|
14
|
+
"coordinates": [
|
|
15
|
+
28.246017,
|
|
16
|
+
102.026556
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"id": 1276,
|
|
22
|
+
"type": "Feature",
|
|
23
|
+
"properties": {
|
|
24
|
+
"name": "Falcon 9 Block 5 | Iridium-8",
|
|
25
|
+
"icon": "rocket",
|
|
26
|
+
"windowstart": "January 11, 2019 15:31:33 UTC"
|
|
27
|
+
},
|
|
28
|
+
"geometry": {
|
|
29
|
+
"type": "Point",
|
|
30
|
+
"coordinates": [
|
|
31
|
+
34.632,
|
|
32
|
+
-120.611
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
{
|
|
37
|
+
"id": 1675,
|
|
38
|
+
"type": "Feature",
|
|
39
|
+
"properties": {
|
|
40
|
+
"name": "Simorgh | Payam",
|
|
41
|
+
"icon": "rocket",
|
|
42
|
+
"windowstart": "January 15, 2019 00:30:00 UTC"
|
|
43
|
+
},
|
|
44
|
+
"geometry": {
|
|
45
|
+
"type": "Point",
|
|
46
|
+
"coordinates": [
|
|
47
|
+
35.238,
|
|
48
|
+
53.950778
|
|
49
|
+
]
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
"id": 1307,
|
|
54
|
+
"type": "Feature",
|
|
55
|
+
"properties": {
|
|
56
|
+
"name": "Epsilon | RAPIS-1 & others",
|
|
57
|
+
"icon": "rocket",
|
|
58
|
+
"windowstart": "January 18, 2019 00:50:20 UTC"
|
|
59
|
+
},
|
|
60
|
+
"geometry": {
|
|
61
|
+
"type": "Point",
|
|
62
|
+
"coordinates": [
|
|
63
|
+
31.251,
|
|
64
|
+
131.0813
|
|
65
|
+
]
|
|
66
|
+
}
|
|
67
|
+
},
|
|
68
|
+
{
|
|
69
|
+
"id": 1288,
|
|
70
|
+
"type": "Feature",
|
|
71
|
+
"properties": {
|
|
72
|
+
"name": "Delta IV Heavy | NROL-71",
|
|
73
|
+
"icon": "rocket",
|
|
74
|
+
"windowstart": "January 19, 2019 19:10:00 UTC"
|
|
75
|
+
},
|
|
76
|
+
"geometry": {
|
|
77
|
+
"type": "Point",
|
|
78
|
+
"coordinates": [
|
|
79
|
+
34.5815,
|
|
80
|
+
-120.6262
|
|
81
|
+
]
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
{
|
|
85
|
+
"id": 1669,
|
|
86
|
+
"type": "Feature",
|
|
87
|
+
"properties": {
|
|
88
|
+
"name": "Long March 11 | Jilin-1 Hyperspectral 01, 02, Xiaoxiang-1-03, Lingque-1A",
|
|
89
|
+
"icon": "rocket",
|
|
90
|
+
"windowstart": "January 21, 2019 05:38:00 UTC"
|
|
91
|
+
},
|
|
92
|
+
"geometry": {
|
|
93
|
+
"type": "Point",
|
|
94
|
+
"coordinates": [
|
|
95
|
+
40.958,
|
|
96
|
+
100.291
|
|
97
|
+
]
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
"id": 1614,
|
|
102
|
+
"type": "Feature",
|
|
103
|
+
"properties": {
|
|
104
|
+
"name": "PSLV-DL | Microsat-R",
|
|
105
|
+
"icon": "rocket",
|
|
106
|
+
"windowstart": "January 24, 2019 17:30:00 UTC"
|
|
107
|
+
},
|
|
108
|
+
"geometry": {
|
|
109
|
+
"type": "Point",
|
|
110
|
+
"coordinates": [
|
|
111
|
+
13.733,
|
|
112
|
+
80.235
|
|
113
|
+
]
|
|
114
|
+
}
|
|
115
|
+
},
|
|
116
|
+
{
|
|
117
|
+
"id": 1678,
|
|
118
|
+
"type": "Feature",
|
|
119
|
+
"properties": {
|
|
120
|
+
"name": "Safir 1B | Doosti",
|
|
121
|
+
"icon": "rocket",
|
|
122
|
+
"windowstart": "February 5, 2019 00:00:00 UTC"
|
|
123
|
+
},
|
|
124
|
+
"geometry": {
|
|
125
|
+
"type": "Point",
|
|
126
|
+
"coordinates": [
|
|
127
|
+
35.258416,
|
|
128
|
+
53.953567
|
|
129
|
+
]
|
|
130
|
+
}
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
"id": 1434,
|
|
134
|
+
"type": "Feature",
|
|
135
|
+
"properties": {
|
|
136
|
+
"name": "Ariane 5 ECA | Saudi Geostationary Satellite 1/Hellas Sat 4 & GSAT-31",
|
|
137
|
+
"icon": "rocket",
|
|
138
|
+
"windowstart": "February 5, 2019 21:01:00 UTC"
|
|
139
|
+
},
|
|
140
|
+
"geometry": {
|
|
141
|
+
"type": "Point",
|
|
142
|
+
"coordinates": [
|
|
143
|
+
5.239,
|
|
144
|
+
-52.768
|
|
145
|
+
]
|
|
146
|
+
}
|
|
147
|
+
},
|
|
148
|
+
{
|
|
149
|
+
"id": 1594,
|
|
150
|
+
"type": "Feature",
|
|
151
|
+
"properties": {
|
|
152
|
+
"name": "Soyuz 2.1b/Fregat-M | EgyptSat-A",
|
|
153
|
+
"icon": "rocket",
|
|
154
|
+
"windowstart": "February 21, 2019 16:47:00 UTC"
|
|
155
|
+
},
|
|
156
|
+
"geometry": {
|
|
157
|
+
"type": "Point",
|
|
158
|
+
"coordinates": [
|
|
159
|
+
45.996034,
|
|
160
|
+
63.564003
|
|
161
|
+
]
|
|
162
|
+
}
|
|
163
|
+
}
|
|
164
|
+
]
|
|
165
|
+
}
|
|
Binary file
|
data/assets/js/main.js
CHANGED
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
},
|
|
58
58
|
|
|
59
59
|
// If set to a valid selector , prevents key/mouse events from bubbling from these elements.
|
|
60
|
-
excludeSelector: 'input:focus, select:focus, textarea:focus, audio, video, iframe',
|
|
60
|
+
excludeSelector: 'input:focus, select:focus, textarea:focus, audio, video, iframe, #map-container',
|
|
61
61
|
|
|
62
62
|
// Link scroll speed.
|
|
63
63
|
linkScrollSpeed: 1000
|
|
@@ -307,6 +307,15 @@
|
|
|
307
307
|
|
|
308
308
|
};
|
|
309
309
|
|
|
310
|
+
// Prevent wheeling inside excluded elements from bubbling.
|
|
311
|
+
$wrapper.on('wheel', settings.excludeSelector, function(event) {
|
|
312
|
+
|
|
313
|
+
// Stop propagation.
|
|
314
|
+
event.preventDefault();
|
|
315
|
+
event.stopPropagation();
|
|
316
|
+
|
|
317
|
+
});
|
|
318
|
+
|
|
310
319
|
// Wheel event.
|
|
311
320
|
$body.on('wheel', function(event) {
|
|
312
321
|
|
|
@@ -315,8 +324,8 @@
|
|
|
315
324
|
return;
|
|
316
325
|
|
|
317
326
|
// Prevent default.
|
|
318
|
-
event.preventDefault();
|
|
319
|
-
event.stopPropagation();
|
|
327
|
+
// event.preventDefault();
|
|
328
|
+
// event.stopPropagation();
|
|
320
329
|
|
|
321
330
|
// Stop link scroll.
|
|
322
331
|
$bodyHtml.stop();
|
|
@@ -434,7 +443,8 @@
|
|
|
434
443
|
.on('mouseup mousemove mousedown', settings.excludeSelector, function(event) {
|
|
435
444
|
|
|
436
445
|
// Prevent event from bubbling.
|
|
437
|
-
event.
|
|
446
|
+
// event.preventDefault();
|
|
447
|
+
// event.stopPropagation();
|
|
438
448
|
|
|
439
449
|
// End drag.
|
|
440
450
|
dragging = false;
|
|
@@ -446,6 +456,7 @@
|
|
|
446
456
|
$wrapper.triggerHandler('---pauseScrollZone');
|
|
447
457
|
|
|
448
458
|
})
|
|
459
|
+
$body
|
|
449
460
|
|
|
450
461
|
// Mousedown event.
|
|
451
462
|
.on('mousedown', function(event) {
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: jekyll-theme-ethereal
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.4.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- David Mougeolle
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2019-12-
|
|
11
|
+
date: 2019-12-25 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -134,6 +134,7 @@ files:
|
|
|
134
134
|
- assets/css/main.scss
|
|
135
135
|
- assets/css/mapbox-gl.css
|
|
136
136
|
- assets/css/noscript.scss
|
|
137
|
+
- assets/data/space_launches.json
|
|
137
138
|
- assets/images/bg.jpg
|
|
138
139
|
- assets/images/favicon.ico
|
|
139
140
|
- assets/images/gallery/fulls/01.jpg
|