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

{% block body %}
  <!-- Banner -->
  <section id="banner">
    <div class="content">
      <header>
        <h1>Unleash the power of Frida.</h1>
      </header>
      <p>"If I have seen further, it is by standing on the shoulders of giants."<br>&nbsp;&nbsp;&nbsp;&nbsp; -Sir Issac Newton</p>
      <p>The Frida CodeShare project is comprised of developers from around the world working together with one goal - push <a href="https://www.frida.re/">Frida</a> to its limits in new and innovative ways.</p>
      <p>Frida has <a href="https://www.frida.re/docs/quickstart/">amazing potential</a>, but needed a better forum to share ideas, so we've put together CodeShare to help stoke innovation and push Frida to its highest potential!</p>
      <ul class="actions">
        <li><a href="/browse" class="button big">Browse Code</a></li>
      </ul>
    </div>
    <span class="image object">
      <img src="{% static 'images/logo.png' %}" alt=""/>
    </span>
  </section>

  <!-- Section -->
  <section>
    <header class="major">
      <h2>Most Popular Projects</h2>
    </header>
    <div class="posts">
      {% for project in projects %}
        <article>
          <h2><a href="{{ project.url }}">{{ project.project_name }}</a></h2>
          <h3>
            <i class="fa fa-thumbs-o-up" aria-hidden="true"></i> {{ project.vote_count }} | <i class="fa fa-eye" aria-hidden="true"></i> {{ project.view_count }}
          </h3>
          <h4>Uploaded by: <a href="/@{{ project.owner.nickname }}/">@{{ project.owner.nickname }}</a></h4>
          <p>{{ project.description }}</p>
          <ul class="actions">
            <li><a href="{{ project.url }}" class="button">Project Page</a></li>
            {% if project.is_owner %}
              <li><a href="{{ project.url }}edit" class="button">Edit</a></li>
            {% endif %}
          </ul>
        </article>
      {% endfor %}
      {% if projects_are_odd %}
        <article></article>
      {% endif %}

    </div>
  </section>

{% endblock %}

{% block extrascripts %}
  <script src="https://cdn.auth0.com/js/lock/10.16.0/lock.min.js"></script>

  <script>
      $(document).ready(function () {
          var lock = new Auth0Lock(
              "{{ AUTH0_CLIENT_ID }}",
              "{{ AUTH0_DOMAIN }}",
              {
                  allowedConnections: ["google-oauth2", "github"],
                  rememberLastLogin: true,
                  socialButtonStyle: "big",
                  languageDictionary: {"title": "Auth0"},
                  language: "en",
                  theme: {
                      "logo": "{% static "images/logo-small.png" %}",
                      "primaryColor": "#EF6456"
                  },
                  auth: {
                      redirectUrl: '{{ AUTH0_CALLBACK_URL }}',
                      responseType: 'code',
                      params: {
                          scope: 'openid email'
                      }
                  }
              }
          );
      });
  </script>
{% endblock %}