Merge pull request #56 from Syralist/flickr

added flickr icon and stub

css/brands.css

@@ -212,6 +212,16 @@ button:hover,
   filter: brightness(90%);
 }
 
+/* Flickr */
+.button.button-flickr {
+  color: #ffffff;
+  background-color: #000000;
+}
+.button.button-flickr:hover,
+.button.button-flickr:focus {
+  filter: brightness(90%);
+}
+
 /* Github */
 .button.button-github {
   color: #ffffff;

images/icons/flickr.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="svg2" xmlns="http://www.w3.org/2000/svg" height="256px" width="256px" version="1.0" xmlns:xlink="http://www.w3.org/1999/xlink"><defs id="defs4"><linearGradient id="linearGradient2449" y2="425.4" gradientUnits="userSpaceOnUse" x2="-395.85" gradientTransform="matrix(-.59146 0 0 .59146 210.02 142.23)" y1="274.71" x1="-344.15"><stop id="stop2557" stop-color="#fff" offset="0"/><stop id="stop2559" stop-color="#fff" stop-opacity="0" offset="1"/></linearGradient></defs><g id="layer1" transform="translate(-373.64 -318.34)"><rect id="rect1942" ry="35.488" stroke="#000" stroke-linecap="square" stroke-width=".5" fill="#ececeb" fill-rule="evenodd" rx="35.488" transform="scale(-1,1)" width="235.01" height="234.99" y="328.85" x="-619.15"/><path id="path1950" d="m557.06 338.9h-110.83c-29.34 0-52.96 23.8-52.96 53.38v108.13c0.95 23.08 4.6 8.49 11.56-17.08 8.08-29.71 34.39-55.68 66.44-75.14 24.46-14.86 51.84-24.34 101.68-25.25 28.27-0.51 25.77-36.68-15.89-44.04z" fill-rule="evenodd" fill="url(#linearGradient2449)"/><path id="path4776" d="m115.71 124.57c0 22.289-16.629 40.357-37.143 40.357-20.513 0-37.143-18.069-37.143-40.357 0-22.289 16.629-40.357 37.143-40.357 20.513 0 37.143 18.069 37.143 40.357z" transform="translate(373.64 318.34)" fill="#0059d4"/><path id="path4778" d="m215.71 127.61c0 21.993-17.109 39.821-38.214 39.821s-38.214-17.829-38.214-39.821c0-21.993 17.109-39.821 38.214-39.821s38.214 17.829 38.214 39.821z" transform="translate(368.64 314.77)" fill="#da1593"/></g></svg>

index.html

@@ -380,6 +380,11 @@
             <img class="icon" src="images/icons/threema.svg" alt="Threema Logo">Threema</a>
         <br>
 
+        <!-- Flickr -->
+        <a class="button button-flickr" href="#" target="_blank" rel="noopener">
+            <img class="icon" src="images/icons/flickr.svg" alt="Flickr Logo">Flickr</a>
+        <br>
+
         <br>
         <!-- 
             Footer: