{% extends "base.html" %}
{% load static %}

{% block title %}Arch Linux - Artwork{% endblock %}

{% block content %}
<div id="artwork" class="box">

    <h2>Arch Linux Logos and Artwork</h2>

    <h3>Logos for Press Usage</h3>

    <p>The following Arch Linux logos are available for press and other use, subject to
    the restrictions of our <a href="https://terms.archlinux.org/docs/trademark-policy/"
        title="Arch Linux Trademark Policy">trademark policy</a>.</p>

    <p><strong>Two-color standard version</strong><br />
    <em>Also available in print-quality
        <a href="{% static "logos/archlinux-logo-dark-1200dpi.png" %}"
            title="Download 1200dpi PNG format">PNG</a> and scalable
        <a href="{% static "logos/archlinux-logo-dark-scalable.svg" %}"
            title="Download scalable SVG format">SVG</a> formats.</em></p>

    <img src="{% static "logos/archlinux-logo-dark-90dpi.png" %}"
    alt="Arch Linux PNG logo @ 90dpi" title="Arch Linux PNG logo @ 90dpi" />

    <p><strong>Two-color inverted version</strong> (for dark backgrounds)<br />
    <em>Also available in print-quality
        <a href="{% static "logos/archlinux-logo-light-1200dpi.png" %}"
            title="Download 1200dpi PNG format">PNG</a> and scalable
        <a href="{% static "logos/archlinux-logo-light-scalable.svg" %}"
            title="Download scalable SVG format">SVG</a> formats.</em></p>

    <img src="{% static "logos/archlinux-logo-light-90dpi.png" %}"
    alt="Arch Linux PNG logo @ 90dpi" title="Arch Linux PNG logo @ 90dpi" class="inverted" />

    <p><strong>One-color standard version</strong><br />
    <em>Also available in print-quality
            <a href="{% static "logos/archlinux-logo-black-1200dpi.png" %}"
                title="Download 1200dpi PNG format">PNG</a> and scalable
            <a href="{% static "logos/archlinux-logo-black-scalable.svg" %}"
                title="Download scalable SVG format">SVG</a> formats.</em></p>

            <img src="{% static "logos/archlinux-logo-black-90dpi.png" %}"
            alt="Arch Linux PNG logo @ 90dpi" title="Arch Linux PNG logo @ 90dpi" />

    <p><strong>One-colour inverted version</strong> (for dark backgrounds)<br />
    <em>Also available in print-quality
        <a href="{% static "logos/archlinux-logo-white-1200dpi.png" %}"
            title="Download 1200dpi PNG format">PNG</a> and scalable
        <a href="{% static "logos/archlinux-logo-white-scalable.svg" %}"
            title="Download scalable SVG format">SVG</a> formats.</em></p>

    <img src="{% static "logos/archlinux-logo-white-90dpi.png" %}"
    alt="Arch Linux PNG logo @ 90dpi" title="Arch Linux PNG logo @ 90dpi" class="inverted" />

    <h3>Logos and Artwork for the Community</h3>

    <p>Official logos and artwork are also available directly from the
    repositories. Currently, these packages are:</p>

    <ul>
        <li><strong>archlinux-wallpaper</strong> - a variety of desktop wallpapers
            for standard and widescreen resolutions</li>
        <li><strong>archlinux-themes-slim</strong> - SLiM login themes</li>
    </ul>

    <p>Alternatively, you can <a href="https://sources.archlinux.org/other/artwork/"
        title="Browse the artwork source">download the source files</a>.</p>

    <h3>Former Logos</h3>

    <p>Arch has gone through a few generations of branding and what follows are
    some of our past logos. Although these images are no longer used frequently,
    they remain subject to license restrictions. Email
    <strong>trademarks@archlinux.org</strong> with any questions.</p>

    <h4>Original Ribbon Series</h4>

    <div class="imagelist">
        <img src="{% static "logos/legacy/arch-legacy-ribbon1.png" %}" alt="Arch Ribbon Logo 1"/>
        <img src="{% static "logos/legacy/arch-legacy-ribbon2.png" %}" alt="Arch Ribbon Logo 2"/>
        <img src="{% static "logos/legacy/arch-legacy-ribbon5.png" %}" alt="Arch Ribbon Logo 5"/>
    </div>

    <div class="imagelist">
        <img src="{% static "logos/legacy/arch-legacy-ribbon3.png" %}" alt="Arch Ribbon Logo 3"/>
        <img src="{% static "logos/legacy/arch-legacy-ribbon4.png" %}" alt="Arch Ribbon Logo 4"/>
        <img src="{% static "logos/legacy/arch-legacy-ribbon6.png" %}" alt="Arch Ribbon Logo 6"/>
    </div>

    <h4>"Arch Blue" Series</h4>

    <div class="imagelist">
        <a href="{% static "logos/legacy/arch-legacy-blue1.svg" %}" title="Arch Blue">
            <img src="{% static "logos/legacy/arch-legacy-blue1.png" %}" alt="Arch Blue"/></a>
        <a href="{% static "logos/legacy/arch-legacy-blue2.svg" %}" title="Arch Blue Vertical">
            <img src="{% static "logos/legacy/arch-legacy-blue2.png" %}" alt="Arch Blue Vertical"/></a>
    </div>

    <h4>"Arch Aqua" Series</h4>

    <div class="imagelist">
        <a href="{% static "logos/legacy/arch-legacy-aqua.svg" %}" title="Arch Aqua">
            <img src="{% static "logos/legacy/arch-legacy-aqua.png" %}" alt="Arch Aqua" /></a>
        <a href="{% static "logos/legacy/arch-legacy-aqua-blue.svg" %}" title="Arch Aqua Blue">
            <img src="{% static "logos/legacy/arch-legacy-aqua-blue.png" %}" alt="Arch Aqua Blue" /></a>
        <a href="{% static "logos/legacy/arch-legacy-aqua-white.svg" %}" title="Arch Aqua White">
            <img src="{% static "logos/legacy/arch-legacy-aqua-white.png" %}" alt="Arch Aqua White" /></a>
    </div>

    <h4>Release-specific Series</h4>

    <div class="imagelist">
        <a href="{% static "logos/legacy/arch-legacy-wombat-lg.png" %}" title="Arch Wombat">
            <img src="{% static "logos/legacy/arch-legacy-wombat.png" %}" alt="Arch Wombat" /></a>
        <a href="{% static "logos/legacy/arch-legacy-noodle-blue.svg" %}" title="Arch Noodle Blue">
            <img src="{% static "logos/legacy/arch-legacy-noodle-blue.png" %}" alt="Arch Noodle Blue" /></a>
        <a href="{% static "logos/legacy/arch-legacy-noodle-white.svg" %}" title="Arch Noodle White">
            <img src="{% static "logos/legacy/arch-legacy-noodle-white.png" %}" alt="Arch Noodle White" /></a>
        <a href="{% static "logos/legacy/arch-legacy-noodle-box.svg" %}" title="Arch Box of Noodles">
            <img src="{% static "logos/legacy/arch-legacy-noodle-box.png" %}" alt="Arch Box of Noodles" /></a>
        <a href="{% static "logos/legacy/arch-legacy-noodle-cup.svg" %}" title="Arch Cup of Noodles">
            <img src="{% static "logos/legacy/arch-legacy-noodle-cup.png" %}" alt="Arch Cup of Noodles" /></a>
    </div>

</div><!-- #artwork -->
{% endblock %}
