feat: add and update plug-in icons

getindiekit · May 7, 2022 · 56f5cf4 · 56f5cf4
1 parent 21fb2a5
commit 56f5cf4
Show file tree

Hide file tree

Showing 11 changed files with 37 additions and 6 deletions.
diff --git a/packages/frontend/assets/plug-in.svg b/packages/frontend/assets/plug-in.svg
diff --git a/packages/frontend/components/icon/styles.css b/packages/frontend/components/icon/styles.css
@@ -7,3 +7,7 @@
   position: relative;
   inset-block-start: -1px;
 }
+
+.icon--rounded {
+  border-radius: var(--border-radius-small);
+}
diff --git a/packages/indiekit/views/status.njk b/packages/indiekit/views/status.njk
@@ -16,16 +16,19 @@
 
 {%- set storeHtml %}
   {%- if publication.store -%}
-    <a href="{{ publication.store.info.uid }}">{{ publication.store.info.name }}</a>
+    <a href="{{ publication.store.info.uid }}">
+      <img class="icon icon--rounded" src="{{ "/assets/" + publication.store.id + "/icon.svg" }}" onerror="this.src='/assets/plug-in.svg'">{{ publication.store.info.name }}
+    </a>
   {%- else -%}
     {{ __("noValue") }}
   {%- endif -%}
 {% endset -%}
 
 {%- set syndicationTargetsHtml %}<ul>{% for target in publication.syndicationTargets -%}
   <li>
-    {%- if target.info.service.photo %}<img class="icon" src="{{ target.info.service.photo }}" width="24" height="24" alt="">{% endif -%}
-    <a href="{{ target.info.uid }}">{{ target.info.name }}</a>
+    <a href="{{ target.info.uid }}">
+      {%- if target.info.service.photo %}<img class="icon icon--rounded" src="{{ target.info.service.photo }}" width="24" height="24" alt="">{% endif -%}{{ target.info.name }}
+    </a>
   </li>
 {%- endfor %}</ul>{% endset -%}
 

diff --git a/packages/store-bitbucket/assets/icon.svg b/packages/store-bitbucket/assets/icon.svg
diff --git a/packages/store-ftp/assets/icon.svg b/packages/store-ftp/assets/icon.svg
diff --git a/packages/store-gitea/assets/icon.svg b/packages/store-gitea/assets/icon.svg
diff --git a/packages/store-github/assets/icon.svg b/packages/store-github/assets/icon.svg
diff --git a/packages/store-gitlab/assets/icon.svg b/packages/store-gitlab/assets/icon.svg
diff --git a/packages/syndicator-internet-archive/assets/icon.svg b/packages/syndicator-internet-archive/assets/icon.svg
diff --git a/packages/syndicator-mastodon/assets/icon.svg b/packages/syndicator-mastodon/assets/icon.svg
diff --git a/packages/syndicator-twitter/assets/icon.svg b/packages/syndicator-twitter/assets/icon.svg