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

{% load cms_tags sekizai_tags menu_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 -->
        {% render_block "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>

<body>
    {% cms_toolbar %}
<!-- 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' %}">À 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">
			<div class="titre_bloc" style="margin-top:12px;"><p>Dernier numéro</p></div>
			<div class="bloc">
				  <a href="{{ MEDIA_URL }}{{ archive_side.0.fichier }}" style="text-decoration: none">
					<img style="margin-left: 20%;" src="{{ STATIC_URL }}img/derniernumero.png"/></br>
					{{ archive_side.0.titre }} ({{ archive_side.0.fichier.size|filesizeformat }})
				   </a>
			</div>

			<!-- 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>Archives 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>

{% render_block "js" %}
</body>
</html>
Commit	Line	Data
2e4710d8	1	{% load cms_tags sekizai_tags menu_tags %}
01b54c21 MN	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 -->
2e4710d8	11	{% render_block "css" %}
01b54c21 MN	12	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}css/kickstart.css" media="all" />
	13	<link rel="stylesheet" type="text/css" href="{{ STATIC_URL }}style.css" media="all" />
	14	<!-- Javascript -->
	15	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
	16	<script type="text/javascript" src="{{ STATIC_URL }}js/kickstart.js"></script>
	17	</head>
	18
2e4710d8 PH	19	<body>
2e4710d8 PH	20	{% cms_toolbar %}
01b54c21 MN	21	<!-- CONTENEUR GLOBAL -->
	22	<div class="grid" style="max-width: 1000px;">
	23
	24	<!-- PARTIE HEADER -->
	25	<div class="Entete">
	26	<div class="col_12 logo" style="margin-top: 0px; margin-bottom: 0px">
	27	<img src="{{ STATIC_URL }}img/logo.png">
	28	</div>
	29	</div>
	30
	31	<!-- PARTIE MENU -->
	32	<div class="Sommaire">
	33	<div class="col_12" style="margin-top: 0px;position: relative;">
	34	<ul class="menu">
	35	<li class="current bleu"><a href="/"><i class="icon-home"></i></a></li>
2e4710d8	36	<li class="jaune"><a href="{% page_url 'propos' %}">À propos</a></li>
01b54c21 MN	37	<li class="vert"><a href="/appels-communications/">Appels à communications</a></li>
	38	<li class="violet"><a href="/appels-contributions/">Appels à contributions</a></li>
	39	<li class="rouge"><a href="/appels-offres/">Appels d'offres</a></li>
	40	<li class="bleu"><a href="{% page_url 'archives' %}">Archives</a></li>
	41	</ul>
	42	<div class="recherche">
	43	<form id="rechercher" name="rechercher" method="get" action="/recherche/">
	44	<input class="square" name="q" id="q" type="text" placeholder="Rechercher" style="width: 140px">
	45	<a href="#" onClick="javascript:rechercher.submit();return false;"><li class="icon-search"></li></a>
	46	</form>
	47	</div>
	48	</div>
	49	</div>
	50
	51	<!-- PARTIE CONTENU -->
	52	<div class="Contenu">
	53
	54	<!-- COLONNE DE GAUCHE-->
	55	<div class="col_8 gauche">
	56	{% block Contenu %}
	57	{% endblock %}
	58	</div>
	59
	60
	61	<!-- COLONNE DE DROITE-->
	62	<div class="col_4 droite">
2e4710d8 PH	63	<div class="titre_bloc" style="margin-top:12px;"><p>Dernier numéro</p></div>
	64	<div class="bloc">
	65	<a href="{{ MEDIA_URL }}{{ archive_side.0.fichier }}" style="text-decoration: none">
	66	<img style="margin-left: 20%;" src="{{ STATIC_URL }}img/derniernumero.png"/></br>
	67	{{ archive_side.0.titre }} ({{ archive_side.0.fichier.size\|filesizeformat }})
	68	</a>
	69	</div>
01b54c21 MN	70
	71	<!-- Bloc 1 droite -->
	72	<div class="titre_bloc" style="margin-top:12px;"><p>S'abonner</p></div>
	73	<div class="bloc">
	74	<p>Vous pouvez vous abonner à la liste ou modifier votre abonnement actuel en renseignant votre adresse:</p>
	75	<form method='post' name="news" action='/abonnement/'>{% csrf_token %}
	76	{{ abonne_form.adresse }}
	77	<button class="small red" type='submit'><li class="icon-chevron-right"></li></button>
	78	</form>
	79	</div>
	80
	81	<!-- Bloc 2 droite -->
	82	<div class="titre_bloc"><p>Annoncer sur Framonde</p></div>
	83	<div class="bloc">
	84	<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>
	85	</div>
	86
	87	<!-- Bloc 2 droite -->
f121d446	88	<div class="titre_bloc"><p>Archives de publication</p></div>
01b54c21 MN	89	<div class="bloc">
	90	<ul>
	91	{% for item in archive_side %}
	92	<li><a href="{{item.get_absolute_url}}" style="color: #3a3a3a">FRAMONDE {{item.date_pub\|date:"d F Y"}}</a></li>
	93	{% endfor %}
	94	</ul>
	95	</div>
	96
	97	</div>
	98
	99	</div>
	100
	101	<!--PIED DE PAGE -->
	102	<div class="pied_page">
	103	<div class="col_12 pied"><p>Copyright AUF - <a href="{% page_url 'contact' %}">Contact</a></p></div>
	104	</div>
	105
	106	</div>
	107
2e4710d8	108	{% render_block "js" %}
01b54c21 MN	109	</body>
01b54c21 MN	110	</html>