path: root/templates/public/index.html

{% extends "base.html" %}
{% load cache %}
{% load static from staticfiles %}
{% load wiki %}

{% block head %}
<link rel="alternate" type="application/rss+xml" title="{{ BRANDING_DISRONAME }} News Updates" href="/feeds/news/" />
<link rel="alternate" type="application/rss+xml" title="{{ BRANDING_DISRONAME }} Package Updates" href="/feeds/packages/" />
{% endblock %}

{% block content_left %}
{% cache 62 main-page-left secure %}
<div id="intro" class="box">
    <h2>A fully free, simple, and lightweight operating system</h2>

    <p>You've reached the website of the Parabola&nbsp;GNU/Linux-libre operating
    system.  The Parabola project is a community driven effort to provide a
    fully free (as in
    <a href="https://www.gnu.org/philosophy/free-sw">freedom</a>) operating
    system that is simple and lightweight.</p>

    <p>Derived from Arch Linux, Parabola GNU/Linux-libre provides packages from
    Arch that meet the
    <a href="http://www.gnu.org/distros/free-system-distribution-guidelines.html">Free
    System Distribution Guidelines (FSDG)</a> and replacements for the packages
    that don't meet this requirement.  Packages are provided for the i686,
    x86-64, and mips64el architectures.</p>

    <p>Our community is friendly and helpful.  Please hop on
    <a href="irc://chat.freenode.net#parabola">IRC channel</a> and check out our
    <a href="https://lists.parabolagnulinux.org/mailman/listinfo/">mailing
    lists</a> to get your feet wet. Also glance through our
    <a href="https://wiki.parabolagnulinux.org/">wiki</a> if you want to learn
    more about Parabola.</p>

    <p class="readmore"><a href="{% url 'page-about' %}"
        title="Learn more about {{ BRANDING_DISTRONAME }}">Learn more...</a></p>
</div>

<div id="news">
    <h3>
        <a href="{% url 'news-list' %}" title="Browse the news archives">Latest News</a>
        <span class="arrow"></span>
    </h3>

    <a href="/feeds/news/" title="{{ BRANDING_SHORTNAME }} News RSS Feed"
        class="rss-icon"><img width="16" height="16" src="{% static "rss.png" %}" alt="RSS Feed" /></a>

    {% for news in news_updates %}{% if forloop.counter0 < 5 %}
    <h4>
        <a href="{{ news.get_absolute_url }}"
            title="View full article: {{ news.title }}">{{ news.title }}</a>
    </h4>
    <p class="timestamp">{{ news.postdate|date }}</p>
    <div class="article-content">
        {% if forloop.counter0 == 0 %}{{ news.html|truncatewords_html:300 }}
        {% else %}{{ news.html|truncatewords_html:100 }}{% endif %}
    </div>
    {% else %}{% if forloop.counter0 == 5 %}
    <h3>
        <a href="{% url 'news-list' %}"
            title="Browse the news archives">Older News</a>
        <span class="arrow"></span>
    </h3>
    <dl class="newslist">
    {% endif %}
        <dt>{{ news.postdate|date }}</dt>
        <dd>
            <a href="{{ news.get_absolute_url }}"
                title="View full article: {{ news.title }}">{{ news.title }}</a>
        </dd>
    {% if forloop.last %}</dl>{% endif %}
    {% endif %}{% endfor %}
</div>
{% endcache %}
{% endblock %}

{% block content_right %}
{% cache 59 main-page-updates user.is_authenticated %}
<div id="pkgsearch" class="widget">
    <form id="pkgsearch-form" method="get" action="/packages/">
        <fieldset>
            <label for="pkgsearch-field">Package Search:</label>
            <input id="pkgsearch-field" type="text" name="q" size="18" maxlength="200" />
        </fieldset>
    </form>
</div>

<div id="pkg-updates" class="widget box">
    <h3>Recent Updates <span class="more">(<a href="/packages/?sort=-last_update"
            title="Browse all of the latest packages">more</a>)</span></h3>

    <a href="/feeds/packages/" title="{{ BRANDING_SHORTNAME }} Package Updates RSS Feed"
        class="rss-icon"><img width="16" height="16" src="{% static "rss.png" %}" alt="RSS Feed" /></a>

    <table>
        {% for update in pkg_updates %}
        <tr>
            <td class="pkg-name"><span class="{{ update.classes|join:' ' }}">{{ update.pkgbase }} {{ update.version }}</span></td>
            <td class="pkg-arch">
                {% for pkg in update.package_links %}<a href="{{ pkg.get_absolute_url }}"
                    title="Details for {{ pkg.pkgname }} [{{ pkg.repo|lower }}]">{{ pkg.arch }}</a>{% if not forloop.last %}/{% endif %}{% endfor %}
            </td>
        </tr>
        {% endfor %}
    </table>
</div>
{% endcache %}

