{% extends "landscape/base_landscape.html" %}

{% from "_macros/vf_hero.jinja" import vf_hero %}
{% from "_macros/vf_tiered-list.jinja" import vf_tiered_list %}

{% block title %}Landscape Features{% endblock %}

{% block meta_description %}
  Landscape makes security and compliance  cost-effective for any number of  desktops, servers and cloud instances. Its functionality encompasses software management, patching security vulnerabilities, inventory management and monitoring.
{% endblock meta_description %}

{% block meta_copydoc %}
  https://docs.google.com/document/d/1AM3pioDfZapMw_HpQOYei2k7IfiChu0YN8Iwp7JzWRY/edit#
{% endblock meta_copydoc %}

{% block content %}

  {% call(slot) vf_hero(
    title_text='Manage thousands of Ubuntu<br /> machines as easily as one',
    subtitle_text='',
    layout='50/50-full-width-image'
    ) -%}
    {%- if slot == 'description' -%}
      <p>
        Landscape is the most cost-effective way to support and administer large and growing networks of desktops, servers, clouds, and embedded devices. Reduce your team's efforts for day-to-day linux server management and desktop administration.
      </p>
    {%- endif -%}
    {%- if slot == 'cta' -%}
      <a href="/landscape/compare" class="p-button--positive">Get Landscape</a>
      <a href="/landscape/contact-us" class="p-button js-invoke-modal">Contact us</a>
    {%- endif -%}
    {%- if slot == 'image' -%}
      <div class="p-image-container--cinematic is-cover">
        {{ image(url="https://assets.ubuntu.com/v1/6f7a10ec-hero.png",
                alt="",
                width="2464",
                height="1027",
                hi_def=True,
                loading="auto|lazy",
                attrs={"class": "p-image-container__image"}) | safe
        }}
      </div>
    {% endif -%}
  {% endcall -%}

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>
          Systems
          <br class="u-hide--small" />
          management
        </h2>
      </div>
      <div class="col">
        <ul class="p-list--divided">
          <li class="p-list__item is-ticked">Manage desktop, server and cloud deployments</li>
          <li class="p-list__item is-ticked">
            Up to 40,000 machines with a single instance, and scale up for larger deployments
          </li>
          <li class="p-list__item is-ticked">Create custom profiles for managing different machine classes</li>
          <li class="p-list__item is-ticked">Easily install, update and remove software</li>
          <li class="p-list__item is-ticked">Define policies for automated updates and security patches</li>
          <li class="p-list__item is-ticked">Configure users and groups</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="row--50-50">
      <hr class="p-rule" />
      <div class="col">
        <h2>Monitor your machines at scale</h2>
      </div>
      <div class="col">
        <ul class="p-list--divided">
          <li class="p-list__item is-ticked">Set alerts for updates on specific machines</li>
          <li class="p-list__item is-ticked">Graph trends of temperature, disk, memory usage and system load</li>
          <li class="p-list__item is-ticked">List all processes running on a machine and remotely kill rogue processes</li>
          <li class="p-list__item is-ticked">Build your own graphs with custom metrics</li>
        </ul>
      </div>
    </div>
  </section>

  <section class="p-section">
    <div class="p-section--shallow">
      <div class="u-fixed-width">
        <hr class="p-rule" />
        <h2>Maintain security and compliance</h2>
      </div>
    </div>
    <div class="p-equal-height-row--wrap">
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted is-cover">
            {{ image(url="https://assets.ubuntu.com/v1/f42fe551-patch compliance-updated.png",
                        alt="",
                        width="568",
                        height="853",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--medium"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/d51507c7-patch compliance - tablet.png",
                        alt="",
                        width="568",
                        height="569",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--large"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/f19c7eea-patch compliance - mobile.png",
                        alt="",
                        width="1174",
                        height="782",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--medium u-hide--large"}) | safe
            }}
          </div>
        </div>
        <h3 class="p-equal-height-row__item p-heading--5">Patch compliance - keep systems secure and up to date</h3>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted is-cover">
            {{ image(url="https://assets.ubuntu.com/v1/d6b6ae6b-rbac.png",
                        alt="",
                        width="568",
                        height="853",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--medium"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/840b2dda-rbac%20-%20tablet.png",
                        alt="",
                        width="568",
                        height="569",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--large"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/04ddcef2-rbac%20-%20mobile.png",
                        alt="",
                        width="1174",
                        height="782",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--medium u-hide--large"}) | safe
            }}
          </div>
        </div>
        <h3 class="p-equal-height-row__item p-heading--5">Role Based Access Control (RBAC)</h3>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted is-cover">
            {{ image(url="https://assets.ubuntu.com/v1/bb8fd9a7-automated.png",
                        alt="",
                        width="568",
                        height="853",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--medium"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/28f2d144-automated%20-%20tablet.png",
                        alt="",
                        width="568",
                        height="569",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--large"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/d318bd9e-automated%20-%20mobile.png",
                        alt="",
                        width="1174",
                        height="782",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--medium u-hide--large"}) | safe
            }}
          </div>
        </div>
        <h3 class="p-equal-height-row__item p-heading--5">Automated audit logging and compliance reporting</h3>
      </div>
      <div class="p-equal-height-row__col">
        <div class="p-equal-height-row__item">
          <div class="p-image-container--3-2-on-small p-image-container--square-on-medium p-image-container--2-3-on-large is-highlighted is-cover">
            {{ image(url="https://assets.ubuntu.com/v1/99d5b20b-regulatory-compliance.png",
                        alt="",
                        width="568",
                        height="853",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--medium"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/acecc768-regulatory-compliance%20-%20tablet.png",
                        alt="",
                        width="568",
                        height="569",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--small u-hide--large"}) | safe
            }}
            {{ image(url="https://assets.ubuntu.com/v1/39710e02-regulatory-compliance%20-%20mobile.png",
                        alt="",
                        width="1174",
                        height="782",
                        hi_def=True,
                        loading="lazy",
                        attrs={"class": "p-image-container__image u-hide--medium u-hide--large"}) | safe
            }}
          </div>
        </div>
        <h3 class="p-equal-height-row__item p-heading--5">
          Regulatory compliance is significantly simplified with custom reporting
        </h3>
      </div>
    </div>
  </section>

  <section class="p-section">
    {%- call(slot) vf_tiered_list(is_list_full_width_on_tablet=false) -%}
      {%- if slot == 'title' -%}
        <h2>Why choose Landscape?</h2>
      {%- endif -%}

      {%- if slot == 'list_item_title_1' -%}
        <h3 class="p-heading--5">Control your inventory</h3>
      {%- endif -%}

      {%- if slot == 'list_item_description_1' -%}
        <ul class="p-list--divided">
          <li class="p-list__item is-ticked">Quickly track full software package information for all registered machines</li>
          <li class="p-list__item is-ticked">Gather asset information in real time</li>
          <li class="p-list__item is-ticked">Create dynamic search groups to perform operations on categories of machines</li>
          <li class="p-list__item is-ticked">Easily access any machine property</li>
        </ul>
      {%- endif -%}

      {%- if slot == 'list_item_title_2' -%}
        <h3 class="p-heading--5">Package repository management</h3>
      {%- endif -%}

      {%- if slot == 'list_item_description_2' -%}
        <ul class="p-list--divided">
          <li class="p-list__item is-ticked">Mirror and stage internal or external APT repositories</li>
          <li class="p-list__item is-ticked">Upload and manage custom packages</li>
        </ul>
      {%- endif -%}

      {%- if slot == 'list_item_title_3' -%}
        <h3 class="p-heading--5">
          Integrate Landscape
          <br />
          with your current systems
        </h3>
      {%- endif -%}

      {%- if slot == 'list_item_description_3' -%}
        <ul class="p-list--divided">
          <li class="p-list__item is-ticked">Scriptable API to customize Landscape for your organization’s needs</li>
          <li class="p-list__item is-ticked">
            Integrate with your current configuration management, monitoring and ticketing systems
          </li>
        </ul>
      {%- endif -%}
    {%- endcall -%}
  </section>

  <hr class="p-rule is-fixed-width" />

  <section class="p-strip is-deep">
    <div class="u-fixed-width">
      <div class="p-section--shallow">
        <h2>Deploy, monitor and manage your Ubuntu systems</h2>
      </div>
      <div class="p-cta-block">
        <a href="/landscape/compare"
           class="p-button--positive"
           aria-label="Try Landscape">Get Landscape</a>
        <a href="/landscape/contact-us" class="js-invoke-modal">Contact us&nbsp;&rsaquo;</a>
      </div>
    </div>
  </section>

  <!-- Set default Marketo information for contact form below-->
  <div class="u-hide"
       id="contact-form-container"
       data-form-location="/shared/forms/interactive/landscape"
       data-form-id="4473"
       data-lp-id=""
       data-return-url="/landscape/features"
       data-lp-url="https://pages.ubuntu.com/things-contact-us.html"></div>

  <script src="/static/js/src/landscape-form.js"></script>

{% endblock content %}