weyne/DCSOlympus
1
0
Fork 0
mirror of https://github.com/Pax1601/DCSOlympus.git synced 2025-10-29 16:56:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'v0.1.0' of https://github.com/Pax1601/DCSOlympus into v0.1.0

Browse Source
This commit is contained in:
dpassoni 2023-03-13 17:14:46 +01:00
commit 25480545dd
43 changed files with 407 additions and 172 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

82
client/public/stylesheets/layout.css
View File

@ -58,34 +58,6 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
display:block !important;
}
#unit-control-panel #loadout-container {
display:flex;
flex-wrap: wrap;
row-gap: 4px;
}
#unit-control-panel #loadout-label span {
display:block;
float:right;
}
#unit-control-panel #loadout-label span::before {
content: url( /images/icons/fuel.svg );
display:inline-block;
filter:invert(100%);
height:16px;
translate:-25% 5%;
width:16px;
}
#unit-control-panel #loadout-label span::after {
content: attr( data-fuel-level ) "%";
}
#unit-control-panel #loadout-container .loadout-item {
background-color: black;
}
dl.data-grid {
align-items: center;
display:flex;
@ -155,6 +127,7 @@ dl.data-grid dd.br-info[data-bearing][data-distance][data-distance-units]::after
color: var( --accent-light-blue );
}
#unit-info-panel {
bottom: 20px;
font-size:12px;
@ -164,6 +137,59 @@ dl.data-grid dd.br-info[data-bearing][data-distance][data-distance-units]::after
z-index: 1000;
}
#unit-info-panel #unit-name {
line-height: 18px;
margin-bottom:10px;
}
#unit-info-panel #current-task {
border-radius: var( --border-radius-lg );
margin-top:15px;
}
#unit-info-panel #current-task::after {
content: attr( data-current-task );
display:block;
}
#unit-info-panel #loadout-data {
max-width: 250px;
}
#unit-info-panel #loadout-data .data-grid {
margin: 6px 0;
}
#unit-info-panel #loadout-data .data-grid dt:first-child {
text-indent: 5px;
}
#unit-info-panel #loadout-data .data-grid dt:first-child::before {
content: url( /images/icons/fuel.svg );
display:inline-block;
filter:invert(100%);
height:16px;
text-indent:5px;
translate:-10px 5%;
width:16px;
}
#unit-info-panel #loadout-fuel-level::after {
content: attr( data-fuel-level ) "%";
}
#unit-info-panel #loadout-container .loadout-item {
background-color: black;
}
#unit-info-panel #loadout-container .loadout-item::before {
content: attr( data-loadout-item ) ' \d7 ' attr( data-loadout-qty );
}
#connection-status-panel {
bottom: 20px;
font-size:12px;

81
client/public/stylesheets/olympus.css
View File

