Documentation - Replace all images by webp equivalents (#8594)

* use webp

* search&replace fixes

docs/.gitattributes

@@ -1,5 +1,6 @@
 * text=auto
 *.png binary
 *.jpg binary
+*.webp binary
 *.paa binary
 *.sh eol=lf

docs/_includes/_header.html

@@ -17,7 +17,7 @@
         <meta property="og:site_name" content="ACE3"/>
         <meta property="og:locale" content="en_US" />
         <meta property="og:url" content="{{ site.productionUrl }}{{ page.url }}" />
-        <meta property="og:image" content="{{ site.productionUrl }}{% if page.image != null %}{{ page.image }}{% else %}/img/slider01.jpg{% endif %}" />
+        <meta property="og:image" content="{{ site.productionUrl }}{% if page.image != null %}{{ page.image }}{% else %}/img/slider01.webp{% endif %}" />
 
         <link rel="icon" type="image/png" href="{{ site.baseurl }}/favicon-32.png" sizes="32x32" />
         <link rel="icon" type="image/png" href="{{ site.baseurl }}/favicon.png" sizes="16x16" />

docs/_includes/_navigation.html

@@ -1,7 +1,7 @@
 <nav class="top-bar" data-topbar role="navigation">
     <ul class="title-area">
         <li class="name">
-            <h3><a href="{{ site.baseurl }}/index.html"><img src="{{ site.baseurl }}/img/ace3-logo-white-tiny.png" srcset="{{ site.baseurl }}/img/ace3-logo-white-tiny.png 1x, {{ site.baseurl }}/img/ace3-logo-white-tiny-2x.png 2x" alt="ACE3 logo" width="100" height="23" /></a></h3>
+            <h3><a href="{{ site.baseurl }}/index.html"><img src="{{ site.baseurl }}/img/ace3-logo-white-tiny.webp" srcset="{{ site.baseurl }}/img/ace3-logo-white-tiny.webp 1x, {{ site.baseurl }}/img/ace3-logo-white-tiny-2x.webp 2x" alt="ACE3 logo" width="100" height="23" /></a></h3>
         </li>
         <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
     </ul>

docs/_posts/2015-07-30-ace3-version320.md

@@ -2,7 +2,7 @@
 title: ACE3 version 3.2.0
 description: Status report on ACE3 version 3.2.0
 parent: posts
-image: /img/news/150730_twodudes.jpg
+image: /img/news/150730_twodudes.webp
 author: bux
 layout: post
 ---
@@ -20,12 +20,12 @@ Speaking of contributions: Drill donated his "Point a finger at" mod to ACE3. "P
 Airborne troops will find the new reserve parachute quite handy or the ability to cut the primary one in case of emergencies.
 
 With mil-sim, realism or role-play scenarios in mind a sitting script has been added to ACE3 allowing players to sit down on most of the chairs you'll find in the editor. A contribution that adds immersion to briefings, training sessions and role players or lets you chill in the sun. <br/>
-<img src="{{site.baseUrl}}/img/news/150730_twodudes.jpg" alt="Two afro americans sitting on chairs and enjoying the evening sun"/>
+<img src="{{site.baseUrl}}/img/news/150730_twodudes.webp" alt="Two afro americans sitting on chairs and enjoying the evening sun"/>
 
 While porting some of ACE 2's AGM's and CSE's features we've ported some of the models alongside. Those models weren't always optimized for Arma 3 and for performance and we had items lacking a 3D model when placed on the ground. The unoptimized or missing models have been subsequently updated and 3.2.0 has seen a lot of additions.
 
 
-###The Better Things
+### The Better Things
 
 Fixing errors we were additionally working on further optimizing existing code and we've managed to achieve a big performance boost in our wind deflection code.
 

docs/_posts/2015-09-17-ace3-version331.md

@@ -2,7 +2,7 @@
 title: ACE3 version 3.3.1
 description: Status report on ACE3 version 3.3.1
 parent: posts
-image: /img/news/150917_repair.jpg
+image: /img/news/150917_repair.webp
 author: bux
 layout: post
 ---
@@ -20,10 +20,10 @@ Did you know that the team behind ACE3 formed from the <abbr title="Advanced Com
 
 <div class="row">
     <div class="small-12 medium-6 columns">
-        <img src="{{site.baseUrl}}/img/news/150917_agmgift.jpg" alt="A gift AGM got as part of being a finalist in the 'Make Arma Not War' contest"/>
+        <img src="{{site.baseUrl}}/img/news/150917_agmgift.webp" alt="A gift AGM got as part of being a finalist in the 'Make Arma Not War' contest"/>
     </div>
     <div class="small-12 medium-6 columns">
-        <img src="{{site.baseUrl}}/img/news/150917_csegift.jpg" alt="A gift CSE got as part of being a finalist in the 'Make Arma Not War' contest"/>
+        <img src="{{site.baseUrl}}/img/news/150917_csegift.webp" alt="A gift CSE got as part of being a finalist in the 'Make Arma Not War' contest"/>
     </div>
 </div>
 
@@ -45,10 +45,10 @@ Concerning the new features in 3.3.1 we've added the long and desperately awaite
 
 <div class="row">
     <div class="small-12 medium-6 columns">
-        <img src="{{site.baseUrl}}/img/news/150917_cargo.jpg" alt="A scene showing NATO soldiers unloading contents from a HEMTT truck."/>
+        <img src="{{site.baseUrl}}/img/news/150917_cargo.webp" alt="A scene showing NATO soldiers unloading contents from a HEMTT truck."/>
     </div>
     <div class="small-12 medium-6 columns">
-        <img src="{{site.baseUrl}}/img/news/150917_repair.jpg" alt="An AAF Repair Specialist fixing the back right wheel of a Fennek."/>
+        <img src="{{site.baseUrl}}/img/news/150917_repair.webp" alt="An AAF Repair Specialist fixing the back right wheel of a Fennek."/>
     </div>
 </div>
 
@@ -60,7 +60,7 @@ Using the new script commands from Arma 3 1.48 and 1.50 we were able to increase
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/150917_abPerf.png" alt="A diagram showing the increase of performance of Advanced Ballistics compared with vanilla and legacy ACE3"/>
+        <img src="{{site.baseUrl}}/img/news/150917_abPerf.webp" alt="A diagram showing the increase of performance of Advanced Ballistics compared with vanilla and legacy ACE3"/>
     </div>
 </div>
 

docs/_posts/2015-12-03-ace3-version340.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00003
 description: Status report on ACE3 version 3.4.0
 parent: posts
-image: /img/news/151203_Refueling.jpg
+image: /img/news/151203_Refueling.webp
 author: bux
 layout: post
 ---
@@ -21,10 +21,10 @@ Following the added features in v3.3 "Repairing" and "Logistics" we've now added
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/151203_Refueling.jpg" alt="A CSAT soldier refueling his Punisher car from a Taru Fuel Pod."/>
+        <img src="{{site.baseUrl}}/img/news/151203_Refueling.webp" alt="A CSAT soldier refueling his Punisher car from a Taru Fuel Pod."/>
     </div>
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/151203_Rearming.jpg" alt="A NATO soldier rearming a Hydra rocket launcher of an A-10D Thunderbolt."/>
+        <img src="{{site.baseUrl}}/img/news/151203_Rearming.webp" alt="A NATO soldier rearming a Hydra rocket launcher of an A-10D Thunderbolt."/>
     </div>
 </div>
 

docs/_posts/2016-03-02-ace3-version350.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00004
 description: Status report on ACE3 version 3.5.0
 parent: posts
-image: /img/news/160302_FastRoping.jpg
+image: /img/news/160302_FastRoping.webp
 author: bux
 layout: post
 ---
@@ -23,7 +23,7 @@ The last few weeks [CBA](https://github.com/CBATeam/CBA_A3) has seen a big overh
 
 <div class="row">
     <div class="small-4 columns">
-        <img src="{{site.baseUrl}}/img/news/160302_logo-intercept.png" alt="The intercept project's logo."/>
+        <img src="{{site.baseUrl}}/img/news/160302_logo-intercept.webp" alt="The intercept project's logo."/>
     </div>
 </div>
 
@@ -37,8 +37,8 @@ The intercept project can be found on github: [https://github.com/intercept/inte
 Now that Arma 3's Eden update is live and we all have access to the glorious 3D editor, it's time for ACE3 to use the modding capabilities of EDEN. We recently started to implement settings that were previously restricted to modules to the attributes of units. Examples would be assigning units as medics and EOD's or vehicles and buildings as repair or medical facilities. This process only has started and we've encountered some quirks while implementing the new attributes. In the future there will surely be more things we can incorporate into the EDEN editor directly.
 
 <ul class="clearing-thumbs small-block-grid-4" data-clearing>
-    <li><a href="{{site.baseUrl}}/img/news/160302_EDEN.jpg"><img class="th" data-caption="The view on a unit's attributes in Arma 3's 3D Editor." src="{{site.baseUrl}}/img/news/160302_EDEN_thumb.jpg"></a></li>
-    <li><a href="{{site.baseUrl}}/img/news/160302_EDEN2.jpg"><img class="th" data-caption="The view on a building's attributes in Arma 3's 3D Editor." src="{{site.baseUrl}}/img/news/160302_EDEN2_thumb.jpg"></a></li>
+    <li><a href="{{site.baseUrl}}/img/news/160302_EDEN.webp"><img class="th" data-caption="The view on a unit's attributes in Arma 3's 3D Editor." src="{{site.baseUrl}}/img/news/160302_EDEN_thumb.webp"></a></li>
+    <li><a href="{{site.baseUrl}}/img/news/160302_EDEN2.webp"><img class="th" data-caption="The view on a building's attributes in Arma 3's 3D Editor." src="{{site.baseUrl}}/img/news/160302_EDEN2_thumb.webp"></a></li>
 </ul>
 
 With 1.56 the new Server Browser got introduced which allows automatically downloading missing mods from the Steam Workshop. In order to do so, server admins have to add a special file (`meta.cpp`) to each mod folder containing the steam workshop ID of the mod. In 3.5.0 we've already included it for your convenience. Special thanks to [@jiripolasekcom](https://twitter.com/jiripolasekcom). We appreciate the first commit by a Bohemia Dev to ACE3.
@@ -62,7 +62,7 @@ And something a lot of you people were waiting for - we finally have it: "Fast R
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/160302_FastRoping.jpg" alt="A Ghosthawk helicopter with deployed ropes."/>
+        <img src="{{site.baseUrl}}/img/news/160302_FastRoping.webp" alt="A Ghosthawk helicopter with deployed ropes."/>
     </div>
 </div>
 

docs/_posts/2016-06-21-moving-ace3-frameworks-to-cba.md

@@ -2,7 +2,7 @@
 title: Moving ACE3 frameworks to CBA
 description: We are moving ACE3 functionality to CBA. Everyone can use those functions now without needing a dependency on ACE
 parent: posts
-image: /img/news/160601_cbaPost.jpg
+image: /img/news/160601_cbaPost.webp
 author: Glowbal
 layout: post
 ---

docs/_posts/2016-06-30-ace3-version360.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00005
 description: Status report on ACE3 version 3.6.0 and ACEX 3.0.0
 parent: posts
-image: /img/news/160630_minedetector.jpg
+image: /img/news/160630_minedetector.webp
 author: glowbal
 layout: post
 ---
@@ -27,7 +27,7 @@ We also ported another feature from ACE 2, the mine detector. Those familiar wit
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/160630_minedetector.jpg" alt="An EOD clearing a convoy's way with a mine detector."/>
+        <img src="{{site.baseUrl}}/img/news/160630_minedetector.webp" alt="An EOD clearing a convoy's way with a mine detector."/>
     </div>
 </div>
 
@@ -45,7 +45,7 @@ We have also added in support for custom rank icons within the name tags compone
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/160630_nametags.jpg" alt="The ACE3 name tags component showing german rank insignias."/>
+        <img src="{{site.baseUrl}}/img/news/160630_nametags.webp" alt="The ACE3 name tags component showing german rank insignias."/>
     </div>
 </div>
 
@@ -55,7 +55,7 @@ We have also added in support for custom rank icons within the name tags compone
 
 <div class="row">
     <div class="small-6 columns">
-        <img src="{{site.baseUrl}}/img/news/160630_logo-acex.png" alt="The ACEX logo."/>
+        <img src="{{site.baseUrl}}/img/news/160630_logo-acex.webp" alt="The ACEX logo."/>
     </div>
 </div>
 

docs/_posts/2016-09-17-ace3-version370.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00006
 description: Status report on ACE3 version 3.7.0
 parent: posts
-image: /img/news/160912_grenade.jpg
+image: /img/news/160912_grenade.webp
 author: glowbal
 layout: post
 ---
@@ -66,7 +66,7 @@ We are still in need for translations for some languages within the ACE3 project
 
 <div class="row">
     <div class="small-6 columns">
-        <a href="https://slackin.ace3mod.com"><img src="{{site.baseUrl}}/img/news/160912_slack_monochrome_black-950x442.png" alt="Slack Monochrome black logo" target="_blank"/></a>
+        <a href="https://slackin.ace3mod.com"><img src="{{site.baseUrl}}/img/news/160912_slack_monochrome_black-950x442.webp" alt="Slack Monochrome black logo" target="_blank"/></a>
     </div>
 </div>
 

docs/_posts/2016-11-04-ace3-version381.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00007
 description: Status report on ACE3 version 3.8.1
 parent: posts
-image: /img/news/161104_blood.jpg
+image: /img/news/161104_blood.webp
 author: bux
 layout: post
 ---
@@ -25,7 +25,7 @@ When ammo boxes are destroyed the contained ammunition now will cook off in a mu
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/161104_blood.jpg" alt="A wounded insurgent in front of a damaged truck."/>
+        <img src="{{site.baseUrl}}/img/news/161104_blood.webp" alt="A wounded insurgent in front of a damaged truck."/>
     </div>
 </div>
 

docs/_posts/2017-02-21-ace3-version390.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00008
 description: Status report on ACE3 version 3.9.0
 parent: posts
-image: /img/news/170221_csatconvoy.jpg
+image: /img/news/170221_csatconvoy.webp
 author: bux
 layout: post
 ---
@@ -18,7 +18,7 @@ The release candidate testing was very successful and we have received important
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/170221_csatconvoy.jpg" alt="CSAT driving a convoy through one of Tanoa's villages while two CSAT soldiers are arresting two civilians."/>
+        <img src="{{site.baseUrl}}/img/news/170221_csatconvoy.webp" alt="CSAT driving a convoy through one of Tanoa's villages while two CSAT soldiers are arresting two civilians."/>
     </div>
 </div>
 
@@ -33,7 +33,7 @@ And even Zeus got a little love in this update. You can find new helper modules
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/170221_Zeus.jpg" alt="Showcasing the Zeus interface with the new ACE3 sections and utility modules. A helicopter is getting FRIES attached using ACE3 Zeus."/>
+        <img src="{{site.baseUrl}}/img/news/170221_Zeus.webp" alt="Showcasing the Zeus interface with the new ACE3 sections and utility modules. A helicopter is getting FRIES attached using ACE3 Zeus."/>
     </div>
 </div>
 

docs/_posts/2017-07-14-ace3-version3100.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00009
 description: Status report on ACE3 version 3.10.0
 parent: posts
-image: /img/news/170714_jet_rearm.jpg
+image: /img/news/170714_jet_rearm.webp
 author: bux
 layout: post
 ---
@@ -15,7 +15,7 @@ With Jets DLC focusing primarily on ... Jets ... this update we also focused a l
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/170714_jet_rearm.jpg" alt="A pilot and two deck crew members rearming an F-18 Black Wasp."/>
+        <img src="{{site.baseUrl}}/img/news/170714_jet_rearm.webp" alt="A pilot and two deck crew members rearming an F-18 Black Wasp."/>
     </div>
 </div>
 
@@ -32,7 +32,7 @@ Back in [ACEREP #00004]({{site.baseUrl}}/2016/03/02/ace3-version350.html) we las
 
 <div class="row">
     <div class="small-4 columns">
-        <img src="{{site.baseUrl}}/img/news/170714_logo-intercept.png" alt="The intercept project's logo."/>
+        <img src="{{site.baseUrl}}/img/news/170714_logo-intercept.webp" alt="The intercept project's logo."/>
     </div>
 </div>
 

docs/_posts/2017-12-20-cba-settings.md

@@ -2,7 +2,7 @@
 title: Using CBA Settings in ACE3
 description: With v3.12.0 we are dropping the ACE3 Settings System and now are using CBA Settings
 parent: posts
-image: /img/news/171220_cbaPost2.jpg
+image: /img/news/171220_cbaPost2.webp
 author: Pabstmirror, bux
 layout: post
 ---

docs/_posts/2019-12-31-ace3-version3130.md

@@ -2,7 +2,7 @@
 title: ACEREP  #00010
 description: Status report on ACE3 version 3.13.0
 parent: posts
-image: /img/news/191231_medical1.jpg
+image: /img/news/191231_medical1.webp
 author: alganthe, mharis001
 layout: post
 ---
@@ -15,7 +15,7 @@ As the name suggests, the medical rewrite was a complete overhaul of the medical
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/191231_medical1.jpg" alt="A medic treating a wounded soldier while another holds security."/>
+        <img src="{{site.baseUrl}}/img/news/191231_medical1.webp" alt="A medic treating a wounded soldier while another holds security."/>
     </div>
 </div>
 
@@ -70,7 +70,7 @@ Wound descriptions are prefixed to indicate if they are bandaged `[B]` or stitch
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/191231_medical2.jpg" alt="The new medical body image coloration."/>
+        <img src="{{site.baseUrl}}/img/news/191231_medical2.webp" alt="The new medical body image coloration."/>
     </div>
 </div>
 

docs/_posts/2021-10-14-ace3-version3140.md

@@ -35,7 +35,7 @@ In addition to the features listed above, some other highlights of S.O.G. Prairi
 
 <div class="row">
     <div class="small-12 columns">
-        <img src="{{site.baseUrl}}/img/news/211014_compat_sog.jpg" alt="Digging a spider hole in S.O.G. Prairie Fire using the ACE entrenching tool."/>
+        <img src="{{site.baseUrl}}/img/news/211014_compat_sog.webp" alt="Digging a spider hole in S.O.G. Prairie Fire using the ACE entrenching tool."/>
     </div>
 </div>