diff --git a/client/public/images/BEBlue.png b/client/public/images/BEBlue.png deleted file mode 100644 index 93338e8a..00000000 Binary files a/client/public/images/BEBlue.png and /dev/null differ diff --git a/client/public/images/BERed.png b/client/public/images/BERed.png deleted file mode 100644 index 367984f9..00000000 Binary files a/client/public/images/BERed.png and /dev/null differ diff --git a/client/public/images/banner.xcf b/client/public/images/banner.xcf deleted file mode 100644 index e6031764..00000000 Binary files a/client/public/images/banner.xcf and /dev/null differ diff --git a/client/public/images/buttons/ai-full.svg b/client/public/images/buttons/ai-full.svg deleted file mode 100644 index dc1537a2..00000000 --- a/client/public/images/buttons/ai-full.svg +++ /dev/null @@ -1,55 +0,0 @@ - - diff --git a/client/public/images/buttons/ai-hidden.svg b/client/public/images/buttons/ai-hidden.svg deleted file mode 100644 index 41af77be..00000000 --- a/client/public/images/buttons/ai-hidden.svg +++ /dev/null @@ -1,47 +0,0 @@ - - diff --git a/client/public/images/buttons/ai-none.svg b/client/public/images/buttons/ai-none.svg deleted file mode 100644 index 71dccfeb..00000000 --- a/client/public/images/buttons/ai-none.svg +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/client/public/images/buttons/ai-partial.svg b/client/public/images/buttons/ai-partial.svg deleted file mode 100644 index 342f746c..00000000 --- a/client/public/images/buttons/ai-partial.svg +++ /dev/null @@ -1,46 +0,0 @@ - - diff --git a/client/public/images/buttons/ai.svg b/client/public/images/buttons/ai.svg deleted file mode 100644 index 75075b45..00000000 --- a/client/public/images/buttons/ai.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/public/images/buttons/atc.svg b/client/public/images/buttons/atc.svg deleted file mode 100644 index 6bc33c3b..00000000 --- a/client/public/images/buttons/atc.svg +++ /dev/null @@ -1,27 +0,0 @@ - - - diff --git a/client/public/images/buttons/attack.png b/client/public/images/buttons/attack.png deleted file mode 100644 index c1a3e62a..00000000 Binary files a/client/public/images/buttons/attack.png and /dev/null differ diff --git a/client/public/images/buttons/climb.svg b/client/public/images/buttons/climb.svg deleted file mode 100644 index 234a1248..00000000 --- a/client/public/images/buttons/climb.svg +++ /dev/null @@ -1,36 +0,0 @@ - - diff --git a/client/public/images/buttons/create.svg b/client/public/images/buttons/create.svg deleted file mode 100644 index bc76cb21..00000000 --- a/client/public/images/buttons/create.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/public/images/buttons/dead-hidden.svg b/client/public/images/buttons/dead-hidden.svg deleted file mode 100644 index 28299e3b..00000000 --- a/client/public/images/buttons/dead-hidden.svg +++ /dev/null @@ -1,47 +0,0 @@ - - diff --git a/client/public/images/buttons/dead.svg b/client/public/images/buttons/dead.svg deleted file mode 100644 index ae7e8e54..00000000 --- a/client/public/images/buttons/dead.svg +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/client/public/images/buttons/descend.svg b/client/public/images/buttons/descend.svg deleted file mode 100644 index dd8958c6..00000000 --- a/client/public/images/buttons/descend.svg +++ /dev/null @@ -1,36 +0,0 @@ - - diff --git a/client/public/images/buttons/erase.svg b/client/public/images/buttons/erase.svg deleted file mode 100644 index f6588839..00000000 --- a/client/public/images/buttons/erase.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/public/images/buttons/fast.svg b/client/public/images/buttons/fast.svg deleted file mode 100644 index e62b23f0..00000000 --- a/client/public/images/buttons/fast.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/public/images/buttons/formation.png b/client/public/images/buttons/formation.png deleted file mode 100644 index e75ccea1..00000000 Binary files a/client/public/images/buttons/formation.png and /dev/null differ diff --git a/client/public/images/buttons/question-mark-circle.svg b/client/public/images/buttons/question-mark-circle.svg deleted file mode 100644 index 30dc78ec..00000000 --- a/client/public/images/buttons/question-mark-circle.svg +++ /dev/null @@ -1,22 +0,0 @@ - - - diff --git a/client/public/images/buttons/question-mark.svg b/client/public/images/buttons/question-mark.svg deleted file mode 100644 index 04520519..00000000 --- a/client/public/images/buttons/question-mark.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - diff --git a/client/public/images/buttons/radar.svg b/client/public/images/buttons/radar.svg deleted file mode 100644 index 1d8f3dcd..00000000 --- a/client/public/images/buttons/radar.svg +++ /dev/null @@ -1,28 +0,0 @@ - - - diff --git a/client/public/images/buttons/rtb.png b/client/public/images/buttons/rtb.png deleted file mode 100644 index e35be5e8..00000000 Binary files a/client/public/images/buttons/rtb.png and /dev/null differ diff --git a/client/public/images/buttons/slow.svg b/client/public/images/buttons/slow.svg deleted file mode 100644 index 9579b19b..00000000 --- a/client/public/images/buttons/slow.svg +++ /dev/null @@ -1 +0,0 @@ - \ No newline at end of file diff --git a/client/public/images/buttons/spawnAWACS.png b/client/public/images/buttons/spawnAWACS.png deleted file mode 100644 index b325f4ad..00000000 Binary files a/client/public/images/buttons/spawnAWACS.png and /dev/null differ diff --git a/client/public/images/buttons/spawnAir.png b/client/public/images/buttons/spawnAir.png deleted file mode 100644 index 292ffe3e..00000000 Binary files a/client/public/images/buttons/spawnAir.png and /dev/null differ diff --git a/client/public/images/buttons/spawnCAP.png b/client/public/images/buttons/spawnCAP.png deleted file mode 100644 index ae78e677..00000000 Binary files a/client/public/images/buttons/spawnCAP.png and /dev/null differ diff --git a/client/public/images/buttons/spawnCAS.png b/client/public/images/buttons/spawnCAS.png deleted file mode 100644 index 315bd363..00000000 Binary files a/client/public/images/buttons/spawnCAS.png and /dev/null differ diff --git a/client/public/images/buttons/spawnDrone.png b/client/public/images/buttons/spawnDrone.png deleted file mode 100644 index 98beca17..00000000 Binary files a/client/public/images/buttons/spawnDrone.png and /dev/null differ diff --git a/client/public/images/buttons/spawnExplosion.png b/client/public/images/buttons/spawnExplosion.png deleted file mode 100644 index d61cdf53..00000000 Binary files a/client/public/images/buttons/spawnExplosion.png and /dev/null differ diff --git a/client/public/images/buttons/spawnGround.png b/client/public/images/buttons/spawnGround.png deleted file mode 100644 index 1c421d0f..00000000 Binary files a/client/public/images/buttons/spawnGround.png and /dev/null differ diff --git a/client/public/images/buttons/spawnHowitzer.png b/client/public/images/buttons/spawnHowitzer.png deleted file mode 100644 index 6197a0c6..00000000 Binary files a/client/public/images/buttons/spawnHowitzer.png and /dev/null differ diff --git a/client/public/images/buttons/spawnIFV.png b/client/public/images/buttons/spawnIFV.png deleted file mode 100644 index 77c89ad3..00000000 Binary files a/client/public/images/buttons/spawnIFV.png and /dev/null differ diff --git a/client/public/images/buttons/spawnMLRS.png b/client/public/images/buttons/spawnMLRS.png deleted file mode 100644 index 213befc7..00000000 Binary files a/client/public/images/buttons/spawnMLRS.png and /dev/null differ diff --git a/client/public/images/buttons/spawnRadar.png b/client/public/images/buttons/spawnRadar.png deleted file mode 100644 index d87470c3..00000000 Binary files a/client/public/images/buttons/spawnRadar.png and /dev/null differ diff --git a/client/public/images/buttons/spawnSAM.png b/client/public/images/buttons/spawnSAM.png deleted file mode 100644 index 9d7451e1..00000000 Binary files a/client/public/images/buttons/spawnSAM.png and /dev/null differ diff --git a/client/public/images/buttons/spawnSmoke.png b/client/public/images/buttons/spawnSmoke.png deleted file mode 100644 index 53d82f8f..00000000 Binary files a/client/public/images/buttons/spawnSmoke.png and /dev/null differ diff --git a/client/public/images/buttons/spawnStrike.png b/client/public/images/buttons/spawnStrike.png deleted file mode 100644 index 1cba2589..00000000 Binary files a/client/public/images/buttons/spawnStrike.png and /dev/null differ diff --git a/client/public/images/buttons/spawnTank.png b/client/public/images/buttons/spawnTank.png deleted file mode 100644 index f016b64e..00000000 Binary files a/client/public/images/buttons/spawnTank.png and /dev/null differ diff --git a/client/public/images/buttons/spawnTanker.png b/client/public/images/buttons/spawnTanker.png deleted file mode 100644 index 374fb248..00000000 Binary files a/client/public/images/buttons/spawnTanker.png and /dev/null differ diff --git a/client/public/images/buttons/spawnTransport.png b/client/public/images/buttons/spawnTransport.png deleted file mode 100644 index b5932d58..00000000 Binary files a/client/public/images/buttons/spawnTransport.png and /dev/null differ diff --git a/client/public/images/buttons/spawnUnarmed.png b/client/public/images/buttons/spawnUnarmed.png deleted file mode 100644 index 8aabc9e7..00000000 Binary files a/client/public/images/buttons/spawnUnarmed.png and /dev/null differ diff --git a/client/public/images/buttons/tanker.png b/client/public/images/buttons/tanker.png deleted file mode 100644 index 86677ffe..00000000 Binary files a/client/public/images/buttons/tanker.png and /dev/null differ diff --git a/client/public/images/buttons/user-full.svg b/client/public/images/buttons/user-full.svg deleted file mode 100644 index b629abe4..00000000 --- a/client/public/images/buttons/user-full.svg +++ /dev/null @@ -1,55 +0,0 @@ - - diff --git a/client/public/images/buttons/user-hidden.svg b/client/public/images/buttons/user-hidden.svg deleted file mode 100644 index e2bcf458..00000000 --- a/client/public/images/buttons/user-hidden.svg +++ /dev/null @@ -1,47 +0,0 @@ - - diff --git a/client/public/images/buttons/user-none.svg b/client/public/images/buttons/user-none.svg deleted file mode 100644 index 55bc1337..00000000 --- a/client/public/images/buttons/user-none.svg +++ /dev/null @@ -1,37 +0,0 @@ - - diff --git a/client/public/images/buttons/user-partial.svg b/client/public/images/buttons/user-partial.svg deleted file mode 100644 index 503b92e1..00000000 --- a/client/public/images/buttons/user-partial.svg +++ /dev/null @@ -1,46 +0,0 @@ - - diff --git a/client/public/images/buttons/weapon-hidden.svg b/client/public/images/buttons/weapon-hidden.svg deleted file mode 100644 index 0bfa5905..00000000 --- a/client/public/images/buttons/weapon-hidden.svg +++ /dev/null @@ -1,59 +0,0 @@ - - diff --git a/client/public/images/buttons/weapon-none.svg b/client/public/images/buttons/weapon-none.svg deleted file mode 100644 index ad4d9a98..00000000 --- a/client/public/images/buttons/weapon-none.svg +++ /dev/null @@ -1,49 +0,0 @@ - - diff --git a/client/public/images/buttons/weapon-partial.svg b/client/public/images/buttons/weapon-partial.svg deleted file mode 100644 index c925639b..00000000 --- a/client/public/images/buttons/weapon-partial.svg +++ /dev/null @@ -1,58 +0,0 @@ - - diff --git a/client/public/images/buttons/wheelButtons.xcf b/client/public/images/buttons/wheelButtons.xcf deleted file mode 100644 index 5ef9f1f3..00000000 Binary files a/client/public/images/buttons/wheelButtons.xcf and /dev/null differ diff --git a/client/public/images/icon.png b/client/public/images/icon.png new file mode 100644 index 00000000..dc5c994e Binary files /dev/null and b/client/public/images/icon.png differ diff --git a/client/public/images/patch.png b/client/public/images/patch.png deleted file mode 100644 index 46b43691..00000000 Binary files a/client/public/images/patch.png and /dev/null differ diff --git a/client/public/images/units/a-10.png b/client/public/images/units/a-10.png deleted file mode 100644 index 643dd5aa..00000000 Binary files a/client/public/images/units/a-10.png and /dev/null differ diff --git a/client/public/images/units/a-20.png b/client/public/images/units/a-20.png deleted file mode 100644 index 4981c90b..00000000 Binary files a/client/public/images/units/a-20.png and /dev/null differ diff --git a/client/public/images/units/a-29.png b/client/public/images/units/a-29.png deleted file mode 100644 index 91ad25f0..00000000 Binary files a/client/public/images/units/a-29.png and /dev/null differ diff --git a/client/public/images/units/a-4.png b/client/public/images/units/a-4.png deleted file mode 100644 index 499cc11e..00000000 Binary files a/client/public/images/units/a-4.png and /dev/null differ diff --git a/client/public/images/units/a-400.png b/client/public/images/units/a-400.png deleted file mode 100644 index e76ab232..00000000 Binary files a/client/public/images/units/a-400.png and /dev/null differ diff --git a/client/public/images/units/a-50.png b/client/public/images/units/a-50.png deleted file mode 100644 index f08e39a0..00000000 Binary files a/client/public/images/units/a-50.png and /dev/null differ diff --git a/client/public/images/units/a-6.png b/client/public/images/units/a-6.png deleted file mode 100644 index d5007ccd..00000000 Binary files a/client/public/images/units/a-6.png and /dev/null differ diff --git a/client/public/images/units/ah-1.png b/client/public/images/units/ah-1.png deleted file mode 100644 index 5da53ddd..00000000 Binary files a/client/public/images/units/ah-1.png and /dev/null differ diff --git a/client/public/images/units/ah-64.png b/client/public/images/units/ah-64.png deleted file mode 100644 index fa1c98b5..00000000 Binary files a/client/public/images/units/ah-64.png and /dev/null differ diff --git a/client/public/images/units/airUnit.png b/client/public/images/units/airUnit.png deleted file mode 100644 index 70c8db7e..00000000 Binary files a/client/public/images/units/airUnit.png and /dev/null differ diff --git a/client/public/images/units/airliner2engine.png b/client/public/images/units/airliner2engine.png deleted file mode 100644 index 3c8bd4de..00000000 Binary files a/client/public/images/units/airliner2engine.png and /dev/null differ diff --git a/client/public/images/units/an-26.png b/client/public/images/units/an-26.png deleted file mode 100644 index 8b4bd491..00000000 Binary files a/client/public/images/units/an-26.png and /dev/null differ diff --git a/client/public/images/units/av8bna.png b/client/public/images/units/av8bna.png deleted file mode 100644 index 0bb13672..00000000 Binary files a/client/public/images/units/av8bna.png and /dev/null differ diff --git a/client/public/images/units/b-1.png b/client/public/images/units/b-1.png deleted file mode 100644 index 05329ddf..00000000 Binary files a/client/public/images/units/b-1.png and /dev/null differ diff --git a/client/public/images/units/b-17.png b/client/public/images/units/b-17.png deleted file mode 100644 index 400dfbc5..00000000 Binary files a/client/public/images/units/b-17.png and /dev/null differ diff --git a/client/public/images/units/b-2.png b/client/public/images/units/b-2.png deleted file mode 100644 index 3b85f3af..00000000 Binary files a/client/public/images/units/b-2.png and /dev/null differ diff --git a/client/public/images/units/b-52.png b/client/public/images/units/b-52.png deleted file mode 100644 index 34d8840b..00000000 Binary files a/client/public/images/units/b-52.png and /dev/null differ diff --git a/client/public/images/units/b707.png b/client/public/images/units/b707.png deleted file mode 100644 index 3771fc63..00000000 Binary files a/client/public/images/units/b707.png and /dev/null differ diff --git a/client/public/images/units/bf109.png b/client/public/images/units/bf109.png deleted file mode 100644 index 40da1dfd..00000000 Binary files a/client/public/images/units/bf109.png and /dev/null differ diff --git a/client/public/images/units/bomb.png b/client/public/images/units/bomb.png deleted file mode 100644 index 81416cbb..00000000 Binary files a/client/public/images/units/bomb.png and /dev/null differ diff --git a/client/public/images/units/c-101.png b/client/public/images/units/c-101.png deleted file mode 100644 index 8b5468b8..00000000 Binary files a/client/public/images/units/c-101.png and /dev/null differ diff --git a/client/public/images/units/c-130.png b/client/public/images/units/c-130.png deleted file mode 100644 index f69cb0c2..00000000 Binary files a/client/public/images/units/c-130.png and /dev/null differ diff --git a/client/public/images/units/c-17.png b/client/public/images/units/c-17.png deleted file mode 100644 index c2b8855c..00000000 Binary files a/client/public/images/units/c-17.png and /dev/null differ diff --git a/client/public/images/units/c-5.png b/client/public/images/units/c-5.png deleted file mode 100644 index e2823289..00000000 Binary files a/client/public/images/units/c-5.png and /dev/null differ diff --git a/client/public/images/units/ch-47.png b/client/public/images/units/ch-47.png deleted file mode 100644 index 16f178ca..00000000 Binary files a/client/public/images/units/ch-47.png and /dev/null differ diff --git a/client/public/images/units/ch-53.png b/client/public/images/units/ch-53.png deleted file mode 100644 index e67f108c..00000000 Binary files a/client/public/images/units/ch-53.png and /dev/null differ diff --git a/client/public/images/units/christeneagleii.png b/client/public/images/units/christeneagleii.png deleted file mode 100644 index b1874dd2..00000000 Binary files a/client/public/images/units/christeneagleii.png and /dev/null differ diff --git a/client/public/images/units/e-2.png b/client/public/images/units/e-2.png deleted file mode 100644 index fc178272..00000000 Binary files a/client/public/images/units/e-2.png and /dev/null differ diff --git a/client/public/images/units/e-3.png b/client/public/images/units/e-3.png deleted file mode 100644 index bcce5b6c..00000000 Binary files a/client/public/images/units/e-3.png and /dev/null differ diff --git a/client/public/images/units/eurofighter.png b/client/public/images/units/eurofighter.png deleted file mode 100644 index cf39e7f8..00000000 Binary files a/client/public/images/units/eurofighter.png and /dev/null differ diff --git a/client/public/images/units/f-111.png b/client/public/images/units/f-111.png deleted file mode 100644 index ae06b171..00000000 Binary files a/client/public/images/units/f-111.png and /dev/null differ diff --git a/client/public/images/units/f-117.png b/client/public/images/units/f-117.png deleted file mode 100644 index 2f099b28..00000000 Binary files a/client/public/images/units/f-117.png and /dev/null differ diff --git a/client/public/images/units/f-14.png b/client/public/images/units/f-14.png deleted file mode 100644 index 662def75..00000000 Binary files a/client/public/images/units/f-14.png and /dev/null differ diff --git a/client/public/images/units/f-15.png b/client/public/images/units/f-15.png deleted file mode 100644 index a3b56c6c..00000000 Binary files a/client/public/images/units/f-15.png and /dev/null differ diff --git a/client/public/images/units/f-16.png b/client/public/images/units/f-16.png deleted file mode 100644 index 3adbba10..00000000 Binary files a/client/public/images/units/f-16.png and /dev/null differ diff --git a/client/public/images/units/f-18.png b/client/public/images/units/f-18.png deleted file mode 100644 index b1f28359..00000000 Binary files a/client/public/images/units/f-18.png and /dev/null differ diff --git a/client/public/images/units/f-22.png b/client/public/images/units/f-22.png deleted file mode 100644 index af909ad4..00000000 Binary files a/client/public/images/units/f-22.png and /dev/null differ diff --git a/client/public/images/units/f-35.png b/client/public/images/units/f-35.png deleted file mode 100644 index 6c9d0909..00000000 Binary files a/client/public/images/units/f-35.png and /dev/null differ diff --git a/client/public/images/units/f-4.png b/client/public/images/units/f-4.png deleted file mode 100644 index 21cfc750..00000000 Binary files a/client/public/images/units/f-4.png and /dev/null differ diff --git a/client/public/images/units/f-5.png b/client/public/images/units/f-5.png deleted file mode 100644 index ef276090..00000000 Binary files a/client/public/images/units/f-5.png and /dev/null differ diff --git a/client/public/images/units/f-86.png b/client/public/images/units/f-86.png deleted file mode 100644 index 198a968a..00000000 Binary files a/client/public/images/units/f-86.png and /dev/null differ diff --git a/client/public/images/units/fw190.png b/client/public/images/units/fw190.png deleted file mode 100644 index 0020b176..00000000 Binary files a/client/public/images/units/fw190.png and /dev/null differ diff --git a/client/public/images/units/general1.png b/client/public/images/units/general1.png deleted file mode 100644 index bf8bf272..00000000 Binary files a/client/public/images/units/general1.png and /dev/null differ diff --git a/client/public/images/units/gripen.png b/client/public/images/units/gripen.png deleted file mode 100644 index bd58818e..00000000 Binary files a/client/public/images/units/gripen.png and /dev/null differ diff --git a/client/public/images/units/groundUnit.png b/client/public/images/units/groundUnit.png deleted file mode 100644 index 8c6ef4ad..00000000 Binary files a/client/public/images/units/groundUnit.png and /dev/null differ diff --git a/client/public/images/units/h-6.png b/client/public/images/units/h-6.png deleted file mode 100644 index d73b5e3a..00000000 Binary files a/client/public/images/units/h-6.png and /dev/null differ diff --git a/client/public/images/units/hawk.png b/client/public/images/units/hawk.png deleted file mode 100644 index c1fdd943..00000000 Binary files a/client/public/images/units/hawk.png and /dev/null differ diff --git a/client/public/images/units/helicopter1.png b/client/public/images/units/helicopter1.png deleted file mode 100644 index 316d3ad9..00000000 Binary files a/client/public/images/units/helicopter1.png and /dev/null differ diff --git a/client/public/images/units/i-16.png b/client/public/images/units/i-16.png deleted file mode 100644 index 53335809..00000000 Binary files a/client/public/images/units/i-16.png and /dev/null differ diff --git a/client/public/images/units/il-76.png b/client/public/images/units/il-76.png deleted file mode 100644 index bcb145a2..00000000 Binary files a/client/public/images/units/il-76.png and /dev/null differ diff --git a/client/public/images/units/j-10.png b/client/public/images/units/j-10.png deleted file mode 100644 index 1521dbb7..00000000 Binary files a/client/public/images/units/j-10.png and /dev/null differ diff --git a/client/public/images/units/j-20.png b/client/public/images/units/j-20.png deleted file mode 100644 index df0b9498..00000000 Binary files a/client/public/images/units/j-20.png and /dev/null differ diff --git a/client/public/images/units/j-7.png b/client/public/images/units/j-7.png deleted file mode 100644 index bbf8040a..00000000 Binary files a/client/public/images/units/j-7.png and /dev/null differ diff --git a/client/public/images/units/jf-17.png b/client/public/images/units/jf-17.png deleted file mode 100644 index 3e2e6fab..00000000 Binary files a/client/public/images/units/jf-17.png and /dev/null differ diff --git a/client/public/images/units/ju-88.png b/client/public/images/units/ju-88.png deleted file mode 100644 index 287ca2ce..00000000 Binary files a/client/public/images/units/ju-88.png and /dev/null differ diff --git a/client/public/images/units/ka-27.png b/client/public/images/units/ka-27.png deleted file mode 100644 index d0ad1c12..00000000 Binary files a/client/public/images/units/ka-27.png and /dev/null differ diff --git a/client/public/images/units/ka-50.png b/client/public/images/units/ka-50.png deleted file mode 100644 index a75983e9..00000000 Binary files a/client/public/images/units/ka-50.png and /dev/null differ diff --git a/client/public/images/units/kc-10.png b/client/public/images/units/kc-10.png deleted file mode 100644 index 7d9e4db9..00000000 Binary files a/client/public/images/units/kc-10.png and /dev/null differ diff --git a/client/public/images/units/kc-135.png b/client/public/images/units/kc-135.png deleted file mode 100644 index bbf5ff5b..00000000 Binary files a/client/public/images/units/kc-135.png and /dev/null differ diff --git a/client/public/images/units/l-159.png b/client/public/images/units/l-159.png deleted file mode 100644 index ba6461f9..00000000 Binary files a/client/public/images/units/l-159.png and /dev/null differ diff --git a/client/public/images/units/l-39.png b/client/public/images/units/l-39.png deleted file mode 100644 index c2ef1d07..00000000 Binary files a/client/public/images/units/l-39.png and /dev/null differ diff --git a/client/public/images/units/listNames.py b/client/public/images/units/listNames.py deleted file mode 100644 index 8f23620a..00000000 --- a/client/public/images/units/listNames.py +++ /dev/null @@ -1,5 +0,0 @@ -from os import listdir -from os.path import isfile, join -onlyfiles = [f for f in listdir(".") if isfile(join(".", f))] - -print(onlyfiles) \ No newline at end of file diff --git a/client/public/images/units/m2000.png b/client/public/images/units/m2000.png deleted file mode 100644 index 8a9ffd48..00000000 Binary files a/client/public/images/units/m2000.png and /dev/null differ diff --git a/client/public/images/units/mi-24.png b/client/public/images/units/mi-24.png deleted file mode 100644 index 9a148550..00000000 Binary files a/client/public/images/units/mi-24.png and /dev/null differ diff --git a/client/public/images/units/mi-26.png b/client/public/images/units/mi-26.png deleted file mode 100644 index b59c9b8d..00000000 Binary files a/client/public/images/units/mi-26.png and /dev/null differ diff --git a/client/public/images/units/mi-28.png b/client/public/images/units/mi-28.png deleted file mode 100644 index 9e5db2ca..00000000 Binary files a/client/public/images/units/mi-28.png and /dev/null differ diff --git a/client/public/images/units/mi-8.png b/client/public/images/units/mi-8.png deleted file mode 100644 index f42706e7..00000000 Binary files a/client/public/images/units/mi-8.png and /dev/null differ diff --git a/client/public/images/units/mig-15.png b/client/public/images/units/mig-15.png deleted file mode 100644 index b97ef8c9..00000000 Binary files a/client/public/images/units/mig-15.png and /dev/null differ diff --git a/client/public/images/units/mig-19.png b/client/public/images/units/mig-19.png deleted file mode 100644 index 046e6a0f..00000000 Binary files a/client/public/images/units/mig-19.png and /dev/null differ diff --git a/client/public/images/units/mig-21.png b/client/public/images/units/mig-21.png deleted file mode 100644 index 12056218..00000000 Binary files a/client/public/images/units/mig-21.png and /dev/null differ diff --git a/client/public/images/units/mig-23.png b/client/public/images/units/mig-23.png deleted file mode 100644 index 6fabd9c3..00000000 Binary files a/client/public/images/units/mig-23.png and /dev/null differ diff --git a/client/public/images/units/mig-25.png b/client/public/images/units/mig-25.png deleted file mode 100644 index cf8c46ca..00000000 Binary files a/client/public/images/units/mig-25.png and /dev/null differ diff --git a/client/public/images/units/mig-29.png b/client/public/images/units/mig-29.png deleted file mode 100644 index 634cbcc7..00000000 Binary files a/client/public/images/units/mig-29.png and /dev/null differ diff --git a/client/public/images/units/missile.png b/client/public/images/units/missile.png deleted file mode 100644 index ef547853..00000000 Binary files a/client/public/images/units/missile.png and /dev/null differ diff --git a/client/public/images/units/mosquito.png b/client/public/images/units/mosquito.png deleted file mode 100644 index 5d1ed6d0..00000000 Binary files a/client/public/images/units/mosquito.png and /dev/null differ diff --git a/client/public/images/units/multiengine.png b/client/public/images/units/multiengine.png deleted file mode 100644 index 34eab23a..00000000 Binary files a/client/public/images/units/multiengine.png and /dev/null differ diff --git a/client/public/images/units/navyUnit.png b/client/public/images/units/navyUnit.png deleted file mode 100644 index 8c6ef4ad..00000000 Binary files a/client/public/images/units/navyUnit.png and /dev/null differ diff --git a/client/public/images/units/oh-58.png b/client/public/images/units/oh-58.png deleted file mode 100644 index 50af43c7..00000000 Binary files a/client/public/images/units/oh-58.png and /dev/null differ diff --git a/client/public/images/units/p-47.png b/client/public/images/units/p-47.png deleted file mode 100644 index 1b5ae7d4..00000000 Binary files a/client/public/images/units/p-47.png and /dev/null differ diff --git a/client/public/images/units/p-51.png b/client/public/images/units/p-51.png deleted file mode 100644 index 4c7f4986..00000000 Binary files a/client/public/images/units/p-51.png and /dev/null differ diff --git a/client/public/images/units/rafale.png b/client/public/images/units/rafale.png deleted file mode 100644 index 367190f4..00000000 Binary files a/client/public/images/units/rafale.png and /dev/null differ diff --git a/client/public/images/units/rq-1.png b/client/public/images/units/rq-1.png deleted file mode 100644 index 6f45ed10..00000000 Binary files a/client/public/images/units/rq-1.png and /dev/null differ diff --git a/client/public/images/units/rq-4.png b/client/public/images/units/rq-4.png deleted file mode 100644 index 210862ab..00000000 Binary files a/client/public/images/units/rq-4.png and /dev/null differ diff --git a/client/public/images/units/s-3.png b/client/public/images/units/s-3.png deleted file mode 100644 index 7a6feb8d..00000000 Binary files a/client/public/images/units/s-3.png and /dev/null differ diff --git a/client/public/images/units/sa-342.png b/client/public/images/units/sa-342.png deleted file mode 100644 index f258c184..00000000 Binary files a/client/public/images/units/sa-342.png and /dev/null differ diff --git a/client/public/images/units/spitfire.png b/client/public/images/units/spitfire.png deleted file mode 100644 index 70e9e082..00000000 Binary files a/client/public/images/units/spitfire.png and /dev/null differ diff --git a/client/public/images/units/su-17.png b/client/public/images/units/su-17.png deleted file mode 100644 index 2c27b28b..00000000 Binary files a/client/public/images/units/su-17.png and /dev/null differ diff --git a/client/public/images/units/su-24.png b/client/public/images/units/su-24.png deleted file mode 100644 index 134650ec..00000000 Binary files a/client/public/images/units/su-24.png and /dev/null differ diff --git a/client/public/images/units/su-25.png b/client/public/images/units/su-25.png deleted file mode 100644 index a45fa129..00000000 Binary files a/client/public/images/units/su-25.png and /dev/null differ diff --git a/client/public/images/units/su-27.png b/client/public/images/units/su-27.png deleted file mode 100644 index 81a2ede8..00000000 Binary files a/client/public/images/units/su-27.png and /dev/null differ diff --git a/client/public/images/units/su-34.png b/client/public/images/units/su-34.png deleted file mode 100644 index 44bdc779..00000000 Binary files a/client/public/images/units/su-34.png and /dev/null differ diff --git a/client/public/images/units/su-57.png b/client/public/images/units/su-57.png deleted file mode 100644 index 02dc88a0..00000000 Binary files a/client/public/images/units/su-57.png and /dev/null differ diff --git a/client/public/images/units/tornado.png b/client/public/images/units/tornado.png deleted file mode 100644 index 54ded406..00000000 Binary files a/client/public/images/units/tornado.png and /dev/null differ diff --git a/client/public/images/units/tu-160.png b/client/public/images/units/tu-160.png deleted file mode 100644 index d0292504..00000000 Binary files a/client/public/images/units/tu-160.png and /dev/null differ diff --git a/client/public/images/units/tu-22.png b/client/public/images/units/tu-22.png deleted file mode 100644 index 61e15edd..00000000 Binary files a/client/public/images/units/tu-22.png and /dev/null differ diff --git a/client/public/images/units/tu-95.png b/client/public/images/units/tu-95.png deleted file mode 100644 index 7ce802b4..00000000 Binary files a/client/public/images/units/tu-95.png and /dev/null differ diff --git a/client/public/images/units/u-28.png b/client/public/images/units/u-28.png deleted file mode 100644 index e31aedb7..00000000 Binary files a/client/public/images/units/u-28.png and /dev/null differ diff --git a/client/public/images/units/uh-1.png b/client/public/images/units/uh-1.png deleted file mode 100644 index 163cac89..00000000 Binary files a/client/public/images/units/uh-1.png and /dev/null differ diff --git a/client/public/images/units/uh-60.png b/client/public/images/units/uh-60.png deleted file mode 100644 index 7d436c8a..00000000 Binary files a/client/public/images/units/uh-60.png and /dev/null differ diff --git a/client/public/images/units/unit.png b/client/public/images/units/unit.png deleted file mode 100644 index 8c6ef4ad..00000000 Binary files a/client/public/images/units/unit.png and /dev/null differ diff --git a/client/public/images/units/viggen.png b/client/public/images/units/viggen.png deleted file mode 100644 index 47708c3f..00000000 Binary files a/client/public/images/units/viggen.png and /dev/null differ diff --git a/client/public/images/units/yak-40.png b/client/public/images/units/yak-40.png deleted file mode 100644 index b562fe59..00000000 Binary files a/client/public/images/units/yak-40.png and /dev/null differ diff --git a/client/public/images/units/yak-52.png b/client/public/images/units/yak-52.png deleted file mode 100644 index 5728f6e8..00000000 Binary files a/client/public/images/units/yak-52.png and /dev/null differ diff --git a/client/public/stylesheets/button.css b/client/public/stylesheets/button.css deleted file mode 100644 index d5910387..00000000 --- a/client/public/stylesheets/button.css +++ /dev/null @@ -1,17 +0,0 @@ -.ol-button { - width: 24px; - height: 24px; - background-color: transparent; - cursor: pointer; - display: flex; - align-items: center; -} - -.ol-button img { - width: 24px; - height: 24px; -} - -.ol-button:hover {} - -.ol-button:active {} \ No newline at end of file diff --git a/client/public/stylesheets/connectionstatuspanel.css b/client/public/stylesheets/connectionstatuspanel.css deleted file mode 100644 index 6acc1021..00000000 --- a/client/public/stylesheets/connectionstatuspanel.css +++ /dev/null @@ -1,33 +0,0 @@ -#connection-status-panel { - display: flex; - align-items: center; - padding-left: 15px; - padding-right: 4px; -} - -#status-string { - font-size: 14px; - color: white; -} - -.ol-status-disconnected::after { - content: ""; - position: absolute; - right: 5px; - top: 5px; - border-radius: 50%; - width: 20px; - height: 20px; - background-color: red; -} - -.ol-status-connected::after { - content: ""; - position: absolute; - right: 5px; - top: 5px; - border-radius: 50%; - width: 20px; - height: 20px; - background-color: 00FF00; -} \ No newline at end of file diff --git a/client/public/stylesheets/contextmenu.css b/client/public/stylesheets/contextmenu.css index 2073d2de..92508bc9 100644 --- a/client/public/stylesheets/contextmenu.css +++ b/client/public/stylesheets/contextmenu.css @@ -1,119 +1,55 @@ -.ol-selection-scroll-container { +#contextmenu { position: absolute; - font-size: 12px; - border-radius: 5px; - width: 220px; - height: fit-content; - z-index: 2000; - padding: 8px; +} + +.ol-contextmenu { display: flex; flex-direction: column; row-gap: 5px; - align-items: center; + width: 200px; + height: fit-content; + z-index: 1000; } -#ol-selection-scroll-top-bar { - color: white; - font-size: 14px; - opacity: 1; - border-radius: 5px; - padding: 5px; - background-color: #333D; - width: 100%; - text-align: center; +.ol-contextmenu>div:first-child{ display: flex; - align-items: center; + flex-direction: row; justify-content: space-between; - height: 40px; - padding-left: 15px; - padding-right: 15px; + align-items: center; } -.ol-selection-scroll { +.ol-contextmenu>ul{ + max-height: 200px; overflow-x: hidden; overflow-y: auto; - height: 100%; - width: 100%; - max-height: 400px; } -.ol-selection-scroll::-webkit-scrollbar { +.ol-contextmenu .ol-panel { + width: 100%; + border-radius: var(--border-radius-sm); +} + +.ol-contextmenu ul { + margin: 0px; +} + +.ol-contextmenu button { + width: 100%; + text-align: left; +} + +.ol-contextmenu>ul::-webkit-scrollbar { width: 10px; } -.ol-selection-scroll::-webkit-scrollbar-track { +.ol-contextmenu>ul::-webkit-scrollbar-track { background-color: transparent; border-radius: 100px; } -.ol-selection-scroll::-webkit-scrollbar-thumb { +.ol-contextmenu>ul::-webkit-scrollbar-thumb { background-color: white; border-radius: 100px; opacity: 0.8; margin-top: 10px; } - -.ol-selection-scroll-element { - border-bottom: 1px solid #FFF5; - color: white; - cursor: pointer; - font-size: 13px; - opacity: 1; - padding-top: 10px; - padding-bottom: 10px; - padding-left: 15px; - background-color: var(--background-color-dark); - font-weight: 600; -} - -.ol-selection-scroll:last-child { - border-radius: 5px; - border-bottom: 0px transparent !important; -} - -.ol-selection-scroll-container label { - display: inline-block; - width: 40px; - height: 24px; -} - -.ol-selection-scroll-container input { - display: inline-block; - width: 0; - height: 0; - margin: 0px; -} - -.ol-selection-scroll-switch { - position: relative; - display: inline-block; - width: 40px; - height: 24px; - background-color: var(--active-coalition-color); - border-radius: 999px; - cursor: pointer; -} - -.ol-selection-scroll-switch:before { - position: absolute; - content: ""; - height: 16px; - width: 16px; - left: 4px; - bottom: 4px; - background-color: white; - -webkit-transition: 0.2s; - transition: 0.2s; - border-radius: 999px; -} - -input:checked+.ol-selection-scroll-switch:before { - -webkit-transform: translateX(16px); - -ms-transform: translateX(16px); - transform: translateX(16px); -} - -.ol-selection-scroll-title { - font-size: 11px; - font-weight: 600; -} \ No newline at end of file diff --git a/client/public/stylesheets/dropdown.css b/client/public/stylesheets/dropdown.css deleted file mode 100644 index ca735077..00000000 --- a/client/public/stylesheets/dropdown.css +++ /dev/null @@ -1,90 +0,0 @@ -.ol-dropdown { - width: 100%; - min-width: 100px; - height: 30px; - position: relative; - background-color: #DDDD; - z-index: 1000; - border-radius: 15px; - font-family: Verdana, Geneva, Tahoma, sans-serif; - color: var(--background-color-dark); - padding-left: 5px; - align-items: center; - cursor: pointer; - font-size: 13px; - display: flex; - text-shadow: none; - box-shadow: 0px 2px 5px #000A; - padding-left: 15px; -} - -.ol-dropdown::before { - content: ""; - position: absolute; - height: 30px; - width: 30px; - top: 0px; - right: 0px; - background-color: var(--background-color-dark); - z-index: 1000; - border-top-right-radius: 15px; - border-bottom-right-radius: 15px; -} - -.ol-dropdown-open { - border-bottom-left-radius: 0px; -} - -.ol-dropdown-open::after { - content: ""; - position: absolute; - top: 13px; - right: 11px; - height: 1px; - width: 1px; - border: solid white; - border-width: 0 3px 3px 0; - padding: 3px; - z-index: 1000; - transform: rotate(-135deg); - -webkit-transform: rotate(-135deg); -} - -.ol-dropdown-closed::after { - content: ""; - position: absolute; - top: 9px; - right: 11px; - height: 1px; - width: 1px; - border: solid white; - border-width: 0 3px 3px 0; - padding: 3px; - z-index: 1000; - transform: rotate(45deg); - -webkit-transform: rotate(45deg); -} - -.ol-dropdown-content { - position: fixed; - /*overflow: visible; - overflow-y: scroll;*/ - background-color: #DDDD; - z-index: 2000; - border-bottom-left-radius: 4px; - border-bottom-right-radius: 4px; -} - -.ol-dropdown-element { - margin: 2px; - font-family: Verdana, Geneva, Tahoma, sans-serif; - color: var(--background-color-dark); - cursor: pointer; - opacity: 1; - font-size: 13px; - padding-left: 5px; -} - -.ol-dropdown-element:hover { - background-color: var(--highlight-color); -} \ No newline at end of file diff --git a/client/public/stylesheets/elements.css b/client/public/stylesheets/elements.css deleted file mode 100644 index 570c8c95..00000000 --- a/client/public/stylesheets/elements.css +++ /dev/null @@ -1,14 +0,0 @@ -.ol-element-1 { - background-color: #247be2; - height: 28; - border-radius: 14px; - display: flex; - align-items: center; - justify-content: center; - color: white; - font-size: 14px; -} - -.bottom-separator { - border-bottom: 1px solid gray; -} \ No newline at end of file diff --git a/client/public/stylesheets/layout.css b/client/public/stylesheets/layout.css index 92fb41e8..4a617991 100644 --- a/client/public/stylesheets/layout.css +++ b/client/public/stylesheets/layout.css @@ -1,5 +1,16 @@ /* Page style */ +* { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + + +html { + font-family: 'Open Sans', sans-serif; +} + body { display:grid; margin: 0; @@ -20,49 +31,21 @@ body { #unit-info-panel { position: fixed; - height: 160px; - width: 800px; left: 10px; bottom: 10px; z-index: 1000; } -#map-source-dropdown { +#settings-panel { position: absolute; left: 10px; - top: 10px; - width: 200px; - color: black; -} - -#scenario-dropdown { - position: absolute; - left: 220px; - top: 10px; - width: 200px; -} - -#visibility-control-panel { - position: absolute; - left: 230px; - height: 30px; + height: fit-content; width: fit-content; top: 10px; z-index: 1000; display: flex; - justify-content: space-between; align-items: center; - padding-left: 10px; - padding-right: 10px; -} - -#unit-control-buttons { - position: fixed; - top: 10px; - height: fit-content; - width: fit-content; - right: 270px; - z-index: 1000; + column-gap: 10px; } #unit-control-panel { @@ -100,20 +83,3 @@ body { left: 10px; z-index: 1000; } - -@media only screen and (max-width: 1000px) { - #unit-control-buttons { - top: 50px; - } - - #unit-control-panel { - top: 50px; - } -} - - - - -.hide { - display:none !important; -} \ No newline at end of file diff --git a/client/public/stylesheets/logpanel.css b/client/public/stylesheets/logpanel.css deleted file mode 100644 index 209a60b9..00000000 --- a/client/public/stylesheets/logpanel.css +++ /dev/null @@ -1,23 +0,0 @@ -#log-panel { - overflow-y: scroll; - padding: 10px; - display: flex; - flex-direction: column; - row-gap: 2px; -} - -.ol-log-element { - font-size: 12px; - color: white; - text-shadow: 1px 1px 0px black, 1px -1px 0px black, -1px 1px 0px black, -1px -1px 0px black; - font-weight: 600; - width: 100%; -} - -#log-panel { - -ms-overflow-style: none; /* Internet Explorer 10+ */ - scrollbar-width: none; /* Firefox */ -} -#log-panel::-webkit-scrollbar { - display: none; /* Safari and Chrome */ -} \ No newline at end of file diff --git a/client/public/stylesheets/airbasemarker.css b/client/public/stylesheets/markers/airbase.css similarity index 100% rename from client/public/stylesheets/airbasemarker.css rename to client/public/stylesheets/markers/airbase.css diff --git a/client/public/stylesheets/markers/unit.css b/client/public/stylesheets/markers/unit.css new file mode 100644 index 00000000..9687f48e --- /dev/null +++ b/client/public/stylesheets/markers/unit.css @@ -0,0 +1,233 @@ +svg.unit { + height: var(--unit-marker-height); + width: var(--unit-marker-width); +} + +svg.unit .unit-vvi { + fill: black; + height: 4px; + transform-box: fill-box; + transform-origin: top; + translate: var(--unit-marker-centre-x) calc(var(--unit-marker-centre-y) - 2px); + width: 4px; +} + +svg.unit rect.unit-hotgroup { + display: none; + fill: var(--secondary-neutral); + height: var(--unit-marker-hotgroup-height); + transform: rotate(-45deg); + transform-origin: center; + translate: calc(var(--unit-marker-centre-x) + (var(--unit-marker-hotgroup-width) / 2)) -44px; + width: var(--unit-marker-hotgroup-height); +} + +svg.unit text.unit-hotgroup-id { + font-weight: bolder; + display: none; + fill: white; + font-size: 9px; +} + +svg.unit[data-is-in-hotgroup="true"] rect.unit-hotgroup, +svg.unit[data-is-in-hotgroup="true"] text.unit-hotgroup-id { + display: block; +} + +svg.unit rect.unit-selected-border { + fill: transparent; + height: calc(var(--unit-marker-air-height) + (var(--unit-marker-stroke-width) * 2)); + rx: var(--unit-marker-stroke-width); + stroke: var(white); + stroke-width: var(--unit-marker-stroke-width); + width: calc(var(--unit-marker-air-width) + (var(--unit-marker-stroke-width) * 2)); + x: calc(var(--unit-marker-air-label-x) - 3px); + y: calc(var(--unit-marker-air-label-y) - 3px); +} + +svg.unit rect.unit-marker { + fill: var(--primary-grey); + height: calc(var(--unit-marker-air-height) - var(--unit-marker-stroke-width)); + rx: var(--unit-marker-stroke-width); + ry: var(--unit-marker-stroke-width); + stroke: var(--secondary-neutral); + stroke-linejoin: round; + stroke-width: var(--unit-marker-stroke-width); + width: calc(var(--unit-marker-air-width) - var(--unit-marker-stroke-width)); + x: var(--unit-marker-air-label-x); + y: var(--unit-marker-air-label-y); +} + + +svg.unit text.unit-short-label { + fill: var(--secondary-neutral); + font-size: var(--unit-marker-font-size); + font-weight: var(--unit-marker-font-weight); + text-anchor: middle; +} + + +svg.unit rect.unit-fuel, +svg.unit rect.unit-fuel-level { + height: var(--unit-marker-air-fuel-height); + width: var(--unit-marker-air-fuel-width); + x: var(--unit-marker-air-fuel-x); + y: var(--unit-marker-air-fuel-y); +} + + +svg.unit rect.unit-fuel { + display: none; + fill: white; + rx: var(--unit-marker-stroke-width); + ry: var(--unit-marker-stroke-width); + stroke: var(--secondary-gunmetal-grey); + stroke-linejoin: round; + stroke-width: var(--unit-marker-stroke-width); + y: var(--unit-marker-air-fuel-y); +} + +svg.unit rect.unit-fuel-level { + display: none; + fill: var(--secondary-light-grey); + height: calc(var(--unit-marker-air-fuel-height) - var(--unit-marker-stroke-width)); + y: calc(var(--unit-marker-air-fuel-y) + (var(--unit-marker-stroke-width) / 2)); +} + + +svg.unit circle.unit-ammo { + cy: var(--unit-marker-air-ammo-y); + display: none; + fill: white; + r: var(--unit-marker-air-ammo-radius); + stroke: var(--secondary-neutral); + stroke-width: var(--unit-marker-stroke-width); +} + +svg.unit circle.unit-ammo-fox-1 { + cx: calc(var(--unit-marker-centre-x) - ((var(--unit-marker-air-ammo-radius) * 3) + (var(--unit-marker-air-ammo-gap) * 1.5))); +} + +svg.unit circle.unit-ammo-fox-2 { + cx: calc(var(--unit-marker-centre-x) - (var(--unit-marker-air-ammo-radius) + (var(--unit-marker-air-ammo-gap) / 2))); +} + +svg.unit circle.unit-ammo-fox-3 { + cx: calc(var(--unit-marker-centre-x) + var(--unit-marker-air-ammo-radius) + (var(--unit-marker-air-ammo-gap) / 2)); +} + +svg.unit circle.unit-ammo-other { + cx: calc(var(--unit-marker-centre-x) + (var(--unit-marker-air-ammo-radius) * 3) + (var(--unit-marker-air-ammo-gap) * 1.5)); +} + +svg.unit[data-has-fox-1="true"] circle.unit-ammo-fox-1, +svg.unit[data-has-fox-2="true"] circle.unit-ammo-fox-2, +svg.unit[data-has-fox-3="true"] circle.unit-ammo-fox-3, +svg.unit[data-has-other-ammo="true"] circle.unit-ammo-other { + fill: var(--secondary-gunmetal-grey); +} + +svg.unit .unit-summary text { + fill: white; + font-size: 10px; + paint-order: stroke; + stroke: black; + stroke-width: 2px; +} + + + +/*** Default style **/ + +svg.unit[data-coalition="blue"] rect.unit-marker { + fill: var(--primary-blue); + stroke: var(--secondary-blue-outline); +} + +svg.unit[data-coalition="blue"] rect.unit-hotgroup, +svg.unit[data-coalition="blue"] text.unit-short-label { + fill: var(--secondary-blue-outline); +} + +svg.unit[data-coalition="blue"] rect.unit-fuel { + stroke: var(--secondary-blue-outline); +} + +svg.unit[data-coalition="blue"] rect.unit-fuel-level { + fill: var(--primary-blue); +} + + +svg.unit[data-coalition="red"] rect.unit-marker { + fill: var(--primary-red); + stroke: var(--secondary-red-outline); +} + +svg.unit[data-coalition="red"] rect.unit-hotgroup, +svg.unit[data-coalition="red"] text.unit-short-label { + fill: var(--secondary-red-outline); +} + +svg.unit[data-coalition="red"] rect.unit-fuel { + stroke: var(--secondary-red-outline); +} + +svg.unit[data-coalition="red"] rect.unit-fuel-level { + fill: var(--primary-red); +} + + + +/*** Selected style **/ + + +svg.unit[data-is-selected="true"] .unit-spotlight { + cx: 50%; + cy: 50%; + fill: var(--unit-marker-spotlight-fill); + r: var(--unit-marker-spotlight-radius); +} + +svg.unit[data-is-selected="true"] rect.unit-selected-border, +svg.unit[data-is-selected="true"] rect.unit-marker { + fill: white; +} + + + +svg.unit[data-pilot="ai"][data-is-selected="true"] rect.unit-fuel, +svg.unit[data-pilot="ai"][data-is-selected="true"] rect.unit-fuel-level, +svg.unit[data-pilot="ai"][data-is-selected="true"] circle.unit-ammo { + display: block; +} + +@keyframes pulse { + 50% { + opacity: 0; + } +} + +svg.unit[data-pilot="ai"][data-is-selected="true"][data-has-low-fuel="true"] rect.unit-fuel, +svg.unit[data-pilot="ai"][data-is-selected="true"][data-has-low-fuel="true"] rect.unit-fuel-level { + animation: pulse 1.5s linear infinite; +} + + + + +svg.unit[data-coalition="blue"][data-is-selected="true"] text.unit-short-label, +svg.unit[data-coalition="blue"][data-has-fox-1="true"] circle.unit-ammo-fox-1, +svg.unit[data-coalition="blue"][data-has-fox-2="true"] circle.unit-ammo-fox-2, +svg.unit[data-coalition="blue"][data-has-fox-3="true"] circle.unit-ammo-fox-3, +svg.unit[data-coalition="blue"][data-has-other-ammo="true"] circle.unit-ammo-other { + fill: var(--primary-blue); +} + + +svg.unit[data-coalition="red"][data-is-selected="true"] text.unit-short-label, +svg.unit[data-coalition="red"][data-has-fox-1="true"] circle.unit-ammo-fox-1, +svg.unit[data-coalition="red"][data-has-fox-2="true"] circle.unit-ammo-fox-2, +svg.unit[data-coalition="red"][data-has-fox-3="true"] circle.unit-ammo-fox-3, +svg.unit[data-coalition="red"][data-has-other-ammo="true"] circle.unit-ammo-other { + fill: var(--primary-red); +} \ No newline at end of file diff --git a/client/public/stylesheets/mouseinfopanel.css b/client/public/stylesheets/mouseinfopanel.css deleted file mode 100644 index 80e5c09a..00000000 --- a/client/public/stylesheets/mouseinfopanel.css +++ /dev/null @@ -1,31 +0,0 @@ -#mouse-info-panel { - display: flex; - flex-direction: column; - padding: 10px; - row-gap: 5px; -} - -#mouse-info-panel .ol-rectangular-container{ - width: 100%; - font-weight: 600; - font-size: 12px; - display: flex; - align-items: center; - justify-content: space-between; - padding-left: 10px; - padding-right: 10px; - border-radius: 10px; - background-color: #FFF3; -} - -#mouse-info-panel img { - height: 24px; -} - -#measure-position-container{ - display: none; -} - -#unit-position-container{ - display: none; -} \ No newline at end of file diff --git a/client/public/stylesheets/olympus.css b/client/public/stylesheets/olympus.css index 9849cf36..6e930ec0 100644 --- a/client/public/stylesheets/olympus.css +++ b/client/public/stylesheets/olympus.css @@ -1,133 +1,134 @@ +@import url("layout.css"); + +@import url("contextmenu.css"); + +@import url("markers/unit.css"); +@import url("markers/airbase.css"); + /* Variables definitions */ :root { - --accent-green : #8bff63; - --accent-light-blue : #5ca7ff; - --background-grey : #3d4651; - --background-offwhite : #f2f2f3; - --background-steel : #202831; - --primary-blue : #247be2; - --primary-grey : #CFD9E8; - --primary-red : #ff5858; - --secondary-blue-outline : #082e44; - --secondary-dark-steel : #181e25; - --secondary-gunmetal-grey : #2f2f2f; - --secondary-light-grey : #797e83; - --secondary-neutral : #111111; - --secondary-red-outline : #262222; - --secondary-yellow : #ffd46893; - --nav-text : #ECECEC; + --accent-green: #8bff63; + --accent-light-blue: #5ca7ff; + --background-grey: #3d4651; + --background-offwhite: #f2f2f3; + --background-steel: #202831; + --primary-blue: #247be2; + --primary-grey: #CFD9E8; + --primary-red: #ff5858; + --secondary-blue-outline: #082e44; + --secondary-dark-steel: #181e25; + --secondary-gunmetal-grey: #2f2f2f; + --secondary-light-grey: #797e83; + --secondary-neutral: #111111; + --secondary-red-outline: #262222; + --secondary-yellow: #ffd46893; + --nav-text: #ECECEC; - - --border-radius-xs : 2px; - --border-radius-sm : 5px; - --border-radius-md : 10px; - --border-radius-lg : 15px; - - --font-weight-bolder : 600; + + --border-radius-xs: 2px; + --border-radius-sm: 5px; + --border-radius-md: 10px; + --border-radius-lg: 15px; + + --font-weight-bolder: 600; /* Generic marker settings */ --unit-marker-border-radius: 3px; - --unit-marker-centre-x: calc( var( --unit-marker-width ) / 2 ); - --unit-marker-centre-y: calc( var( --unit-marker-height ) / 2 ); + --unit-marker-centre-x: calc(var(--unit-marker-width) / 2); + --unit-marker-centre-y: calc(var(--unit-marker-height) / 2); --unit-marker-font-size: 12px; --unit-marker-font-weight: bold; --unit-marker-height: 100px; - --unit-marker-spotlight-fill: var( --secondary-yellow ); + --unit-marker-spotlight-fill: var(--secondary-yellow); --unit-marker-spotlight-opacity: 68%; --unit-marker-spotlight-radius: 28px; --unit-marker-stroke-width: 2px; --unit-marker-width: 150px; --unit-marker-hotgroup-height: 12px; - --unit-marker-hotgroup-width: var( --unit-marker-hotgroup-height ); + --unit-marker-hotgroup-width: var(--unit-marker-hotgroup-height); /* Air units' marker settings */ - --unit-marker-air-ammo-gap: calc( 2px + var( --unit-marker-stroke-width ) ); + --unit-marker-air-ammo-gap: calc(2px + var(--unit-marker-stroke-width)); --unit-marker-air-ammo-radius: 3px; - --unit-marker-air-ammo-y: calc( var( --unit-marker-height ) - 8px ); + --unit-marker-air-ammo-y: calc(var(--unit-marker-height) - 8px); --unit-marker-air-fuel-height: 6px; --unit-marker-air-fuel-width: 36px; - --unit-marker-air-fuel-x: calc( var( --unit-marker-centre-x ) - ( var( --unit-marker-air-fuel-width ) / 2 ) ); - --unit-marker-air-fuel-y: calc( var( --unit-marker-height ) - 21px ); + --unit-marker-air-fuel-x: calc(var(--unit-marker-centre-x) - (var(--unit-marker-air-fuel-width) / 2)); + --unit-marker-air-fuel-y: calc(var(--unit-marker-height) - 21px); --unit-marker-air-height: 28px; --unit-marker-air-vvi-rotation-offset: -180deg; - --unit-marker-air-width: var( --unit-marker-air-height ); - --unit-marker-air-label-x: calc( var( --unit-marker-centre-x ) - ( var( --unit-marker-air-width ) / 2 ) + ( var( --unit-marker-stroke-width ) / 2 ) ); - --unit-marker-air-label-y: calc( var( --unit-marker-centre-y ) - ( var( --unit-marker-air-height ) / 2 ) + ( var( --unit-marker-stroke-width ) / 2 ) ); + --unit-marker-air-width: var(--unit-marker-air-height); + --unit-marker-air-label-x: calc(var(--unit-marker-centre-x) - (var(--unit-marker-air-width) / 2) + (var(--unit-marker-stroke-width) / 2)); + --unit-marker-air-label-y: calc(var(--unit-marker-centre-y) - (var(--unit-marker-air-height) / 2) + (var(--unit-marker-stroke-width) / 2)); } - -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - - -html { - font-family: 'Open Sans', sans-serif; -} - - button { - background-color:var(--background-steel); - border:1px solid var( --background-steel ); - border-radius: var( --border-radius-sm ); - color:whitesmoke; - cursor:pointer; - font-weight: var( --font-weight-bolder ); - padding:8px; + background-color: var(--background-steel); + border: 1px solid var(--background-steel); + border-radius: var(--border-radius-sm); + color: whitesmoke; + cursor: pointer; + font-weight: var(--font-weight-bolder); + padding: 8px; } button[disabled="disabled"] { - color: var( --highlight-color ); - cursor:not-allowed; + color: var(--highlight-color); + cursor: not-allowed; } - .pill { - border-radius: var( --border-radius-sm ); - display:inline-block; - padding:6px; + border-radius: var(--border-radius-sm); + display: inline-block; + padding: 6px; } - - -nav, .ol-panel { +.ol-panel { background-color: var(--background-steel); border-radius: 15px; box-shadow: 0px 2px 5px #000A; - color:white; + color: white; + font-size: 12px; + height: fit-content; + padding: 10px; + width: fit-content; +} + +nav { + border-radius: 15px; + color: white; font-size: 12px; - height:fit-content; - padding:10px; - width:fit-content; } nav .ol-select { - color: var( --nav-text ); + color: var(--nav-text); +} + +.ol-select-options { + position: fixed; } nav .ol-select .ol-select-value { align-content: center; - background-color: var( --background-grey ); - border-radius: var( --border-radius-sm ); - display:flex; + background-color: var(--background-grey); + border-radius: var(--border-radius-sm); + display: flex; justify-content: left; - padding:1em; + padding: 1em; text-align: center; } nav .ol-select .ol-select-options { - background-color: var( --background-grey ); - border-radius: var( --border-radius-sm ); - display:none; + background-color: var(--background-grey); + border-radius: var(--border-radius-sm); + display: none; list-style: none; - padding:.5em 0; - position: relative; + padding: .5em 0; + margin: 0px; } nav .ol-select:hover .ol-select-options { @@ -135,334 +136,197 @@ nav .ol-select:hover .ol-select-options { } nav .ol-select .ol-select-options li { - background-color: var( --background-grey ); - display:flex; + background-color: var(--background-grey); + display: flex; justify-content: left; } nav .ol-select .ol-select-options li.hr { - border-bottom:1px solid var( --nav-text ); - margin:8px; + border-bottom: 1px solid var(--nav-text); + margin: 8px; } nav .ol-select .ol-select-options li button { - background-color: var( --background-grey ); - border:none; - font-size:14px; + background-color: var(--background-grey); + border: none; + font-size: 14px; font-weight: normal; text-align: left; - width:100%; + width: 100%; } .ol-panel-list { - border-radius: var( --border-radius-sm ); + border-radius: var(--border-radius-sm); display: flex; flex-direction: column; - height: fit-content; + height: fit-content; row-gap: 5px; - text-align: center; - width: fit-content; + text-align: center; + width: fit-content; } .ol-panel-list .list-item { - border-radius: var( --border-radius-md ); - display:flex; + border-radius: var(--border-radius-md); + display: flex; justify-content: space-between; - padding: 6px 10px; + padding: 6px 10px; } -.ol-panel-list.sortable > .sortable-item { +.ol-panel-list.sortable>.sortable-item { align-items: center; column-gap: 5px; - display:flex; + display: flex; flex-direction: row; } -.ol-panel-list.sortable > .sortable-item > .handle { - cursor:grab; - filter:invert(100); +.ol-panel-list.sortable>.sortable-item>.handle { + cursor: grab; + filter: invert(100); } -.ol-panel-list.sortable > .sortable-item > .handle img { +.ol-panel-list.sortable>.sortable-item>.handle img { max-width: 16px; } .ol-panel-board { - display:flex; + display: flex; flex-direction: row; justify-content: space-evenly; } -.ol-panel-board > .panel-section { +.ol-panel-board>.panel-section { border-right: 1px solid #555; - padding:10px; + padding: 10px; } -.ol-panel-board > .panel-section:last-of-type { +.ol-panel-board>.panel-section:last-of-type { border-right-width: 0; } -.ol-panel-board h1, .ol-panel-board h2 { - font-size:18px; - font-weight: var( --font-weight-bolder ); - margin: 0; - padding:0 0 5px 0; +.ol-panel-board h1, +.ol-panel-board h2 { + font-size: 18px; + font-weight: var(--font-weight-bolder); + padding: 0 0 5px 0; } .ol-panel-board h2 { - font-size:14px; + font-size: 14px; } - +.ol-panel h1, +.ol-panel h2, +.ol-panel h3, +.ol-panel h4, +.ol-panel h5, +.ol-panel h6 { + margin: 0px; +} .highlight-primary { - background-color: var(--secondary-light-grey); + background-color: var(--secondary-light-grey); } .highlight-bluefor { - background-color: var(--primary-blue); - color: var(--background-steel ) + background-color: var(--primary-blue); + color: var(--background-steel) } .highlight-redfor { - background-color: var(--primary-red); + background-color: var(--primary-red); } .highlight-neutral { - background-color: var(--primary-grey); + background-color: var(--primary-grey); color: var(--secondary-gunmetal-grey) } - - -svg.unit { - height: var( --unit-marker-height ); - width: var( --unit-marker-width ); -} - -svg.unit .unit-vvi { - fill:black; - height: 4px; - transform-box: fill-box; - transform-origin:top; - translate: var( --unit-marker-centre-x ) calc( var( --unit-marker-centre-y ) - 2px ); - width:4px; -} - -svg.unit rect.unit-hotgroup { - display:none; - fill: var( --secondary-neutral ); - height: var( --unit-marker-hotgroup-height ); - transform: rotate( -45deg ); - transform-origin: center; - translate: calc( var( --unit-marker-centre-x ) + ( var( --unit-marker-hotgroup-width ) / 2 ) ) -44px; - width: var( --unit-marker-hotgroup-height ); -} - -svg.unit text.unit-hotgroup-id { - font-weight: bolder; - display:none; - fill:white; - font-size:9px; -} - -svg.unit[data-is-in-hotgroup="true"] rect.unit-hotgroup, svg.unit[data-is-in-hotgroup="true"] text.unit-hotgroup-id { - display:block; -} - -svg.unit rect.unit-selected-border { - fill:transparent; - height: calc( var( --unit-marker-air-height ) + ( var( --unit-marker-stroke-width ) * 2 ) ); - rx: var( --unit-marker-stroke-width ); - stroke: var( white ); - stroke-width: var( --unit-marker-stroke-width ); - width: calc( var( --unit-marker-air-width ) + ( var( --unit-marker-stroke-width ) * 2 ) ); - x: calc( var(--unit-marker-air-label-x) - 3px ); - y: calc( var(--unit-marker-air-label-y) - 3px ); -} - -svg.unit rect.unit-marker { - fill: var( --primary-grey ); - height: calc( var( --unit-marker-air-height ) - var( --unit-marker-stroke-width ) ); - rx: var( --unit-marker-stroke-width ); - ry: var( --unit-marker-stroke-width ); - stroke: var( --secondary-neutral ); - stroke-linejoin: round; - stroke-width: var( --unit-marker-stroke-width ); - width: calc( var( --unit-marker-air-width ) - var( --unit-marker-stroke-width ) ); - x: var(--unit-marker-air-label-x); - y: var(--unit-marker-air-label-y); -} - - -svg.unit text.unit-short-label { - fill: var( --secondary-neutral ); - font-size: var( --unit-marker-font-size ); - font-weight: var( --unit-marker-font-weight ); - text-anchor: middle; -} - - -svg.unit rect.unit-fuel, svg.unit rect.unit-fuel-level { - height: var( --unit-marker-air-fuel-height ); - width: var( --unit-marker-air-fuel-width ); - x: var( --unit-marker-air-fuel-x ); - y: var( --unit-marker-air-fuel-y ); -} - - -svg.unit rect.unit-fuel { - display:none; - fill: white; - rx: var( --unit-marker-stroke-width ); - ry: var( --unit-marker-stroke-width ); - stroke: var( --secondary-gunmetal-grey ); - stroke-linejoin: round; - stroke-width: var( --unit-marker-stroke-width ); - y: var( --unit-marker-air-fuel-y ); -} - -svg.unit rect.unit-fuel-level { - display:none; - fill: var( --secondary-light-grey ); - height: calc( var( --unit-marker-air-fuel-height ) - var( --unit-marker-stroke-width ) ); - y: calc( var( --unit-marker-air-fuel-y ) + ( var( --unit-marker-stroke-width ) / 2 ) ); -} - - -svg.unit circle.unit-ammo { - cy: var( --unit-marker-air-ammo-y ); +.hide { display: none; - fill: white; - r: var( --unit-marker-air-ammo-radius ); - stroke: var( --secondary-neutral ); - stroke-width: var( --unit-marker-stroke-width ); } -svg.unit circle.unit-ammo-fox-1 { - cx: calc( var( --unit-marker-centre-x ) - ( ( var( --unit-marker-air-ammo-radius ) * 3 ) + ( var( --unit-marker-air-ammo-gap ) * 1.5 ) ) ); +.icon-small { + width: 20px; + padding: 2px; + filter: invert(100%); } -svg.unit circle.unit-ammo-fox-2 { - cx: calc( var( --unit-marker-centre-x ) - ( var( --unit-marker-air-ammo-radius ) + ( var( --unit-marker-air-ammo-gap ) / 2 ) ) ); +.data-grid { + display: flex; + flex-direction: column; } -svg.unit circle.unit-ammo-fox-3 { - cx: calc( var( --unit-marker-centre-x ) + var( --unit-marker-air-ammo-radius ) + ( var( --unit-marker-air-ammo-gap ) / 2 ) ); +.data-row { + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + column-gap: 2px; } -svg.unit circle.unit-ammo-other { - cx: calc( var( --unit-marker-centre-x ) + ( var( --unit-marker-air-ammo-radius ) * 3 ) + ( var( --unit-marker-air-ammo-gap ) * 1.5 ) ); +.data-row>*:nth-child(2){ + width: 100px; } -svg.unit[data-has-fox-1="true"] circle.unit-ammo-fox-1, -svg.unit[data-has-fox-2="true"] circle.unit-ammo-fox-2, -svg.unit[data-has-fox-3="true"] circle.unit-ammo-fox-3, -svg.unit[data-has-other-ammo="true"] circle.unit-ammo-other { - fill: var( --secondary-gunmetal-grey ); +.data-row>*:last-child{ + width: 30px; + text-align: right; } -svg.unit .unit-summary text { - fill:white; - font-size:10px; - paint-order: stroke; - stroke: black; - stroke-width: 2px; +.data-row>.icon-small{ + margin: 2px; } - - -/*** Default style **/ - -svg.unit[data-coalition="blue"] rect.unit-marker { - fill: var( --primary-blue ); - stroke: var( --secondary-blue-outline ); +.slider-container { + width: 100%; } -svg.unit[data-coalition="blue"] rect.unit-hotgroup, -svg.unit[data-coalition="blue"] text.unit-short-label { - fill: var( --secondary-blue-outline ); +.slider { + width: 100%; + -webkit-appearance: none; + appearance: none; + height: 2px; + background: #d3d3d3; + outline: none; + opacity: 0.7; + -webkit-transition: .2s; + transition: opacity .2s; + margin-top: 10px; + margin-bottom: 10px; } -svg.unit[data-coalition="blue"] rect.unit-fuel { - stroke: var( --secondary-blue-outline ); +.slider:hover { + opacity: 1; } -svg.unit[data-coalition="blue"] rect.unit-fuel-level { - fill: var( --primary-blue ); +.slider::-webkit-slider-thumb { + -webkit-appearance: none; + appearance: none; + width: 20px; + height: 20px; + background: gray; + cursor: pointer; + border-radius: 999px; } - -svg.unit[data-coalition="red"] rect.unit-marker { - fill: var( --primary-red ); - stroke: var( --secondary-red-outline ); +.active .slider::-webkit-slider-thumb { + background: #5ca7ff; } -svg.unit[data-coalition="red"] rect.unit-hotgroup, -svg.unit[data-coalition="red"] text.unit-short-label { - fill: var( --secondary-red-outline ); +.slider::-moz-range-thumb { + width: 20px; + height: 20px; + background: gray; + cursor: pointer; + border-radius: 999px; } -svg.unit[data-coalition="red"] rect.unit-fuel { - stroke: var( --secondary-red-outline ); +.active .slider::-moz-range-thumb { + background: #5ca7ff; } -svg.unit[data-coalition="red"] rect.unit-fuel-level { - fill: var( --primary-red ); -} - - - -/*** Selected style **/ - - -svg.unit[data-is-selected="true"] .unit-spotlight { - cx:50%; - cy:50%; - fill:var( --unit-marker-spotlight-fill ); - r: var( --unit-marker-spotlight-radius ); -} - -svg.unit[data-is-selected="true"] rect.unit-selected-border, -svg.unit[data-is-selected="true"] rect.unit-marker { - fill:white; -} - - - -svg.unit[data-pilot="ai"][data-is-selected="true"] rect.unit-fuel, -svg.unit[data-pilot="ai"][data-is-selected="true"] rect.unit-fuel-level, -svg.unit[data-pilot="ai"][data-is-selected="true"] circle.unit-ammo { - display:block; -} - -@keyframes pulse { - 50% { - opacity: 0; - } -} -svg.unit[data-pilot="ai"][data-is-selected="true"][data-has-low-fuel="true"] rect.unit-fuel, -svg.unit[data-pilot="ai"][data-is-selected="true"][data-has-low-fuel="true"] rect.unit-fuel-level { - animation: pulse 1.5s linear infinite; -} - - - - -svg.unit[data-coalition="blue"][data-is-selected="true"] text.unit-short-label, -svg.unit[data-coalition="blue"][data-has-fox-1="true"] circle.unit-ammo-fox-1, -svg.unit[data-coalition="blue"][data-has-fox-2="true"] circle.unit-ammo-fox-2, -svg.unit[data-coalition="blue"][data-has-fox-3="true"] circle.unit-ammo-fox-3, -svg.unit[data-coalition="blue"][data-has-other-ammo="true"] circle.unit-ammo-other { - fill: var( --primary-blue ); -} - - -svg.unit[data-coalition="red"][data-is-selected="true"] text.unit-short-label, -svg.unit[data-coalition="red"][data-has-fox-1="true"] circle.unit-ammo-fox-1, -svg.unit[data-coalition="red"][data-has-fox-2="true"] circle.unit-ammo-fox-2, -svg.unit[data-coalition="red"][data-has-fox-3="true"] circle.unit-ammo-fox-3, -svg.unit[data-coalition="red"][data-has-other-ammo="true"] circle.unit-ammo-other { - fill: var( --primary-red ); +.main-logo { + width: 40px; + height: 40px; } \ No newline at end of file diff --git a/client/public/stylesheets/panels.css b/client/public/stylesheets/panels.css deleted file mode 100644 index e754028e..00000000 --- a/client/public/stylesheets/panels.css +++ /dev/null @@ -1,14 +0,0 @@ -/* Panels style */ -.ol-panel { - background-color: var(--background-color-dark); - font-size: 12px; - border-radius: 15px; - box-shadow: 0px 2px 5px #000A; -} - -.ol-panel-transparent { - background-color: transparent; - font-size: 12px; - box-shadow: 0px 0px 0px transparent; - border-radius: 0px; -} diff --git a/client/public/stylesheets/slider.css b/client/public/stylesheets/slider.css deleted file mode 100644 index cddd49ad..00000000 --- a/client/public/stylesheets/slider.css +++ /dev/null @@ -1,47 +0,0 @@ -.slider-container { - width: 100%; -} - -.slider { - width: 100%; - -webkit-appearance: none; - appearance: none; - height: 2px; - background: #d3d3d3; - outline: none; - opacity: 0.7; - -webkit-transition: .2s; - transition: opacity .2s; - margin-top: 10px; - margin-bottom: 10px; -} - -.slider:hover { - opacity: 1; -} - -.slider::-webkit-slider-thumb { - -webkit-appearance: none; - appearance: none; - width: 20px; - height: 20px; - background: gray; - cursor: pointer; - border-radius: 999px; -} - -.active .slider::-webkit-slider-thumb { - background: #5ca7ff; -} - -.slider::-moz-range-thumb { - width: 20px; - height: 20px; - background: gray; - cursor: pointer; - border-radius: 999px; -} - -.active .slider::-moz-range-thumb { - background: #5ca7ff; -} \ No newline at end of file diff --git a/client/public/stylesheets/style.css b/client/public/stylesheets/style.css deleted file mode 100644 index 610963b3..00000000 --- a/client/public/stylesheets/style.css +++ /dev/null @@ -1,234 +0,0 @@ -@import url("button.css"); -@import url("slider.css"); -@import url("dropdown.css"); - -@import url("selectionwheel.css"); -@import url("contextmenu.css"); - -@import url("unitmarker.css"); -@import url("airbasemarker.css"); - -@import url("panels.css"); -@import url("connectionstatuspanel.css"); -@import url("unitcontrolpanel.css"); -@import url("visibilitycontrolpanel.css"); -@import url("unitinfopanel.css"); -@import url("mouseinfopanel.css"); -@import url("logpanel.css"); - -@import url( "aic.css" ); -@import url( "atc.css" ); - -@import url("layout.css"); - - -/* Variables definitions */ -:root { - --accent-green: #8bff63; - --accent-light-blue: #5ca7ff; - --background-grey: #3d4651; - --background-offwhite: #f2f2f3; - --background-steel: #202831; - --primary-blue: #247be2; - --primary-grey: #CFD9E8; - --primary-red: #ff5858; - --secondary-blue-outline: #082e44; - --secondary-dark-steel: #181e25; - --secondary-gunmetal-grey: #2f2f2f; - --secondary-light-grey: #797e83; - --secondary-red-outline: #262222; - --secondary-yellow: #ffd46893; - - - --border-radius-xs: 2px; - --border-radius-sm: 5px; - --border-radius-md: 10px; - --border-radius-lg: 15px; - - --font-weight-bolder: 600; - - - --background-color-dark: #202831; - --background-color-light: #AAA; - --title-color: #d3e9ff; - --text-color: white; - --blue-coalition-color: #247be2; - --red-coalition-color: #f32121; - --neutral-coalition-color: #202831; - --active-coalition-color: var(--blue-coalition-color); - --highlight-color: #FFF5; -} - -* { - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} - -html { - font-family: 'Open Sans', sans-serif; -} - -.leaflet-container.crosshair-cursor-enabled { - cursor:crosshair; -} - -.ol-rectangular-container { - padding: 0.5em; - background-color: gray; - border-radius: 5px; - width: fit-content; - height: fit-content; - text-align: center; - color: white; - font-size: 12px; -} - -.ol-rectangular-container-dark { - padding-left: 0.5em; - padding-right: 0.5em; - padding-top: 0.2em; - padding-bottom: 0.2em; - background-color: #151b20; - border-radius: 5px; - width: fit-content; - height: fit-content; - text-align: center; - color: white; - font-size: 12px; -} - -.ol-rounded-container { - position: relative; - padding: 0.5em; - width: fit-content; - height: fit-content; - text-align: center; - color: white; - font-size: 12px; - border-radius: 9999px; - background-color: gray; -} - -.ol-rounded-container.blue { - background-color: var(--blue-coalition-color); - border: 1px solid var(--blue-coalition-color); -} - -.ol-rounded-container.red { - background-color: var(--red-coalition-color); - border: 1px solid var(--red-coalition-color); -} - -.ol-rounded-container.neutral { - background-color: var(--neutral-coalition-color); -} - -.ol-rounded-container-small { - padding: 0.2em; - width: fit-content; - height: fit-content; - text-align: center; - color: black; - font-weight: 600; - background-color: #FFFA; - font-size: 11px; - border-radius: 9999px; - padding-left: 5px; - padding-right: 5px; -} - -.ol-rectangular-button { - position: relative; - padding: 0.5em; - width: fit-content; - height: fit-content; - text-align: center; - color: var(--highlight-color); - font-size: 12px; - border-radius: 5px; - background-color: transparent; - border: 1px solid var(--highlight-color); - cursor: pointer; - font-weight: 600; - display: flex; - align-items: center; - column-gap: 5px; -} - -.ol-rectangular-button.blue { - border: 1px solid var(--blue-coalition-color); - color: var(--blue-coalition-color); -} - -.ol-rectangular-button.red { - border: 1px solid var(--red-coalition-color); - color: var(--red-coalition-color); -} - -.ol-rectangular-button.white { - border: 1px solid white; - color: white; -} - -.ol-rectangular-button.white>img { - filter: invert(100%); -} - -.ol-rectangular-button>img { - display: inline-block; - height: 18px; - width: 18px; -} - -.ol-rectangular-button.red { - border: 1px solid var(--red-coalition-color); -} - -.ol-vl { - border-left: 1px solid #555; - width: 1px !important; - display: inline-block; -} - -.ol-hl { - border-top: 1px solid #555; - height: 1px !important; - display: inline-block; -} - -.ol-measure-box { - position: absolute; - padding-left: 0.5em; - padding-right: 0.5em; - padding-top: 0.2em; - padding-bottom: 0.2em; - background-color: #151b20; - border-radius: 5px; - width: fit-content; - height: fit-content; - text-align: center; - color: white; - font-size: 12px; - z-index: 2000; - font-weight: 600; -} - -.ol-scrollable { - overflow-y: auto; -} - -.ol-scrollable::-webkit-scrollbar { - width: 10px; -} - -.ol-scrollable::-webkit-scrollbar-track { - background-color: transparent; - border-radius: 100px; -} - -.ol-scrollable::-webkit-scrollbar-thumb { - background-color: white; - border-radius: 100px; - opacity: 0.8; -} \ No newline at end of file diff --git a/client/public/stylesheets/uikit.css b/client/public/stylesheets/uikit.css index 44052611..d9c731dd 100644 --- a/client/public/stylesheets/uikit.css +++ b/client/public/stylesheets/uikit.css @@ -18,8 +18,6 @@ section { flex-wrap: wrap; } - - .content { background:white; border-radius: 10px; diff --git a/client/public/stylesheets/unitcontrolpanel.css b/client/public/stylesheets/unitcontrolpanel.css deleted file mode 100644 index 57f257cf..00000000 --- a/client/public/stylesheets/unitcontrolpanel.css +++ /dev/null @@ -1,133 +0,0 @@ -#unit-control-buttons { - display: flex; - flex-direction: column; - row-gap: 5px; - padding: 10px; - border-radius: 999px; -} - -#unit-control-buttons>div { - filter: invert(100%); - opacity: 0.8; -} - -#unit-control-panel { - display: flex; - flex-direction: column; - flex-wrap: wrap; - justify-content: space-between; - align-content: flex-start; - row-gap: 10px; - padding-left: 30px; - padding-right: 30px; - padding-top: 20px; - padding-bottom: 20px; -} - -#selected-units-container { - display: flex; - flex-direction: column; - row-gap: 5px; - width: 100%; - height: fit-content; - max-height: 200px; - padding-top: 10px; - padding-bottom: 10px; -} - -#formation-buttons-container { - display: flex; - flex-direction: row; - flex-wrap: wrap; - row-gap: 5px; - column-gap: 5px; - width: 100%; - height: 100%; -} - -#roe-buttons-container { - display: flex; - flex-direction: row; - flex-wrap: wrap; - row-gap: 5px; - column-gap: 5px; - width: 100%; - height: 100%; -} - -#reaction-to-threat-buttons-container { - display: flex; - flex-direction: row; - flex-wrap: wrap; - row-gap: 5px; - column-gap: 5px; - width: 100%; - height: 100%; -} - -#selected-units-container .ol-rounded-container { - width: calc(100% - 25px); - cursor: pointer; - margin-left: 25px; -} - -#selected-units-container .ol-rounded-container.not-selected { - background-color: transparent; -} - -#selected-units-container .ol-rounded-container .ol-rounded-container-small { - display: inline-block; - position: absolute; - left: 5px; - top: 5px; -} - -#selected-units-container img { - height: calc(100% + 6px); - display: inline-block; - position: absolute; - left: -32px; - top: -3px; -} - -#selected-units-container img.blue { - filter: invert(81%) sepia(6%) saturate(1685%) hue-rotate(181deg) brightness(103%) contrast(92%); -} - -#selected-units-container img.red { - filter: invert(93%) sepia(97%) saturate(1174%) hue-rotate(291deg) brightness(105%) contrast(97%); -} - -#unit-control-panel .ol-title-label { - color: white; - font-size: 14px; - width: 100%; - font-weight: 600; -} - -#unit-control-panel #section-label { - color: white; - font-size: 13px; - width: 100%; -} - -.flight-control-slider { - display: flex; - flex-wrap: wrap; - justify-content: space-between; -} - -.flight-control-title { - font-size: 13px; - color: white; -} - -.flight-control-value { - font-size: 14px; - font-weight: 600; - color: gray; -} - -.active .flight-control-value { - color: #5ca7ff; -} diff --git a/client/public/stylesheets/unitinfopanel.css b/client/public/stylesheets/unitinfopanel.css deleted file mode 100644 index dc478257..00000000 --- a/client/public/stylesheets/unitinfopanel.css +++ /dev/null @@ -1,130 +0,0 @@ - -/* Panel properties */ -#unit-info-panel { - display: flex; - flex-direction: row; - padding-left: 30px; - padding-right: 30px; - padding-top: 20px; - padding-bottom: 20px; -} - -/* Common */ -#unit-info-panel>div { - height: 100%; - width: 100%; -} - -#unit-info-panel>.ol-vl { - margin-left: 30px; - margin-right: 30px; -} - -/* Sections */ -#unit-info-panel #general { - display: flex; - flex-flow: row; - flex-wrap: wrap; - justify-content: flex-start; - column-gap: 5px; - row-gap: 5px; - align-content: flex-start; -} - -#unit-info-panel #flight-data { - display: flex; - flex-flow: row; - flex-wrap: wrap; - justify-content: space-between; - align-content: center; - align-items: center; - align-content: space-between; -} - -#unit-info-panel #loadout-data { - display: flex; - flex-flow: row; - flex-wrap: wrap; - align-content: flex-start; - justify-content: flex-start; - row-gap: 5px; -} - -/* General section */ -#general #unit-name { - color: white; - font-size: 18px; - width: 100%; - padding-bottom: 5px; - font-weight: 600; -} - -#general #task { - width: 100%; -} - -/* Flight data section */ -#flight-data #flight-data-label { - color: white; - font-size: 14px; - width: 100%; - font-weight: 600; -} - -#flight-data #latitude { - width: 50%; - color: white; - font-size: 13px; - text-align: center; - font-weight: 600; - color: #8bff63; -} - -#flight-data #longitude { - width: 50%; - color: white; - font-size: 13px; - text-align: center; - font-weight: 600; - color: #5ca7ff; -} - -.flight-data-label, .flight-data-value { - color: white; - font-size: 12px; - padding-left: 10px; -} - -.flight-data-icon { - width: 10%; - padding: 2px; - filter: invert(100%); -} - -.flight-data-label { - width: 58%; -} - -.flight-data-value { - width: 30%; - font-weight: 600; - text-align: right; -} - -/* Loadout section */ -#loadout-data #loadout-label { - color: white; - font-size: 14px; - width: 100%; - font-weight: 600; -} - -#loadout-container { - display: flex; - flex-direction: row; - flex-wrap: wrap; - column-gap: 2px; - row-gap: 2px; - min-height: 0px; - max-height: 70px; /* TODO: fix me, magic number */ -} diff --git a/client/public/stylesheets/unitmarker.css b/client/public/stylesheets/unitmarker.css deleted file mode 100644 index 82ce2564..00000000 --- a/client/public/stylesheets/unitmarker.css +++ /dev/null @@ -1,314 +0,0 @@ - -.unit { - border-radius: var(--border-radius-xs); - display: grid; - height: fit-content; - position: relative; - width: fit-content; - font-family: 'Open Sans'; -} - -.unit .unit-id { - align-items: center; - background: var(--primary-grey); - border: 3px solid var(--background-steel); - border-radius: var(--border-radius-xs); - color: var(--background-steel); - display: flex; - font-weight: bold; - height: 32px; - justify-content: center; - padding: 4px; - position: relative; - text-align: center; - width: 32px; - z-index: 100; -} - -.unit .unit-spotlight { - border-radius: 50%; - align-items: center; - display: flex; - height: fit-content; - justify-items: center; - padding: 9px; - width: fit-content; -} - -.unit .unit-hotgroup { - align-self: flex-start; - background: black; - color: white; - display: none; - height: fit-content; - justify-content: center; - justify-self: center; - line-height: 14px; - position: absolute; - text-align: center; - top: -8px; - transform: rotate(45deg); - width: 14px; -} - -.unit .unit-hotgroup-id { - font-size: 11px; - transform: rotate(-45deg); -} - -.unit .unit-vvi { - display: flex; - position: absolute; - left: 50%; - transform: rotate(-90deg); - transform-origin: 0 50%; - top: 50%; - z-index: 0; -} - -.unit .unit-vvi-heading { - border: 1px solid var(--secondary-dark-steel); - padding-left: 14px; - transform: rotate(90deg); - transform-origin: 0 50%; - width: 30px; -} - - -.unit .unit-selected-border { - border: 2px solid transparent; - border-radius: var(--border-radius-xs); - position: relative; - z-index: 1; -} - - -.unit .unit-fuel { - background: white; - border: 2px solid var(--secondary-dark-steel); - border-radius: var(--border-radius-xs); - display: none; - margin: 0 auto; - position: relative; - top: -6px; - width: calc(100% - 16px); -} - -.unit .unit-fuel-empty { - align-self: center; - background: white; - border-radius: 50%; - color: red; - display: none; - font-weight: bold; - justify-self: center; - padding: 1px; - position: absolute; -} - -.unit[data-fuel-level="0"] .unit-fuel-empty { - display: flex; -} - -@keyframes blinker { - 50% { - opacity: 0; - } -} - -.unit[data-fuel-level="10"] .unit-fuel, -.unit[data-fuel-level="20"] .unit-fuel, -.unit[data-fuel-level="30"] .unit-fuel { - animation: blinker 1.5s linear infinite; -} - -.unit .unit-fuel-level { - background-color: var(--secondary-light-grey); - display: flex; - height: 4px; - visibility: hidden; - width: 100%; -} - -.unit[data-fuel-level="10"] .unit-fuel-level, -.unit[data-fuel-level="20"] .unit-fuel-level, -.unit[data-fuel-level="30"] .unit-fuel-level, -.unit[data-fuel-level="40"] .unit-fuel-level, -.unit[data-fuel-level="50"] .unit-fuel-level, -.unit[data-fuel-level="60"] .unit-fuel-level, -.unit[data-fuel-level="70"] .unit-fuel-level, -.unit[data-fuel-level="80"] .unit-fuel-level, -.unit[data-fuel-level="90"] .unit-fuel-level, -.unit[data-fuel-level="100"] .unit-fuel-level { - visibility: visible; -} - -.unit[data-fuel-level="10"] .unit-fuel-level { - width: 10%; -} - -.unit[data-fuel-level="20"] .unit-fuel-level { - width: 20%; -} - -.unit[data-fuel-level="30"] .unit-fuel-level { - width: 30%; -} - -.unit[data-fuel-level="40"] .unit-fuel-level { - width: 40%; -} - -.unit[data-fuel-level="50"] .unit-fuel-level { - width: 50%; -} - -.unit[data-fuel-level="60"] .unit-fuel-level { - width: 60%; -} - -.unit[data-fuel-level="70"] .unit-fuel-level { - width: 70%; -} - -.unit[data-fuel-level="80"] .unit-fuel-level { - width: 80%; -} - -.unit[data-fuel-level="90"] .unit-fuel-level { - width: 90%; -} - -.unit[data-fuel-level="100"] .unit-fuel-level { - width: 100%; -} - -.unit-ammo { - column-gap: 2px; - display: none; - flex-direction: row; - flex-wrap: nowrap; - height: fit-content; - justify-content: center; - position: relative; - top: -2px; - width: 100%; -} - -.unit-ammo>[data-ammo-type] { - background: white; - border: 2px solid var(--secondary-dark-steel); - border-radius: 50%; - padding: 3px; -} - -.unit[data-has-fox-1="true"] .unit-ammo>[data-ammo-type="fox-1"], -.unit[data-has-fox-2="true"] .unit-ammo>[data-ammo-type="fox-2"], -.unit[data-has-fox-3="true"] .unit-ammo>[data-ammo-type="fox-3"], -.unit[data-has-other-ammo="true"] .unit-ammo>[data-ammo-type="other"] { - background-color: var(--secondary-light-grey); -} - - -/*** BLUEFOR ***/ - -.unit[data-coalition="blue"] .unit-hotgroup { - background-color: var(--secondary-blue-outline); -} - -.unit[data-coalition="blue"] .unit-id, -.unit[data-coalition="blue"][data-has-fox-1="true"] .unit-ammo>[data-ammo-type="fox-1"], -.unit[data-coalition="blue"][data-has-fox-2="true"] .unit-ammo>[data-ammo-type="fox-2"], -.unit[data-coalition="blue"][data-has-fox-3="true"] .unit-ammo>[data-ammo-type="fox-3"], -.unit[data-coalition="blue"][data-has-other-ammo="true"] .unit-ammo>[data-ammo-type="other"], -.unit[data-coalition="blue"] .unit-fuel-level, -.unit[data-coalition="blue"] .unit-vvi-heading { - background: var(--primary-blue); - border-color: var(--secondary-blue-outline); - color: var(--secondary-blue-outline); -} - -.unit[data-coalition="blue"][data-is-selected="true"] .unit-id { - border-color: var(--secondary-blue-outline); - color: var(--primary-blue); -} - -.unit[data-coalition="blue"] .unit-ammo { - border-color: var(--secondary-blue-outline); -} - -/*** REDFOR ***/ - -.unit[data-coalition="red"] .unit-hotgroup { - background-color: var(--secondary-red-outline); -} - -.unit[data-coalition="red"] .unit-id, -.unit[data-coalition="red"][data-has-fox-1="true"] .unit-ammo>[data-ammo-type="fox-1"], -.unit[data-coalition="red"][data-has-fox-2="true"] .unit-ammo>[data-ammo-type="fox-2"], -.unit[data-coalition="red"][data-has-fox-3="true"] .unit-ammo>[data-ammo-type="fox-3"], -.unit[data-coalition="red"][data-has-other-ammo="true"] .unit-ammo>[data-ammo-type="other"], -.unit[data-coalition="red"] .unit-fuel-level, -.unit[data-coalition="red"] .unit-vvi-heading { - background: var(--primary-red); - border-color: var(--secondary-red-outline); - color: var(--secondary-red-outline); -} - -.unit[data-coalition="red"][data-is-selected="true"] .unit-id { - color: var(--primary-red); -} - -.unit[data-coalition="red"] .unit-ammo { - border-color: var(--secondary-red-outline); -} - -/**************/ - -.unit[data-is-selected="true"] .unit-spotlight { - background: var(--secondary-yellow); -} - -.unit[data-is-in-hotgroup="true"] .unit-hotgroup { - display: flex -} - -.unit[data-is-selected="true"] .unit-id { - background: white; -} - -.unit[data-is-selected="true"] .unit-selected-border { - border-color: white; -} - -.unit[data-is-selected="true"] .unit-fuel { - display: grid; -} - -.unit[data-is-selected="true"] .unit-ammo { - display: flex; -} - - -.unit[data-pilot="human"] .unit-hotgroup, -.unit[data-pilot="human"] .unit-fuel, -.unit[data-pilot="human"] .unit-ammo { - display: none; -} - -.unit .unit-summary { - align-self: center; - column-gap: 8px; - color: white; - display: flex; - flex-flow: wrap; - font-size: 12px; - justify-content: flex-end; - justify-self: flex-end; - left: -62px; - position: absolute; - row-gap: 2px; - text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, 1px 1px 1px #000; - white-space: nowrap; - width: min-content; -} \ No newline at end of file diff --git a/client/public/stylesheets/visibilitycontrolpanel.css b/client/public/stylesheets/visibilitycontrolpanel.css deleted file mode 100644 index d2e77fae..00000000 --- a/client/public/stylesheets/visibilitycontrolpanel.css +++ /dev/null @@ -1,16 +0,0 @@ -#visibility-control-panel -{ - display: flex; - column-gap: 10px; -} - -#visibility-control-panel .label { - color: white; - font-size: 12px; - font-weight: 600; -} - -#visibility-control-panel .ol-vl { - height: 60%; -} - diff --git a/client/public/uikit.html b/client/public/uikit.html index 12d1ca8c..22a40189 100644 --- a/client/public/uikit.html +++ b/client/public/uikit.html @@ -14,6 +14,7 @@



