Add a new album gallery component

Author: mrmrs

components/articles/full-bleed-background/index.html

@@ -302,6 +302,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/articles/large-title-text/index.html

@@ -254,6 +254,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/articles/left-title-top-border/index.html

@@ -328,6 +328,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/articles/left-title/index.html

@@ -275,6 +275,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/articles/title-text-image/index.html

@@ -182,6 +182,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/articles/title-text/index.html

@@ -164,6 +164,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/album-centered/index.html

@@ -258,6 +258,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/album-left/index.html

@@ -258,6 +258,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/news-card/index.html

@@ -263,6 +263,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/product-card/index.html

@@ -290,6 +290,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/profile-card-title-subtitle/index.html

@@ -243,6 +243,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/profile-card/index.html

@@ -258,6 +258,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>
 

components/cards/text-card/index.html

@@ -240,6 +240,13 @@ <h2 class="f5 mb2 ttc mid-gray">cards</h2>
 
     </div>
 
+    <div>
+      <h2 class="f5 mb2 ttc mid-gray">collections</h2>
+      
+        <a class="f5 dib mr3 mb2 blue link dim fw6" href="/components/collections/albums/index.html">Albums</a>
+      
+    </div>
+  
     <div>
       <h2 class="f5 mb2 ttc mid-gray">footers</h2>