fleet/website/views/pages/get-started.ejs
Eric 309297182a
Website: Add HubSpot chat widget and replace calendly links (#11677)
Closes: https://github.com/fleetdm/confidential/issues/2699
Changes: 
- Removed the Papercups chat widget.
- Changed the "Talk to an expert" buttons on the website to open the
HubSpot chat widget.
- Updated the Fleet Sandbox registration page to link to the MDM setup
docs.
- Changed the earliest supported versions of iOS and Safari the Fleet
website support to v11.

After this PR is merged, we will need to activate the new chat flow in
HubSpot.
2023-05-12 19:07:50 -05:00

76 lines
4.4 KiB
Text
Vendored

<div id="get-started">
<div style="max-width: 800px; padding-top: 80px; padding-bottom: 80px;" class="container-fluid px-3">
<h1 class="pb-4 m-0">Get started</h1>
<p>Try out a preview of Fleet and osquery on your laptop before deploying at scale by following the guide below.</p>
<p>You can also <a href="/docs/deploying">deploy to a server</a>.</p>
<div class="pt-4 pb-4">
<h2 class="mb-3">1. Install Node (optional) and Docker</h2>
<p>The quickest way to install Fleet is with Node.js and Docker.</p>
<div class="d-sm-flex" purpose="get-started-buttons">
<a href="https://nodejs.org/en/download/" target="_blank"
style="color: #fff; background: #333;" class="d-flex btn btn-md justify-content-center align-items-center mr-sm-3">
<img style="height: 36px;" class="pr-3 d-inline" alt="NodeJS logo" src="/images/logo-node-59x36@2x.png"/>
Find my Node installer
</a>
<a href="https://docs.docker.com/get-docker/" target="_blank"
style="color: #fff; background: #0073EC;" class="d-flex btn btn-md justify-content-center align-items-center mt-3 mt-sm-0">
<img style="height: 36px;" class="pr-3 d-inline" alt="Docker logo" src="/images/logo-docker-51x36@2x.png"/>
Get Docker
</a>
</div>
<p class="pt-4"><img alt="A small circle with an 'I' inside of it"
style="width: 16px; display: inline; margin-right: 8px; margin-bottom: 3px" src="/images/info-16x16@2x.png">We
use NPM to install <code>fleetctl</code>. It can also be installed via the <a
href="https://github.com/fleetdm/fleet/releases" target="_blank">release page</a> or <a
href="/docs/contributing/building-fleet" target="_blank">built from source</a>.</p>
</div>
<div>
<h2 class="pt-3 mb-3">2. Run Fleet</h2>
<p>Install the <code>fleetctl</code> command line tool and start the Fleet preview experience:</p>
<div purpose="terminal-commands">
<p class="text-muted"># Install the Fleet command-line tool</p>
<p>sudo npm install -g fleetctl</p>
<p class="text-muted"># Run a local demo of the Fleet server</p>
<p>sudo fleetctl preview</p>
</div>
<p class="mb-0"><img alt="A small circle with an 'I' inside of it"
style="width: 16px; display: inline; margin-right: 8px; margin-bottom: 3px"
src="/images/info-16x16@2x.png"><code>sudo</code> can be omitted on many Node/Docker installations.</p>
<p class="mb-0"><img alt="A small circle with an 'I' inside of it"
style="width: 16px; display: inline; margin-right: 8px; margin-bottom: 3px"
src="/images/info-16x16@2x.png">M1 macOS users must have <a href="https://support.apple.com/en-us/HT211861" target="_blank">Rosetta</a> installed in order to
run Fleet preview.</p>
<p class="mb-0"><img alt="A small circle with an 'I' inside of it"
style="width: 16px; display: inline; margin-right: 8px; margin-bottom: 3px"
src="/images/info-16x16@2x.png">Windows users should omit <code>sudo</code> and run the commands in <code>Cmd</code>/<code>PowerShell</code> as administrators.</p>
</div>
<div style="padding-top: 60px;">
<h2 class="mb-3">3. Log in to Fleet</h2>
<p>The Fleet UI is now available at <a href="http://localhost:1337"
target="_blank">http://localhost:1337</a>. Use the credentials below to login.</p>
<p class="mb-2"><strong>Email:</strong> admin@example.com</p>
<p><strong>Password:</strong> preview1337#</p>
</div>
<div style="padding-top: 60px;">
<h2 class="mb-4">Next steps</h2>
<div class="d-md-flex" purpose="get-started-buttons">
<a href="/docs/using-fleet/learn-how-to-use-fleet"
class="d-flex flex-fill btn btn-primary btn-md justify-content-center mt-3 mt-md-0 mr-0 mr-md-3">
Learn how to use Fleet
</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-0 mr-md-3">
<img style="height: 24px;" class="pr-3 d-inline" alt="Slack logo" src="/images/logo-slack-24x24@2x.png" />
Ask for help on Slack
</a>
<a @click="clickOpenChatWidget()"
class="d-flex flex-fill btn btn-md btn-outline-secondary justify-content-center align-items-center mt-3 mt-md-0 mr-0">
Talk to an expert
</a>
</div>
</div>
</div>
</div>