[auf_framonde.git] / project / templates / base.html

{% load cms_tags%}
<!DOCTYPE html>
<html>
<head>
	<!-- META YEAH -->
	<title>Framonde - {% if page_title %}{{page_title}}{% endif %}</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<meta name="description" content="" />
	<!-- CSS -->
	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/kickstart.css" media="all" />
	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" media="all" /> 
	<!-- Javascript -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}js/kickstart.js"></script>
</head>

<!-- CONTENEUR GLOBAL -->
<div class="grid" style="max-width: 1000px;">
	
	<!-- PARTIE HEADER -->
	<div class="Entete">
		<div class="col_12 logo" style="margin-top: 0px; margin-bottom: 0px">
			<img src="{{ STATIC_URL }}img/logo.png">
		</div>
	</div>
	
	<!-- PARTIE MENU -->
	<div class="Sommaire">
		<div class="col_12" style="margin-top: 0px;position: relative;">
			<ul class="menu">
				<li class="current bleu"><a href="/"><i class="icon-home"></i></a></li>
				<li class="jaune"><a href="{% page_url 'propos' %}">A propos</a></li>
				<li class="vert"><a href="/appels-communications/">Appels à communications</a></li>
				<li class="violet"><a href="/appels-contributions/">Appels à contributions</a></li>
				<li class="rouge"><a href="/appels-offres/">Appels d'offres</a></li>
				<li class="bleu"><a href="{% page_url 'archives' %}">Archives</a></li>
			</ul>
			<div class="recherche">
				<form id="rechercher" name="rechercher" method="get" action="/recherche/">
				<input class="square" name="q" id="q" type="text" placeholder="Rechercher" style="width: 140px">
				<a href="#" onClick="javascript:rechercher.submit();return false;"><li class="icon-search"></li></a>
				</form>
			</div>
		</div>
	</div>

	<!-- PARTIE CONTENU -->
	<div class="Contenu">
		
		<!-- COLONNE DE GAUCHE-->
		<div class="col_8 gauche">
			{% block Contenu %}
			{% endblock %}
		</div>


		<!-- COLONNE DE DROITE-->
		<div class="col_4 droite">

			<!-- Bloc 1 droite -->
			<div class="titre_bloc" style="margin-top:12px;"><p>S'abonner</p></div>
			<div class="bloc">
				<p>Vous pouvez vous abonner à la liste ou modifier votre abonnement actuel en renseignant votre adresse:</p>
				<form method='post' name="news" action='/abonnement/'>{% csrf_token %}
					{{ abonne_form.adresse }}
					<button class="small red" type='submit'><li class="icon-chevron-right"></li></button>
				</form>
			</div>
			
			<!-- Bloc 2 droite -->
			<div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
			<div class="bloc">
				<p>Vous pouvez l’alimenter en adressant vos annonces sous fichier joint dans le cadre de ces rubriques à : <a href="mailto:francais-langues@auf.org">francais-langues@auf.org</a></p><p>Les annonces doivent être rédigées sous format word, odt ou rtf (caractères Times New Roman ou Arial). </p>
			</div>

			<!-- Bloc 2 droite -->
			<div class="titre_bloc"><p>Archive de publication</p></div>
			<div class="bloc">
				<ul>
				{% for item in archive_side %}
					<li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub|date:"d F Y"}}</a></li>
				{% endfor %} 
				</ul>
			</div>

		</div>

	</div>

	<!--PIED DE PAGE -->
	<div class="pied_page">
		<div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
	</div>
	
</div>

</body>
</html>
Commit	Line	Data
01b54c21 MN	1	{% load cms_tags%}
	2	<!DOCTYPE html>
	3	<html>
	4	<head>
06e4290d	5	<!-- META YEAH -->
89db035f	6	<title>Framonde - {% if page_title %}{{page_title}}{% endif %}</title>
01b54c21 MN	7	<meta charset="UTF-8">
	8	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	9	<meta name="description" content="" />
	10	<!-- CSS -->
	11	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/kickstart.css" media="all" />
	12	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" media="all" />
	13	<!-- Javascript -->
	14	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	15	<script type="text/javascript" src="{{ STATIC_URL }}js/kickstart.js"></script>
	16	</head>
	17
	18	<!-- CONTENEUR GLOBAL -->
	19	<div class="grid" style="max-width: 1000px;">
	20
	21	<!-- PARTIE HEADER -->
	22	<div class="Entete">
	23	<div class="col_12 logo" style="margin-top: 0px; margin-bottom: 0px">
	24	<img src="{{ STATIC_URL }}img/logo.png">
	25	</div>
	26	</div>
	27
	28	<!-- PARTIE MENU -->
	29	<div class="Sommaire">
	30	<div class="col_12" style="margin-top: 0px;position: relative;">
	31	<ul class="menu">
	32	<li class="current bleu"><a href="/"><i class="icon-home"></i></a></li>
	33	<li class="jaune"><a href="{% page_url 'propos' %}">A propos</a></li>
	34	<li class="vert"><a href="/appels-communications/">Appels à communications</a></li>
	35	<li class="violet"><a href="/appels-contributions/">Appels à contributions</a></li>
	36	<li class="rouge"><a href="/appels-offres/">Appels d'offres</a></li>
	37	<li class="bleu"><a href="{% page_url 'archives' %}">Archives</a></li>
	38	</ul>
	39	<div class="recherche">
	40	<form id="rechercher" name="rechercher" method="get" action="/recherche/">
	41	<input class="square" name="q" id="q" type="text" placeholder="Rechercher" style="width: 140px">
	42	<a href="#" onClick="javascript:rechercher.submit();return false;"><li class="icon-search"></li></a>
	43	</form>
	44	</div>
	45	</div>
	46	</div>
	47
	48	<!-- PARTIE CONTENU -->
	49	<div class="Contenu">
	50
	51	<!-- COLONNE DE GAUCHE-->
	52	<div class="col_8 gauche">
	53	{% block Contenu %}
	54	{% endblock %}
	55	</div>
	56
	57
	58	<!-- COLONNE DE DROITE-->
	59	<div class="col_4 droite">
	60
	61	<!-- Bloc 1 droite -->
	62	<div class="titre_bloc" style="margin-top:12px;"><p>S'abonner</p></div>
	63	<div class="bloc">
	64	<p>Vous pouvez vous abonner à la liste ou modifier votre abonnement actuel en renseignant votre adresse:</p>
	65	<form method='post' name="news" action='/abonnement/'>{% csrf_token %}
	66	{{ abonne_form.adresse }}
	67	<button class="small red" type='submit'><li class="icon-chevron-right"></li></button>
	68	</form>
	69	</div>
	70
71	<!-- Bloc 2 droite -->
72	<div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
73	<div class="bloc">
74	<p>Vous pouvez l’alimenter en adressant vos annonces sous fichier joint dans le cadre de ces rubriques à : <a href="mailto:francais-langues@auf.org">francais-langues@auf.org</a></p><p>Les annonces doivent être rédigées sous format word, odt ou rtf (caractères Times New Roman ou Arial). </p>
75	</div>
76
77	<!-- Bloc 2 droite -->
78	<div class="titre_bloc"><p>Archive de publication</p></div>
79	<div class="bloc">
80	<ul>
81	{% for item in archive_side %}
82	<li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub\|date:"d F Y"}}</a></li>
83	{% endfor %}
84	</ul>
85	</div>
86
87	</div>
88
89	</div>
90
91	<!--PIED DE PAGE -->
92	<div class="pied_page">
93	<div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
94	</div>
95
96	</div>
97
98	</body>
99	</html>