From 6c62879950158e48e37a236a4c8f83c947abe554 Mon Sep 17 00:00:00 2001 From: philip-ellis-sp Date: Mon, 19 Jun 2023 15:37:16 -0500 Subject: [PATCH] cleaned up some more css --- .../ambassador/AmbassadorCard/index.js | 2 - .../AmbassadorCard/styles.module.css | 8 ++- src/pages/ambassador.js | 24 ++++--- src/pages/ambassador.module.css | 3 +- static/icons/Ambassador.svg | 63 +++++++++++++++++++ static/icons/ExpertAmbassador.svg | 63 +++++++++++++++++++ 6 files changed, 144 insertions(+), 19 deletions(-) create mode 100644 static/icons/Ambassador.svg create mode 100644 static/icons/ExpertAmbassador.svg diff --git a/src/components/ambassador/AmbassadorCard/index.js b/src/components/ambassador/AmbassadorCard/index.js index 7872236f9..2998d6869 100644 --- a/src/components/ambassador/AmbassadorCard/index.js +++ b/src/components/ambassador/AmbassadorCard/index.js @@ -17,8 +17,6 @@ export default function AmbassadorCard({
{data.name}
-
{data.title}
-
{data.location}
diff --git a/src/components/ambassador/AmbassadorCard/styles.module.css b/src/components/ambassador/AmbassadorCard/styles.module.css index 3c45f0f51..00b37567d 100644 --- a/src/components/ambassador/AmbassadorCard/styles.module.css +++ b/src/components/ambassador/AmbassadorCard/styles.module.css @@ -35,7 +35,7 @@ } .cardFace { - border-radius: 9999px; + border-radius: 99px; justify-content: center; display: flex; height: 100px; @@ -44,11 +44,13 @@ .cardNameContainer { margin-left: 15px; - margin-top: 10px; + display: flex; + justify-content: center; + align-items: center; } .name { - font-size: 18px; + font-size: 25px; font-weight: 500; width: 100%; top: 124px; diff --git a/src/pages/ambassador.js b/src/pages/ambassador.js index 3e75de5d7..3b6047c1b 100644 --- a/src/pages/ambassador.js +++ b/src/pages/ambassador.js @@ -20,15 +20,15 @@ export default function Ambassador() { className={styles.ambassadorPurposeImage} src={useBaseUrl('/ambassador/Ambassador-Program-Banner.png')}>
- Our global team of ambassadors empower their communities and help - make the Internet a safer place by attending and hosting meetups, - conferences, and other events that focus on authentication, security - and identity topics. -
- - Become an Ambassador - -
+ Our Ambassador Program offers not just exclusive benefits but also + an enriching learning experience on SailPoint; it's a journey to + expertise. As an Ambassador, your contributions foster community + growth, enabling knowledge-sharing among experts like you. + +
Become an Ambassador
+
@@ -38,7 +38,7 @@ export default function Ambassador() {
+ src={useBaseUrl('/icons/ExpertAmbassador.svg')}>
@@ -51,9 +51,7 @@ export default function Ambassador() {
+ src={useBaseUrl('/icons/Ambassador.svg')}>
diff --git a/src/pages/ambassador.module.css b/src/pages/ambassador.module.css index 97caa7412..6f4ce2d30 100644 --- a/src/pages/ambassador.module.css +++ b/src/pages/ambassador.module.css @@ -52,6 +52,7 @@ .ambassadorImage { margin-left: 5px; + padding: 20px; height: 120px; width: 120px; } @@ -80,7 +81,7 @@ margin: 50px 50px 50px 0px; } - @media only screen and (max-width: 997px) { + @media only screen and (max-width: 1460px) { .ambassadorPurposeContainer { flex-direction: column; } diff --git a/static/icons/Ambassador.svg b/static/icons/Ambassador.svg new file mode 100644 index 000000000..048e0ac31 --- /dev/null +++ b/static/icons/Ambassador.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/static/icons/ExpertAmbassador.svg b/static/icons/ExpertAmbassador.svg new file mode 100644 index 000000000..9e1333cc2 --- /dev/null +++ b/static/icons/ExpertAmbassador.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file