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 {