From 4e9f0dfe69aba3c21c57c8ef873c6d82051aca54 Mon Sep 17 00:00:00 2001
From: Nisar Hassan Naqvi <syednisarhassan12@gmail.com>
Date: Mon, 28 Oct 2019 10:06:19 +0000
Subject: [PATCH] Added Arduino to the logos + Updated the logos Layout.

Signed-off-by: Nisar Hassan Naqvi <syednisarhassan12@gmail.com>
---
 src/pages/index.js        | 21 +++++++++++++++++++++
 src/resources/arduino.svg |  1 +
 2 files changed, 22 insertions(+)
 create mode 100644 src/resources/arduino.svg

diff --git a/src/pages/index.js b/src/pages/index.js
index 1e94d8a7..9f3ba3fd 100644
--- a/src/pages/index.js
+++ b/src/pages/index.js
@@ -15,6 +15,7 @@ import GoogleLogo from '../resources/google.svg'
 import ARMLogo from '../resources/arm.svg'
 import EricssonLogo from '../resources/ericsson.svg'
 import SAPLogo from '../resources/sap.svg'
+import Arduino from '../resources/arduino.svg'
 import IconExtension from '../resources/icon-extension.svg'
 import IconCloudScreen from '../resources/icon-cloud-screen.svg'
 import IconOpenSource from '../resources/icon-open-source.svg'
