Website: embed PDF in article. (#30666)

Closes: https://github.com/fleetdm/confidential/issues/11272

Changes:
- Added an embedded PDF to the "How Fleet raised a $27M Series B without
a pitch deck" article.

<!-- This is an auto-generated comment: release notes by coderabbit.ai
-->

## Summary by CodeRabbit

* **New Features**
* Embedded the Series B memo PDF directly within the article for easier
viewing on larger screens, with a clickable link fallback for smaller
screens.

* **Style**
* Updated article styles to improve the appearance and layout of
embedded documents.

<!-- end of auto-generated comment: release notes by coderabbit.ai -->

articles/how-fleet-raised-a-27m-series-b-without-a-pitch-deck.md

@@ -6,7 +6,11 @@ We still included charts, graphs, and key SaaS metrics like revenue growth, net
 
 The memo helped us raise $27 million in funding. Now that the round is public, we're sharing it in the spirit of openness and transparency for you to use as inspiration in your own projects.
 
-[Read the memo](https://fleetdm.com/pdfs/fleet-series-b-memo.pdf)
+
+<object :class="[[isIpadOS || bowser.ios ? 'd-none' : 'd-sm-block d-none']]" purpose="embedded-document" data="/pdfs/fleet-series-b-memo.pdf" type="application/pdf">
+</object>
+<a :class="[[isIpadOS || bowser.ios ? 'd-block' : 'd-sm-none d-block']]" href="/pdfs/fleet-series-b-memo.pdf" target="_blank">Read the memo</a>
+
 
 ## What's next for Fleet
 

website/assets/js/pages/articles/basic-article.page.js

@@ -8,6 +8,7 @@ parasails.registerPage('basic-article', {
     subtopics: [],
     lastScrollTop: 0,
     scrollDistance: 0,
+    isIpadOS: false,
   },
 
   //  ╦  ╦╔═╗╔═╗╔═╗╦ ╦╔═╗╦  ╔═╗
@@ -17,6 +18,10 @@ parasails.registerPage('basic-article', {
     //…
   },
   mounted: async function() {
+    // Set a flag to determine whether or not this is an ipad. (Used to show/hide an embeded PDF)
+    if(navigator.maxTouchPoints > 1 && bowser.mac) {
+      this.isIpadOS = true;
+    }
     this.subtopics = (() => {
       let subtopics = $('[purpose="article-content"]').find('h2.markdown-heading').map((_, el) => el);
       subtopics = $.makeArray(subtopics).map((subheading) => {

website/assets/styles/pages/articles/basic-article.less

@@ -767,6 +767,11 @@
         height: 100%;
       }
     }
+    [purpose='embedded-document'] {
+      margin-bottom: 40px;
+      width: 100%;
+      height: 800px;
+    }
     table {
       table-layout: auto;
       border: 1px solid @border-lt-gray;