+11

css/brands.css

reviewed

··· 642 642 filter: brightness(90%); 643 643 } 644 644 645 645 + /* Microsoft */ 646 646 + .button.button-microsoft { 647 647 + color: #ffffff; 648 648 + background-color: #000000; 649 649 + border: 1px solid #FFFFFF; 650 650 + } 651 651 + .button.button-microsoft:hover, 652 652 + .button.button-microsoft:focus { 653 653 + filter: brightness(90%); 654 654 + } 655 655 + 645 656 /* NGL */ 646 657 .button.button-ngl { 647 658 color: #ffffff;

+6

images/icons/microsoft.svg

reviewed

··· 1 1 + <svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"> 2 2 + <path d="M1.54346 1.54346H11.9782V11.9782H1.54346V1.54346Z" fill="#F35325"/> 3 3 + <path d="M13.022 1.54346H23.4568V11.9782H13.022V1.54346Z" fill="#81BC06"/> 4 4 + <path d="M1.54346 13.0217H11.9782V23.4565H1.54346V13.0217Z" fill="#05A6F0"/> 5 5 + <path d="M13.022 13.0217H23.4568V23.4565H13.022V13.0217Z" fill="#FFBA08"/> 6 6 + </svg>

+3

index.html

reviewed

··· 255 255 256 256 <!-- Medium --> 257 257 <a class="button button-medium" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/medium.svg" alt="">Medium</a><br> 258 258 + 259 259 + <!-- Microsoft Store --> 260 260 + <a class="button button-microsoft" href="#" target="_blank" rel="noopener" role="button"><img class="icon" src="images/icons/microsoft.svg" alt="">Get it from Microsoft</a><br> 258 261 259 262 <!-- NGL --> 260 263 <a class="button button-ngl" href="#" target="_blank" rel="noopener"><img class="icon" src="images/icons/ngl.svg" alt="">NGL</a><br>