mirror of
https://github.com/fleetdm/fleet
synced 2026-05-22 08:28:52 +00:00
59d956df3a
Changes: - Added a hover state to the swag request CTA on the device-management page - Made the entire sidebar cta on article pages clickable. - Updated the alignment of the newsletter banner on the homepage.
126 lines
7.8 KiB
Text
Vendored
126 lines
7.8 KiB
Text
Vendored
<div id="basic-article" v-cloak>
|
||
<div purpose="page-container" class="container-fluid">
|
||
<div purpose="breadcrumbs-and-search" class="d-flex flex-lg-row flex-column justify-content-between align-items-lg-center align-items-start">
|
||
<div purpose="breadcrumbs" class="d-flex flex-row align-items-start">
|
||
<div>
|
||
<a purpose="breadcrumbs-category" :href="'/'+articleCategorySlug">{{articleCategorySlug}}</a>/
|
||
</div>
|
||
<div purpose="breadcrumbs-title">
|
||
<span>{{thisPage.meta.articleTitle}}</span>
|
||
</div>
|
||
</div>
|
||
<div purpose="search" id="docsearch-query" class="d-flex">
|
||
<div purpose="disabled-search" class="d-flex w-100">
|
||
<div class="input-group">
|
||
<div class="input-group-prepend">
|
||
<span class="input-group-text border-0 bg-transparent pl-3" >
|
||
<img style="height: 16px; width: 16px;" class="search" alt="search" src="/images/icon-search-16x16@2x.png">
|
||
</span>
|
||
</div>
|
||
<div class="form-control border-0 ">
|
||
<input class="docsearch-input pr-1"
|
||
placeholder="Search" aria-label="Search the handbook"
|
||
/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="article-and-sidebar" class="d-flex flex-lg-row-reverse flex-column justify-content-lg-between">
|
||
<div purpose="article-title-and-author" class="d-lg-none d-block">
|
||
<div purpose="article-title">
|
||
<h1><%=thisPage.meta.articleTitle %></h1>
|
||
<h2 v-if="articleHasSubtitle && articleSubtitle !== undefined">{{articleSubtitle}}</h2>
|
||
</div>
|
||
<div class="d-flex flex-sm-row flex-column justify-content-between align-items-sm-center">
|
||
<div purpose="article-details" class="d-flex flex-row align-items-center">
|
||
<span><js-timestamp format="billing" :at="thisPage.meta.publishedOn"></js-timestamp></span>
|
||
<span class="px-2">|</span>
|
||
<img style="height: 28px; width: 28px; border-radius: 100%;" alt="The author's GitHub profile picture" :src="'https://github.com/'+thisPage.meta.authorGitHubUsername+'.png?size=200'">
|
||
<p class="pl-2 font-weight-bold"><%=thisPage.meta.authorFullName %></p>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="sidebar-container">
|
||
<div purpose="right-sidebar" class="d-flex flex-column">
|
||
<div purpose="social-share-buttons" class="d-flex flex-column order-lg-2 order-1">
|
||
<div class="d-flex flex-row">
|
||
<a :href="`https://news.ycombinator.com/submitlink?u=https://fleetdm.com${encodeURIComponent(thisPage.url)}&t=${encodeURIComponent(thisPage.meta.articleTitle)}`"><img src="/images/social-share-icon-hacker-news-20x20@2x.png" alt="Share this article on Hacker News"></a>
|
||
<a :href="`https://www.linkedin.com/sharing/share-offsite/?url=${encodeURIComponent('https://fleetdm.com'+thisPage.url)}`"><img src="/images/social-share-icon-linkedin-20x20@2x.png" alt="Share this article on LinkedIn"></a>
|
||
<a :href="`https://twitter.com/intent/tweet?url=${encodeURIComponent('https://fleetdm.com'+thisPage.url)}`"><img src="/images/social-share-icon-twitter-20x20@2x.png" alt="Share this article on Twitter"></a>
|
||
</div>
|
||
</div>
|
||
|
||
<div purpose="subtopics" id="subtopics" class="d-flex nav flex-column order-lg-1 order-2">
|
||
<p><strong>On this page</strong></p>
|
||
<a purpose="sidebar-link" v-for="topic in subtopics" :href="topic.url" class="nav-link p-0">{{topic.title}}</a>
|
||
</div>
|
||
<div purpose="docs-links" class="order-3">
|
||
<a purpose="sidebar-link" href="/docs"><img alt="Docs" src="/images/icon-docs-16x16@2x.png"> Docs</a>
|
||
<a purpose="sidebar-link" href="/docs/rest-api"><img alt="REST API" src="/images/icon-api-16x16@2x.png"> REST API</a>
|
||
<a purpose="sidebar-link" href="/guides"><img alt="Guides" src="/images/icon-guides-16x16@2x.png"> Guides</a>
|
||
<a purpose="sidebar-link" href="/contact"><img alt="Talk to us" src="/images/icon-contact-16x16@2x.png"> Talk to us</a>
|
||
<div purpose="edit-link">
|
||
<a purpose="sidebar-link" :href="'https://github.com/fleetdm/fleet/edit/main/articles/'+thisPage.sectionRelativeRepoPath"> <img src="/images/icon-edit-16x16@2x.png" alt="Suggest an edit">Suggest an edit</a>
|
||
</div>
|
||
<div purpose="sidebar-cta" @click="clickGotoStart()">
|
||
<a href="<% if(typeof me === 'undefined') {%>/register<% } else { %>/start<% } %>">
|
||
<div purpose="cta-image"></div>
|
||
<div purpose="cta-text">
|
||
<% if(typeof me === 'undefined'){ %>
|
||
<h4>Try it out</h4>
|
||
<p>See what Fleet can do</p>
|
||
<a purpose="cta-button" class="btn btn-primary docs-cta-continue-button" href="/register">Start now</a>
|
||
<% } else if (['2 - Aware', '3 - Intrigued'].includes(me.psychologicalStage)) {%>
|
||
<h4>Tried Fleet yet?</h4>
|
||
<p>Continue getting started with Fleet</p>
|
||
<a purpose="cta-button" class="btn btn-primary" href="/start">Continue</a>
|
||
<% } else if (me.psychologicalStage === '4 - Has use case') {%>
|
||
<h4>Feeling confident?</h4>
|
||
<p>Get set up with Fleet</p>
|
||
<a purpose="cta-button" class="btn btn-primary" hredf="/start">Continue</a>
|
||
<% } else if (['5 - Personally confident', '6 - Has team buy-in'].includes(me.psychologicalStage)) {%>
|
||
<h4>Talk to the team</h4>
|
||
<p>Let’s get you set up!</p>
|
||
<a purpose="cta-button" class="btn btn-primary" href="/start">Continue</a>
|
||
<%}%>
|
||
<div purpose="cta-platform-icons" class="d-flex flex-row justify-content-between align-items-center">
|
||
<img src="/images/os-macos-black-50-16x16@2x.png" alt="macOS" />
|
||
<img src="/images/os-windows-black-50-16x16@2x.png" alt="Windows" />
|
||
<img src="/images/os-linux-black-50-16x16@2x.png" alt="Linux" />
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</div>
|
||
<!-- <div class="d-flex flex-row align-items-center justify-content-start pt-3 pt-sm-1">
|
||
<a purpose="rss-button" @click="clickCopyRssLink(articleCategorySlug)"><span>Subscribe</span></a>
|
||
</div> -->
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div purpose="article-container">
|
||
<div purpose="article-title-and-author" class="d-none d-lg-block">
|
||
<div purpose="article-title">
|
||
<h1><%=thisPage.meta.articleTitle %></h1>
|
||
<h2 v-if="articleHasSubtitle && articleSubtitle !== undefined">{{articleSubtitle}}</h2>
|
||
</div>
|
||
<div class="d-flex flex-sm-row flex-column justify-content-between align-items-sm-center">
|
||
<div purpose="article-details" class="d-flex flex-row align-items-center">
|
||
<span><js-timestamp format="billing" :at="thisPage.meta.publishedOn"></js-timestamp></span>
|
||
<span class="px-2">|</span>
|
||
<img style="height: 28px; width: 28px; border-radius: 100%;" alt="The author's GitHub profile picture" :src="'https://github.com/'+thisPage.meta.authorGitHubUsername+'.png?size=200'">
|
||
<p class="pl-2 font-weight-bold"><%=thisPage.meta.authorFullName %></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div purpose="article-content" class="d-flex flex-column" parasails-has-no-page-script>
|
||
<%- partial(path.relative(path.dirname(__filename), path.resolve( sails.config.appPath, path.join(sails.config.builtStaticContent.compiledPagePartialsAppPath, thisPage.htmlId)))) %>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>
|