@@ -99,6 +100,12 @@ const Index = styled.div`
             justify-content: space-between;
             flex-wrap: wrap;
 
+                @media(min-width: 768px) {
+                    display: grid;
+                    grid-template-columns: repeat(4, 1fr);
+                    grid-row-gap: 80px;
+                }
+
             @media(max-width: 50rem) {
                 text-align: center;
             }
@@ -112,10 +119,19 @@ const Index = styled.div`
             &-container {
                 height: 4rem;
 
+                @media(min-width: 768px) {
+                    height: 4.5rem;
+                    text-align: center;
+                }
+
                 @media(max-width: 50rem) {
                     width: 40%;
                     margin-bottom: 4rem;
                 }
+
+                @media(max-width: 30rem) {
+                    width: 100%;
+                }
             }
 
             &--ericsson {
@@ -390,6 +406,11 @@ export default () => {
                                         <img className="contributors__image contributors__image--sap" src={SAPLogo} alt="Sap logo" />
                                     </a>
                                 </div>
+                                <div className="contributors__image-container">
+                                    <a target="_blank" rel="noopener noreferrer" href="https://www.arduino.cc/">
+                                        <img className="contributors__image contributors__image--sap" src={Arduino} alt="Arduino logo" />
+                                    </a>
+                                </div>
                             </div>
                         </section>
                     </div>
diff --git a/src/resources/arduino.svg b/src/resources/arduino.svg
new file mode 100644
index 00000000..3ee01fd3
--- /dev/null
+++ b/src/resources/arduino.svg
@@ -0,0 +1 @@
+<svg width="256px" height="174px" viewBox="0 0 256 174" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid"><g fill="#00979C"><path d="M14.044,130.399 L0.919,173.242 L11.247,173.242 L13.616,165.259 L26.419,165.259 L28.724,173.242 L39.955,173.242 L26.831,130.399 L14.044,130.399 L14.044,130.399 Z M16.21,156.641 L20.109,143.316 L23.964,156.641 L16.21,156.641 L16.21,156.641 Z"/><path d="M64.632,153.696 C64.477,153.53 64.319,153.373 64.158,153.226 C64.481,153.104 64.796,152.974 65.104,152.832 C66.354,152.258 67.449,151.489 68.359,150.552 C69.279,149.606 70.002,148.466 70.507,147.163 C71.007,145.876 71.261,144.397 71.261,142.77 C71.261,140.527 70.856,138.587 70.06,137.002 C69.255,135.399 68.09,134.079 66.599,133.078 C65.152,132.108 63.392,131.407 61.367,130.996 C59.421,130.601 57.229,130.399 54.854,130.399 L41.456,130.399 L41.456,173.242 L51.731,173.242 L51.731,156.502 L52.036,156.502 C53.16,156.502 54.097,156.749 54.9,157.259 C55.697,157.764 56.308,158.509 56.771,159.541 L62.981,173.242 L74.936,173.242 L67.391,157.959 C66.477,156.103 65.574,154.71 64.632,153.696 L64.632,153.696 Z M60.163,145.477 C59.866,146.043 59.454,146.507 58.903,146.895 C58.322,147.303 57.601,147.616 56.757,147.826 C55.866,148.049 54.849,148.161 53.733,148.161 L51.731,148.161 L51.731,139.142 L53.989,139.142 C56.341,139.142 58.089,139.511 59.184,140.24 C60.138,140.875 60.602,141.945 60.602,143.513 C60.602,144.271 60.458,144.914 60.163,145.477 L60.163,145.477 Z"/><path d="M105.04,135.487 C103.31,133.748 101.128,132.446 98.555,131.619 C96.047,130.81 93.095,130.399 89.782,130.399 L76.193,130.399 L76.193,173.242 L88.022,173.242 C91.839,173.242 95.178,172.722 97.945,171.697 C100.755,170.658 103.102,169.15 104.919,167.216 C106.733,165.286 108.085,162.928 108.935,160.209 C109.769,157.547 110.191,154.553 110.191,151.31 C110.191,147.775 109.768,144.674 108.932,142.093 C108.078,139.449 106.769,137.227 105.04,135.487 L105.04,135.487 Z M96.639,161.524 C94.855,163.506 92.267,164.469 88.727,164.469 L86.467,164.469 L86.467,139.172 L89.27,139.172 C91.251,139.172 92.914,139.452 94.211,140.005 C95.469,140.54 96.442,141.296 97.186,142.314 C97.946,143.358 98.497,144.668 98.823,146.205 C99.166,147.831 99.341,149.715 99.341,151.805 C99.341,156.263 98.432,159.533 96.639,161.524 L96.639,161.524 Z"/><path d="M134.942,157.654 C134.942,159.131 134.806,160.39 134.535,161.396 C134.283,162.335 133.912,163.102 133.43,163.675 C132.968,164.226 132.403,164.615 131.704,164.864 C130.943,165.136 129.97,165.273 128.81,165.273 C127.583,165.273 126.571,165.116 125.802,164.805 C125.063,164.505 124.469,164.076 123.985,163.495 C123.499,162.91 123.151,162.176 122.95,161.31 C122.726,160.354 122.613,159.229 122.613,157.963 L122.613,130.399 L112.339,130.399 L112.339,158.427 C112.339,160.743 112.626,162.869 113.19,164.745 C113.777,166.694 114.745,168.379 116.068,169.75 C117.391,171.12 119.123,172.18 121.216,172.897 C123.25,173.598 125.708,173.953 128.521,173.953 C131.036,173.953 133.344,173.598 135.378,172.897 C137.458,172.184 139.251,171.103 140.708,169.683 C142.166,168.261 143.297,166.471 144.07,164.363 C144.83,162.293 145.216,159.869 145.216,157.158 L145.216,130.399 L134.942,130.399 L134.942,157.654"/><path d="M150.47,139.018 L159.69,139.018 L159.69,164.562 L150.47,164.562 L150.47,173.242 L179.313,173.242 L179.313,164.562 L170.093,164.562 L170.093,139.018 L179.313,139.018 L179.313,130.399 L150.47,130.399 L150.47,139.018"/><path d="M207.905,154.811 L196.419,130.399 L184.79,130.399 L184.79,173.242 L194.359,173.242 L194.359,148.366 L205.906,173.242 L217.476,173.242 L217.476,130.399 L207.905,130.399 L207.905,154.811"/><path d="M250.738,135.468 C247.738,131.653 243.241,129.719 237.374,129.719 C234.864,129.719 232.47,130.164 230.258,131.041 C228.015,131.93 226.033,133.314 224.366,135.158 C222.714,136.986 221.402,139.337 220.469,142.144 C219.546,144.915 219.078,148.238 219.078,152.022 C219.078,159.012 220.565,164.45 223.497,168.188 C226.497,172.014 230.994,173.953 236.861,173.953 C239.372,173.953 241.768,173.508 243.98,172.631 C246.224,171.741 248.205,170.356 249.87,168.515 C251.52,166.688 252.832,164.338 253.768,161.529 C254.689,158.759 255.157,155.436 255.157,151.65 C255.157,144.64 253.67,139.195 250.738,135.468 L250.738,135.468 Z M243.976,157.729 C243.682,159.31 243.223,160.643 242.612,161.692 C242.032,162.691 241.314,163.423 240.419,163.928 C239.527,164.431 238.416,164.686 237.118,164.686 C234.55,164.686 232.76,163.73 231.646,161.765 C230.422,159.606 229.801,156.204 229.801,151.65 C229.801,149.512 229.955,147.591 230.261,145.944 C230.555,144.366 231.017,143.035 231.637,141.986 C232.227,140.983 232.947,140.249 233.838,139.742 C234.717,139.241 235.82,138.987 237.118,138.987 C239.706,138.987 241.501,139.941 242.604,141.903 C243.819,144.063 244.435,147.468 244.435,152.022 C244.435,154.166 244.281,156.086 243.976,157.729 L243.976,157.729 Z"/><path d="M240.315,5.74 L242.138,5.74 L242.138,10.533 L243.431,10.533 L243.431,5.74 L245.269,5.74 L245.269,4.55 L240.315,4.55 L240.315,5.74"/><path d="M249.768,4.55 L248.521,8.628 L247.231,4.55 L245.544,4.55 L245.544,10.533 L246.76,10.533 L246.76,6.711 L247.966,10.533 L249.076,10.533 L250.22,6.81 L250.22,10.533 L251.43,10.533 L251.43,4.55 L249.768,4.55"/><path d="M190.275,120.327 C173.987,120.327 160.061,114.835 147.805,103.602 C140.234,96.665 133.992,88.166 128.249,79.329 C122.507,88.166 116.264,96.665 108.694,103.602 C95.525,115.671 80.427,121.113 62.545,120.236 C28.444,120.088 0.747,93.176 0.747,60.118 C0.747,26.969 28.596,0 62.827,0 C81.559,0 97.33,6.199 111.037,18.95 C117.621,25.075 123.179,32.18 128.249,39.614 C133.319,32.18 138.878,25.075 145.461,18.95 C159.168,6.199 174.939,0 193.671,0 C227.903,0 255.751,26.969 255.751,60.118 C255.751,93.176 228.055,120.088 193.953,120.236 C192.714,120.297 191.487,120.327 190.275,120.327 L190.275,120.327 Z M140.72,59.316 C147.514,70.339 154.108,80.599 162.14,87.959 C171.206,96.268 180.762,99.686 193.115,99.033 L193.671,99.018 C216.202,99.018 234.533,81.568 234.533,60.118 C234.533,38.669 216.202,21.218 193.671,21.218 C180.37,21.218 169.643,25.434 159.913,34.485 C152.646,41.246 146.646,49.908 140.72,59.316 L140.72,59.316 Z M62.827,21.218 C40.296,21.218 21.965,38.669 21.965,60.118 C21.965,81.568 40.296,99.018 62.827,99.018 L63.384,99.033 C75.738,99.686 85.292,96.268 94.358,87.959 C102.39,80.599 108.985,70.339 115.778,59.316 C109.852,49.908 103.852,41.246 96.586,34.485 C86.855,25.434 76.128,21.218 62.827,21.218 L62.827,21.218 Z"/><path d="M196.477,52.407 L196.477,40.901 L184.501,40.901 L184.501,52.407 L172.996,52.407 L172.996,64.325 L184.501,64.325 L184.501,75.916 L196.477,75.916 L196.477,64.325 L207.983,64.325 L207.983,52.407 L196.477,52.407"/><path d="M45.599,52.263 L83.416,52.263 L83.416,64.555 L45.599,64.555 L45.599,52.263 Z"/></g></svg>
\ No newline at end of file