Index: src/views/pages/circle-feed.ejs
===================================================================
--- src/views/pages/circle-feed.ejs	(revision 8ea3d0d20c8b60c9d9a13843b3b654f0e0a7bfc0)
+++ src/views/pages/circle-feed.ejs	(revision 04a6b15dfa3a88c66e835f684f0090f7f9e3b8c4)
@@ -13,6 +13,7 @@
   <p class="cirkel-sub">Wat er speelt bij de andere sites in mijn cirkel.</p>
   <% if (typeof sites !== 'undefined' && sites && sites.length) { %>
+    <% var _max = 6; var _more = sites.slice(_max); %>
     <div class="cirkel-members">
-      <% sites.forEach(function(s){ %>
+      <% sites.slice(0, _max).forEach(function(s){ %>
         <% if (s.url) { %><a class="cirkel-member" href="<%= s.url %>" target="_blank" rel="noopener" title="<%= s.name %>"><% } else { %><span class="cirkel-member" title="<%= s.name %>"><% } %>
           <span class="cirkel-avatar"<% if (s.avatar) { %> style="background-image:url('<%= s.avatar %>')"<% } %>><% if (!s.avatar) { %><%= (s.name || '?').charAt(0).toUpperCase() %><% } %></span>
@@ -20,5 +21,11 @@
         <% if (s.url) { %></a><% } else { %></span><% } %>
       <% }); %>
+      <% if (_more.length) { %>
+        <span class="cirkel-member cirkel-member--more" title="<%= _more.map(function(s){ return s.name; }).join(', ') %>">+<%= _more.length %> meer</span>
+      <% } %>
     </div>
+    <% if (sites.length > _max) { %>
+      <p class="cirkel-count"><%= sites.length %> sites in je cirkel</p>
+    <% } %>
   <% } %>
 </div>
@@ -73,4 +80,7 @@
   font-weight: 700; font-size: .82rem; }
 .cirkel-member-name { font-size: .9rem; font-weight: 600; }
+.cirkel-member--more { padding: .28rem .85rem; font-size: .85rem; font-weight: 700; color: var(--ink-muted); cursor: default; }
+.cirkel-member--more:hover { border-color: var(--rule); transform: none; }
+.cirkel-count { color: var(--ink-muted); font-size: .82rem; margin: .6rem 0 0; }
 .cirkel-empty { color: var(--ink-muted); text-align: center; margin: 2rem auto; }
 .cirkel-empty a { color: var(--accent); }