archived-www/dolweb/homepage/templates/homepage-home.html

{% extends "_base.html" %}

{% load blog_tags %}
{% load compat %}
{% load i18n %}
{% load humanize %}
{% load l10n %}
{% load staticfiles %}
{% load thumbnail %}
{% load zinnia %}

{% block "metadescr" %}{% blocktrans with ver=last_master.shortrev %}Official website of Dolphin, the GameCube and Wii emulator. Download the latest version ({{ ver }}) now or ask questions on our forums for help.{% endblocktrans %}{% endblock %}

{% block "title" %}{% trans "GameCube/Wii games on PC" %}{% endblock %}

{% block "bodystart" %}
    {% if FB_LIKE_PAGE %}
    <div id="fb-root"></div>
    <script>(function(d, s, id) {
      var js, fjs = d.getElementsByTagName(s)[0];
      if (d.getElementById(id)) return;
      js = d.createElement(s); js.id = id;
      js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));</script>
    {% endif %}
{% endblock %}

{% block "extracss" %}
<link href="{% static "css/ekko-lightbox.min.css" %}" rel="stylesheet">
{% endblock %}

{% block "body" %}
<div class="jumbotron my-hero">
    <div class="row">
        <div class="col-md-6">
            <h1 class="title">{% trans "Dolphin Emulator" %}</h1>
            <p class="intro">
            {% blocktrans %}
            <b>Dolphin</b> is an emulator for two recent Nintendo video game
            consoles: the <b>GameCube</b> and the <b>Wii</b>. It allows PC
            gamers to enjoy games for these two consoles in <b>full HD</b>
            (1080p) with several enhancements: compatibility with all PC
            controllers, turbo speed, networked multiplayer, and even more!
            {% endblocktrans %}
            </p>

            <p class="download-btn"><a class="btn btn-primary btn-lg" href="{% url 'downloads_index' %}?ref=btn"><i class="icon-download-alt"></i> {% blocktrans %}Download {{ last_release }} for Windows, Mac and Linux »{% endblocktrans %}</a></p>
            {% if FB_LIKE_PAGE %}
            <div class="fb-like" data-href="{{ FB_LIKE_PAGE }}" data-send="false" data-layout="button_count" data-width="100" data-show-faces="true"></div>
            {% endif %}
            {% if GPLUS_LIKE_PAGE %}
            <div class="g-plusone" data-size="small" data-href="{{ GPLUS_LIKE_PAGE }}"></div>
            {% endif %}
        </div>
        <div class="col-md-6">
            <div id="carousel-sshot" class="carousel slide">
                <div class="carousel-inner">
                    {% for image in featured_images %}
                    <div class="item {% if forloop.counter == 1 %}active{% endif %}">
                        {% thumbnail image.image "853x480" crop="center" format="JPEG" quality=80 as big %}
                            <img src="{{ big.url }}" alt="{{ image.game_name }}">
                        {% endthumbnail %}
                        <div class="carousel-caption">
                            <h3>&nbsp;</h3>
                            <p>{{ image.game_name }}</p>
                        </div>
                    </div>
                    {% endfor %}
                </div>
                  <a class="left carousel-control" href="#carousel-sshot" data-slide="prev"><span class="icon-prev"></span></a>
                  <a class="right carousel-control" href="#carousel-sshot" data-slide="next"><span class="icon-next"></span></a>
            </div>
        </div>
    </div>
</div>

<div class="row sshot-row hidden-sm hidden-xs">
    {% for image in featured_images %}
    <div class="col-md-2 sshot-col">
        {% thumbnail image.image "x1080" upscale=False format="JPEG" quality=80 as big %}
        <a href="{{ big.url }}" data-toggle="lightbox" data-gallery="featured" data-title="{{ image.game_name }}">
            {% thumbnail image.image "640x360" crop="center" format="JPEG" quality=80 as small %}
            <img src="{{ small.url }}" alt="{{ image.game_name }}" class="fp-sshot">
            {% endthumbnail %}
        </a>
        {% endthumbnail %}
    </div>
    {% endfor %}
</div>

<div class="row" style="margin-top: 1em">
    <div class="col-md-3">
        <div class="realign ratings-stats well">
            <h4><a href="{% url 'compat_index' %}">{% trans "Compatibility" %} »</a></h4>

            <dl>
            {% for rating in all_ratings %}
            <dt>{{ rating|compat_text }}: {{ rating|rating_pct|floatformat }}%</dt>
            <dd><div class="progress"><div class="progress-bar progress-bar-{{ rating|rating_class }}" style="width: {{ rating|rating_pct|unlocalize }}%"></div></div></dd>
            {% endfor %}
            </dl>
        </div>

        {% include "blog_sidebar.html" %}
    </div>
    <div class="col-md-9">
        <a href="{% url 'zinnia:entry_feed' %}" class="rss-tag pull-right" title="{% trans "RSS feed of the latest articles" %}"><i class="icon-rss"></i></a>
        <h2 class="latest-articles">{% trans "Latest articles" %}</h2>
        {% for article in home_articles %}
        <div class="well">
            <h3><a href="{{ article.get_absolute_url }}" title="{{ article.title }}" rel="bookmark">
                {{ article.title }}
            </a></h3>
             <div class="entry-meta-line">
                <p class="entry-info">
                  {% with authors=article.authors.all %}
                  {% if authors|length %}
                  {% trans "Written by" %}
                  {% for author in authors %}
                  <span class="vcard author">
                    <a href="{{ author.get_absolute_url }}" class="fn url{% if not author.get_full_name %} nickname{% endif %}" rel="author"
                       title="{% blocktrans %}Show all {{ author }}'s entries{% endblocktrans %}">{{ author }}</a></span>{% if not forloop.last %}, {% endif %}
                  {% endfor %}
                  {% trans "on" %}
                  {% else %}
                  {% trans "Written on" %}
                  {% endif %}
                  {% endwith %}
                  <abbr class="published" title="{{ article.publication_date|date:"c" }}">{{ article.publication_date|date:"DATE_FORMAT" }}</abbr>
                  {% if article.within_series %}
                  {% url 'dolweb_blog_series' uid=article.within_series.pk as series_url %}
                  {% blocktrans with url=series_url name=article.within_series.name %}/ Part of series <a href="{{ url }}">{{ name}}</a>{% endblocktrans %}
                  {% endif %}
                  {% if article.forum_thread %}/ <i class="icon-comments"></i> <a href="{{ article.forum_thread.get_absolute_url }}" title="{% trans "Visit forum thread for this article" %}">{% trans "Forum thread" %}</a>{% endif %}
               </p>
            </div>
            <div class="entry-content">
                {{ article.html_content|cuthere_excerpt|safe }}
                <p><a href="{{ article.get_absolute_url }}#cuthere">{% trans "Read this article" %}</a></p>
            </div>
        </div>
        {% empty %}
        <p>{% trans "No articles yet." %}</p>
        {% endfor %}
    </div>
</div>

{% endblock %}

{% block "extrajs" %}
<script src="{% static "js/ekko-lightbox.min.js" %}"></script>
<script>
    {% if GPLUS_LIKE_PAGE %}
    (function() {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
    {% endif %}

    $(document).ready(function () {
        $('.carousel').carousel({
            interval: 7500
        });

        $('.carousel').carousel('cycle');
    });

    $(document).ready(function($) {
        $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
            event.preventDefault();
            return $(this).ekkoLightbox({
                always_show_close: true
            });
        });
    });
</script>
{% endblock %}