@ -66,18 +66,11 @@ button[disabled="disabled"] {
.pill {
background-color: var( --background-darksteel );
border-radius: var(--border-radius-sm);
padding: 2px 6px;
padding: 4px 8px;
width: fit-content;
}
.loadout-item::after {
content: attr( data-qty ) 'x ' attr( data-item );
}
.ol-panel {
background-color: var(--background-steel);
border-radius: 15px;
@ -267,25 +260,24 @@ button[disabled="disabled"] {
justify-content: space-evenly;
}
.ol-panel-board>.panel-section {
.ol-panel-board > .panel-section {
border-right: 1px solid #555;
padding: 10px;
margin:10px 0;
padding:0 30px;
}
.ol-panel-board>.panel-section:last-of-type {
.ol-panel-board > .panel-section:first-child {
padding-left:20px;
}
.ol-panel-board > .panel-section:last-child {
padding-right:20px;
}
.ol-panel-board > .panel-section:last-of-type {
border-right-width: 0;
}
.ol-panel-board h1,
.ol-panel-board h2 {
font-weight: var(--font-weight-bolder);
margin: 0;
padding: 0 0 5px 0;
}
.ol-panel-board h2 {
font-size: 14px;
}
h1,
h2,
@ -335,16 +327,19 @@ nav.ol-panel> :last-child {
.ol-panel .ol-group {
border-radius: var(--border-radius-sm);
column-gap: 10px;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
row-gap: 4px;
}
.ol-panel .ol-group {
border-radius: var(--border-radius-sm);
.ol-panel .ol-group.wrap {
flex-wrap: wrap;
}
.ol-panel .ol-group-button-toggle {
align-items: center;
column-gap: 15px;
@ -385,20 +380,20 @@ nav.ol-panel> :last-child {
background-color: var(--secondary-light-grey);
}
.highlight-bluefor {
background-color: var(--primary-blue);
color: var(--background-steel)
}
.highlight-redfor {
background-color: var(--primary-red);
}
.highlight-neutral {
.highlight-coalition, .highlight-neutral {
background-color: var(--primary-grey);
color: var(--secondary-gunmetal-grey)
}
.highlight-coalition[data-coalition="blue"], .highlight-bluefor {
background-color: var(--primary-blue);
color: white;
}
.highlight-coalition[data-coalition="red"], .highlight-redfor {
background-color: var(--primary-red);
}
.accent-green {
color: var(--accent-green);
@ -442,26 +437,6 @@ nav.ol-panel> :last-child {
flex-direction: column;
}
.data-row {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
column-gap: 2px;
}
.data-row>*:nth-child(2) {
width: 100px;
}
.data-row>*:last-child {
width: 30px;
text-align: right;
}
.data-row>.icon-small {
margin: 2px;
}
.slider-container {
width: 100%;

140
client/public/stylesheets/units.css
View File

@ -53,6 +53,7 @@
padding-bottom: calc( ( var( --unit-air-width ) / 2 ) + var( --unit-stroke-width ) );
position:absolute;
width: var( --unit-air-vvi-width );
z-index: 3;
}
@ -79,7 +80,6 @@
}
[data-object|="unit"] .unit-marker-border {
background-color: white;
border-radius: var( --border-radius-sm );
display:none;
height: calc( var( --unit-air-height ) + ( var( --unit-label-border-width ) * 2 ) );
@ -88,11 +88,6 @@
z-index:2;
}
.unit:hover .unit-marker-border,
[data-object|="unit"][data-is-selected] .unit-marker-border {
display:block;
}
/******************************
Marker
@ -117,52 +112,92 @@
width: var( --unit-air-marker-width );
}
[data-object|="unit-air"]:hover .unit-marker, [data-object|="unit-air"][data-is-selected] .unit-marker {
[data-object|="unit-air"]:hover .unit-marker {
background-image: var( --unit-air-marker-neutral-hover-url );
}
[data-object|="unit-air"][data-is-selected] .unit-marker {
background-image: var( --unit-air-marker-neutral-selected-url );
}
[data-object|="unit-air"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-air-marker-blue-url );
}
[data-object|="unit-air"][data-coalition="blue"]:hover .unit-marker, [data-object|="unit-air"][data-coalition="blue"][data-is-selected] .unit-marker {
[data-object|="unit-air"][data-coalition="blue"]:hover .unit-marker {
background-image: var( --unit-air-marker-blue-hover-url );
}
[data-object|="unit-air"][data-coalition="blue"][data-is-selected] .unit-marker {
background-image: var( --unit-air-marker-blue-selected-url );
}
[data-object|="unit-air"][data-coalition="red"] .unit-marker {
background-image: var( --unit-air-marker-red-url );
}
[data-object|="unit-air"][data-coalition="red"]:hover .unit-marker, [data-object|="unit-air"][data-coalition="red"][data-is-selected] .unit-marker {
[data-object|="unit-air"][data-coalition="red"]:hover .unit-marker {
background-image: var( --unit-air-marker-red-hover-url );
}
[data-object|="unit-air"][data-coalition="red"][data-is-selected] .unit-marker {
background-image: var( --unit-air-marker-red-selected-url );
}
/* Ground vehicles (not SAMs) */
[data-object|="unit-ground-mi"] .unit-marker {
background-image: var( --unit-ground-marker-neutral-url );
height: var( --unit-ground-marker-height );
width: var( --unit-ground-marker-width );
background-image: var( --unit-ground-mi-marker-neutral-url );
height: var( --unit-ground-mi-marker-height );
width: var( --unit-ground-mi-marker-width );
}
[data-object|="unit-ground-mi"]:hover .unit-marker {
background-image: var( --unit-ground-mi-marker-neutral-hover-url );
}
[data-object|="unit-ground-mi"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-mi-marker-neutral-selected-url );
}
[data-object|="unit-ground-mi"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-ground-marker-blue-url );
background-image: var( --unit-ground-mi-marker-blue-url );
}
[data-object|="unit-ground-mi"][data-coalition="blue"]:hover .unit-marker {
background-image: var( --unit-ground-mi-marker-blue-hover-url );
}
[data-object|="unit-ground-mi"][data-coalition="blue"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-mi-marker-blue-selected-url );
}
[data-object|="unit-ground-mi"][data-coalition="red"] .unit-marker {
background-image: var( --unit-ground-marker-red-url );
background-image: var( --unit-ground-mi-marker-red-url );
}
[data-object|="unit-ground-mi"][data-coalition="red"]:hover .unit-marker {
background-image: var( --unit-ground-mi-marker-red-hover-url );
}
[data-object|="unit-ground-mi"][data-coalition="red"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-mi-marker-red-selected-url );
}
/* SAMs */
[data-object|="unit-ground-sam"] .unit-selected-spotlight {
translate:0 2px;
}
[data-object|="unit-ground-sam"] .unit-marker {
background-image: var( --unit-sam-marker-neutral-url );
height: var( --unit-sam-marker-height );
@ -170,18 +205,47 @@
}
[data-object|="unit-ground-sam"]:hover .unit-marker {
background-image: var( --unit-ground-sam-marker-neutral-hover-url );
}
[data-object|="unit-ground-sam"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-sam-marker-neutral-selected-url );
}
[data-object|="unit-ground-sam"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-sam-marker-blue-url );
background-image: var( --unit-ground-sam-marker-blue-url );
}
[data-object|="unit-ground-sam"][data-coalition="blue"]:hover .unit-marker {
background-image: var( --unit-ground-sam-marker-blue-hover-url );
}
[data-object|="unit-ground-sam"][data-coalition="blue"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-sam-marker-blue-selected-url );
}
[data-object|="unit-ground-sam"][data-coalition="red"] .unit-marker {
background-image: var( --unit-sam-marker-red-url );
background-image: var( --unit-ground-sam-marker-red-url );
}
[data-object|="unit-ground-sam"][data-coalition="red"]:hover .unit-marker {
background-image: var( --unit-ground-sam-marker-red-hover-url );
}
[data-object|="unit-ground-sam"][data-coalition="red"][data-is-selected] .unit-marker {
background-image: var( --unit-ground-sam-marker-red-selected-url );
}
/* Naval */
[data-object|="unit-naval"] .unit-selected-spotlight {
translate:0 -2px;
}
[data-object|="unit-naval"] .unit-marker {
background-image: var( --unit-naval-marker-neutral-url );
height: var( --unit-naval-marker-height );
@ -189,15 +253,40 @@
}
[data-object|="unit-naval"]:hover .unit-marker {
background-image: var( --unit-naval-marker-neutral-hover-url );
}
[data-object|="unit-naval"][data-is-selected] .unit-marker {
background-image: var( --unit-naval-marker-neutral-selected-url );
}
[data-object|="unit-naval"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-naval-marker-blue-url );
}
[data-object|="unit-naval"][data-coalition="blue"]:hover .unit-marker {
background-image: var( --unit-naval-marker-blue-hover-url );
}
[data-object|="unit-naval"][data-coalition="blue"][data-is-selected] .unit-marker {
background-image: var( --unit-naval-marker-blue-selected-url );
}
[data-object|="unit-naval"][data-coalition="red"] .unit-marker {
background-image: var( --unit-naval-marker-red-url );
}
[data-object|="unit-naval"][data-coalition="red"]:hover .unit-marker {
background-image: var( --unit-naval-marker-red-hover-url );
}
[data-object|="unit-naval"][data-coalition="red"][data-is-selected] .unit-marker {
background-image: var( --unit-naval-marker-red-selected-url );
}
/* Building */
@ -221,19 +310,23 @@
/* Weapons */
[data-object="unit-weapon-missile"] .unit-marker {
[data-object|="unit-weapon"] {
cursor: default;
}
[data-object|="unit-weapon-missile"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-neutral-url );
height: var( --unit-weapons-missile-marker-height );
width: var( --unit-weapons-missile-marker-width );
}
[data-object="unit-weapon-missile"][data-coalition="blue"] .unit-marker {
[data-object|="unit-weapon-missile"][data-coalition="blue"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-blue-url );
}
[data-object="unit-weapon-missile"][data-coalition="red"] .unit-marker {
[data-object|="unit-weapon-missile"][data-coalition="red"] .unit-marker {
background-image: var( --unit-weapons-missile-marker-red-url );
}
@ -413,11 +506,6 @@
}
[data-object|="unit"][data-is-selected] rect.unit-marker {
fill:white;
}
[data-object|="unit"] .unit-status {
background-repeat: no-repeat;
position:absolute;
@ -461,6 +549,10 @@
/*** DEAD ***/
[data-object|="unit-air"][ data-is-dead ] {
cursor: default;
}
[data-object|="unit-air"][ data-is-dead ] .unit-marker {
background-image: var( --unit-air-marker-neutral-dead-url );
background-position: 50% 50%;

3
client/public/themes/olympus/images/icon_aa_blue.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.08142 36.5L25 2L44.9186 36.5H5.08142Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 205 B

4
client/public/themes/olympus/images/icon_aa_blue_hover.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#3BB9FF" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 301 B

4
client/public/themes/olympus/images/icon_aa_blue_selected.svg
View File

@ -1,4 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#3BB9FF" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="white" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="white" stroke="#082E44" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 301 B

After

Width:  |  Height:  |  Size: 297 B

3
client/public/themes/olympus/images/icon_aa_neutral.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.08142 36.5L25 2L44.9186 36.5H5.08142Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 205 B

4
client/public/themes/olympus/images/icon_aa_neutral_hover.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 301 B

4
client/public/themes/olympus/images/icon_aa_neutral_selected.svg
View File

@ -1,4 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#CFD9E8" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="white" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="white" stroke="#2F2F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 301 B

After

Width:  |  Height:  |  Size: 297 B

3
client/public/themes/olympus/images/icon_aa_red.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="50" height="38" viewBox="0 0 50 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.08142 36.5L25 2L44.9186 36.5H5.08142Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 205 B

4
client/public/themes/olympus/images/icon_aa_red_hover.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#FF5858" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 301 B

4
client/public/themes/olympus/images/icon_aa_red_selected.svg
View File

@ -1,4 +1,4 @@
<svg width="52" height="44" viewBox="0 0 52 44" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="#FF5858" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<path d="M3.48334 42L26 3L48.5167 42H3.48334Z" fill="white" stroke="white" stroke-width="4"/>
<path d="M6.08142 40.5L26 6L45.9186 40.5H6.08142Z" fill="white" stroke="#262222" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 301 B

After

Width:  |  Height:  |  Size: 297 B

4
client/public/themes/olympus/images/icon_aircraft_blue_hover.svg
View File

@ -1,8 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1728" fill="white">
<mask id="path-1-inside-1_397_5543" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1728)"/>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_5543)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#3BB9FF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#082E44"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

8
client/public/themes/olympus/images/icon_aircraft_blue_selected.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_397_7757" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="white" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_7757)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#082E44"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 737 B

4
client/public/themes/olympus/images/icon_aircraft_neutral_hover.svg
View File

@ -1,8 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1733" fill="white">
<mask id="path-1-inside-1_397_5557" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1733)"/>
<rect width="38" height="38" rx="1.4" fill="#3BB9FF" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_5557)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#CFD9E8"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#2F2F2F"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

