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

32 lines
1.9 KiB
Text
Raw Normal View History

<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>
</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">
<%- 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 - youll be up and running in minutes.</p>
<div class="d-sm-flex">
<a href="/get-started" class="d-flex btn btn-primary btn-md justify-content-center align-items-center mr-sm-3" purpose="next-steps-button">
Try it out
</a>
<a href="/slack" target="_blank" class="d-flex btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-sm-0" purpose="next-steps-button">
<img class="pr-3" alt="Slack logo" src="/images/logo-slack-24x24@2x.png"/>
Join the Fleet community on Slack
</a>
</div>
</div>
</div>
</div>
<%- /* Expose server-rendered data as window.SAILS_LOCALS :: */ exposeLocalsToBrowser() %>