Merge pull request sethcottle#57 from forks-by-kieran/main

sethcottle · web-flow · commit 99dcd31c0547 · 2022-06-14T10:45:36.000-04:00
Added Letterboxd
diff --git a/css/brands.css b/css/brands.css
@@ -608,3 +608,13 @@ button:hover,
 .button.button-yt:focus {
   filter: brightness(90%);
 }
+
+/* Letterboxd */
+.button.button-letterboxd {
+  color: #ffffff;
+  background-color: #2c3440;
+}
+.button.button-letterboxd:hover,
+.button.button-letterboxd:focus {
+  filter: brightness(90%);
+}
diff --git a/images/icons/letterboxd.svg b/images/icons/letterboxd.svg
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" viewBox="0 0 63 24">
+<defs/>
+<g id="Layer 1">
+<g opacity="1">
+<path d="M-1.1917e-06+12C-1.1917e-06+5.37258+5.37258-4.53979e-07+12-4.53979e-07C18.6274-4.53979e-07+24+5.37258+24+12C24+18.6274+18.6274+24+12+24C5.37258+24-1.1917e-06+18.6274-1.1917e-06+12Z" opacity="1" fill="#ff8000"/>
+<path d="M19.5+12C19.5+5.37258+24.8726-4.53979e-07+31.5-4.53979e-07C38.1274-4.53979e-07+43.5+5.37258+43.5+12C43.5+18.6274+38.1274+24+31.5+24C24.8726+24+19.5+18.6274+19.5+12Z" opacity="1" fill="#00e054"/>
+<path d="M21.75+18.997C23.1661+17.0274+24+14.6111+24+12C24+9.38894+23.1661+6.97265+21.75+5.00295C20.3339+6.97265+19.5+9.38894+19.5+12C19.5+14.6111+20.3339+17.0274+21.75+18.997L21.75+18.997Z" opacity="1" fill="#ffffff"/>
+<path d="M39+12C39+5.37258+44.3726-4.53979e-07+51-4.53979e-07C57.6274-4.53979e-07+63+5.37258+63+12C63+18.6274+57.6274+24+51+24C44.3726+24+39+18.6274+39+12Z" opacity="1" fill="#40bcf4"/>
+<path d="M41.25+18.997C42.6661+17.0274+43.5+14.6111+43.5+12C43.5+9.38894+42.6661+6.97265+41.25+5.00295C39.8339+6.97265+39+9.38894+39+12C39+14.6111+39.8339+17.0274+41.25+18.997L41.25+18.997Z" opacity="1" fill="#ffffff"/>
+</g>
+</g>
+</svg>
diff --git a/index.html b/index.html
@@ -385,6 +385,11 @@ <h1>LittleLink</h1>
             <img class="icon" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a>
         <br>
 
+        <!-- Letterboxd -->
+        <a class="button button-letterboxd" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/letterboxd.svg" alt="Letterboxd Logo">Letterboxd</a>
+        <br>
+
         <br>
         <!-- 
             Footer:
