PCv5/app/templates/index.html

{% extends "base/base.html" %}

{% set tabtitle = "Planète Casio" %}

{% block title %}
<h1>Planète Casio</h1>
{% endblock %}

{% block content %}
<section class="home-pinned-content">
	<div class="home-banner">
		<img src="https://www.planet-casio.com/storage/staff/CPC30-banner.png" />
	</div>
	<div class="home-welcome">
		<h1>Bienvenue sur Planète Casio !</h1>
		<p>Planète Casio est la communauté française de référence pour toutes les calculatrices Casio.
			Apprenez à utiliser votre machine, téléchargez et partagez des programmes, ou initiez-vous à l'informatique sur le forum.
			Ou bien venez développer des jeux avec nous pour passer le temps !</p>
		<div>
			<h2>Les calculatrices</h2>
			<ul>
				<li>Tout sur sa Casio</li>
				<li>Graph 25+E II</li>
				<li>Graph 35+E II</li>
				<li>Graph 90+E</li>
				<li>Classpad 400+E</li>
				<li>Comparer les calculatrices CASIO</li>
			</ul>
		</div>
		<div>
			<h2>La communauté</h2>
			<ul>
				<li>S’inscrire ou se connecter</li>
				<li>Index du forum</li>
				<li>Nos jeux outils et cours</li>
			</ul>
		</div>
		<div>
			<h2>Programmer</h2>
			<ul>
				<li>Apprendre à programmer</li>
				<li>Articles et astuces</li>
			</ul>
		</div>
	</div>
	<div class="home-news">
		<h1>Actualitées</h1>
		<ul>
			{% for n in last_news %}
			<li>
				<a href="{{ url_for('forum_topic', f=n.forum, page=(n,'fin'))}}"><img src="{{ n.thumbnail.url }}"/></a>
				<div>
					<h3><a href="{{ url_for('forum_topic', f=n.forum, page=(n,'fin'))}}">{{ n.title }}</a></h3>
					<p class="date"><i>Publié par <a href="{{ url_for('user_by_id', user_id=n.author.id) }}">{{ n.author.name }}</a>
						le <time>{{ n.date_created | dyndate }}</time></i></p>
					{{ (n.summary or "") | md }}
				</div>
			</li>
			{% endfor %}
			<li><p><i><a href="/forum/actus/">Voir toutes les news</a></i></p></li>
		</ul>
	</div>
	<div class="home-shoutbox" style="border: 1px solid #e0e0e0">
		{% include "widgets/v5shoutbox.html" %}
	</div>
	<div class="home-projects">
		<h1>Projets du moment</h1>
		<ul>
			<li>La v5, bien sûr</li>
			<li>Chaos drop</li>
			<li>Un easter egg</li>
		</ul>
	</div>
</section>
{% endblock %}