jekyll-theme-ethereal 0.3.3 → 0.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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
|