Merge pull request #735 from sailpoint-oss/update/devdayscalltopapers

adding devdays call to papers section on homepage
sailpoint-oss · Feb 10, 2025 · da99085 · da99085
2 parents 95d9d2b + b5f3e01
commit da99085
Show file tree

Hide file tree

Showing 3 changed files with 137 additions and 1 deletion.
diff --git a/src/components/homepage/HomepageDeveloperDaysCallToPapers/index.js b/src/components/homepage/HomepageDeveloperDaysCallToPapers/index.js
@@ -0,0 +1,34 @@
+import React from 'react';
+import styles from './styles.module.css';
+export default function HomepageGettingStarted() {
+  return (
+    <div>
+      <div className={styles.mainCard}>
+        <div className={styles.contentContainer}>
+          <div className={styles.gettingStartedText}>
+            <div className={styles.gettingStartedOne}>
+              📢 SailPoint Developer Days Call To Papers 📢
+            </div>
+            <div className={styles.gettingStartedTwo}>
+              Submit by: February 24, 2025
+            </div>
+            <div className={styles.gettingStartedThree}>
+              Want to present at SailPoint Developer Days?<br />
+              We're looking for hands-on sessions showcasing SailPoint APIs, workflows, and more!
+            </div>
+          </div>
+
+          <div>
+            <a
+              href="https://airtable.com/appbFjvMXeSkjL4VE/pagCHfhhzJEBq3xQ3/form"
+              className={styles.registerButtonPink}>
+              Apply now!
+            </a>
+            <p class="extra-link"><a href="https://developer.sailpoint.com/discuss/t/announcing-sailpoints-developer-days-2025/99813" target="_blank">Learn more about SailPoint Developer Days 2025</a></p>
+
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/homepage/HomepageDeveloperDaysCallToPapers/styles.module.css b/src/components/homepage/HomepageDeveloperDaysCallToPapers/styles.module.css
@@ -0,0 +1,101 @@
+.mainCard {
+  display: grid;
+  grid-gap: 10px;
+  max-width: 1180px;
+  justify-content: center;
+}
+
+.contentContainer {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+}
+
+.gettingStartedOne {
+  color: var(--ifm-color-primary);
+  font-size: 30px;
+  font-weight: bold;
+  line-height: 100%;
+  text-align: center;
+}
+
+.gettingStartedTwo {
+  margin-top: 20px;
+  font-size: 20px;
+  font-weight: bold;
+  text-align: center;
+}
+
+.gettingStartedThree {
+  margin-top: 20px;
+  font-size: 16px;
+  font-weight: 500;
+  margin-bottom: 20px;
+  text-align: center;
+}
+
+.bold {
+  font-weight: bold;
+}
+
+.registerButtonPink {
+  text-decoration: none;
+  text-align: center;
+  margin: 10px auto;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 100%;
+  width: 300px;
+  height: 61px;
+  line-height: 61px;
+  background: transparent 0% 0% no-repeat padding-box;
+  opacity: 1;
+  box-shadow: 0px 20px 60px #00000015;
+  border: 2px solid #df61ca;
+  border-radius: 0.5rem;
+  color: #df61ca;
+  padding: 10px 15px;
+  font-size: 16px;
+  font-weight: bold;
+}
+
+.registerButtonPink:hover {
+  cursor: pointer;
+  top: -2px;
+  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+  background-color: var(--dev-button-hover);
+  color: #cc27b0;
+  text-decoration: none;
+}
+
+@media only screen and (max-width: 1178px) {
+  .contentContainer {
+    width: 600px;
+  }
+}
+@media only screen and (min-width: 1179px) {
+  .mainCard {
+    grid-template-columns: repeat(auto-fit, minmax(520px, 1fr));
+    /* UI Properties */
+    background: var(--main-hero-card-background);
+    box-shadow: var(--dev-main-card-shadow);
+    border: 1px solid var(--dev-card-background);
+    border-radius: 40px;
+    opacity: 1;
+    margin: 50px auto;
+    width: calc(100% - 100px);
+    min-height: 325px;
+  }
+}
+@media only screen and (max-width: 570px) {
+  .mainCard {
+    margin-top: 50px;
+  }
+  .contentContainer {
+    width: auto;
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
diff --git a/src/pages/index.js b/src/pages/index.js
@@ -4,7 +4,7 @@ import Link from '@docusaurus/Link';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import Layout from '@theme/Layout';
 import HomepageGettingStarted from '@site/src/components/homepage/HomepageGettingStarted';
-import HomepageDeveloperDays from '@site/src/components/homepage/HomepageDeveloperDays';
+import HomepageDeveloperDaysCallToPapers from '@site/src/components/homepage/HomepageDeveloperDaysCallToPapers';
 import HomepageBasics from '../components/homepage/HomepageBasics';
 import HomepageTrainingGuides from '../components/homepage/HomepageTrainingGuides';
 import HomepageDiscuss from '../components/homepage/HomepageDiscuss';
@@ -17,6 +17,7 @@ export default function Home() {
   return (
     <Layout description="The SailPoint Developer Community has everything you need to build, extend, and automate scalable identity solutions.">
       <main>
+        <HomepageDeveloperDaysCallToPapers />
         <HomepageGettingStarted />
         {/* <HomepageDeveloperDays /> */}
         <HomepageBasics