[GLOBAL] Changed all logos to webp format

data/links.yaml

@@ -5,7 +5,7 @@ tiles:
 -
   name: 'adguard'
   url: 'https://adguard.siempie.com'
-  img: 'logos/adguard.png'
+  img: 'logos/adguard.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -13,7 +13,7 @@ tiles:
 -
   name: 'drone'
   url: 'https://ci.simoncor.net'
-  img: 'logos/drone.png'
+  img: 'logos/drone.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -21,7 +21,7 @@ tiles:
 -
   name: 'emby'
   url: 'https://emby.siempie.com'
-  img: 'logos/emby.png'
+  img: 'logos/emby.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']
@@ -29,7 +29,7 @@ tiles:
 -
   name: 'gateway'
   url: 'https://gw.siempie.com'
-  img: 'logos/mikrotik.png'
+  img: 'logos/mikrotik.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -37,7 +37,7 @@ tiles:
 -
   name: 'gitea'
   url: 'https://git.simoncor.net'
-  img: 'logos/gitea.png'
+  img: 'logos/gitea.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -45,7 +45,7 @@ tiles:
 -
   name: 'google mail'
   url: 'https://mail.google.com'
-  img: 'logos/google_mail.png'
+  img: 'logos/google_mail.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['files']
@@ -53,7 +53,7 @@ tiles:
 -
   name: 'grafana'
   url: 'https://grafana.siempie.com'
-  img: 'logos/grafana.png'
+  img: 'logos/grafana.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -61,7 +61,7 @@ tiles:
 -
   name: 'nextcloud'
   url: 'https://nextcloud.siempie.com'
-  img: 'logos/nextcloud.png'
+  img: 'logos/nextcloud.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['files']
@@ -69,7 +69,7 @@ tiles:
 -
   name: 'phpipam'
   url: 'https://phpipam.siempie.com'
-  img: 'logos/phpipam.png'
+  img: 'logos/phpipam.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -77,7 +77,7 @@ tiles:
 -
   name: 'radarr'
   url: 'https://radarr.siempie.com'
-  img: 'logos/radarr.png'
+  img: 'logos/radarr.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']
@@ -85,7 +85,7 @@ tiles:
 -
   name: 'roundcube'
   url: 'https://mail.simoncor.net'
-  img: 'logos/roundcube.png'
+  img: 'logos/roundcube.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['files']
@@ -93,7 +93,7 @@ tiles:
 -
   name: 'rundeck'
   url: 'https://rundeck.siempie.com'
-  img: 'logos/rundeck.png'
+  img: 'logos/rundeck.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -101,7 +101,7 @@ tiles:
 -
   name: 'sabnzbd'
   url: 'https://sabnzbd.siempie.com'
-  img: 'logos/sabnzbd.png'
+  img: 'logos/sabnzbd.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']
@@ -109,7 +109,7 @@ tiles:
 -
   name: 'smokeping'
   url: 'https://smokeping.siempie.com'
-  img: 'logos/smokeping.png'
+  img: 'logos/smokeping.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -117,7 +117,7 @@ tiles:
 -
   name: 'sonarr'
   url: 'https://sonarr.siempie.com'
-  img: 'logos/sonarr.png'
+  img: 'logos/sonarr.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']
@@ -125,7 +125,7 @@ tiles:
 -
   name: 'splunk'
   url: 'https://log.siempie.com'
-  img: 'logos/splunk.png'
+  img: 'logos/splunk.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -133,7 +133,7 @@ tiles:
 -
   name: 'spotify'
   url: 'https://open.spotify.com'
-  img: 'logos/spotify.png'
+  img: 'logos/spotify.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']
@@ -141,7 +141,7 @@ tiles:
 -
   name: 'teleport'
   url: 'https://tele.simoncor.net'
-  img: 'logos/teleport.png'
+  img: 'logos/teleport.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -149,7 +149,7 @@ tiles:
 -
   name: 'unifi'
   url: 'https://unifi.siempie.com'
-  img: 'logos/unifi.png'
+  img: 'logos/unifi.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['infra']
@@ -157,7 +157,7 @@ tiles:
 -
   name: 'vault'
   url: 'https://vault.simoncor.net'
-  img: 'logos/bitwarden.png'
+  img: 'logos/bitwarden.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['files']
@@ -165,7 +165,7 @@ tiles:
 -
   name: 'youtube'
   url: 'https://youtube.com'
-  img: 'logos/youtube.png'
+  img: 'logos/youtube.webp'
   bg_color: '#191414'
   txt_color: '#1db954'
   tags: ['media']

public/index.html

@@ -26,8 +26,8 @@
     <div class="tile-box"
         data-title='adguard'
         data-url='https://adguard.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/adguard.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/adguard.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/adguard.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/adguard.webp"></img></div>
     <div class="tile-title">adguard</div>
 </a>
 
@@ -35,8 +35,8 @@
     <div class="tile-box"
         data-title='drone'
         data-url='https://ci.simoncor.net'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/drone.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/drone.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/drone.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/drone.webp"></img></div>
     <div class="tile-title">drone</div>
 </a>
 
@@ -44,8 +44,8 @@
     <div class="tile-box"
         data-title='emby'
         data-url='https://emby.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/emby.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/emby.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/emby.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/emby.webp"></img></div>
     <div class="tile-title">emby</div>
 </a>
 
