symposion_app/pinaxcon/templates/flatpages/homepage.html

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

{% block main_class %}container-fluid{% endblock %}
{% block extra_head %}
<script src="https://cdnjs.cloudflare.com/ajax/libs/dragscroll/0.0.8/dragscroll.min.js" async></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css"
integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ=="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js"
integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw=="
crossorigin=""></script>

{% endblock %}
{% block body %}
<div class="row">
  <div class="col-12">
    <img src="{% static 'assets/Header_placeholder.jpg' %}" id="hero">
    
  </div>
</div>

<div class="row bg-primary text-secondary ">
  <div class="sidescroll-container">
    <div class="col-12 sidescroll dragscroll">
      <div><img src="{% static 'assets/tram.jpg' %}" /></div>
      <div><img src="{% static 'assets/playground.jpg' %}" /></div>
      <div><img src="{% static 'assets/gardens.jpg' %}" /></div>
      <div><img src="{% static 'assets/memorial.jpg' %}" /></div>
    </div>
  </div>

  <div class="col-12 col-xl-6 content pt-5 pb-xl-5">
    <p>
      Themed <strong>Linux of Things</strong>, the 2019 linux.conf.au will again attract speakers and attendees from across the world to socialise, fraternise, lecture, listen, ask, answer and share with their peers.
    </p>
    <p>
      The conference will explore the use of free open source software and hardware for internet of things devices, along with security concerns, privacy and legal aspects, environmental impacts, everyday communnication, health, ethics, and much more.
    </p>
    
  </div>
  
  <div class="col-12 col-xl-6 content pt-xl-5 pb-5">
    <p>
      The <strong>Internet of Things</strong> has become ubiquitous in our lives – phones, TVs, fridges cars, homes and whole cities have become “smart” in the last couple of years.
    </p>
    <p>
      Behind this is an ever-increasing demand for always connected sensors and devices, exchanging, collating and analysing data, and often making decisions without us even noticing.
    </p>
    <p>
      Linux, with its lightweight footprint and robust security, and importantly its open source nature, has become a core component in this: Linux of Things
    </p>
  </div>
  
  <div class="col-12 content homepage-venue pt-xl-5 pt-2">
    <h2>Venue</h2>
    <p>University&nbsp;of&nbsp;Canterbury<br/>Christchurch, New&nbsp;Zealand</p>
  </div>
</div>
<div id="map"></div>
{% endblock %}

{% block extra_body %}
<script>
  var map = L.map('map').setView([-43.5235, 172.5839], 18);
  L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);
</script>
{% endblock %}