diff --git a/website/src/icons/companies/dexterity-color.svg b/website/src/icons/companies/dexterity-color.svg new file mode 100644 index 0000000000..ebcf6b985a --- /dev/null +++ b/website/src/icons/companies/dexterity-color.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + diff --git a/website/src/icons/companies/dexterity-white.svg b/website/src/icons/companies/dexterity-white.svg new file mode 100644 index 0000000000..ba781e4648 --- /dev/null +++ b/website/src/icons/companies/dexterity-white.svg @@ -0,0 +1,47 @@ + + + + + + + + + + + + + + + + + diff --git a/website/src/icons/index.ts b/website/src/icons/index.ts index a4c5c73e19..98c9f53f9f 100644 --- a/website/src/icons/index.ts +++ b/website/src/icons/index.ts @@ -6,6 +6,8 @@ import ApexLight from "./companies/apex-color.svg"; import ApexDark from "./companies/apex-white.svg"; import CocoLight from "./companies/coco-color.svg"; import CocoDark from "./companies/coco-white.svg"; +import DexterityLight from "./companies/dexterity-color.svg"; +import DexterityDark from "./companies/dexterity-white.svg"; import NorLabLight from "./companies/norlab-color.svg"; import NorlabDark from "./companies/norlab-white.svg"; import ROSLight from "./companies/ros-color.svg"; @@ -38,6 +40,11 @@ const Logos = [ LightModeLogo: CocoLight, DarkModeLogo: CocoDark, }, + { + href: "https://www.dexterity.ai/", + LightModeLogo: DexterityLight, + DarkModeLogo: DexterityDark, + }, { href: "https://norlab.ulaval.ca/", LightModeLogo: NorLabLight, diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css index fdef3c2d4e..a6ea54cbe3 100644 --- a/website/src/pages/index.module.css +++ b/website/src/pages/index.module.css @@ -154,13 +154,20 @@ } .logoLink { - width: 33%; + min-width: 200px; + max-width: 50%; } .logoIcon { width: 100%; max-height: 50px; - margin: 2rem; + margin: 2rem 1rem; +} + +@media (max-width: 640px) { + .logoIcon { + margin: 1rem; + } } [data-theme="light"] .darkMode {