actu_16.php

<?php
		include "structure/header.html";
?>
		<h1>Une nouvelle version du site est enfin disponible !</h1>
		<h1>Trailer de la mise à jour :</h1>
		<iframe width="560" height="315" src="https://www.youtube.com/embed/VXyRLI1FZtM" frameborder="0"
			allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
		<h1>Vidéo de présentation de la mise à jour :</h1>
		<iframe width="560" height="315" src="https://www.youtube.com/embed/Ctt3USkB5sc" frameborder="0"
			allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
		<label>La vidéo a des chapitres si vous souhaitez les utiliser vous devez la
			lire sur youtube en cliquant sur le logo à côté du bouton paramètres de la vidéo</label>
		<h4>Désolé pour les fautes d'ortographe présentes sur les vidéos (le montage
			a été fait très rapidement car je devais le terminer avant la sortie de cette
			mise à jour)</h4>
		<p class="p_general">
			J'ai donc décidé pendant ces vacances d'été 2020 d'améliorer
			mon site en le recodant de 0 afin de le moderniser et de repartir
			sur des bases plus solides. Pour cela j'ai recodé
			l'entièreté du site à la main en HTML5 et CSS3 sans framework (sans bootstrap)
			afin d'avoir un meilleur contrôle sur le style du site car en
			commençant ce projet je me suis rendu compte que le framework
			bootstrap est très utile pour aller plus vite sur le développement
			d'un site mais il comporte un défaut majeur qui est que selon moi
			il peut y avoir des conflits entre le style instauré par bootstrap
			et le style que j'ai développé. C'est-à-dire que si je veux qu'un élément
			ai un design précis cela peut être plus compliqué (sauf en ajoutant éventuellement
			un '!important' à la propriété voulue) et cela me permet de savoir exactement comment
			est stylisé un élément et avec quelles propriétés ! Ainsi j'ai entièrement repensé le site
			en y ajoutant des éléments graphiques (cités plus bas) et en modifiant certains éléments
			déjà présents sur la version précédente du site. Je l'ai aussi rendu totalement "responsive"
			c'est-à-dire qu'il s'adapte à toute les tailles d'écrans comme aux écrans de smartphones
			notamment.
		</p>
		<h1> Voici le contenu de la mise à jour :</h1>
		<h1>Nouveautés "générales" :</h1>
		<p class="p_general">
			<b class="txt_actu_16">- Une page d'accueil totalement retravaillée avec :</b><br />
			<b class="sub-list-actu-16">
				> Un en-tête avec un fond type bois issu de <a href="pexels.com" target="blank">pexels.com</a>
				et avec un effet de parallaxe<br />
				> Animation des sous-titres avec le clignotement du premier et la modification du texte pour le
				second<br />
				> Les trois dernières actualités sont également regroupées sous forme de cartes avec un effet de
				translation de la partie
				qui comprend l'icône et le titre afin de dévoiler le texte qui résume l'actualités sélectionnée<br />
				> On retrouve aussi mes deux autres sites sous forme de bannières en noir et blanc qui au survol
				deviennent en couleur<br />
				> J'ai aussi décidé pour la partie où je me présente de créer une carte avec moi de dos afin
				de me montrer sans dévoiler mon visage, cela garde une part de mystère :D (évidemment
				le mystère ne sera pas long car j'ai pour projet comme indiqué sur la page d'accueil
				de créer une page avec mon cv et par conséquent mon visage (les raisons de l'indisponibilité
				de cette page sont évoquées plus bas)) ! La carte se retourne afin de montrer mes activités
				principales en matière "professionnel". Mes réseaux sont également présents sur cette deuxième face
				de la carte. Celle-ci se retourne avec une animation seulement sur Mozilla Firefox car l'animation
				de retournement comportait d'importants bugs sur chrome et edge donc j'ai décidé de l'appliqué
				simplement
				à mozilla.<br />
				> Enfin sur cette page d'accueil j'ai rédigé un petit texte afin de me présenter et d'expliquer la
				démarche
				que j'ai suivie pour la création de ce site !<br />
			</b>
			<b class="txt_actu_16">
				- Sur les autres pages pour les grandes "catégories" c'est-à-dire pour les pages principales
				montrées sur le menu (actus, créations et à propos) il y a une bannière en haut de chacune
				de ces pages, la bannière comprend image de fond et un texte au premier plan. Le fond dispose
				d'un effet de parallaxe pour toutes ces bannières<br />
				- Les actualités sont également disponibles sous forme de cartes comme sur l'accueil sur la
				page regroupant l'ensemble des actus<br />
				- Sur la page créations les sites sont désormais sous la forme de cartes avec un texte qui se dévoile
				au survol et un lien vers les sites au niveau de la "miniature" du site en question<br />
				- Une page crédits à été créée afin de mentionner notamment les photographes qui sont à
				l'origine des photos utilisés sur mon site <br />
				- Le pied de page à également entièrement été retravaillé et comporte maintenant :<br />
			</b>
			<b class="sub-list-actu-16">
				> les principales qui peuvent être utiles (Accueil, Partenariats, Crédits et A propos) <br />
				> mes réseaux sociaux ainsi que mon adresse mail d'assistance avec un lien direct vers votre boîte
				mail lorsque celle-ci est installée sur votre ordinateur sous forme de logiciel ou lorsque celle-ci
				est installée sur votre smartphone ou tablette sous forme d'application ! Ainsi ce lien permet de
				rentrer automatiquement l'adresse d'assistance dans le champ adresse mail de votre boîte<br />
				> Les liens vers mes deux autres sites
			</b>
		</p>
		<h1>Nouveautés en matière de responsive design :</h1>
		<p class="p_general">
			<b class="txt_actu_16">
				- L'ensemble du site est désormais responsive, ce qui signifie qu'il est donc
				parfaitement lisible sur tout les écrans<br />
				- Ainsi le pied de page par exemple passe d'horizontal sur un écran type ordinateur
				à vertical sur un écran type smartphone<br />
				- Le menu est lui aussi responsive, de ce fait il est sous forme de bannière (comme
				sur les anciennes versions du site) sur des écrans de pc mais il est remplacé par
				trois barres qui lorsque l'on clique dessus affichent le menu sous forme vertical
				en superposition de la page sur laquelle vous êtes<br />
				- Le tableau de la page partenariats passe d'horizontal à vertical sur un écran
				de smartphone
			</b>
		</p>
		<h1>Ouverture d'un compte github :</h1>
		<p class="p_general">
			<b class="txt_actu_16">
				J'ai créé un compte github et vous avez donc
				accès au dépôt de mon site via le lien présent
				dans le pied de page dans la partie Mes réseaux. Ce dépôt vous permet
				de voir comment le site à été codé et structuré,
				ainsi il regroupe l'ensemble du site ! Il sera mis à jour
				à chaque modification.
			</b>
		</p>
		<h1>Pourquoi deux pages du sites sont indisponibles directement à la sortie
			de la V2 du site ?</h1>
		<p class="p_general">
			<b class="txt_actu_16">
				Tout d'abord les deux pages concernées sont les pages, "Espace recruteurs"
				et "Mes skills"<br />
				Pour ce qui est de la page "Espace recruteurs" elle comprendra mon cv en ligne
				comme dit précedemment. Elle est indisponible à la sortie de la V2 du site car
				je préfèrait me concentrer en priorité sur la rénovation du reste du site avant
				de me concentrer sur cette page. Aussi car je préfère prendre mon temps pour la
				concevoir et ainsi sortir un cv plus qualitatif que si j'avais sorti la page
				sous la précipitation et la pression du temps étant donné que je m'étais fixé
				comme deadline pour cette mise à jour la fin des vacances scolaires estivales.<br />
				Enfin pour ce qui est de la page "Mes skills" comme pour la page dont j'ai parlé
				précédemment j'ai préféré prendre mon temps pour en concevoir une nouvelle version
				aussi aboutie que possible plutôt que de me précipiter.
			</b>
		</p>
	<?php
		include "structure/footer.html";
	?>