{% cache 115 main-page-right secure %}
<div id="nav-sidebar" class="widget">
    <h4>Documentation</h4>

    <ul>
        <li><a href="{% wiki_url %}"
            title="Community documentation">Wiki</a></li>
        <li><a href="{% wiki_url 'Installation_guide' %}"
            title="Installation guide">Installation Guide</a></li>
        <li><a href="{% wiki_url "Beginners'_guide" %}"
            title="A good place to start for beginners">Beginners' Guide</a></li>
        <li><a href="{% wiki_url 'Migration' %}"
            title="Free your Arch installation">Migration from Arch Linux</a></li>
    </ul>

    <h4>Community</h4>

    <ul>
        <li><a href="{{ MAILMAN_BASE_URL }}/mailman/listinfo/"
            title="Community and developer mailing lists">Mailing Lists</a></li>
        <li><a href="{% wiki_url 'IRC_channels' %}"
            title="Official and regional IRC communities">IRC Channels</a></li>
        <li><a href="https://identi.ca/group/parabola"
            title="Parabola at identi.ca">Identi.ca group</a></li>
    </ul>

    <h4>Support</h4>

    <ul>
        <li><a href="{% url 'page-donate' %}"
            title="Help support {{ BRANDING_DISTRONAME }}">Donate</a></li>
    </ul>

    <h4>Tools</h4>

    <ul>
        <li><a href="{% url 'mirrorlist' %}"
            title="Get a custom mirrorlist from our database">Mirrorlist Updater</a></li>
        <li><a href="{% url 'mirror-list' %}"
            title="See a listing of all available mirrors">Mirror List</a></li>
        <li><a href="{% url 'mirror-status' %}"
            title="Check the status of all known mirrors">Mirror Status</a></li>
        <li><a href="{% url 'packages-differences' %}"
            title="See differences in packages between available architectures">Differences Reports</a></li>
    </ul>

    <h4>Development</h4>

    <ul>
        <li><a href="{{ PROJECTS_URL }}"
            title="Official {{BRANDING_SHORTNAME}} projects (git)">Projects in Git</a></li>
{% comment %}
        <li><a href="{% url 'page-svn' %}"
            title="View SVN entries for packages">SVN Repositories</a></li>
        <li><a href="{% wiki_url 'DeveloperWiki' %}"
            title="Developer Wiki articles">Developer Wiki</a></li>
{% endcomment %}
        <li><a href="/groups/"
            title="View the available package groups">Package Groups</a></li>
        <li><a href="/todo/"
            title="Hacker Todo Lists">Todo Lists</a></li>
        <li><a href="{% url 'releng-release-list' %}"
            title="Release Engineering ISO listing">ISO Release List</a></li>
        <li><a href="{% url 'visualize-index' %}"
            title="View visualizations">Visualizations</a></li>
    </ul>

    <h4>More Resources</h4>

    <ul>
        <li><a href="{% url 'page-keys' %}"
            title="Package/Database signing master keys">Signing Master Keys</a></li>
        <li><a href="{% wiki_url 'Media' %}"
            title="{{ BRANDING_DISTRONAME }} in the media">Press Coverage</a></li>
        <li><a href="{% url 'page-art' %}" title="{{ BRANDING_SHORTNAME }} logos and other artwork for promotional use">Logos &amp; Artwork</a></li>
        <li><a href="{% url 'news-list' %}" title="News Archives">News Archives</a></li>
        <li><a href="/feeds/" title="Various RSS Feeds">RSS Feeds</a></li>
        <li><a href="{% url 'page-devs' %}" title="Active hackers">Hackers Profiles</a></li>
        <li><a href="{% url 'page-fellows' %}" title="Retired hackers">Fellows Profiles</a></li>
    </ul>

</div>

{% comment %}
<div id="home-donate-button" class="widget">
donate button would go here
</div>
{% endcomment %}

<div id="arch-sponsors" class="widget">
    <a href="http://gnuchile.cl">
      <img src="{% static "gnuchile.png" %}"
	   alt="GNU Chile - Donates the .org domain"
	   title="GNU Chile - Donates the .org domain" />
    </a>

    <img src="{% static "venenux.png" %}"
	 alt="Venenux GNU/Linux - Donates the repo, wiki and lists hosting"
	 title="Venenux GNU/Linux - Donates the repo, wiki and lists hosting" />

    <a href="http://naltu.com">
      <img src="{% static "naltu.png" %}"
	   alt="Naltú - Donates the website, bugs, projects and ABSLibre hosting"
	   title="Naltú - Donates the website, bugs, projects and ABSLibre hosting" />
    </a>

    <a href="http://freedomincluded.com">
      <img src="{% static "freedomincluded.png" %}"
	   alt="Freedom Included - Donated Lemote Yeeloongs to port Parabola to the MIPS architecture"
	   title="Freedom Included - Donated Lemote Yeeloongs to port Parabola to the MIPS architecture" />
    </a>
</div>
{% endcache %}
{% endblock %}

{% block script_block %}
<div id="konami" style="display:none;"></div>

{% load cdn %}{% jquery %}
<script type="text/javascript">
function setupTypeahead() {
    $('#pkgsearch-field').typeahead({
        source: function(query, callback) {
            $.getJSON('/opensearch/packages/suggest', {q: query}, function(data) {
                callback(data[1]);
            });
        },
        matcher: function(item) { return true; },
        sorter: function(items) { return items; },
        menu: '<ul class="pkgsearch-typeahead"></ul>',
        items: 10,
        updater: function(item) {
            $('#pkgsearch-field').val(item);
            $('#pkgsearch-form').submit();
            return item;
        }
    }).attr('autocomplete', 'off');
    $('#pkgsearch-field').keyup(function(e) {
        if (e.keyCode === 13 &&
                $('ul.pkgsearch-typeahead li.active').size() === 0) {
            $('#pkgsearch-form').submit();
        }
    });
}
function setupKonami() {
    var konami = new Konami(function() {
        $('#konami').html('<img src="{% static "vector_tux.png" %}" alt=""/>');
        setTimeout(function() {
            $('#konami').fadeIn(500);
        }, 500);
        $('#konami').click(function() {
            $('#konami').fadeOut(500);
        });
    });
}
$(document).ready(function() {
    $.ajax({ url: "{% static "bootstrap-typeahead.min.js" %}", cache: true, dataType: "script", success: setupTypeahead });
    $.ajax({ url: "{% static "konami.min.js" %}", cache: true, dataType: "script", success: setupKonami });
});
</script>
{% endblock %}