tart/docs/theme/overrides/home.html

91 lines
2.6 KiB
HTML

{% extends "base.html" %}
<!-- Render landing page under tabs -->
{% block tabs %}
{{ super() }}
<!-- Additional styles for landing page -->
<style>
/* Application header should be static for the landing page */
.md-header {
position: initial;
}
/* Remove spacing, as we cannot hide it completely */
.md-main__inner {
margin: 0;
}
/* Hide main content for now */
.md-content {
display: none;
}
/* Hide table of contents */
@media screen and (min-width: 60em) {
.md-sidebar--secondary {
display: none;
}
}
/* Hide navigation */
@media screen and (min-width: 76.25em) {
.md-sidebar--primary {
display: none;
}
}
</style>
<!-- landing page for landing page -->
<section class="tx-container">
<div class="md-grid md-typeset">
<div class="tx-landing">
<!-- landing image -->
<div class="tx-landing__image">
<script src="https://unpkg.com/@dotlottie/player-component@latest/dist/dotlottie-player.js"></script>
<dotlottie-player
src="/assets/animations/TartLogo.lottie"
mode="normal"
style="width: 75%; margin: auto;"
autoplay
/>
</div>
<!-- landing content -->
<div class="tx-landing__content">
<h2><strong>Tart</strong> is a virtualization toolset to build, run and manage <i>macOS</i> and <i>Linux</i> virtual machines on <i>Apple Silicon.</i></h2>
<p>
Tart utilizes <i>Virtualization.Framework</i> to achieve nearly native performance.
Benefit from clean ephemeral environments for your automations with no performance implications.
</p>
<p>
For storing virtual machine images Tart integrates with OCI-compatible container registries.
Push and pull virtual machines like you used to with Docker containers.
</p>
<p>
Tart powers several continuous integration systems including <a href="/github-actions">on-demand GitHub Actions</a>
and <a href="https://cirrus-ci.org/guide/macOS/">Cirrus CI</a>. Tart can be easily <a href="/cirrus-cli">integrated with any other CI</a>
and soon will get <a href="https://github.com/cirruslabs/tart/issues/372">clustering capabilities</a>
to orchestrate virtual machines on multiple physical hosts.
</p>
<a
href="/quick-start"
title="Quick Start"
class="md-button"
>
Learn More
</a>
</div>
</div>
</div>
</section>
{% endblock %}
<!-- Content -->
{% block content %}{% endblock %}
<!-- Application footer -->
{% block footer %}{% endblock %}