fleet/website/views/pages/articles/basic-article.ejs

<div id="basic-article" v-cloak>
  <div style="max-width: 800px;" class="container-fluid px-0">
    <div purpose="article-title">
      <h1><%=thisPage.meta.articleTitle %></h1>
      <h2 v-if="articleHasSubtitle && articleSubtitle !== undefined">{{articleSubtitle}}</h2>
    </div>
    <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 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>
    <hr>
    <div purpose="bottom-cta" class="d-block">
      <h3 style="font-size: 24px; line-height: 32px;">Explore Fleet</h3>
      <p class="my-4">Find out how Fleet can benefit your organization by exploring our docs and community. <br>Want to get up and running quicker? Then try out Fleet locally on your device - you’ll be up and running in minutes.</p>
      <div class="d-md-flex">
        <a href="/try-fleet/register?tryitnow" class="d-flex flex-fill btn btn-primary btn-md justify-content-center align-items-center mt-3 mt-md-0 mr-md-3" purpose="next-steps-button">
          Try it out
        </a>
        <a href="/slack" target="_blank" class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0  mr-md-3" purpose="next-steps-button">
          <img class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
          Join <span purpose="large-button-text">&nbsp;the&nbsp;</span> Fleet <span purpose="large-button-text">&nbsp;community&nbsp;</span>on Slack
        </a>
        <a href="https://calendly.com/fleetdm/demo?utm_source=article+demo+top" target="_blank" class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0  mr-0" purpose="next-steps-button">
          Talk to an expert
        </a>
      </div>
    </div>
  </div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>