BaseBlog.html 2.73 KB
Newer Older
1
{% load staticfiles %}
2
{% load set_var %}
3

4 5
<!DOCTYPE html>
<html lang="fr">
Sli's avatar
Sli committed
6 7
	<head>
		<meta charset="utf-8">
Krophil's avatar
Krophil committed
8 9 10 11
		<title> XXIIIe Convention du Troll Penché</title>



Sli's avatar
Sli committed
12
		<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
13

14
		<link href="{% static "blog/css/base.css" %}" rel="stylesheet">
15
		<link href="{% static "blog/css/nav.css" %}" rel="stylesheet">
16 17

		<script src="https://use.fontawesome.com/e7e3959afc.js"></script>
18
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
19

Sli's avatar
Sli committed
20 21
	</head>
	<body>
22

Sli's avatar
Sli committed
23
		<div class="row">
Krophil's avatar
Krophil committed
24
			<div class="col-xs-1 col-md-3 col-lg-3">
Sli's avatar
Sli committed
25
				<div class="hidden-xs hidden-sm hidden-md">
Krophil's avatar
Krophil committed
26
					<img class="img-responsive logo" id="logo-mini" src="{% static "blog/img/troll.png"%}">
Sli's avatar
Sli committed
27 28
				</div>
			</div>
29

Krophil's avatar
Krophil committed
30 31 32 33 34
			<div class = "col-xs-12 col-md-6 col-lg-6 main-title">
				<h1><em>Convention du Troll Penché</em></h1>
			</div>

			<div class="col-xs-10 col-md-3 col-lg-3">
35

36 37
				{# Bannière #}
				<div class="row-fluid hidden-lg">
Krophil's avatar
Krophil committed
38
					<img class="img-responsive logo" id="logo-mobile" src="{% static "blog/img/troll.png"%}">
39 40 41
				</div>

				<div class="visible-lg-inline">
42
					{# <img class="img-responsive logo" src="{% static "blog/img/banderole.jpg" %}"> #}
43 44
				</div>

Sli's avatar
Sli committed
45 46
			</div>

47
		</div>
Sli's avatar
Sli committed
48

Krophil's avatar
Krophil committed
49

Sli's avatar
Sli committed
50 51
		<div class="row">

52
			{# Liens sociaux desktop #}
Krophil's avatar
Krophil committed
53
			<div class="col-md-1 col-sm-1">
Sli's avatar
Sli committed
54

Sli's avatar
Sli committed
55
				<div class="hidden-sm hidden-xs">
56 57 58
					<div class="social-mini">
						{% include "blog/media.html" %}
					</div>
59
				</div>
Sli's avatar
Sli committed
60 61 62 63

			</div>

			{# contenu #}
Krophil's avatar
Krophil committed
64
			<div class="col-xs-offset-1 col-sm-offset-0 col-md-10 col-xs-10">
Sli's avatar
Sli committed
65

66
				<div class="container-fluid content">
67
					<div class="row">
68 69 70
						{% include "blog/nav.html" %}
					</div>

71
					<div class="row-fluid" id="content">
72 73 74 75
						{% block body %}
						{% endblock %}
					</div>

Sli's avatar
Sli committed
76 77
					<br><br>

78
					<div class="row credit">
Sli's avatar
Sli committed
79
						{% include "blog/credits.html" %}
80
					</div>
Sli's avatar
Sli committed
81 82 83

				</div>

84
				{# Liens sociaux mobile #}
Sli's avatar
Sli committed
85
				<div class="container-fluid visible-xs visible-sm social-mobile">
86 87
					<br>
					{% include "blog/media.html" %}
Sli's avatar
Sli committed
88 89 90 91 92 93 94
				</div>

			</div>


		</div>

95 96 97 98 99 100 101 102 103 104 105

	<footer>
		<script
			  src="https://code.jquery.com/jquery-2.2.4.min.js"
			  integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
			  crossorigin="anonymous">
		</script>

		<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous">
		</script>

106 107 108 109 110
		<script src="{% static "blog/js/chrono.js" %}"></script>
		<script>
			SetChrono("{% static "blog/json/chrono.json" %}");
		</script>

111 112
	</footer>

Sli's avatar
Sli committed
113
	</body>
Sli's avatar
Sli committed
114
</html>