Update "Used by" section (#1330) * Website: Remove Brendan Eich's blog from "Used by" section * Website: Remove USWDS-related code and image * Website: Add React in "Used by" section * Website: Add Stripe in "Used by" section
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44
diff --git a/img/logo-react.png b/img/logo-react.png
new file mode 100644
index 0000000..6ed805d
Binary files /dev/null and b/img/logo-react.png differ
diff --git a/img/logo-stripe.png b/img/logo-stripe.png
new file mode 100644
index 0000000..457ec98
Binary files /dev/null and b/img/logo-stripe.png differ
diff --git a/img/screen-us-web-design-standards.png b/img/screen-us-web-design-standards.png
deleted file mode 100644
index 7496fe2..0000000
Binary files a/img/screen-us-web-design-standards.png and /dev/null differ
diff --git a/index.html b/index.html
index 2359ff5..3f00d88 100644
--- a/index.html
+++ b/index.html
@@ -63,9 +63,9 @@
<a href="http://css-tricks.com" target="_blank"><img src="img/logo-css-tricks.png" alt="CSS-Tricks" /></a>
<a href="http://www.sitepoint.com" target="_blank"><img src="img/logo-sitepoint.png" alt="SitePoint" /></a>
<a href="https://www.drupal.org" target="_blank"><img src="img/logo-drupal.png" alt="Drupal" /></a>
+ <a href="https://reactjs.org/" target="_blank"><img src="img/logo-react.png" alt="React" /></a>
+ <a href="https://stripe.com/" target="_blank"><img src="img/logo-stripe.png" alt="Stripe" /></a>
</div>
-
- <p>It’s also used on <a href="https://brendaneich.com/2012/10/harmony-of-dreams-come-true/" target="_blank">the personal blog of Brendan Eich</a>, creator of JavaScript itself!</p>
</section>
<section id="examples">
diff --git a/style.css b/style.css
index a937f9d..b0f364d 100644
--- a/style.css
+++ b/style.css
@@ -372,11 +372,6 @@ footer {
border: 5px solid white;
position: relative;
}
- .used-by-logos > .uswds {
- background: url('img/screen-us-web-design-standards.png') no-repeat 0 0;
- background-size: cover;
- text-indent: -999em;
- }
.used-by-logos > a > img {
max-height: 100%;
max-width: 100%;