From 1e16624de6761057c2eceacf68467d3007c67b47 Mon Sep 17 00:00:00 2001
From: Jonas Gierer <jonas@gierer.xyz>
Date: Mon, 14 Oct 2019 10:49:14 +0200
Subject: [PATCH 1/3] Add site favicons next to titles

---
 components/Card.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/Card.vue b/components/Card.vue
index 6294167..bbf11ef 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -1,6 +1,8 @@
 <template lang="pug">
   .card(:class="{ cardActive: isActive }")
-    p.card--title {{resource.title}}
+    .card--meta
+      img.card--favicon(:src="'https://www.google.com/s2/favicons?domain=' + resource.url")
+      p.card--title {{resource.title}}
     p.card--description {{resource.desc}}
     .card--links
       a.card--reference(@click='createCopyUrl(resource)') Copy
@@ -33,6 +35,17 @@ export default {
     box-shadow:inset 0px 0px 0px 3px #08e5ff;
   }
 
+  &--meta {
+    display: flex;
+    align-items: center;
+  }
+
+  &--favicon {
+    height: 16px;
+    width: 16px;
+    margin-right: .5rem;
+  }
+
   &--reference {
     cursor: pointer;
     display: flex;

From 22aad972bdbfd80d4c4f82f5719aa07a7a562fa6 Mon Sep 17 00:00:00 2001
From: Jonas Gierer <jonas@gierer.xyz>
Date: Mon, 14 Oct 2019 10:53:06 +0200
Subject: [PATCH 2/3] Hide favicons from screen readers

As ornamental content they shouldn't be announced by screen readers
---
 components/Card.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/Card.vue b/components/Card.vue
index bbf11ef..fbe4721 100644
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -1,7 +1,7 @@
 <template lang="pug">
   .card(:class="{ cardActive: isActive }")
     .card--meta
-      img.card--favicon(:src="'https://www.google.com/s2/favicons?domain=' + resource.url")
+      img.card--favicon(:src="'https://www.google.com/s2/favicons?domain=' + resource.url" aria-hidden="true")
       p.card--title {{resource.title}}
     p.card--description {{resource.desc}}
     .card--links

From 52acd9b72bffc3522c5a8a4c3dcc46e74de859d2 Mon Sep 17 00:00:00 2001
From: Jonas Gierer <jonas@gierer.xyz>
Date: Mon, 14 Oct 2019 11:07:40 +0200
Subject: [PATCH 3/3] Add favicons to table layout

---
 components/TableRow.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/TableRow.vue b/components/TableRow.vue
index ff30ccf..d4595ba 100644
--- a/components/TableRow.vue
+++ b/components/TableRow.vue
@@ -1,5 +1,7 @@
 <template lang="pug">
   tr.tableRow(:class="{ rowActive: isActive }")
+    td.tableRow--favicon
+      img(:src="'https://www.google.com/s2/favicons?domain=' + resource.url" aria-hidden="true")
     td.tableRow--title {{resource.title}}
     td.tableRow--description {{resource.desc}}
     td.tableRow--links
@@ -33,7 +35,7 @@ export default {
   transition: 0.2s ease-in-out;
   width: 1fr;
   display: grid;
-  grid-template-columns: minmax(150px, 2fr) 8fr 125px;
+  grid-template-columns: 1.5rem minmax(150px, 2fr) 8fr 125px;
 
   &--title {
     color: white;