{% load sass_tags %}
{% load i18n compress %}
{% load static from staticfiles %}
{% load sekizai_tags i18n wiki_tags static %}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <title>{% block title %}Maidstone Hackspace{% endblock title %}</title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="description" content="Maidstone Hackspace is a space where makers, hackers, programmers, tinkerers, professionals and hobbyists can share knowledge and collaborate">
  <meta name="author" content="">

  <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
  <!--[if lt IE 9]>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
    <![endif]-->

  <link rel="apple-touch-icon" sizes="180x180" href="{% static 'images/apple-touch-icon.png' %}">
  <link rel="icon" type="image/png" href="{% static 'images/favicon-32x32.png' %}" sizes="32x32">
  <link rel="icon" type="image/png" href="{% static 'images/favicon-16x16.png' %}" sizes="16x16">
  <link rel="manifest" href="{% static 'manifest.json' %}">
  <link rel="mask-icon" href="{% static 'images/safari-pinned-tab.svg' %}" color="#008080">
  <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}">
  <meta name="apple-mobile-web-app-title" content="Maidstone Hackspace">
  <meta name="application-name" content="Maidstone Hackspace">
  <meta name="msapplication-config" content="{% static 'browserconfig.xml' %}">
  <meta name="theme-color" content="#008080">

  <link href="{% sass_src 'sass/project.scss' %}" rel="stylesheet">
  <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">


  {% block head-open-graph %}
  <meta property="og:title" content="Maidstone Hackspace" />
  <meta property="og:type" content="website" />
  <meta property="og:url" content="{{ request.build_absolute_uri }}" />
  <meta property="og:image" content="https://maidstone-hackspace.org.uk/static/images/android-chrome-192x192.png" />
  {% endblock head-open-graph %}

  {% block css %}{% endblock %}

  {% block head-extra %}
  {% endblock head-extra %}

  <script type="application/ld+json">
  i{
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Maidstone Hackspace",
    "legalName" : "Maidstone Hackspace",
    "url": "https://maidstone-hackspace.org.uk",
    "logo": "https://maidstone-hackspace.org.uk/static/images/logo.svg",
    "foundingDate": "2015",
    "address": {
    "@type": "PostalAddress",
      "streetAddress": "Maidstone Hackspace, Maidstone Community Support Centre",
      "addressLocality": "Maidstone",
      "addressRegion": "Kent",
      "postalCode": "ME14 1HH",
    "addressCountry": "UK"
  },
  "contactPoint": {
   "@type": "ContactPoint",
   "contactType": "customer service",
    "email": "contact@maidstone-hackspace.org.uk",
   "url": "https://maidstone-hackspace.org.uk/contact"
  },
  "sameAs": [
    "https://twitter.com/mhackspace",
    "https://www.facebook.com/maidstonehackspace/",
    "https://plus.google.com/+Maidstone-hackspaceOrgUk",
    "https://groups.google.com/forum/#!forum/maidstone-hackspace",
    "https://github.com/maidstone-hackspace"
  ]}
</script>
</head>

<body>

<div>
  <nav class="navbar navbar-toggleable-md navbar-inverse bg-inverse mb-4">
    <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse"
            data-target="#navbarMainMenu" aria-controls="navbarMainMenu" aria-expanded="false"
            aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"></span>
    </button>
    <a class="navbar-brand" href="{% url "home" %}">
      <img src="{% static "images/logo.svg" %}" alt="Maidstone Hackspace Logo" id="navbar-logo">
      Maidstone Hackspace
    </a>

    <div class="collapse navbar-collapse" id="navbarMainMenu">
      <ul class="navbar-nav mr-auto">
        <li class="nav-item">
          <a class="nav-link" href="{% url 'home' %}"><i class="fa fa-home"></i> Home</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'about' %}">About</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'chat' %}">Chat</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'blog' %}">Blog</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'wiki:root' %}">Wiki</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'spirit:index' %}">Forum</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'contact' %}">Contact</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="{% url 'group' %}">Mailing List</a>
        </li>
      </ul>

      <ul class="nav navbar-nav pull-xs-right">
        {% if request.user.is_authenticated %}
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="http://example.com" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Member Area
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
              <a class="dropdown-item" href="{% url 'users:detail' request.user.username %}">{% trans "My Profile" %}</a>
              <a class="dropdown-item" href="{% url 'members' %}">Members</a>
              <a class="dropdown-item" href="{% url 'requests' %}">Requests</a>
              {% if request.user.is_superuser %}
                  <a class="dropdown-item" href="{% url 'spirit:admin:index' %}">Forum Admin</a>
              {% endif %}
            </div>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="{% url 'account_logout' %}">{% trans "Sign Out" %}</a>
          </li>
        {% else %}
          <li class="nav-item">
            <a id="sign-up-link" class="nav-link" href="{% url 'account_signup' %}">{% trans "Sign Up" %}</a>
          </li>
          <li class="nav-item">
            <a id="log-in-link" class="nav-link" href="{% url 'account_login' %}">{% trans "Sign In" %}</a>
          </li>
        {% endif %}
      </ul>
    </div>
  </nav>
</div>

<div class="container">
  {% if messages %}
    {% for message in messages %}
      <div class="alert {% if message.tags %}alert-{{ message.tags }}{% endif %}">{{ message }}</div>
    {% endfor %}
  {% endif %}

  {% block content %}
    <h1>Under Construction</h1>
    <p>We are still working on this page. Please bare with us.</p>
  {% endblock content %}

</div>

<footer class="footer">
  <div class="container">
    {% block footer-left %}{% endblock footer-left %}
    <span class="text-muted">&copy; {% now "Y" %} Maidstone Hackspace</span>
    <span><a href="https://maidstone-hackspace.org.uk/wiki/maidstone-hackspace-constitution/">Constitution</a></span>
    <div class="float-right">
      <a href="https://github.com/maidstone-hackspace/" target="_blank"><i class="fa fa-github"></i></a>
      <a href="https://github.com/maidstone-hackspace/" target="_blank"><i class="fa fa-twitter"></i></a>
      <a href="https://www.facebook.com/maidstonehackspace/" target="_blank"><i class="fa fa-facebook"></i></a>
      <a class="btn btn-primary" href="https://groups.google.com/forum/#!forum/maidstone-hackspace" role="button">Mailing List</a>
    </div>
  </div>
</footer>

{% block modal %}{% endblock modal %}

{% block javascript %}
  <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js"
          integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n"
          crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js"
          integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb"
          crossorigin="anonymous"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js"
          integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn"
          crossorigin="anonymous"></script>

  {% compress js %}
    <script src="{% static 'js/project.js' %}"></script>
  {% endcompress %}
  <script>
    window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};
    ga('create', 'UA-63373181-1', 'auto');
    ga('set', 'transport', 'beacon');
    ga('send', 'pageview');
  </script>
  <script async src="https://www.google-analytics.com/analytics.js"></script>
  {% endblock javascript %}
  {% render_block "js" %}
</body>
</html>

