From d5c6f416382261e736bd8b9728145bc4505f763a Mon Sep 17 00:00:00 2001
From: Lara Aigmueller <lara.aigmueller@dynatrace.com>
Date: Thu, 19 Mar 2020 09:39:22 +0100
Subject: [PATCH] barista: Use img instead of inline svgs for social icons.

---
 .../src/app/components/footer/footer.html     | 48 ++-----------------
 .../src/assets/behance-white.svg              |  1 +
 .../src/assets/dribbble-white.svg             |  1 +
 .../src/assets/github-white.svg               |  1 +
 4 files changed, 7 insertions(+), 44 deletions(-)
 create mode 100644 apps/barista-design-system/src/assets/behance-white.svg
 create mode 100644 apps/barista-design-system/src/assets/dribbble-white.svg
 create mode 100644 apps/barista-design-system/src/assets/github-white.svg

diff --git a/apps/barista-design-system/src/app/components/footer/footer.html b/apps/barista-design-system/src/app/components/footer/footer.html
index 034d605666..36f1ab7c07 100644
--- a/apps/barista-design-system/src/app/components/footer/footer.html
+++ b/apps/barista-design-system/src/app/components/footer/footer.html
@@ -2,62 +2,22 @@
   <div class="ba-footer-socials">
     <h3>Join us on</h3>
     <a
-      href="https://github.com/Dynatrace/"
+      href="https://github.com/dynatrace-oss/"
       class="ba-footer-sociallink ba-btn ba-btn-secondary"
     >
-      <svg viewBox="0 0 23 23">
-        <title>Github</title>
-        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
-          <path
-            id="github"
-            fill-rule="evenodd"
-            clip-rule="evenodd"
-            d="M255.988 64C149.97 64 64 149.962 64 256.015c0 84.822 55.009 156.787 131.31 182.18 9.601 1.761 13.105-4.167 13.105-9.255 0-4.558-.166-16.633-.259-32.656-53.408 11.603-64.677-25.738-64.677-25.738-8.73-22.18-21.318-28.086-21.318-28.086-17.432-11.913 1.32-11.671 1.32-11.671 19.267 1.358 29.408 19.787 29.408 19.787 17.128 29.34 44.937 20.868 55.878 15.953 1.744-12.408 6.704-20.868 12.19-25.668-42.635-4.846-87.457-21.318-87.457-94.894 0-20.961 7.481-38.1 19.763-51.522-1.974-4.858-8.563-24.38 1.882-50.814 0 0 16.121-5.162 52.799 19.683 15.314-4.258 31.739-6.388 48.067-6.462 16.305.074 32.73 2.204 48.067 6.462 36.656-24.845 52.747-19.683 52.747-19.683 10.475 26.435 3.885 45.956 1.91 50.814 12.306 13.422 19.736 30.561 19.736 51.522 0 73.76-44.89 89.99-87.663 94.744 6.894 5.928 13.035 17.646 13.035 35.557 0 25.668-.236 46.377-.236 52.672 0 5.134 3.458 11.108 13.202 9.233C393.037 412.733 448 340.815 448 256.015 448 149.962 362.028 64 255.988 64z"
-          />
-        </svg>
-      </svg>
+      <img src="assets/github-white.svg" alt="Dynatrace on GitHub" />
     </a>
     <a
       href="https://www.behance.net/dynatrace/"
       class="ba-footer-sociallink ba-btn ba-btn-secondary"
     >