8
client/public/themes/olympus/images/icon_aircraft_neutral_selected.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_397_7803" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="white" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_7803)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#2F2F2F"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 737 B

4
client/public/themes/olympus/images/icon_aircraft_red_hover.svg
View File

@ -1,8 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_255_1729" fill="white">
<mask id="path-1-inside-1_397_5550" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="#FF5858" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_255_1729)"/>
<rect width="38" height="38" rx="1.4" fill="#FF5858" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_5550)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="#FF5858"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#262222"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 741 B

After

Width:  |  Height:  |  Size: 741 B

8
client/public/themes/olympus/images/icon_aircraft_red_selected.svg Normal file
View File

@ -0,0 +1,8 @@
<svg width="38" height="38" viewBox="0 0 38 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<mask id="path-1-inside-1_397_7784" fill="white">
<rect width="38" height="38" rx="1.4"/>
</mask>
<rect width="38" height="38" rx="1.4" fill="white" stroke="white" stroke-width="5.6" mask="url(#path-1-inside-1_397_7784)"/>
<path d="M2 3.4C2 2.6268 2.6268 2 3.4 2H34.2C34.9732 2 35.6 2.6268 35.6 3.4V34.2C35.6 34.9732 34.9732 35.6 34.2 35.6H3.4C2.6268 35.6 2 34.9732 2 34.2V3.4Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.8 4.8V32.8H32.8V4.8H4.8ZM3.4 2C2.6268 2 2 2.6268 2 3.4V34.2C2 34.9732 2.6268 35.6 3.4 35.6H34.2C34.9732 35.6 35.6 34.9732 35.6 34.2V3.4C35.6 2.6268 34.9732 2 34.2 2H3.4Z" fill="#262222"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 737 B

