From 0ff08f3934989639f6d13fe14fbbd399e10bd036 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 6 Oct 2023 14:05:12 -0500
Subject: [PATCH 1/4] add quote to scrollable-tweets component

---
 .../assets/images/logo-deloitte-166x36@2x.png    | Bin 0 -> 3992 bytes
 .../js/components/scrollable-tweets.component.js |  15 ++++++++++++++-
 2 files changed, 14 insertions(+), 1 deletion(-)
 create mode 100644 website/assets/images/logo-deloitte-166x36@2x.png

diff --git a/website/assets/images/logo-deloitte-166x36@2x.png b/website/assets/images/logo-deloitte-166x36@2x.png
new file mode 100644
index 0000000000000000000000000000000000000000..b8d0777dc7402bdef9b63ce7269b2a5a3973c48b
GIT binary patch
literal 3992
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

literal 0
HcmV?d00001

diff --git a/website/assets/js/components/scrollable-tweets.component.js b/website/assets/js/components/scrollable-tweets.component.js
index ed7030fdff9a..36fe86c8f87c 100644
--- a/website/assets/js/components/scrollable-tweets.component.js
+++ b/website/assets/js/components/scrollable-tweets.component.js
@@ -20,7 +20,7 @@ parasails.registerComponent('scrollableTweets', {
   data: function () {
     return {
       currentTweetPage: 0,
-      numberOfTweetCards: 6,
+      numberOfTweetCards: 7,
       numberOfTweetPages: 0,
       numberOfTweetsPerPage: 0,
       tweetCardWidth: 0,
@@ -110,6 +110,19 @@ parasails.registerComponent('scrollableTweets', {
           </div>
         </div>
       </div>
+
+      <div purpose="tweet-card" class="card">
+        <div class="mb-4">
+          <a href="https://www.linkedin.com/company/deloitte/"><img width="166" height="36" alt="Deloitte logo" src="/images/logo-deloitte-166x36@2x.png"/></a>
+        </div>
+        <p class="pb-2 mb-1">One of the best teams out there to go work for and help shape security platforms.</p>
+        <div class="row px-3 pt-2">
+          <div>
+            <p class="font-weight-bold m-0">Dhruv Majumdar</p>
+            <p class="m-0">Director Of Cyber Risk & Advisory <a href="https://www.linkedin.com/company/deloitte/">@Deloitte</a></p>
+          </div>
+        </div>
+      </div>
     </div>
     <div purpose="" class="mx-auto d-flex flex-row justify-content-center">
       <nav aria-label="..." >

From ae12d8bf744486642fc5e368f8e19b1402d84f30 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 6 Oct 2023 14:05:59 -0500
Subject: [PATCH 2/4] add quote to open positions template

---
 .../styles/pages/handbook/basic-handbook.less | 44 +++++++++++++++++++
 website/scripts/build-static-content.js       |  2 +-
 2 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/website/assets/styles/pages/handbook/basic-handbook.less b/website/assets/styles/pages/handbook/basic-handbook.less
index 2886a5ecdeb8..318c8e19d240 100644
--- a/website/assets/styles/pages/handbook/basic-handbook.less
+++ b/website/assets/styles/pages/handbook/basic-handbook.less
@@ -433,6 +433,40 @@
     }
   }
 
+  // For deloitte quote on open poisiton pages.
+
+  [purpose='open-position-quote-card'] {
+    margin-top: 36px;
+    padding: 40px 60px;
+    border-radius: 16px;
+    background-color: #FFF;
+    border: 1px solid @core-vibrant-blue-15;
+    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.10);
+    display: flex;
+    flex-direction: row;
+    justify-content: center;
+    align-items: center;
+    img {
+      height: 36px;
+      width: auto;
+      padding: 0;
+      margin-right: 40px;
+    }
+    [purpose='quote-text'] {
+      font-size: 18px;
+      line-height: 27px;
+    }
+    [purpose='quote-attribution'] {
+      p {
+        font-size: 14px;
+        line-height: 21px;
+        margin-bottom: 0px;
+      }
+    }
+  }
+
+
+
   @media (min-width: 1199px) {
 
     [purpose='right-sidebar'] {
@@ -531,6 +565,16 @@
 
   // for even smaller screens (>576px)
   @media (max-width: 767px) {
+    [purpose='open-position-quote-card'] {
+      flex-direction: column;
+      justify-content: flex-start;
+      align-items: start;
+      padding: 75px 40px;
+      img {
+        margin-right: 0px;
+        margin-bottom: 40px;
+      }
+    }
     [purpose='search'] {
       padding-bottom: 0px;
     }
diff --git a/website/scripts/build-static-content.js b/website/scripts/build-static-content.js
index 642541859cb5..97fde84599da 100644
--- a/website/scripts/build-static-content.js
+++ b/website/scripts/build-static-content.js
@@ -586,7 +586,7 @@ module.exports = {
 
           let pageTitle = openPosition.jobTitle;
 
-          let mdStringForThisOpenPosition = `# ${openPosition.jobTitle}\n\n## Let's start with why we exist. 📡\n\nEver wondered if your employer is monitoring your work computer?\n\nOrganizations make huge investments every year to keep their laptops and servers online, secure, compliant, and usable from anywhere. This is called "device management".\n\nAt Fleet, we think it's time device management became [transparent](https://fleetdm.com/transparency) and [open source](https://fleetdm.com/handbook/company#open-source).\n\n\n## About the company 🌈\n\nYou can read more about the company in our [handbook](https://fleetdm.com/handbook/company), which is public and open to the world.\n\ntldr; Fleet Device Management Inc. is a [recently-funded](https://techcrunch.com/2022/04/28/fleet-nabs-20m-to-enable-enterprises-to-manage-their-devices/) Series A startup founded and backed by the same people who created osquery, the leading open source security agent. Today, osquery is installed on millions of laptops and servers, and it is especially popular with [enterprise IT and security teams](https://www.linuxfoundation.org/press/press-release/the-linux-foundation-announces-intent-to-form-new-foundation-to-support-osquery-community).\n\n\n## Your primary responsibilities 🔭\n${openPosition.responsibilities}\n\n## Are you our new team member? 🧑‍🚀\nIf most of these qualities sound like you, we would love to chat and see if we're a good fit.\n\n${openPosition.experience}\n\n## Why should you join us? 🛸\n\nLearn more about the company and [why you should join us here](https://fleetdm.com/handbook/company#is-it-any-good).\n\n\n## Want to join the team?\n\nWant to join the team?\n\nReach out to [${openPosition.hiringManagerName} on Linkedin](${openPosition.hiringManagerLinkedInUrl}).`;
+          let mdStringForThisOpenPosition = `# ${openPosition.jobTitle}\n\n## Let's start with why we exist. 📡\n\nEver wondered if your employer is monitoring your work computer?\n\nOrganizations make huge investments every year to keep their laptops and servers online, secure, compliant, and usable from anywhere. This is called "device management".\n\nAt Fleet, we think it's time device management became [transparent](https://fleetdm.com/transparency) and [open source](https://fleetdm.com/handbook/company#open-source).\n\n\n## About the company 🌈\n\nYou can read more about the company in our [handbook](https://fleetdm.com/handbook/company), which is public and open to the world.\n\ntldr; Fleet Device Management Inc. is a [recently-funded](https://techcrunch.com/2022/04/28/fleet-nabs-20m-to-enable-enterprises-to-manage-their-devices/) Series A startup founded and backed by the same people who created osquery, the leading open source security agent. Today, osquery is installed on millions of laptops and servers, and it is especially popular with [enterprise IT and security teams](https://www.linuxfoundation.org/press/press-release/the-linux-foundation-announces-intent-to-form-new-foundation-to-support-osquery-community).\n\n\n## Your primary responsibilities 🔭\n${openPosition.responsibilities}\n\n## Are you our new team member? 🧑‍🚀\nIf most of these qualities sound like you, we would love to chat and see if we're a good fit.\n\n${openPosition.experience}\n\n## Why should you join us? 🛸\n\nLearn more about the company and [why you should join us here](https://fleetdm.com/handbook/company#is-it-any-good).\n\n<div purpose="open-position-quote-card"><div><img alt="Deloitte logo" src="/images/logo-deloitte-166x36@2x.png"></div><div purpose="open-position-quote"><div purpose="quote-text"><p>“One of the best teams out there to go work for and help shape security platforms.”</p></div><div purpose="quote-attribution"><strong>Dhruv Majumdar</strong><p>Director Of Cyber Risk & Advisory</p></div></div></div>\n\n\n## Want to join the team?\n\nWant to join the team?\n\nReach out to [${openPosition.hiringManagerName} on Linkedin](${openPosition.hiringManagerLinkedInUrl}).`;
 
 
           let htmlStringForThisPosition = await sails.helpers.strings.toHtml.with({mdString: mdStringForThisOpenPosition});

From 4dfb325b055d065ee18c3bdbf99d447f1e8d7ab4 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 6 Oct 2023 16:53:17 -0500
Subject: [PATCH 3/4] update scrollable-tweets component

---
 .../js/components/scrollable-tweets.component.js       | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/website/assets/js/components/scrollable-tweets.component.js b/website/assets/js/components/scrollable-tweets.component.js
index 36fe86c8f87c..0430944d353f 100644
--- a/website/assets/js/components/scrollable-tweets.component.js
+++ b/website/assets/js/components/scrollable-tweets.component.js
@@ -157,9 +157,9 @@ parasails.registerComponent('scrollableTweets', {
     updateNumberOfTweetPages: async function() {
       // Get the width of the first tweet card.
       let firstTweetCardDiv = document.querySelector('div[purpose="tweet-card"]');
-      this.tweetCardWidth = firstTweetCardDiv.clientWidth + 16;
+      this.tweetCardWidth = firstTweetCardDiv.clientWidth - 16;
       // Find out how may entire cards can fit on the screen.
-      this.numberOfTweetsPerPage = Math.floor(window.innerWidth / this.tweetCardWidth);
+      this.numberOfTweetsPerPage = Math.floor(window.innerWidth / (this.tweetCardWidth + 16));
       // Find out how many pages of tweet cards there will be.
       this.numberOfTweetPages = Math.ceil(this.numberOfTweetCards / this.numberOfTweetsPerPage);
       // Update the current page indicator.
@@ -195,7 +195,11 @@ parasails.registerComponent('scrollableTweets', {
       // subtract the amount the current page has been scrolled from the baseAmountToScroll
       let amountToScroll = baseAmountToScroll - amountCurrentPageHasBeenScrolled;
       // Scroll the div to the specified 'page'
-      tweetsDiv.scrollBy(amountToScroll, 0);
+      if(page !== this.numberOfTweetPages - 1){
+        tweetsDiv.scrollBy(amountToScroll, 0);
+      } else {
+        tweetsDiv.scrollBy(tweetsDiv.scrollWidth, 0);
+      }
     },
 
 

From f4cc5260b022526fa52f38ff363cd90c5426d990 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Fri, 6 Oct 2023 18:01:10 -0500
Subject: [PATCH 4/4] Update scrollable-tweets.component.js

---
 .../assets/js/components/scrollable-tweets.component.js   | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/website/assets/js/components/scrollable-tweets.component.js b/website/assets/js/components/scrollable-tweets.component.js
index 0430944d353f..f40a2e9f57c8 100644
--- a/website/assets/js/components/scrollable-tweets.component.js
+++ b/website/assets/js/components/scrollable-tweets.component.js
@@ -157,9 +157,9 @@ parasails.registerComponent('scrollableTweets', {
     updateNumberOfTweetPages: async function() {
       // Get the width of the first tweet card.
       let firstTweetCardDiv = document.querySelector('div[purpose="tweet-card"]');
-      this.tweetCardWidth = firstTweetCardDiv.clientWidth - 16;
+      this.tweetCardWidth = firstTweetCardDiv.clientWidth + 16;
       // Find out how may entire cards can fit on the screen.
-      this.numberOfTweetsPerPage = Math.floor(window.innerWidth / (this.tweetCardWidth + 16));
+      this.numberOfTweetsPerPage = Math.floor(window.innerWidth / this.tweetCardWidth);
       // Find out how many pages of tweet cards there will be.
       this.numberOfTweetPages = Math.ceil(this.numberOfTweetCards / this.numberOfTweetsPerPage);
       // Update the current page indicator.
@@ -173,9 +173,9 @@ parasails.registerComponent('scrollableTweets', {
       // Find out the width of a page of tweet cards
       let tweetPageWidth;
       if(this.numberOfTweetPages === 2 && this.numberOfTweetsPerPage > 3){
-        tweetPageWidth = this.tweetCardWidth;
+        tweetPageWidth = (this.tweetCardWidth - 32);
       } else {
-        tweetPageWidth = this.tweetCardWidth * this.numberOfTweetsPerPage;
+        tweetPageWidth = (this.tweetCardWidth - 32) * this.numberOfTweetsPerPage;
       }
       // Set the maximum number of pages as the maximum value
       let currentPage = Math.min(Math.round(tweetsDiv.scrollLeft / tweetPageWidth), (this.numberOfTweetPages - 1));