Merge branch 'main' of gri.mw:WEB/gri.mw into main

index.html

@@ -46,19 +46,19 @@
                             <div class="u-layout-row">
                                 <div class="u-align-left u-container-style u-layout-cell u-left-cell u-size-20 u-block-control ui-draggable ui-droppable">
                                     <div class="u-container-layout u-valign-top" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px">
-                                        <img class="u-expanded-width u-image u-block-control" src="images/1.webp" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
+                                        <img class="u-expanded-width u-image u-block-control" src="images/1.png" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
                                         <h5 class="u-text u-block-control" style="margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 0">Multiple wallets and connections.</h5>
                                         <p class="u-text u-text-font u-block-control" style="font-style: italic; font-size: 0.875rem; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0">Ability to create multiple accounts for multiple wallets. Share integrated node connection between online and offline devices.</p>
                                     </div>
                                 </div>
                                 <div class="u-align-left u-container-style u-layout-cell u-size-20 u-block-control ui-draggable ui-droppable">
-                                    <div class="u-container-layout u-valign-top u-block-aad8-16" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px"><img class="u-expanded-width u-image u-block-control u-block-aad8-17" src="images/2.webp" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
+                                    <div class="u-container-layout u-valign-top u-block-aad8-16" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px"><img class="u-expanded-width u-image u-block-control u-block-aad8-17" src="images/2.png" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
                                         <h5 class="u-text u-block-control u-block-aad8-18" style="margin-top: 20px; margin-left: 10px; margin-right: 10px; margin-bottom: 0">SeedQR and UR formats support.</h5>
                                         <p class="u-text u-text-font u-block-control u-block-aad8-19" style="font-style: italic; font-size: 0.875rem; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0">Compact and Standard SeedQR formats. Use camera to transfer large amounts of data for better privacy and simplicity.</p>
                                     </div>
                                 </div>
                                 <div class="u-align-left u-container-style u-layout-cell u-right-cell u-size-20 u-block-control ui-draggable ui-droppable">
-                                    <div class="u-container-layout u-valign-top" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px"><img class="u-expanded-width u-image u-block-control u-block-aad8-22" src="images/3.webp" imgwidth="700" imgheight="478" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
+                                    <div class="u-container-layout u-valign-top" style="padding-top: 20px; padding-bottom: 20px; padding-left: 20px; padding-right: 20px"><img class="u-expanded-width u-image u-block-control u-block-aad8-22" src="images/3.png" imgwidth="700" imgheight="478" style="height: 236px; margin-top: 0; margin-bottom: 0; margin-left: auto; margin-right: auto">
                                         <h5 class="u-text u-block-control" style="margin-top: 20px; margin-left: 10px; margin-right: 11px; margin-bottom: 0">Integrate digital and real worlds.</h5>
                                         <p class="u-text u-text-font u-block-control" style="font-style: italic; font-size: 0.875rem; margin-top: 10px; margin-left: 10px; margin-right: 10px; margin-bottom: 0">More use-cases for Grin ツ create demand, to be used by anyone, anywhere, without censorship and restrictions.</p>
                                     </div>

styles.css

@@ -9653,7 +9653,7 @@ footer a {
 
 .u-section-1 .u-image-1 {
   min-height: 671px;
-  background-image: url("images/cover.webp");
+  background-image: url("images/cover.png");
   background-position: 10.05% 50%;
 }