6
client/public/themes/olympus/images/icon_building_blue_hover.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#3BB9FF"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#3BB9FF"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
client/public/themes/olympus/images/icon_building_blue_selected.svg
View File

@ -1,6 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#3BB9FF"/>
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="white"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#3BB9FF"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="white"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#082E44" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

6
client/public/themes/olympus/images/icon_building_neutral_hover.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#CFD9E8"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#CFD9E8"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
client/public/themes/olympus/images/icon_building_neutral_selected.svg
View File

@ -1,6 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#CFD9E8"/>
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="white"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#CFD9E8"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="white"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#2F2F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

6
client/public/themes/olympus/images/icon_building_red_hover.svg Normal file
View File

@ -0,0 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#FF5858"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#FF5858"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.3 KiB

4
client/public/themes/olympus/images/icon_building_red_selected.svg
View File

@ -1,6 +1,6 @@
<svg width="49" height="30" viewBox="0 0 49 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="#FF5858"/>
<path d="M46.7 28L24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251C45.5063 15.582 46.9414 22.881 46.9982 27.7017C47.0002 27.8674 46.8657 28 46.7 28Z" fill="white"/>
<path d="M24.5026 28L46.7 28C46.8657 28 47.0002 27.8674 46.9982 27.7017C46.9414 22.881 45.5063 15.582 41.2263 9.99251M24.5026 28L2.29921 28C2.13591 28 2.00245 27.8712 2.00101 27.7079C1.958 22.8244 3.27813 15.3936 7.57676 9.77478M24.5026 28L7.57676 9.77478M24.5026 28L41.2263 9.99251M7.57676 9.77478C10.987 5.31716 16.2719 2 24.238 2C32.3332 2 37.7293 5.42561 41.2263 9.99251" stroke="white" stroke-width="3"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="#FF5858"/>
<path d="M45 26L24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629C43.7204 15.5911 45 21.9268 45 26Z" fill="white"/>
<path d="M24.5024 26L45 26C45 21.9268 43.7204 15.5911 39.7395 10.7629M24.5024 26L4.0048 26C3.91436 21.8747 5.08559 15.4289 9.08105 10.5787M24.5024 26L9.08105 10.5787M24.5024 26L39.7395 10.7629M9.08105 10.5787C12.1882 6.80683 17.0033 4 24.2613 4C31.6369 4 36.5534 6.89859 39.7395 10.7629" stroke="#262222" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

