Creating webp versions of app icons for social media.

layouts/apps-list.html

@@ -31,7 +31,7 @@
                     <div class="label">
                         <h2>
                             <span class="flex app-name" style="float: left">
-                                &nbsp;<img src="/icons/apps/{{ $index }}.svg" loading="lazy" class="icon-larger-text" alt=""/> {{ $i18nAppData.name }}
+                                &nbsp;<img src="/icons/apps/svg/{{ $index }}.svg" loading="lazy" class="icon-larger-text" alt=""/> {{ $i18nAppData.name }}
                             </span>
                             <span class="right-icon"><i class="icon-lookup icon-as-text" alt="{{ i18n "learnMore" }}"/></i></span> <!-- Hint that you can click -->
                             &nbsp;

layouts/partials/section-app-header.html

@@ -25,7 +25,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
     <div class="columns-container">
         <div class="column col3 center text-right vertical-center {{ if .TextWhite }}text-white{{ end }}">
             <br>
-            <h1 class="flex flex-right">&nbsp;<img src="/icons/apps/{{ .AppIndex | safeHTML }}.svg" class="icon-larger-text shadowed" alt="{{ .AppIndex | safeHTML }} app icon"/>{{ $i18nAppData.name | safeHTML }}</h1>
+            <h1 class="flex flex-right">&nbsp;<img src="/icons/apps/svg/{{ .AppIndex | safeHTML }}.svg" class="icon-larger-text shadowed" alt="{{ .AppIndex | safeHTML }} app icon"/>{{ $i18nAppData.name | safeHTML }}</h1>
             <h2>{{ $i18nAppData.description | safeHTML }}</h2>
             {{ if .ShowPlatforms }}
             <p class="flex flex-right">{{ i18n "availableOn" }}&nbsp;

layouts/shortcodes/appIcon.html

@@ -16,4 +16,4 @@ GNU Affero General Public License for more details.
 You should have received a copy of the GNU Affero General Public License
 along with this program.  If not, see <https://www.gnu.org/licenses/>.
 -->
-<img class="icon-as-text icon-in-text" alt="{{ .Get 0 }}'s icon" src="/icons/apps/{{ .Get 0 | safeURL }}.svg"></img>
+<img class="icon-as-text icon-in-text" alt="{{ .Get 0 }}'s icon" src="/icons/apps/svg/{{ .Get 0 | safeURL }}.svg"></img>

layouts/shortcodes/previewSkills.html

@@ -45,7 +45,7 @@ along with this program.  If not, see <https://www.gnu.org/licenses/>.
    <div class="grid flex">
     {{ $scratch := newScratch }}
     {{ range .RelevantSoft }}
-     {{ $scratch.Set "img" "/icons/apps/" }}
+     {{ $scratch.Set "img" "/icons/apps/svg/" }}
      {{ $scratch.Add "img" (lower .) }}
      {{ $scratch.Add "img" ".svg" }}
      {{ $scratch.Set "url" "https://apps.ad5001.eu/" }}