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>
			<li>
				<a href="#"><img src="https://www.planet-casio.com/images/staff/tdm9_collision2.jpg"/></a>
				<div>
					<h3><a href="#">Les collisions — partie 2</a></h3>
					<p class="date"><i>Publié par <a href="#">Shadow15510</a> le <time>09/06/2023 09:10</time></i></p>
					La deuxième partie du tutoriel du mercredi sur les collisions est maintenant disponible en vidéo.
				</div>
			</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/CPC30-image-thumb-results.png"/></a>
			  <div>
				<h3><a href="#">Résultats du CPC #30 — Les profondeurs !</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Lephenixnoir</a> le <time>08/06/2023 22:10</time></i></p>
				Les programmes sont profonds et avec un peu de chance les tests aussi !        </div>
			</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/tituya-thumb.png"/></a>
			  <div>
				<h3><a href="#">Un second renardministrateur !</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Lephenixnoir</a> le <time>07/06/2023 22:55</time></i></p>
				Vive la renardocratie !        </div>
			</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/massy2.jpg"/></a>
			  <div>
				<h3><a href="#">Visite chez Casio France à Massy, musée inclus</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Critor</a> le <time>05/06/2023 11:51</time></i></p>
				Compte-rendu de notre visite au sein même des locaux de Casio France à Massy en mai 2023, passage par leur musée privé inclus.        </div>
			</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/CPC30-image-title.jpg"/></a>
			  <div>
				<h3><a href="#">Le CPC#30 - Les Profondeurs ... C'est désormais terminé ... Bravo à tous les participants.</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Slyvtt</a> le <time>03/06/2023 21:36</time></i></p>
				Aujourd'hui sonne la fin du CPC#30 avec à la clef 6 participations pour vous donner du fun. Graphs Monochromes et Couleurs sont à la fête avec des programmes en Basic et des Addins.        </div>
			</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/tdm9_miniature.jpg"/></a>
			  <div>
				<h3><a href="#">Les Tutos du Mercredi débarquent sur Youtube !</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Shadow15510</a> le <time>29/05/2023 14:15</time></i></p>
						</div>
				</li>
			<li>
			  <a href="#"><img src="https://www.planet-casio.com/images/staff/CPC30-image-thumb.jpg"/></a>
			  <div>
				<h3><a href="#">Le CPC #30 - Les profondeurs !</a>
					</h3>
				<p class="date"><i>Publié par <a href="#">Lephenixnoir</a> le <time>27/05/2023 18:00</time></i></p>
				Le concours CPC revient en force et c'est le moment de se plonger (métaphoriquement <i>et</i> littéralement !) dans le game design fin et la programmation sportive. Une semaine pour les programmer tous, et dans les profondeurs les li— oups !        </div>
			</li>
			<li><p><i><a href="https://www.planet-casio.com/Fr/forums/partie6-.html">Voir toutes les news</a></i></p></li>
		</ul>
	</div>
	<div class="home-shoutbox" style="border: 1px solid #737373; padding: 20px">
		<div id="v5shoutbox">
			Ici y’aura la shoutbox (plus tard)
		</div>
	</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 %}