index.html 3.12 KB
Newer Older
1 2
{% extends "base.html" %}
{% load i18n %}
3 4
{% load staticfiles %}
{% block currentpagetitle %}{% trans "Home" %}{% endblock %}
5

6 7 8 9 10
{% block hometop %}active{% endblock %}

{% block bodyclass %}home{% endblock %}
{% block content %}
	<div id="map_wrapper">
Kroustouris Stauros's avatar
Kroustouris Stauros committed
11
		<div id="map_canvas" style="width:100%; height:600px; overflow: hidden;" data-map-center-lat="{{MAP_CENTER.0}}" data-map-center-lng="{{MAP_CENTER.1}}" data-group-pin="{% static 'img/edugroup.png' %}" data-pin="{% static 'img/edupin.png' %}" data-city="{% static 'img/city.png' %}" data-country="{% static 'img/country.png' %}" data-markers="{% url get-all-services %}"></div>
12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63
	</div>
	<div class="squares">
		<div class="container">
			<div class="row">
				<div class="col-lg-4 square">
					<div>
						<h3>
							<i class="fa fa-location-arrow fa-5x"></i>
						</h3>
						<p>
							{% blocktrans %}
							You might be wondering about the location of the closest eduroam access points in order to be able to connect to Eduroam. We provide a service and an api in order to help you find the closest Eduroam access point.
							{% endblocktrans %}

						</p>

						<p>
							<a href="{% url geolocate %}" target="_blank" class="btn btn-primary btn-lg" href="#" role="button">		Show me!
							</a>

						</p>
					</div>
				</div>
				<div class="col-lg-4 square">
					<div class="">
						<h3>
							<i class="fa fa-wifi fa-5x"></i>
						</h3>
						<p>
						{% blocktrans %}
							Eduroam (education roaming) is the secure, world-wide roaming access service developed for the international research and education community. It allows students, researchers and staff from participating institutions to obtain Internet connectivity across campus and when visiting other participating institutions by simply opening their laptop.
						{% endblocktrans %}
						</p>
					</div>
				</div>
				<div class="col-lg-4 square">
					<div>
						<h3>
							<i class="fa fa-cog fa-5x"></i>
						</h3>
						<div class="">
							<p>
							{% blocktrans %}
								To use eduroam wifi you will need to setup your laptop or smartphone. As end-user you will only be able to use eduroam if your institution provides electronic identity (e.g. account for network access). In that case you will need to contact your administrator and ask for an account. You (or your network administrator) will have to configure your computer to enable eduroam access.
							{% endblocktrans %}
							</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
64 65
{% endblock %}

66 67 68 69
{% block extrahead %}
<link href="{% static 'css/mapescape.css' %}" rel="stylesheet">
{% endblock %}

70 71
{% block extrajs %}
<script type="text/javascript" src="{% static 'js/markerclusterer.js' %}"></script>
72
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&amp;region={{COUNTRY_CODE}}{% if GOOGLE_MAPS_API_KEY %}&amp;key={{ GOOGLE_MAPS_API_KEY }}{% endif %}"></script>
73 74
<script type="text/javascript" src="{% static 'js/jquery.adapt_height.js' %}"></script>
<script type="text/javascript" src="{% static 'js/mapescape.js' %}"></script>
75 76
<script type="text/javascript" src="{% static 'js/home-page-map.js' %}"></script>
{% endblock %}