5
client/public/themes/olympus/images/icon_ground_blue_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2129" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2129 0.799654)" fill="#3BB9FF" stroke="white" stroke-width="2"/>
<rect x="23.2065" y="3.41373" width="28" height="28" transform="rotate(45 23.2065 3.41373)" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<circle cx="22.9932" cy="22.9995" r="9" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 482 B

4
client/public/themes/olympus/images/icon_ground_blue_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2129" y="0.799409" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2129 0.799409)" fill="#3BB9FF" stroke="white" stroke-width="2"/>
<rect x="23.2061" y="3.41373" width="28" height="28" transform="rotate(45 23.2061 3.41373)" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<rect x="23.2129" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2129 0.799654)" fill="white" stroke="white" stroke-width="2"/>
<rect x="23.2065" y="3.41373" width="28" height="28" transform="rotate(45 23.2065 3.41373)" fill="white" stroke="#082E44" stroke-width="2"/>
<circle cx="22.9932" cy="22.9995" r="9" stroke="#082E44" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 482 B

After

Width:  |  Height:  |  Size: 478 B

2
client/public/themes/olympus/images/icon_ground_neutral.svg
View File

@ -1,4 +1,4 @@
<svg width="43" height="43" viewBox="0 0 43 43" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="21.2129" y="1.41421" width="28" height="28" transform="rotate(45 21.2129 1.41421)" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<rect x="21.2134" y="1.41421" width="28" height="28" transform="rotate(45 21.2134 1.41421)" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<circle cx="21" cy="21" r="9" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 327 B

After

Width:  |  Height:  |  Size: 327 B

5
client/public/themes/olympus/images/icon_ground_neutral_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2197" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2197 0.799654)" fill="#CFD9E8" stroke="white" stroke-width="2"/>
<rect x="23.2134" y="3.41373" width="28" height="28" transform="rotate(45 23.2134 3.41373)" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<circle cx="23" cy="22.9995" r="9" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 477 B

6
client/public/themes/olympus/images/icon_ground_neutral_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2197" y="0.799409" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2197 0.799409)" fill="#CFD9E8" stroke="white" stroke-width="2"/>
<rect x="23.2129" y="3.41373" width="28" height="28" transform="rotate(45 23.2129 3.41373)" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<circle cx="23" cy="22.9995" r="9" stroke="#2F2F2F" stroke-width="2"/>
<rect x="23.2129" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2129 0.799654)" fill="white" stroke="white" stroke-width="2"/>
<rect x="23.2065" y="3.41373" width="28" height="28" transform="rotate(45 23.2065 3.41373)" fill="white" stroke="#2F2F2F" stroke-width="2"/>
<circle cx="22.9932" cy="22.9995" r="9" stroke="#2F2F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 477 B

After

Width:  |  Height:  |  Size: 478 B

5
client/public/themes/olympus/images/icon_ground_red_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2197" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2197 0.799654)" fill="#FF5858" stroke="white" stroke-width="2"/>
<rect x="23.2134" y="3.41373" width="28" height="28" transform="rotate(45 23.2134 3.41373)" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<circle cx="23" cy="22.9995" r="9" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 477 B