-      <svg viewBox="0 0 23 23">
-        <title>Behance</title>
-        <svg
-          data-name="Layer 1"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 512 512"
-        >
-          <path
-            id="behance"
-            d="M331.72 236.52c-24.7 0-28.14 24.65-28.14 24.65h52.52s.34-24.65-24.38-24.65zm-119.16 24.65H166v42.75h44.2c6.63-.16 19.2-2.09 19.2-20.78 0-22.14-16.84-21.97-16.84-21.97z"
-          />
-          <path
-            d="M256.35 64.07c-105.85 0-191.66 85.8-191.66 191.65s85.81 191.66 191.66 191.66S448 361.57 448 255.72 362.18 64.07 256.35 64.07zm40.34 117.76h66v19.69h-66zm-33.35 103.3c0 48.81-50.78 47.2-50.78 47.2h-83.22V172.41h83.22c25.28 0 45.23 14 45.23 42.58s-24.4 30.43-24.4 30.43c32.17 0 29.95 39.71 29.95 39.71zm123.43-2.62H303.9c0 29.71 28.14 27.84 28.14 27.84 26.57 0 25.64-17.21 25.64-17.21h28.16c0 45.66-54.74 42.53-54.74 42.53-65.66 0-61.44-61.13-61.44-61.13s-.06-61.44 61.44-61.44c64.73 0 55.67 69.41 55.67 69.41z"
-          />
-          <path
-            d="M223.87 217.47c0-16.63-11.31-16.63-11.31-16.63H166v35.68h43.67c7.54 0 14.2-2.42 14.2-19.05z"
-          />
-        </svg>
-      </svg>
+      <img src="assets/behance-white.svg" alt="Dynatrace on Behance" />
     </a>
     <a
       href="https://dribbble.com/dynatrace/"
       class="ba-footer-sociallink ba-btn ba-btn-secondary"
     >
-      <svg viewBox="0 0 23 23">
-        <title>Dribbble</title>
-        <svg
-          data-name="Layer 1"
-          xmlns="http://www.w3.org/2000/svg"
-          viewBox="0 0 512 512"
-        >
-          <path
-            id="dribbble"
-            d="M256 447.38c-105.66 0-191.63-85.86-191.63-191.38S150.34 64.62 256 64.62 447.63 150.48 447.63 256 361.66 447.38 256 447.38zm161.6-165.24c-5.59-1.76-50.66-15.19-102-7C337 334 345.78 381.82 347.49 391.75a163.7 163.7 0 0 0 70.11-109.61zm-97.66 124.52A680.47 680.47 0 0 0 285 282.7l-1.08.37c-92.33 32.13-125.47 96.07-128.41 102.08a163.64 163.64 0 0 0 164.43 21.51zm-185.6-41.17c3.71-6.34 48.64-80.62 133.06-107.87 2.13-.68 4.27-1.31 6.44-1.93-4.1-9.3-8.59-18.59-13.27-27.75-81.74 24.43-161.06 23.41-168.21 23.26 0 1.66-.09 3.32-.09 5a162.66 162.66 0 0 0 42.17 109.34zM95.78 222.77c7.32.1 74.75.38 151.32-19.91a1042.71 1042.71 0 0 0-60.69-94.56 164.1 164.1 0 0 0-90.63 114.46zM217.64 97.3a870 870 0 0 1 61.08 95.7c58.2-21.79 82.84-54.9 85.78-59.06a163.63 163.63 0 0 0-146.86-36.6zm165.07 55.57c-3.46 4.67-30.89 39.79-91.41 64.47 3.81 7.84 7.47 15.68 10.86 23.67q1.81 4.23 3.52 8.43c54.47-6.84 108.59 4.13 114 5.23a162.69 162.69 0 0 0-37-101.84z"
-          />
-        </svg>
-      </svg>
+      <img src="assets/dribbble-white.svg" alt="Dynatrace on Dribbble" />
     </a>
   </div>
   <div class="ba-footer-legal">
