intia-theme 0.1.62 → 0.1.65
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/_includes/left-right-blocks.html +2 -2
- data/_sass/_layout.scss +7 -2
- data/_sass/_mobile.scss +1 -1
- data/_sass/_print.scss +3 -3
- data/_sass/_radar.scss +5 -3
- data/assets/js/radar.js +81 -8
- data/node_modules/bulma/sass/components/navbar.sass +1 -1
- metadata +2 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: d5d323ddb6b3bcf99ad7857a29b711a13c2007aa0dcabeeb1e866bd09bb88745
|
4
|
+
data.tar.gz: 23f366236d0f75aeaa6402068549f34abf7515dee1b85351f73ee3d24f1790e9
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: '01950484992fb6e3d6eaac2876c82c5fe2e05b8e7df62e8dd79fe958089be2065c698e7e39a5f1236e279e2b72276b0b3b168727ed14c195ac301bbef9531d00'
|
7
|
+
data.tar.gz: b55d6fd45227ee7fa6958d63b3aa2b2f98047c299a6b2573642f4d76a9a4aee671dd8f66d72e9f1d7951a67efcf05fc0bd079b8b16bbb5b2d1b185767f8856ff
|
@@ -10,7 +10,7 @@
|
|
10
10
|
</figure>
|
11
11
|
</div>
|
12
12
|
<div class="card-content">
|
13
|
-
<h2 class="fas {{ section.icon }} fa-2x">{{ section.title
|
13
|
+
<h2 class="fas {{ section.icon }} fa-2x"><div>{{ section.title }}</div></h2>
|
14
14
|
{{ section.text | markdownify }}
|
15
15
|
|
16
16
|
<a href="{{ section.link | relative_url }}" class="button is-rounded has-text-centert is-dark {% if item.link == page.url %}is-active{% endif %}">
|
@@ -27,7 +27,7 @@
|
|
27
27
|
<img src={{section.image}} alt="placeholder" class="left">
|
28
28
|
</figure>
|
29
29
|
</div>
|
30
|
-
<h2 class="fas {{ section.icon }} fa-2x">{{ section.title
|
30
|
+
<h2 class="fas {{ section.icon }} fa-2x"><div>{{ section.title }}</div></h2>
|
31
31
|
{{ section.text | markdownify }}
|
32
32
|
<a href="{{ section.link | relative_url }}" class="button is-rounded is-dark {% if item.link == page.url %}is-active{% endif %}">
|
33
33
|
<span>{{ section.link_text }}</span>
|
data/_sass/_layout.scss
CHANGED
@@ -122,7 +122,7 @@ h2 {
|
|
122
122
|
padding-top: 0;
|
123
123
|
}
|
124
124
|
.card h2.fas {
|
125
|
-
padding-bottom:
|
125
|
+
padding-bottom: 15px;
|
126
126
|
}
|
127
127
|
|
128
128
|
// List
|
@@ -1233,4 +1233,9 @@ div.faq {
|
|
1233
1233
|
// Override fas default font
|
1234
1234
|
.fas p {
|
1235
1235
|
font-family: $family-primary;
|
1236
|
-
}
|
1236
|
+
}
|
1237
|
+
.fas div{
|
1238
|
+
display: inline;
|
1239
|
+
font-family: $family-primary;
|
1240
|
+
padding-left: 17px;
|
1241
|
+
}
|
data/_sass/_mobile.scss
CHANGED
data/_sass/_print.scss
CHANGED
@@ -15,13 +15,13 @@
|
|
15
15
|
@media print {
|
16
16
|
@content;
|
17
17
|
}
|
18
|
-
@media screen and (min-width:
|
18
|
+
@media screen and (min-width: 1407px) {
|
19
19
|
.navbar.is-primary .navbar-start .navbar-link::after,
|
20
20
|
.navbar.is-primary .navbar-end .navbar-link::after {
|
21
21
|
border-color: white;
|
22
22
|
}
|
23
23
|
}
|
24
|
-
@media screen and (min-width:
|
24
|
+
@media screen and (min-width: 1407px) {
|
25
25
|
.navbar.is-primary .navbar-start > .navbar-item,
|
26
26
|
.navbar.is-primary .navbar-start .navbar-link,
|
27
27
|
.navbar.is-primary .navbar-end > .navbar-item,
|
@@ -29,7 +29,7 @@
|
|
29
29
|
color: white;
|
30
30
|
}
|
31
31
|
}
|
32
|
-
@media screen and (min-width:
|
32
|
+
@media screen and (min-width: 1407px) {
|
33
33
|
.navbar.is-primary .navbar-item.has-dropdown:focus .navbar-link,
|
34
34
|
.navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link,
|
35
35
|
.navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link {
|
data/_sass/_radar.scss
CHANGED
@@ -1,8 +1,9 @@
|
|
1
1
|
#radar {
|
2
2
|
/* Generel */
|
3
3
|
--fontFamily: "Verdana", sans-serif;
|
4
|
-
--borderRadius:
|
4
|
+
--borderRadius: 0px;
|
5
5
|
--lineWidth: 1;
|
6
|
+
--lineWidthSector: 5;
|
6
7
|
--spacing: 8px;
|
7
8
|
--textPadding: 0.25em;
|
8
9
|
--dropdownBoxShadow: 0 5px 20px rgba(0,0,0,0.1);
|
@@ -36,7 +37,7 @@
|
|
36
37
|
'radar';
|
37
38
|
grid-gap: var(--spacing);
|
38
39
|
/* background-color: rgb(250, 250, 250); */
|
39
|
-
background-color:
|
40
|
+
background-color: white;
|
40
41
|
border-radius: var(--borderRadius);
|
41
42
|
padding: var(--spacing);
|
42
43
|
font-family: var(--fontFamily);
|
@@ -143,6 +144,7 @@
|
|
143
144
|
position: relative;
|
144
145
|
border-radius: var(--borderRadius);
|
145
146
|
padding: var(--textPadding);
|
147
|
+
max-width: 300px;
|
146
148
|
cursor: pointer;
|
147
149
|
}
|
148
150
|
.radarContainer .cardItem:hover{
|
@@ -259,7 +261,7 @@
|
|
259
261
|
}
|
260
262
|
.radarLegend .stateColor{
|
261
263
|
position: absolute;
|
262
|
-
top:
|
264
|
+
top: 35%;
|
263
265
|
width: var(--radarLegendCardItemText);
|
264
266
|
height: var(--radarLegendCardItemText);
|
265
267
|
border-radius: 50%;
|
data/assets/js/radar.js
CHANGED
@@ -220,11 +220,11 @@ function createRadar(config, structure, entries){
|
|
220
220
|
let color = (blip.stateID >= 0 && blip.stateID < structure.entryStates.list.length)
|
221
221
|
? d3.rgb(structure.entryStates.list[blip.stateID].color)
|
222
222
|
: d3.rgb(config.blip.defaultColor);
|
223
|
-
if(
|
223
|
+
if(false) color.opacity = 0.25; //blip.moved != 0
|
224
224
|
return color;
|
225
225
|
}
|
226
226
|
let getBlipMovedIndicator = (blip) => {
|
227
|
-
if(blip.moved != 0
|
227
|
+
if(false){ // blip.moved != 0
|
228
228
|
let radius = config.blip.outerCircleRadius;
|
229
229
|
|
230
230
|
let startAngle = (blip.moved > 0)
|
@@ -391,7 +391,7 @@ function createRadar(config, structure, entries){
|
|
391
391
|
blipRadius = blipSize * 0.5,
|
392
392
|
strokeWidth = blipRadius * 0.2,
|
393
393
|
outerCircleRadius = blipRadius ,
|
394
|
-
innerCircleRadius = outerCircleRadius
|
394
|
+
innerCircleRadius = outerCircleRadius;
|
395
395
|
config.blip = ({
|
396
396
|
...config.blip,
|
397
397
|
fontSize: fontSize,
|
@@ -416,13 +416,20 @@ function createRadar(config, structure, entries){
|
|
416
416
|
.classed(`radarTitle`, true)
|
417
417
|
.text(config.radar.name);
|
418
418
|
}
|
419
|
+
// Select sector buttons
|
420
|
+
radarDiv.append('div')
|
421
|
+
.attr(`id`, `${radarId}_selectionDropdown`)
|
422
|
+
.classed(`buttons`, true);
|
423
|
+
|
419
424
|
// select sector dropdown
|
425
|
+
/*
|
420
426
|
radarDiv.append(`div`)
|
421
427
|
.attr(`id`, `${radarId}_selectionDropdown`)
|
422
|
-
.classed(`radarSelection dropdown`, true);
|
428
|
+
.classed(`radarSelection dropdown`, true);
|
429
|
+
*/
|
423
430
|
radarDiv.append(`div`)
|
424
431
|
.classed(`radar`, true)
|
425
|
-
.attr(`id`, `${radarId}_radarDiv`);
|
432
|
+
.attr(`id`, `${radarId}_radarDiv`);
|
426
433
|
/*
|
427
434
|
radarDiv.append(`div`)
|
428
435
|
.classed(`radarBlipLegend`, true);
|
@@ -441,7 +448,10 @@ function createRadar(config, structure, entries){
|
|
441
448
|
radarDiv.select(`svg#${radarId}_svg`).append(`g`)
|
442
449
|
.attr(`id`, `${radarId}_radarContent`)
|
443
450
|
.attr(`transform`, translate(radius, radius));
|
451
|
+
|
452
|
+
// See below for variante without dropdown
|
444
453
|
// append radar legend div
|
454
|
+
/*
|
445
455
|
radarDiv.select(`.radar`)
|
446
456
|
.append(`div`)
|
447
457
|
.attr(`id`, `${radarId}_radarLegend`)
|
@@ -449,6 +459,7 @@ function createRadar(config, structure, entries){
|
|
449
459
|
.on(`click`, ()=>
|
450
460
|
document.getElementById(`${radarId}_radarLegend`).classList.toggle(`active`))
|
451
461
|
.text(config.radar.legendDropdownText);
|
462
|
+
*/
|
452
463
|
//#endregion ________________________________________________________________________
|
453
464
|
|
454
465
|
// can be declared only after the radar svg is appended
|
@@ -514,7 +525,7 @@ function createRadar(config, structure, entries){
|
|
514
525
|
let blipClick = (blip) => {
|
515
526
|
let blipData = radarData.blips.find(data => data.id == blip.id);
|
516
527
|
if (blipData.focused){
|
517
|
-
window.open(blipData.link);
|
528
|
+
window.open(config.radar.linkPrefix + blipData.link + config.radar.linkSuffix);
|
518
529
|
}
|
519
530
|
else blipData.focused = true;
|
520
531
|
}
|
@@ -588,7 +599,7 @@ function createRadar(config, structure, entries){
|
|
588
599
|
.on(`click`, sector => {
|
589
600
|
displaySector(sector);
|
590
601
|
changeSvgViewbox(sector.idText);
|
591
|
-
})
|
602
|
+
})
|
592
603
|
if(config.sector.showName){
|
593
604
|
let name = selection.append(`g`)
|
594
605
|
.attr(`class`, `sectorName`)
|
@@ -743,6 +754,34 @@ function createRadar(config, structure, entries){
|
|
743
754
|
//#endregion ------------------------------------------------------------------------
|
744
755
|
|
745
756
|
//#region generate selection ++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
757
|
+
|
758
|
+
radarDiv.select(`.buttons`)
|
759
|
+
.append('a')
|
760
|
+
.classed('button',true)
|
761
|
+
.classed('is-rounded',true)
|
762
|
+
.classed('is-dark',true)
|
763
|
+
.text(config.radar.showAllSectorsText)
|
764
|
+
.on(`click`, () => {
|
765
|
+
displayAllSectors();
|
766
|
+
changeSvgViewbox(`${radarId}_radarContent`);
|
767
|
+
selectionDropdownText.text(config.radar.showAllSectorsText);
|
768
|
+
});
|
769
|
+
radarDiv.select(`.buttons`)
|
770
|
+
.selectAll(null)
|
771
|
+
.data(radarData.sectors)
|
772
|
+
.enter()
|
773
|
+
.append(`a`)
|
774
|
+
.classed('button',true)
|
775
|
+
.classed('is-rounded',true)
|
776
|
+
.classed('is-dark',true)
|
777
|
+
.text(sector => sector.name)
|
778
|
+
.on(`click`, sector => {
|
779
|
+
displaySector(sector);
|
780
|
+
changeSvgViewbox(sector.idText);
|
781
|
+
selectionDropdownText.text(sector.name);
|
782
|
+
});
|
783
|
+
|
784
|
+
|
746
785
|
let selectionDropdownText = radarDiv.select(`.radarSelection`)
|
747
786
|
.on(`click`, ()=> {
|
748
787
|
document.getElementById(`${radarId}_selectionDropdown`)
|
@@ -780,7 +819,9 @@ function createRadar(config, structure, entries){
|
|
780
819
|
displaySector(sector);
|
781
820
|
changeSvgViewbox(sector.idText);
|
782
821
|
selectionDropdownText.text(sector.name);
|
783
|
-
});
|
822
|
+
});
|
823
|
+
|
824
|
+
|
784
825
|
//#endregion ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
785
826
|
|
786
827
|
//#region generate radar ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
@@ -809,6 +850,37 @@ function createRadar(config, structure, entries){
|
|
809
850
|
//#endregion ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
810
851
|
|
811
852
|
//#region generate radar legend +++++++++++++++++++++++++++++++++++++++++++++++++++++
|
853
|
+
// Legend without dropdown
|
854
|
+
radarDiv.select(`.radar`)
|
855
|
+
.append(`div`)
|
856
|
+
.attr(`id`, `${radarId}_radarLegend`)
|
857
|
+
.classed(`radarLegend`, true)
|
858
|
+
.text(config.radar.legendDropdownText);
|
859
|
+
|
860
|
+
let radarLegendContainer = radarDiv.select(`.radarLegend`)
|
861
|
+
.selectAll(null)
|
862
|
+
.data(structure.entryStates.list)
|
863
|
+
.enter()
|
864
|
+
.append(`div`)
|
865
|
+
.classed(`cardItem`, true)
|
866
|
+
.call(makeLegendBlipStates)
|
867
|
+
.on(`mouseover`, (data)=> focusBlipByState(data))
|
868
|
+
.on(`mouseout`, data => focusAllBlips(data));
|
869
|
+
|
870
|
+
|
871
|
+
let ringLegend = radarDiv.select(`.radar`).append(`div`)
|
872
|
+
ringLegend.append(`div`)
|
873
|
+
.classed(`radarLegend`, true)
|
874
|
+
.text(structure.rings.legendTitle);
|
875
|
+
ringLegend.selectAll(null)
|
876
|
+
.data(radarData.rings)
|
877
|
+
.enter()
|
878
|
+
.append(`div`)
|
879
|
+
.classed(`cardItem`, true)
|
880
|
+
.call(makeLegendRings)
|
881
|
+
.on(`mouseover`, (data)=> focusRing(data))
|
882
|
+
.on(`mouseout`, ()=> focusAllRings());
|
883
|
+
/*
|
812
884
|
let radarLegendContainer = radarDiv.select(`.radarLegend`)
|
813
885
|
.append(`div`)
|
814
886
|
.attr(`id`, `${radarId}_radarLegendContainer`)
|
@@ -858,6 +930,7 @@ function createRadar(config, structure, entries){
|
|
858
930
|
.call(makeLegendRings)
|
859
931
|
.on(`mouseover`, (data)=> focusRing(data))
|
860
932
|
.on(`mouseout`, ()=> focusAllRings());
|
933
|
+
*/
|
861
934
|
//#endregion ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
|
862
935
|
|
863
936
|
//#region generate radar blip legend ++++++++++++++++++++++++++++++++++++++++++++++++
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: intia-theme
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.1.
|
4
|
+
version: 0.1.65
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Marc Schmidt
|
8
8
|
autorequire:
|
9
9
|
bindir: bin
|
10
10
|
cert_chain: []
|
11
|
-
date: 2022-05-
|
11
|
+
date: 2022-05-30 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: jekyll
|