6
client/public/themes/olympus/images/icon_ground_red_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="46" height="46" viewBox="0 0 46 46" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="23.2197" y="0.799409" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2197 0.799409)" fill="#FF5858" stroke="white" stroke-width="2"/>
<rect x="23.2129" y="3.41373" width="28" height="28" transform="rotate(45 23.2129 3.41373)" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<circle cx="23" cy="22.9995" r="9" stroke="#262222" stroke-width="2"/>
<rect x="23.2129" y="0.799654" width="31.6979" height="31.6979" rx="2" transform="rotate(45 23.2129 0.799654)" fill="white" stroke="white" stroke-width="2"/>
<rect x="23.2065" y="3.41373" width="28" height="28" transform="rotate(45 23.2065 3.41373)" fill="white" stroke="#262222" stroke-width="2"/>
<circle cx="22.9932" cy="22.9995" r="9" stroke="#262222" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 477 B

After

Width:  |  Height:  |  Size: 478 B

4
client/public/themes/olympus/images/icon_ship_blue.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="39" height="32" viewBox="0 0 39 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3299 1C11.0441 1 5.54712 4.69991 2 9.67187L19.6052 30L37 9.91472C33.3627 4.82087 27.75 1 19.3299 1Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<path d="M11 21C11 21 13.7321 15.9999 19.5 16C25.2679 16.0001 28 21 28 21" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 379 B

5
client/public/themes/olympus/images/icon_ship_blue_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#3BB9FF" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#082E44" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

4
client/public/themes/olympus/images/icon_ship_blue_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#3BB9FF" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#3BB9FF" stroke="#082E44" stroke-width="2"/>
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="white" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="white" stroke="#082E44" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#082E44" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 542 B

After

Width:  |  Height:  |  Size: 538 B

4
client/public/themes/olympus/images/icon_ship_neutral.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="39" height="32" viewBox="0 0 39 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.3299 1C11.0441 1 5.54712 4.69991 2 9.67187L19.6052 30L37 9.91472C33.3627 4.82087 27.75 1 19.3299 1Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<path d="M11 21C11 21 13.7321 15.9999 19.5 16C25.2679 16.0001 28 21 28 21" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 379 B

5
client/public/themes/olympus/images/icon_ship_neutral_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#CFD9E8" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#2F2F2F" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

4
client/public/themes/olympus/images/icon_ship_neutral_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#CFD9E8" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#CFD9E8" stroke="#2F2F2F" stroke-width="2"/>
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="white" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="white" stroke="#2F2F2F" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#2F2F2F" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 542 B

After

Width:  |  Height:  |  Size: 538 B

4
client/public/themes/olympus/images/icon_ship_red.svg Normal file
View File

@ -0,0 +1,4 @@
<svg width="40" height="32" viewBox="0 0 40 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M19.825 1C11.3025 1 5.64847 4.69991 2 9.67187L20.1082 30L38 9.91472C34.2588 4.82087 28.4857 1 19.825 1Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<path d="M11 21C11 21 13.7321 15.9999 19.5 16C25.2679 16.0001 28 21 28 21" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 379 B

5
client/public/themes/olympus/images/icon_ship_red_hover.svg Normal file
View File

@ -0,0 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#FF5858" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#262222" stroke-width="2"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 542 B

4
client/public/themes/olympus/images/icon_ship_red_selected.svg
View File

@ -1,5 +1,5 @@
<svg width="43" height="39" viewBox="0 0 43 39" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="#FF5858" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="#FF5858" stroke="#262222" stroke-width="2"/>
<path d="M21.3104 2C12.0777 2 5.95251 6.33783 2 12.167L21.6172 36L41 12.4517C36.947 6.47964 30.6928 2 21.3104 2Z" fill="white" stroke="white" stroke-width="3"/>
<path d="M21.3299 4C13.0441 4 7.54712 7.69991 4 12.6719L21.6052 33L39 12.9147C35.3627 7.82087 29.75 4 21.3299 4Z" fill="white" stroke="#262222" stroke-width="2"/>
<path d="M13 24C13 24 15.7321 18.9999 21.5 19C27.2679 19.0001 30 24 30 24" stroke="#262222" stroke-width="2"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 542 B

After

Width:  |  Height:  |  Size: 538 B

53
client/public/themes/olympus/olympus.css
View File