@@ -53,8 +53,8 @@
     <div class="tile-box"
         data-title='gateway'
         data-url='https://gw.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/mikrotik.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/mikrotik.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/mikrotik.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/mikrotik.webp"></img></div>
     <div class="tile-title">gateway</div>
 </a>
 
@@ -62,8 +62,8 @@
     <div class="tile-box"
         data-title='gitea'
         data-url='https://git.simoncor.net'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/gitea.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/gitea.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/gitea.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/gitea.webp"></img></div>
     <div class="tile-title">gitea</div>
 </a>
 
@@ -71,8 +71,8 @@
     <div class="tile-box"
         data-title='google mail'
         data-url='https://mail.google.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/google_mail.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/google_mail.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/google_mail.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/google_mail.webp"></img></div>
     <div class="tile-title">google mail</div>
 </a>
 
@@ -80,8 +80,8 @@
     <div class="tile-box"
         data-title='grafana'
         data-url='https://grafana.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/grafana.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/grafana.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/grafana.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/grafana.webp"></img></div>
     <div class="tile-title">grafana</div>
 </a>
 
@@ -89,8 +89,8 @@
     <div class="tile-box"
         data-title='nextcloud'
         data-url='https://nextcloud.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/nextcloud.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/nextcloud.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/nextcloud.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/nextcloud.webp"></img></div>
     <div class="tile-title">nextcloud</div>
 </a>
 
@@ -98,8 +98,8 @@
     <div class="tile-box"
         data-title='phpipam'
         data-url='https://phpipam.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/phpipam.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/phpipam.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/phpipam.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/phpipam.webp"></img></div>
     <div class="tile-title">phpipam</div>
 </a>
 
@@ -107,8 +107,8 @@
     <div class="tile-box"
         data-title='radarr'
         data-url='https://radarr.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/radarr.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/radarr.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/radarr.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/radarr.webp"></img></div>
     <div class="tile-title">radarr</div>
 </a>
 
@@ -116,8 +116,8 @@
     <div class="tile-box"
         data-title='roundcube'
         data-url='https://mail.simoncor.net'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/roundcube.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/roundcube.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/roundcube.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/roundcube.webp"></img></div>
     <div class="tile-title">roundcube</div>
 </a>
 
@@ -125,8 +125,8 @@
     <div class="tile-box"
         data-title='rundeck'
         data-url='https://rundeck.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/rundeck.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/rundeck.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/rundeck.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/rundeck.webp"></img></div>
     <div class="tile-title">rundeck</div>
 </a>
 
@@ -134,8 +134,8 @@
     <div class="tile-box"
         data-title='sabnzbd'
         data-url='https://sabnzbd.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/sabnzbd.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/sabnzbd.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/sabnzbd.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/sabnzbd.webp"></img></div>
     <div class="tile-title">sabnzbd</div>
 </a>
 
@@ -143,8 +143,8 @@
     <div class="tile-box"
         data-title='smokeping'
         data-url='https://smokeping.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/smokeping.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/smokeping.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/smokeping.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/smokeping.webp"></img></div>
     <div class="tile-title">smokeping</div>
 </a>
 
@@ -152,8 +152,8 @@
     <div class="tile-box"
         data-title='sonarr'
         data-url='https://sonarr.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/sonarr.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/sonarr.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/sonarr.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/sonarr.webp"></img></div>
     <div class="tile-title">sonarr</div>
 </a>
 
@@ -161,8 +161,8 @@
     <div class="tile-box"
         data-title='splunk'
         data-url='https://log.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/splunk.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/splunk.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/splunk.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/splunk.webp"></img></div>
     <div class="tile-title">splunk</div>
 </a>
 
@@ -170,8 +170,8 @@
     <div class="tile-box"
         data-title='spotify'
         data-url='https://open.spotify.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/spotify.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/spotify.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/spotify.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/spotify.webp"></img></div>
     <div class="tile-title">spotify</div>
 </a>
 
@@ -179,8 +179,8 @@
     <div class="tile-box"
         data-title='teleport'
         data-url='https://tele.simoncor.net'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/teleport.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/teleport.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/teleport.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/teleport.webp"></img></div>
     <div class="tile-title">teleport</div>
 </a>
 
@@ -188,8 +188,8 @@
     <div class="tile-box"
         data-title='unifi'
         data-url='https://unifi.siempie.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/unifi.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/unifi.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/unifi.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/unifi.webp"></img></div>
     <div class="tile-title">unifi</div>
 </a>
 
@@ -197,8 +197,8 @@
     <div class="tile-box"
         data-title='vault'
         data-url='https://vault.simoncor.net'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/bitwarden.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/bitwarden.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/bitwarden.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/bitwarden.webp"></img></div>
     <div class="tile-title">vault</div>
 </a>
 
@@ -206,8 +206,8 @@
     <div class="tile-box"
         data-title='youtube'
         data-url='https://youtube.com'
-        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/youtube.png'style='background-color:#191414; color:#1db954'>
-        <img class="logo" src="logos/youtube.png"></img></div>
+        data-bg-color='#191414'data-txt-color='#1db954'data-img='logos/youtube.webp'style='background-color:#191414; color:#1db954'>
+        <img class="logo" src="logos/youtube.webp"></img></div>
     <div class="tile-title">youtube</div>
 </a>