diff --git a/apps/barista-design-system/src/assets/behance-white.svg b/apps/barista-design-system/src/assets/behance-white.svg
new file mode 100644
index 0000000000..718f95b000
--- /dev/null
+++ b/apps/barista-design-system/src/assets/behance-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M331.72 236.52c-24.7 0-28.14 24.65-28.14 24.65h52.52s.34-24.65-24.38-24.65zm-119.16 24.65H166v42.75h44.2c6.63-.16 19.2-2.09 19.2-20.78 0-22.14-16.84-21.97-16.84-21.97z"/><path fill="#fff" d="M256.35 64.07c-105.85 0-191.66 85.8-191.66 191.65s85.81 191.66 191.66 191.66S448 361.57 448 255.72 362.18 64.07 256.35 64.07zm40.34 117.76h66v19.69h-66zm-33.35 103.3c0 48.81-50.78 47.2-50.78 47.2h-83.22V172.41h83.22c25.28 0 45.23 14 45.23 42.58s-24.4 30.43-24.4 30.43c32.17 0 29.95 39.71 29.95 39.71zm123.43-2.62H303.9c0 29.71 28.14 27.84 28.14 27.84 26.57 0 25.64-17.21 25.64-17.21h28.16c0 45.66-54.74 42.53-54.74 42.53-65.66 0-61.44-61.13-61.44-61.13s-.06-61.44 61.44-61.44c64.73 0 55.67 69.41 55.67 69.41z"/><path fill="#fff" d="M223.87 217.47c0-16.63-11.31-16.63-11.31-16.63H166v35.68h43.67c7.54 0 14.2-2.42 14.2-19.05z"/></svg>
\ No newline at end of file
diff --git a/apps/barista-design-system/src/assets/dribbble-white.svg b/apps/barista-design-system/src/assets/dribbble-white.svg
new file mode 100644
index 0000000000..be10fa1f9a
--- /dev/null
+++ b/apps/barista-design-system/src/assets/dribbble-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M256 447.38c-105.66 0-191.63-85.86-191.63-191.38S150.34 64.62 256 64.62 447.63 150.48 447.63 256 361.66 447.38 256 447.38zm161.6-165.24c-5.59-1.76-50.66-15.19-102-7C337 334 345.78 381.82 347.49 391.75a163.7 163.7 0 0070.11-109.61zm-97.66 124.52A680.47 680.47 0 00285 282.7l-1.08.37c-92.33 32.13-125.47 96.07-128.41 102.08a163.64 163.64 0 00164.43 21.51zm-185.6-41.17c3.71-6.34 48.64-80.62 133.06-107.87 2.13-.68 4.27-1.31 6.44-1.93-4.1-9.3-8.59-18.59-13.27-27.75-81.74 24.43-161.06 23.41-168.21 23.26 0 1.66-.09 3.32-.09 5a162.66 162.66 0 0042.17 109.34zM95.78 222.77c7.32.1 74.75.38 151.32-19.91a1042.71 1042.71 0 00-60.69-94.56 164.1 164.1 0 00-90.63 114.46zM217.64 97.3a870 870 0 0161.08 95.7c58.2-21.79 82.84-54.9 85.78-59.06a163.63 163.63 0 00-146.86-36.6zm165.07 55.57c-3.46 4.67-30.89 39.79-91.41 64.47 3.81 7.84 7.47 15.68 10.86 23.67q1.81 4.23 3.52 8.43c54.47-6.84 108.59 4.13 114 5.23a162.69 162.69 0 00-37-101.84z"/></svg>
\ No newline at end of file
diff --git a/apps/barista-design-system/src/assets/github-white.svg b/apps/barista-design-system/src/assets/github-white.svg
new file mode 100644
index 0000000000..20cbbdd2b3
--- /dev/null
+++ b/apps/barista-design-system/src/assets/github-white.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#fff" d="M255.988 64C149.97 64 64 149.962 64 256.015c0 84.822 55.009 156.787 131.31 182.18 9.601 1.761 13.105-4.167 13.105-9.255 0-4.558-.166-16.633-.259-32.656-53.408 11.603-64.677-25.738-64.677-25.738-8.73-22.18-21.318-28.086-21.318-28.086-17.432-11.913 1.32-11.671 1.32-11.671 19.267 1.358 29.408 19.787 29.408 19.787 17.128 29.34 44.937 20.868 55.878 15.953 1.744-12.408 6.704-20.868 12.19-25.668-42.635-4.846-87.457-21.318-87.457-94.894 0-20.961 7.481-38.1 19.763-51.522-1.974-4.858-8.563-24.38 1.882-50.814 0 0 16.121-5.162 52.799 19.683 15.314-4.258 31.739-6.388 48.067-6.462 16.305.074 32.73 2.204 48.067 6.462 36.656-24.845 52.747-19.683 52.747-19.683 10.475 26.435 3.885 45.956 1.91 50.814 12.306 13.422 19.736 30.561 19.736 51.522 0 73.76-44.89 89.99-87.663 94.744 6.894 5.928 13.035 17.646 13.035 35.557 0 25.668-.236 46.377-.236 52.672 0 5.134 3.458 11.108 13.202 9.233C393.037 412.733 448 340.815 448 256.015 448 149.962 362.028 64 255.988 64z"/></svg>
\ No newline at end of file