@ -101,14 +101,17 @@
--unit-air-marker-blue-url: url( "/themes/olympus/images/icon_aircraft_blue.svg" );
--unit-air-marker-blue-hover-url: url( "/themes/olympus/images/icon_aircraft_blue_hover.svg" );
--unit-air-marker-blue-selected-url: url( "/themes/olympus/images/icon_aircraft_blue_selected.svg" );
--unit-air-marker-blue-dead-url: url( "/themes/olympus/images/icon_death_blue.svg" );
--unit-air-marker-neutral-url: url( "/themes/olympus/images/icon_aircraft_neutral.svg" );
--unit-air-marker-neutral-hover-url: url( "/themes/olympus/images/icon_aircraft_neutral_hover.svg" );
--unit-air-marker-neutral-selected-url: url( "/themes/olympus/images/icon_aircraft_neutral_selected.svg" );
--unit-air-marker-neutral-dead-url: url( "/themes/olympus/images/icon_death_neutral.svg" );
--unit-air-marker-red-url: url( "/themes/olympus/images/icon_aircraft_red.svg" );
--unit-air-marker-red-hover-url: url( "/themes/olympus/images/icon_aircraft_red_hover.svg" );
--unit-air-marker-red-selected-url: url( "/themes/olympus/images/icon_aircraft_red_selected.svg" );
--unit-air-marker-red-dead-url: url( "/themes/olympus/images/icon_death_red.svg" );
@ -131,30 +134,54 @@
/*** Ground ***/
--unit-ground-marker-height: 43px;
--unit-ground-marker-width: 43px;
--unit-ground-mi-marker-height: 43px;
--unit-ground-mi-marker-width: 43px;
--unit-ground-marker-blue-url: url( "/themes/olympus/images/icon_ground_blue.svg" );
--unit-ground-marker-neutral-url: url( "/themes/olympus/images/icon_ground_neutral.svg" );
--unit-ground-marker-red-url: url( "/themes/olympus/images/icon_ground_red.svg" );
--unit-ground-mi-marker-blue-url: url( "/themes/olympus/images/icon_ground_blue.svg" );
--unit-ground-mi-marker-blue-hover-url: url( "/themes/olympus/images/icon_ground_blue_hover.svg" );
--unit-ground-mi-marker-blue-selected-url: url( "/themes/olympus/images/icon_ground_blue_selected.svg" );
--unit-ground-mi-marker-neutral-url: url( "/themes/olympus/images/icon_ground_neutral.svg" );
--unit-ground-mi-marker-neutral-hover-url: url( "/themes/olympus/images/icon_ground_neutral_hover.svg" );
--unit-ground-mi-marker-neutral-selected-url: url( "/themes/olympus/images/icon_ground_neutral_selected.svg" );
--unit-ground-mi-marker-red-url: url( "/themes/olympus/images/icon_ground_red.svg" );
--unit-ground-mi-marker-red-hover-url: url( "/themes/olympus/images/icon_ground_red_hover.svg" );
--unit-ground-mi-marker-red-selected-url: url( "/themes/olympus/images/icon_ground_red_selected.svg" );
/*** SAMs ***/
--unit-sam-marker-height: 38px;
--unit-sam-marker-height: 42px;
--unit-sam-marker-width: 50px;
--unit-sam-marker-blue-url: url( "/themes/olympus/images/icon_sam_blue.svg" );
--unit-sam-marker-neutral-url: url( "/themes/olympus/images/icon_sam_neutral.svg" );
--unit-sam-marker-red-url: url( "/themes/olympus/images/icon_sam_red.svg" );
--unit-ground-sam-marker-blue-url: url( "/themes/olympus/images/icon_aa_blue.svg" );
--unit-ground-sam-marker-blue-hover-url: url( "/themes/olympus/images/icon_aa_blue_hover.svg" );
--unit-ground-sam-marker-blue-selected-url: url( "/themes/olympus/images/icon_aa_blue_selected.svg" );
--unit-ground-sam-marker-neutral-url: url( "/themes/olympus/images/icon_aa_neutral.svg" );
--unit-ground-sam-marker-neutral-hover-url: url( "/themes/olympus/images/icon_aa_neutral_hover.svg" );
--unit-ground-sam-marker-neutral-selected-url: url( "/themes/olympus/images/icon_aa_neutral_selected.svg" );
--unit-ground-sam-marker-red-url: url( "/themes/olympus/images/icon_aa_red.svg" );
--unit-ground-sam-marker-red-hover-url: url( "/themes/olympus/images/icon_aa_red_hover.svg" );
--unit-ground-sam-marker-red-selected-url: url( "/themes/olympus/images/icon_aa_red_selected.svg" );
/*** Naval ***/
--unit-naval-marker-height: 38px;
--unit-naval-marker-height: 42px;
--unit-naval-marker-width: 50px;
--unit-naval-marker-blue-url: url( "/themes/olympus/images/icon_naval_blue.svg" );
--unit-naval-marker-neutral-url: url( "/themes/olympus/images/icon_naval_neutral.svg" );
--unit-naval-marker-red-url: url( "/themes/olympus/images/icon_naval_red.svg" );
--unit-naval-marker-blue-url: url( "/themes/olympus/images/icon_ship_blue.svg" );
--unit-naval-marker-blue-hover-url: url( "/themes/olympus/images/icon_ship_blue_hover.svg" );
--unit-naval-marker-blue-selected-url: url( "/themes/olympus/images/icon_ship_blue_selected.svg" );
--unit-naval-marker-neutral-url: url( "/themes/olympus/images/icon_ship_neutral.svg" );
--unit-naval-marker-neutral-hover-url: url( "/themes/olympus/images/icon_ship_neutral_hover.svg" );
--unit-naval-marker-neutral-selected-url: url( "/themes/olympus/images/icon_ship_neutral_selected.svg" );
--unit-naval-marker-red-url: url( "/themes/olympus/images/icon_ship_red.svg" );
--unit-naval-marker-red-hover-url: url( "/themes/olympus/images/icon_ship_red_hover.svg" );
--unit-naval-marker-red-selected-url: url( "/themes/olympus/images/icon_ship_red_selected.svg" );
/*** Building ***/

6
client/src/panels/unitinfopanel.ts
View File

@ -44,9 +44,9 @@ export class UnitInfoPanel extends Panel {
this.#unitName.innerText = unit.getBaseData().unitName;
this.#groupName.innerText = unit.getBaseData().groupName;
this.#name.innerText = unit.getBaseData().name;
this.#heading.innerText = String(Math.floor(rad2deg(unit.getFlightData().heading)) + " °");
this.#altitude.innerText = String(Math.floor(unit.getFlightData().altitude / 0.3048) + " ft");
this.#groundSpeed.innerText = String(Math.floor(unit.getFlightData().speed * 1.94384) + " kts");
//this.#heading.innerText = String(Math.floor(rad2deg(unit.getFlightData().heading)) + " °");
//this.#altitude.innerText = String(Math.floor(unit.getFlightData().altitude / 0.3048) + " ft");
//this.#groundSpeed.innerText = String(Math.floor(unit.getFlightData().speed * 1.94384) + " kts");
//this.#fuel.innerText = String(unit.getMissionData().fuel + "%");
//this.#latitude.innerText = ConvertDDToDMS(unit.getFlightData().latitude, false);
//this.#longitude.innerText = ConvertDDToDMS(unit.getFlightData().longitude, true);

46
client/views/unitinfopanel.ejs
View File

@ -1,25 +1,35 @@
<div id="unit-info-panel" class="ol-panel" >
<div class="ol-panel-board">
<div id="general" class="panel-section">
<h1 id="unit-name">Olympus 1-1</h1>
<div id="name" class="pill highlight-primary">Name</div>
<div id="group-name" class="pill highlight-primary">Group</div>
<div id="task" class="pill highlight-primary">Task</div>
</div>
<div id="flight-data" class="panel-section">
<dl class="data-grid">
<dt>Heading</dt>
<dd id="heading">123&deg;</dd>
<dt>Speed</dt>
<dd id="ground-speed">323kts</dd>
<dt>Altitude</dt>
<dd id="altitude">27,414ft</dd>
</dl>
</div>
<div id="loadout-data" class="panel-section">
<h4 id="loadout-label">Loadout<span id="loadout-fuel-level" data-fuel-level="69"></span></h4>
<div id="loadout-container" class="ol-group">
<h3 id="unit-name">Olympus 1-1</h3>
<div class="ol-group">
<div id="name" class="pill highlight-primary">Name</div>
<div id="group-name" class="pill highlight-primary">Group</div>
<div id="task" class="pill highlight-primary">Task</div>
</div>
<div id="current-task" class="pill highlight-coalition" data-coalition="blue" data-current-task="Orbiting in place"></div>
</div>
<div id="loadout-data" class="panel-section">
<h4 id="loadout-label">Loadout</h4>
<dl class="data-grid">
<dt>Fuel</dt>
<dd id="loadout-fuel-level" data-fuel-level="69"></dd>
</dl>
<div id="loadout-container" class="ol-group wrap">
<div class="pill loadout-item" data-loadout-qty="4" data-loadout-item="AIM-120"></div>
<div class="pill loadout-item" data-loadout-qty="4" data-loadout-item="AIM-54"></div>
<div class="pill loadout-item" data-loadout-qty="2" data-loadout-item="AIM-9P"></div>
<div class="pill loadout-item" data-loadout-qty="895" data-loadout-item="bullets"></div>
</div>
</div>
</div>
</div>