generated from Templates_CodeFirst/templateHtmlCss
Correction du portfolio, toujours incomplèt suite à un imprévu
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
parent
1360e0b410
commit
57311dc461
@ -0,0 +1,53 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Liens vers les pages du portfolio </h3>
|
||||
<ul>
|
||||
<li> <a href="../CURSUS/Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="../PLANNING/Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="../PASSION/PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../CONTACT/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong>...</strong></p>
|
||||
<a href="accueil BA" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos<strong>...</strong></p>
|
||||
<a href="accueil AB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,53 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Aside, but it's not on the side... oh, and some links I guess </h3>
|
||||
<ul>
|
||||
<li> <a href="Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../Contenu/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>nothin</p></li>
|
||||
<li><p>void</p></li>
|
||||
<li><p>hollow</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong>...</strong></p>
|
||||
<a href="accueil BA" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos<strong>...</strong></p>
|
||||
<a href="accueil AB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,63 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Liens vers les pages du portfolio </h3>
|
||||
<ul>
|
||||
<li> <a href="../CURSUS/Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="../PLANNING/Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="../PASSION/PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../CONTACT/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong>...</strong></p>
|
||||
<a href="accueil BB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos...
|
||||
<br />Oh... Vous voulez dire <strong><em>d'autres</em></strong> hobbies que le jeune homme typique ne possède pas nécessairement ?
|
||||
<br />Comme euh... Genre... du "Indoor rock climbing ?(Est que cela peut être appelé "<em>rock</em> climbing" même si c'est en intérieur sur des murs de bois ?)
|
||||
<br />Bah, en tout cas, j'apprécie de vrai ce sport, de même que, c'est le seul sport que j'aime...
|
||||
<br />Écoutez et ne me jugez pas, j'ai toujours été mauvais en activitée sportive,
|
||||
<br />Et je ne supporte ni d'être un poid mort dans un sport d'équipe, ni un adversaire insignifiant (et n'apportant ni défi ni fun à vaincre) dans un sport de duels;
|
||||
<br />C'est pour cela que j'adore l'escalade: C'est juste toi, le mur et cette personne qui reste à l'écart, derrière toi afin de voir de voir comment tu réussis le bloc (petit parcours d'esclade) car elle ne peut elle-même pas réussir et donc a besoin d'aides, mais n'ose pas demander par peur de déranger, alors elle attend que quelqu'un se montre et y arrive pour qu'elle apprendre de lui.
|
||||
<br />Enfin bref, cela fait maintenant plus de 6 années que je pratique de l'escalade, mais pour être honnête,
|
||||
<br />J'en ai passée 5 dans la même salle, une plus spécialisée dans les blocs que les voies assez bien courte (Les voies sont des parcours d'escalade de plus grande hauteur, notez cependant que cela ne signifie pas nécessairement une plus haute difficulté.)
|
||||
<br />Depuis que j'ai emménagé à Clermont-Ferrand, mon expérience de l'escalade s'est encore plus amélioré à B up;
|
||||
<br />Bien que je ne pratique plus autant du blocs, mon domaine de spécialité, je trouve que les voies offrent à moi une nouvelle perspective tout autant enrichissante.</p>
|
||||
<a href="accueil AA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,62 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Aside, but it's not on the side... oh, and some links I guess </h3>
|
||||
<ul>
|
||||
<li> <a href="Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>nothin</p></li>
|
||||
<li><p>void</p></li>
|
||||
<li><p>hollow</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong>...</strong></p>
|
||||
<a href="accueil BB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos...
|
||||
<br />Oh... Vous voulez dire <strong><em>d'autres</em></strong> hobbies que le jeune homme typique ne possède pas nécessairement ?
|
||||
<br />Comme euh... Genre... du "Indoor rock climbing ?(Est que cela peut être appelé "<em>rock</em> climbing" même si c'est en intérieur sur des murs de bois ?)
|
||||
<br />Bah, en tout cas, j'apprécie de vrai ce sport, de même que, c'est le seul sport que j'aime...
|
||||
<br />Écoutez et ne me jugez pas, j'ai toujours été mauvais en activitée sportive,
|
||||
<br />Et je ne supporte ni d'être un poid mort dans un sport d'équipe, ni un adversaire insignifiant (et n'apportant ni défi ni fun à vaincre) dans un sport de duels;
|
||||
<br />C'est pour cela que j'adore l'escalade: C'est juste toi, le mur et cette personne qui reste à l'écart, derrière toi afin de voir de voir comment tu réussis le bloc (petit parcours d'esclade) car elle ne peut elle-même pas réussir et donc a besoin d'aides, mais n'ose pas demander par peur de déranger, alors elle attend que quelqu'un se montre et y arrive pour qu'elle apprendre de lui.
|
||||
<br />Enfin bref, cela fait maintenant plus de 6 années que je pratique de l'escalade, mais pour être honnête,
|
||||
<br />J'en ai passée 5 dans la même salle, une plus spécialisée dans les blocs que les voies assez bien courte (Les voies sont des parcours d'escalade de plus grande hauteur, notez cependant que cela ne signifie pas nécessairement une plus haute difficulté.)
|
||||
<br />Depuis que j'ai emménagé à Clermont-Ferrand, mon expérience de l'escalade s'est encore plus amélioré à B up;
|
||||
<br />Bien que je ne pratique plus autant du blocs, mon domaine de spécialité, je trouve que les voies offrent à moi une nouvelle perspective tout autant enrichissante.</p>
|
||||
<a href="accueil AA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,57 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Liens vers les pages du portfolio </h3>
|
||||
<ul>
|
||||
<li> <a href="../CURSUS/Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="../PLANNING/Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="../PASSION/PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../CONTACT/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong> le grand et quelque peu imposant</strong> titre, je suis Robin WERNER, actuellement qu'un simple étudiant.
|
||||
<br />Les gens ont tendance à ne pas m'appeler correctement par mon prénom...(Plus) Jeune, on m'a appelé trop souvent par "Romain" que "Robin".
|
||||
<br /><strong>Comment était-il possible d'aussi facilement se tromper sur mon prénom pourtant identique à un personnage populaire de compte de fée ?</strong>
|
||||
<br />Bon... Ils se sont aussi trompés sur mon nom, mais c'est beaucoup plus compréhensible. Après tout, comment étaient-ils supposés savoir que le "W" se prononçait comme un simple "V" ?
|
||||
<br /Et dire que ma mère a failli me nommer "Oscar". Cela m'aurait épargné ce genre de problèmes, ET j'aurai pu être un bon acteur.</p>
|
||||
<a href="accueil AA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos<strong>...</strong></p>
|
||||
<a href="accueil BB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,56 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Aside, but it's not on the side... oh, and some links I guess </h3>
|
||||
<ul>
|
||||
<li> <a href="Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>nothin</p></li>
|
||||
<li><p>void</p></li>
|
||||
<li><p>hollow</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong> le grand et quelque peu imposant</strong> titre, je suis Robin WERNER, actuellement qu'un simple étudiant.
|
||||
<br />Les gens ont tendance à ne pas m'appeler correctement par mon prénom...(Plus) Jeune, on m'a appelé trop souvent par "Romain" que "Robin".
|
||||
<br /><strong>Comment était-il possible d'aussi facilement se tromper sur mon prénom pourtant identique à un personnage populaire de compte de fée ?</strong>
|
||||
<br />Bon... Ils se sont aussi trompés sur mon nom, mais c'est beaucoup plus compréhensible. Après tout, comment étaient-ils supposés savoir que le "W" se prononçait comme un simple "V" ?
|
||||
<br /Et dire que ma mère a failli me nommer "Oscar". Cela m'aurait épargné ce genre de problèmes, ET j'aurai pu être un bon acteur.</p>
|
||||
<a href="accueil AA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos<strong>...</strong></p>
|
||||
<a href="accueil BB" title="Voulez-vous vraiment en savoir plus?">Voir PLUS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,67 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Liens vers les pages du portfolio </h3>
|
||||
<ul>
|
||||
<li> <a href="../CURSUS/Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="../PLANNING/Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="../PASSION/PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../CONTACT/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong> le grand et quelque peu imposant</strong> titre, je suis Robin WERNER, actuellement qu'un simple étudiant.
|
||||
<br />Les gens ont tendance à ne pas m'appeler correctement par mon prénom...(Plus) Jeune, on m'a appelé trop souvent par "Romain" que "Robin".
|
||||
<br /><strong>Comment était-il possible d'aussi facilement se tromper sur mon prénom pourtant identique à un personnage populaire de compte de fée ?</strong>
|
||||
<br />Bon... Ils se sont aussi trompés sur mon nom, mais c'est beaucoup plus compréhensible. Après tout, comment étaient-ils supposés savoir que le "W" se prononçait comme un simple "V" ?
|
||||
<br /Et dire que ma mère a failli me nommer "Oscar". Cela m'aurait épargné ce genre de problèmes, ET j'aurai pu être un bon acteur.</p>
|
||||
<a href="accueil AB" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos...
|
||||
<br />Oh... Vous voulez dire <strong><em>d'autres</em></strong> hobbies que le jeune homme typique ne possède pas nécessairement ?
|
||||
<br />Comme euh... Genre... du "Indoor rock climbing ?(Est que cela peut être appelé "<em>rock</em> climbing" même si c'est en intérieur sur des murs de bois ?)
|
||||
<br />Bah, en tout cas, j'apprécie de vrai ce sport, de même que, c'est le seul sport que j'aime...
|
||||
<br />Écoutez et ne me jugez pas, j'ai toujours été mauvais en activitée sportive,
|
||||
<br />Et je ne supporte ni d'être un poid mort dans un sport d'équipe, ni un adversaire insignifiant (et n'apportant ni défi ni fun à vaincre) dans un sport de duels;
|
||||
<br />C'est pour cela que j'adore l'escalade: C'est juste toi, le mur et cette personne qui reste à l'écart, derrière toi afin de voir de voir comment tu réussis le bloc (petit parcours d'esclade) car elle ne peut elle-même pas réussir et donc a besoin d'aides, mais n'ose pas demander par peur de déranger, alors elle attend que quelqu'un se montre et y arrive pour qu'elle apprendre de lui.
|
||||
<br />Enfin bref, cela fait maintenant plus de 6 années que je pratique de l'escalade, mais pour être honnête,
|
||||
<br />J'en ai passée 5 dans la même salle, une plus spécialisée dans les blocs que les voies assez bien courte (Les voies sont des parcours d'escalade de plus grande hauteur, notez cependant que cela ne signifie pas nécessairement une plus haute difficulté.)
|
||||
<br />Depuis que j'ai emménagé à Clermont-Ferrand, mon expérience de l'escalade s'est encore plus amélioré à B up;
|
||||
<br />Bien que je ne pratique plus autant du blocs, mon domaine de spécialité, je trouve que les voies offrent à moi une nouvelle perspective tout autant enrichissante.</p>
|
||||
<a href="accueil BA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,67 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> ACCUEIL</title>
|
||||
<link type="text/css" rel="stylesheet" href="../CSS/style0.css">
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<h1>Robin WERNER</h1> <img src="rowerner.jpeg" title="Moi, Robin WERNER, étudiant en première année de BUT informatique" alt="Suis-je beau ? Suis-je moche ? Ce que je suis n'est certainement pas un coupable de fraude d'identités" />
|
||||
</header>
|
||||
|
||||
<div class="TCont">
|
||||
|
||||
<aside>
|
||||
<h3> Aside, but it's not on the side... oh, and some links I guess </h3>
|
||||
<ul>
|
||||
<li> <a href="../CURSUS/Cursus scolaire" title="Voir ma page de cursus scolaire">Page de cursus scolaire</a></li>
|
||||
<li> <a href="../PLANNING/Planning" title="Voir le planning extra-universitaire">Page du planning</a></li>
|
||||
<li> <a href="../PASSION/PageImage" title="Voir la page Image">Page Image</a> </li>
|
||||
<li> <a href="../CONTACT/Contact" title="Voir la page Contact">Page Contact </a> </li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
<li><p>vide</p></li>
|
||||
</ul>
|
||||
</aside>
|
||||
|
||||
<section>
|
||||
|
||||
<article>
|
||||
<header> <h2>Donc... Qui suis-je ?</h2> </header>
|
||||
<p> Dans le cas où vous n'étiez pas capable d'apercevoir <strong> le grand et quelque peu imposant</strong> titre, je suis Robin WERNER, actuellement qu'un simple étudiant.
|
||||
<br />Les gens ont tendance à ne pas m'appeler correctement par mon prénom...(Plus) Jeune, on m'a appelé trop souvent par "Romain" que "Robin".
|
||||
<br /><strong>Comment était-il possible d'aussi facilement se tromper sur mon prénom pourtant identique à un personnage populaire de compte de fée ?</strong>
|
||||
<br />Bon... Ils se sont aussi trompés sur mon nom, mais c'est beaucoup plus compréhensible. Après tout, comment étaient-ils supposés savoir que le "W" se prononçait comme un simple "V" ?
|
||||
<br /Et dire que ma mère a failli me nommer "Oscar". Cela m'aurait épargné ce genre de problèmes, ET j'aurai pu être un bon acteur.</p>
|
||||
<a href="accueil AB" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
|
||||
|
||||
<article>
|
||||
<header> <h2>Quels sont tes hobbies?</h2> </header>
|
||||
<p>L'extermination d'être divin dans les jeux vidéos...
|
||||
<br />Oh... Vous voulez dire <strong><em>d'autres</em></strong> hobbies que le jeune homme typique ne possède pas nécessairement ?
|
||||
<br />Comme euh... Genre... du "Indoor rock climbing ?(Est que cela peut être appelé "<em>rock</em> climbing" même si c'est en intérieur sur des murs de bois ?)
|
||||
<br />Bah, en tout cas, j'apprécie de vrai ce sport, de même que, c'est le seul sport que j'aime...
|
||||
<br />Écoutez et ne me jugez pas, j'ai toujours été mauvais en activitée sportive,
|
||||
<br />Et je ne supporte ni d'être un poid mort dans un sport d'équipe, ni un adversaire insignifiant (et n'apportant ni défi ni fun à vaincre) dans un sport de duels;
|
||||
<br />C'est pour cela que j'adore l'escalade: C'est juste toi, le mur et cette personne qui reste à l'écart, derrière toi afin de voir de voir comment tu réussis le bloc (petit parcours d'esclade) car elle ne peut elle-même pas réussir et donc a besoin d'aides, mais n'ose pas demander par peur de déranger, alors elle attend que quelqu'un se montre et y arrive pour qu'elle apprendre de lui.
|
||||
<br />Enfin bref, cela fait maintenant plus de 6 années que je pratique de l'escalade, mais pour être honnête,
|
||||
<br />J'en ai passée 5 dans la même salle, une plus spécialisée dans les blocs que les voies assez bien courte (Les voies sont des parcours d'escalade de plus grande hauteur, notez cependant que cela ne signifie pas nécessairement une plus haute difficulté.)
|
||||
<br />Depuis que j'ai emménagé à Clermont-Ferrand, mon expérience de l'escalade s'est encore plus amélioré à B up;
|
||||
<br />Bien que je ne pratique plus autant du blocs, mon domaine de spécialité, je trouve que les voies offrent à moi une nouvelle perspective tout autant enrichissante.</p>
|
||||
<a href="accueil BA" title="Vous avez bien tout lu, n'est ce pas ? Ou ai-je fait des effort pour rien ?">Voir MOINS</a>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 8.9 KiB |
@ -0,0 +1,70 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="eng">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Page de contact</title>
|
||||
<link type="text/css" href="lecss.css" rel="stylesheet" media="all" />
|
||||
<style></style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header><h2>Formulaire</h2></header>
|
||||
|
||||
<section>
|
||||
<form action="contact.php" method="POST">
|
||||
<div>
|
||||
<label for="Nom">Nom</label>
|
||||
<input type="text" name="Nom" id="iNom" required/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="Email">Email</label>
|
||||
<input type="email" name="Email" id="iEmail" required/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="Tel">Numéro de téléphone</label>
|
||||
<input type="tel" name="Tel" id="iTel"/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="Motif">Motif</label>
|
||||
<select name="Motif" id="iMotif">
|
||||
<option value="" hidden selected disabled>Choisissez un motif</option>
|
||||
<option value="Rencontre">Je souhaite vous rencontrer</option>
|
||||
<option value="Collaboration">Je souhaite collaborer</option>
|
||||
<option value="Aide">Je souhaite demander de l'aide</option>
|
||||
|
||||
<option value="Autre">Autre...</option>
|
||||
</select>
|
||||
</div>
|
||||
<div>
|
||||
<label for="Creneau">Créneau horaire (jour+horaire)</label>
|
||||
<input type="datetime-local" name="Creneau" id)"iCreneau"/>
|
||||
</div>
|
||||
<div>
|
||||
<span>Première demande de contact?</span>
|
||||
<span>Oui</span>
|
||||
<input type="radio" name="Pdemande" id="iPdemande" value="YES" checked/>
|
||||
<span>Non</span>
|
||||
<input type="radio" name="Pdemande" id="iPdemande" value="NO"/>
|
||||
</div>
|
||||
<div>
|
||||
<label for="Message">Votre message</label>
|
||||
<textarea name="Message" id="iMessage" rows="20" cols="100" placeholder="Écrivez ici votre message" required>
|
||||
</div>
|
||||
<div>
|
||||
<input type="submit" value="send"/>
|
||||
</div>
|
||||
<div>
|
||||
|
||||
</div>
|
||||
|
||||
</form>
|
||||
</section>
|
||||
|
||||
<footer>
|
||||
<a href="accueil AA" title="Revenir à la page d'accueil" >Retour à la page d'accueil</a>
|
||||
</footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
img{
|
||||
max-height: 200px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
img:hover{
|
||||
max-height: 220px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*.MenuN{
|
||||
width: 100%;
|
||||
background-color: red;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}*/
|
||||
|
||||
|
||||
/*Le menu de navigation est crée ici car la page est suffisamment large pour scroller, hors le but de ce menu est de "suivre" l'écran de l'utilsateur*/
|
||||
/* Pour la .Nav, voir à propos de la balise nav et ses particularités.
|
||||
Pour le décalage, voir les attributs(?) margin/padding*/
|
||||
@ -0,0 +1,51 @@
|
||||
img{
|
||||
max-height: 200px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
img:hover{
|
||||
max-height: 220px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.MenuN{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background: conic-gradient(from 270deg at -10% 100%, #ffffff, #fefefe, #f3f3f3, #d8d8d8, #acacac, #929292, #898989, #888888); /* made at https://learnui.design/tools/gradient-generator.html */
|
||||
position: fixed;
|
||||
top: 0% ;
|
||||
left: 0%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
|
||||
/*left: 0%;*/ /*apparemment, par défaut ? Voir si impact plus tard*/
|
||||
box-shadow: 0px 5px 10px black;
|
||||
|
||||
/*text-align: center;*/
|
||||
}
|
||||
.blanc{
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.MenuN a{
|
||||
color: black;}
|
||||
|
||||
.MenuN a:hover{
|
||||
color: red;}
|
||||
|
||||
/*.MenuN{
|
||||
width: 100%;
|
||||
background-color: red;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
}*/
|
||||
|
||||
|
||||
/*Le menu de navigation est crée ici car la page est suffisamment large pour scroller, hors le but de ce menu est de "suivre" l'écran de l'utilsateur*/
|
||||
/* Pour la .Nav, voir à propos de la balise nav et ses particularités.
|
||||
Pour le décalage, voir les attributs(?) margin/padding*/
|
||||
@ -0,0 +1,36 @@
|
||||
.MenuN{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background: conic-gradient(from 270deg at -10% 100%, #ffffff, #fefefe, #f3f3f3, #d8d8d8, #acacac, #929292, #898989, #888888); /* made at https://learnui.design/tools/gradient-generator.html */
|
||||
position: fixed;
|
||||
top: 0% ;
|
||||
left: 0%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
|
||||
/*left: 0%;*/ /*apparemment, par défaut ? Voir si impact plus tard*/
|
||||
box-shadow: 0px 5px 10px black;
|
||||
|
||||
/*text-align: center;*/
|
||||
}
|
||||
|
||||
|
||||
.MenuN a{
|
||||
color: black;
|
||||
box-shadow: 0px 5px 5px black;
|
||||
width: 10%;
|
||||
height: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.MenuN a:hover{
|
||||
color: red;
|
||||
box-shadow: 0px -5px 5px black;
|
||||
}
|
||||
|
||||
.blanc{
|
||||
height: 100px;
|
||||
}
|
||||
@ -0,0 +1,36 @@
|
||||
.MenuN{
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
background: conic-gradient(from 270deg at -10% 100%, #ffffff, #fefefe, #f3f3f3, #d8d8d8, #acacac, #929292, #898989, #888888); /* made at https://learnui.design/tools/gradient-generator.html */
|
||||
position: fixed;
|
||||
top: 0% ;
|
||||
left: 0%;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
justify-content: space-around;
|
||||
align-items: center;
|
||||
|
||||
|
||||
/*left: 0%;*/ /*apparemment, par défaut ? Voir si impact plus tard*/
|
||||
box-shadow: 0px 5px 10px black;
|
||||
|
||||
/*text-align: center;*/
|
||||
}
|
||||
|
||||
|
||||
.MenuN a{
|
||||
color: black;
|
||||
box-shadow: 0px 5px -5px black;
|
||||
width: 10%;
|
||||
height: 50%;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.MenuN a:hover{
|
||||
color: red;
|
||||
box-shadow: 0px 5px 5px black;
|
||||
}
|
||||
|
||||
.blanc{
|
||||
height: 100px;
|
||||
}
|
||||
@ -0,0 +1,3 @@
|
||||
img{
|
||||
border: 6px double blue;
|
||||
}
|
||||
@ -0,0 +1,30 @@
|
||||
/*
|
||||
html{
|
||||
background: linear-gradient(360deg, #ff0000, #ff00ff, #ada8ff, #00edff, #a1f2ff, #ffddff, #fff3de, #ffffff);
|
||||
}/* made at https://learnui.design/tools/gradient-generator.html */
|
||||
|
||||
|
||||
|
||||
h1{
|
||||
background: #0000ff;
|
||||
color: #ffffee;
|
||||
}
|
||||
|
||||
aside{
|
||||
float: right;
|
||||
border: 2px solid red;
|
||||
height: 400px;
|
||||
width: 20%;
|
||||
position: fixed;
|
||||
top: 0%;
|
||||
right: 0%;
|
||||
z-order: 2;
|
||||
background-image: radial-gradient(white 60%,red);
|
||||
}
|
||||
|
||||
|
||||
section{
|
||||
width: 80%;
|
||||
border: 1px solid green;
|
||||
}
|
||||
|
||||
@ -0,0 +1,26 @@
|
||||
thead{
|
||||
background: #00ffff;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
.danse{
|
||||
background: #ffff00;
|
||||
border: 1px solid black;
|
||||
}
|
||||
|
||||
|
||||
table{
|
||||
background: #000000; /*c'était pour voir les cellules vides */
|
||||
empty-cells: show;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
tbody > th{
|
||||
border: 1px solid black;
|
||||
background: #ffffff;
|
||||
}
|
||||
|
||||
td{
|
||||
border: 1px solid black;
|
||||
background: #ffffff;
|
||||
}
|
||||
@ -0,0 +1,67 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> CURSUS SCOLAIRE</title>
|
||||
<link type="text/css" href="../CSS/Cursus.css" rel="stylesheet" media="all" />
|
||||
<link type="text/css" href="../CSS/Menu.css" rel="stylesheet" media="all" />
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<nav class="MenuN">
|
||||
<a href="../ACCUEIL/accueil AA" title="///">ACCUEIL</a>
|
||||
<a href="../CURSUS/Cursus scolaire" title="///">CURSUS</a>
|
||||
<a href="../PLANNING/Planning" title="///">PLANNING</a>
|
||||
<a href="../CONTACT/Contact" title="///">CONTACT</a>
|
||||
|
||||
</nav>
|
||||
<div class="blanc"></div>
|
||||
</header>
|
||||
|
||||
|
||||
<h2>Cursus scolaire</h2>
|
||||
<dl>
|
||||
<dt><h3>École primaire</h3><img src="Image/Ecole.jpg" title="École de Silly-le-long" alt="Merveilleuses années" /></dt>
|
||||
<dd><h4>École de Silly-Le-Long</h4></dd>
|
||||
<dd><p>Cette ligne est vide</p></dd>
|
||||
|
||||
<dt><h3>Collège</h3><img src="Image/collège.JPG" title="Collège Gaston Roupnel" alt="Horribles années" /></dt>
|
||||
<dd><h4>Collège Gaston Roupnel, à Dijon</h4></dd>
|
||||
<dd><p>Cette ligne est aussi vide</p></dd>
|
||||
|
||||
<dt><h3>Lycée (Général)</h3><img src="Image/lycée C.jpg" title="Lycée Internationnal Charles de Gaulle" alt="Tristes années" /></dt>
|
||||
<dd><h4>Lycée Internationnal Charles de Gaulle, à Dijon</h4></dd>
|
||||
|
||||
<dd><h4>Spécialitées prises pour la Première:</h4>
|
||||
<ul>
|
||||
<li><p>Mathématique</p></li>
|
||||
<li><p>Physique-Chimie</p></li>
|
||||
<li><p>Science de la Vie et de la Terre</p></li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
<dd><h4>Spécialitées gardées pour la Terminale <em>(et Option)</em>:</h4>
|
||||
<ul>
|
||||
<li><p>Mathématique</p></li>
|
||||
<li><p>Physique-Chimie</p></li>
|
||||
<li><p><strong><em>(Option)</em></strong> Mathématiques expertes </p></li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
<dt><h3>Post-Bac</h3></dt>
|
||||
<dd><ol>
|
||||
<li><h4>Classe Préparatoire aux Grandes Écoles MPSI (Année 1), au lycée La Fayette à Clermont-Ferrand</h4><img src="Image/lycée L.jpg" title="Lycée La Fayette" alt="Décevante année" /></li>
|
||||
<li><h4><em>(En cours)</em> Bachelor universitaire de technologie Informatique (Année 1), à l'Institut Universitaire de Technologie Clermont Auvergne</h4><img src="Image/IUT.jpg" title="IUT Clermont-Auvergne" alt="Actuelle année" /></li>
|
||||
</ol></dd>
|
||||
|
||||
|
||||
</ul>
|
||||
<footer><a href="../ACCUEIL/accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,68 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title> CURSUS SCOLAIRE</title>
|
||||
<link type="text/css" href="../CSS/Cursus.css" rel="stylesheet" media="all" />
|
||||
<link type="text/css" href="../CSS/Menu.css" rel="stylesheet" media="all" />
|
||||
<style> something </style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<nav class="MenuN">
|
||||
<a href="../ACCUEIL/accueil AA" title="///">ACCUEIL</a>
|
||||
<a href="../CURSUS/Cursus scolaire" title="///">CURSUS</a>
|
||||
<a href="../PLANNING/Planning" title="///">Planning</a>
|
||||
<a href="../CONTACT/Contact" title="///">Contact</a>
|
||||
<a href="PROJETS" title="///">PROJETS</a>
|
||||
<a href="PASSION" title="///">PASSIONS</a>
|
||||
</nav>
|
||||
<div class="blanc"></div>
|
||||
</header>
|
||||
|
||||
|
||||
<h2>Cursus scolaire</h2>
|
||||
<dl>
|
||||
<dt><h3>École primaire</h3><img src="Image/Ecole.jpg" title="École de Silly-le-long" alt="Merveilleuses années" /></dt>
|
||||
<dd><h4>École de Silly-Le-Long</h4></dd>
|
||||
<dd><p>Cette ligne est vide</p></dd>
|
||||
|
||||
<dt><h3>Collège</h3><img src="Image/collège.JPG" title="Collège Gaston Roupnel" alt="Horribles années" /></dt>
|
||||
<dd><h4>Collège Gaston Roupnel, à Dijon</h4></dd>
|
||||
<dd><p>Cette ligne est aussi vide</p></dd>
|
||||
|
||||
<dt><h3>Lycée (Général)</h3><img src="Image/lycée C.jpg" title="Lycée Internationnal Charles de Gaulle" alt="Tristes années" /></dt>
|
||||
<dd><h4>Lycée Internationnal Charles de Gaulle, à Dijon</h4></dd>
|
||||
|
||||
<dd><h4>Spécialitées prises pour la Première:</h4>
|
||||
<ul>
|
||||
<li><p>Mathématique</p></li>
|
||||
<li><p>Physique-Chimie</p></li>
|
||||
<li><p>Science de la Vie et de la Terre</p></li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
<dd><h4>Spécialitées gardées pour la Terminale <em>(et Option)</em>:</h4>
|
||||
<ul>
|
||||
<li><p>Mathématique</p></li>
|
||||
<li><p>Physique-Chimie</p></li>
|
||||
<li><p><strong><em>(Option)</em></strong> Mathématiques expertes </p></li>
|
||||
</ul>
|
||||
</dd>
|
||||
|
||||
<dt><h3>Post-Bac</h3></dt>
|
||||
<dd><ol>
|
||||
<li><h4>Classe Préparatoire aux Grandes Écoles MPSI (Année 1), au lycée La Fayette à Clermont-Ferrand</h4><img src="Image/lycée L.jpg" title="Lycée La Fayette" alt="Décevante année" /></li>
|
||||
<li><h4><em>(En cours)</em> Bachelor universitaire de technologie Informatique (Année 1), à l'Institut Universitaire de Technologie Clermont Auvergne</h4><img src="Image/IUT.jpg" title="IUT Clermont-Auvergne" alt="Actuelle année" /></li>
|
||||
</ol></dd>
|
||||
|
||||
|
||||
</ul>
|
||||
<footer><a href="../ACCUEIL/accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 602 KiB |
|
After Width: | Height: | Size: 954 KiB |
|
After Width: | Height: | Size: 156 KiB |
|
After Width: | Height: | Size: 478 KiB |
|
After Width: | Height: | Size: 60 KiB |
|
After Width: | Height: | Size: 8.9 KiB |
@ -0,0 +1,22 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/Brezet.jpg" title="B up Brezet" />
|
||||
<figcaption><strong><pre>La salle d'escalade B up à Brezet, c'est actuellement la salle auquel je participe à des cours d'escalade en groupe.
|
||||
Comparée à Dellile, la salle est bien plus spécialisée dans les voies que les blocs (le premier est un parcour long en hauteur, demandant l'utilisation d'une corde pour la sécurité; l'autre est bien plus court mais sont souvent bien plus techniques).</pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/ClimbUp.jpg" title="Climb up Dijon" />
|
||||
<figcaption><strong><pre>La salle où j'ai commencé l'escalade.
|
||||
Bien qu'elle fut rénovée avec de nouveaux murs, l'ancienneté de la salle la contraint à avoir une surface bien plus petit que les salles modernes comme B up Dellile.
|
||||
Il n'empêche que c'est ici que j'ai pratiqué 5 ans sur 6 d'escalade, le manque de bonne voie m'a directement conduit à être plus spécialisé envers les blocs. </pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/ClimbUpAvant.jpg" title="Climb Up Dijon, avant sa rénovation" />
|
||||
<figcaption><strong><pre>La salle que j'ai commencé avant ses rénovations vers 2020, c'est dans état où j'ai découvert l'escalade, vers mes 12-13 ans.
|
||||
Bien qu'une section "caverne" (avec prises sur plafond et arc) ne figure pas dans les rénovation et qu'il n'y a plus de "champignon" (Structure à droite de la caverne),
|
||||
je dois reconnaître que le coût d'une dIversité de mur a permi d'améliorer la qualité de la salle; elle était trop étroite, réduisant fortement l'espace où plusieurs escaladeurs pouvaient grimper en même temps.</pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,23 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/Dellile.jpeg" title="B up Dellile" />
|
||||
<figcaption><strong><pre>La salle d'escalade B up à Dellile, ouverte depuis un an, c'est ici que j'ai commencé l'escalade à Clermont-Ferrand.
|
||||
Comparée à sa "grand soeur", Dellile est plus concentré sur les blocs ayant deux étages dédiés.
|
||||
Je viens de temps à autres dans les cas où j'aimerai refaire du Bloc, c'est bien le domaine auquel j'excelle au mieux après tout.</pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,22 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/hollow-knight.png" title="Hollow Knight, un jeu de la gamme MetroidVania" />
|
||||
<figcaption><strong><pre>Hollow knight est un jeu de la gamme MetroidVania et l'un des meilleurs.
|
||||
Leurs auteurs sont team Cherry, une petite équipe de développeur qui n'ont publié pourtant que quelques jeux.</pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,25 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/HKmap.png" title="La carte de jeu entière de Hollow Knight" />
|
||||
<figcaption><strong><pre>La "map" du jeu, avec des colorations différentes pour chaque zone.
|
||||
Les dévellopeurs ont créé Hollow Knight sous l'idée d'explorer un TRÈS VASTE royaume devenu ruine, et ils n'ont pas échoué.
|
||||
Il est facile de se perdre, même l'utilisation de la carte peut être compliqué puisque c'est votre propre personnage qui la complète après chacune de ses explorations.
|
||||
En plus de cela, certains coins de chaque zones sont accessible que une fois que vous avez maitrisés de nouvelles capacités de mouvement.
|
||||
Bref, le monde de Hollow Knight est rempli de surprise et de découverte, parfois caché derrière un mur.</strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,22 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/HKSS.jpg" title="Un screenshot d'un lieu de repos du jeu" />
|
||||
<figcaption><strong><pre>Un élément fortement apprécié du jeu est son style unique où tout semble avoir été dessiné à la main.
|
||||
De plus les musiques et le style vous permettent de mieux ressentir l'ambiance du jeu. </pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 555 KiB |
|
After Width: | Height: | Size: 256 KiB |
|
After Width: | Height: | Size: 127 KiB |
|
After Width: | Height: | Size: 14 KiB |
|
After Width: | Height: | Size: 431 KiB |
|
After Width: | Height: | Size: 803 KiB |
|
After Width: | Height: | Size: 152 KiB |
|
After Width: | Height: | Size: 84 KiB |
@ -0,0 +1,56 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Wagon Hydrolique Orange</title>
|
||||
<link type="text/css" href="Cursus.css" rel="stylesheet" media="all" />
|
||||
<style> Took me so much freaking time for that poor render, I feel scammed and as if precious time was stolen for me</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<ul>
|
||||
<li><h1> Rock climbing</h1><ul>
|
||||
|
||||
|
||||
<li><h2>Intérieur</h2><ul>
|
||||
<li><a href="Brezet" title="Cliquez pour voir plus"><img src="Image2/Brezet.jpg" title="B up Brezet" /></a></li>
|
||||
|
||||
<li><a href="Dellile" title="Cliquez pour voir plus"><img src="Image2/Dellile.jpeg" title="B up Dellile" /></a></li>
|
||||
|
||||
<li><a href="Climb Up Dijon" title="Cliquez pour voir plus"><img src="Image2/ClimbUp.jpg" title="Climb up Dijon" /> </a></li>
|
||||
|
||||
<li><a href="Climb up Dijon Avant" title="Cliquez pour voir plus"> <img src="Image2/ClimbUpAvant.jpg" title="Climb Up Dijon, avant sa rénovation" /> </a></li>
|
||||
|
||||
</ul></li>
|
||||
|
||||
<li><h2>Extérieur</h2><ul>
|
||||
<li><a href="BlocExt" title="Cliquez pour voir plus"> <img src="Image2/Fontainebleau.jpg" title="Bloc à Fontainebleau" /></a></li>
|
||||
|
||||
<li><a href="VoieExt" title="Cliquez pour voir plus"> <img src="Image2/Helmetless.jpg" title="Voie d'escalade à corde" /> </a></li>
|
||||
|
||||
</ul></li>
|
||||
|
||||
</ul></li>
|
||||
|
||||
<li><h1> Jeux vidéo </h1><ul>
|
||||
|
||||
<li><h2>Hollow Knight</h2><ul>
|
||||
|
||||
<li><a href="HKPoster" title="Cliquez pour voir plus"> <img src="Image2/hollow-knight.png" title="Hollow Knight, un jeu de la gamme MetroidVania" /> </a></li>
|
||||
|
||||
<li><a href="HKss" title="Cliquez pour voir plus"> <img src="Image2/HKSS.jpg" title="Un screenshot d'un lieu de repos du jeu" /> </a></li>
|
||||
|
||||
<li><a href="HKmap" title="Cliquez pour voir plus"> <img src="Image2/HKmap.png" title="La carte de jeu entière de Hollow Knight" /> </a></li>
|
||||
|
||||
</ul></li>
|
||||
|
||||
</ul></li>
|
||||
|
||||
</ul>
|
||||
|
||||
<footer><a href="accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,28 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Image Marron Polaire</title>
|
||||
<link type="text/css" href="StyleImageREP.css" rel="stylesheet" media="all" />
|
||||
<style> Truc </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<figure>
|
||||
<img src="Image2/Helmetless.jpg" title="Voie d'escalade à corde" />
|
||||
<figcaption><strong><pre>Il s'agit d'une voie en nature, ce que j'ai fait très peu dans ma vie. Les voies extérieurs sont fondatelement différents des voies en salle;
|
||||
C'est du hazard, tout bloc et voie en salle a été conçu et pensé par un être humain, il s'agit donc plus d'un puzzle/énigme où les prises sont bient colorés et bien visible.
|
||||
Les prises aggrippe souvent bien plus et sont moins visibles, il est IMPORTANT DE PORTER UN CASQUE, contrairement à la personne photographiée.
|
||||
|
||||
À cause de la popularité croissante de l'escalade en intérieur, beeaucoup de gens sous estime la différence entre la "vraie et originale" pratique de l'escalade.
|
||||
Cela les a menés souvent à se blesser, voir mourir, un coup sur la tête ne peut peut-être pas vous blessert directement, mais la gonflure écrasera votre cerveau et peut mener à des dommages psychologique.
|
||||
De même, porter des bijoux, coliers ou autres objets pouvant s'accrocher au prises lors d'une chute est également dangereux;
|
||||
il est possible de s'arracher un doigt à cause d'une bague en chutant.</pre></strong></figcaption>
|
||||
</figure>
|
||||
|
||||
<footer><a href="PageImage" title="Retourner à la page Image?"> RETOUR </a> </footer>
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 6.4 KiB |
|
After Width: | Height: | Size: 6.7 KiB |
|
After Width: | Height: | Size: 7.1 KiB |
|
After Width: | Height: | Size: 2.6 KiB |
@ -0,0 +1,91 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Gilet Irradié Flamboyant</title>
|
||||
<link type="text/css" href="../CSS/styleTab.css" rel="stylesheet" media="all" />
|
||||
<style> Uh... </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header><h1>PLANNING</h1></header>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Danses</th>
|
||||
<th>Créneaux</th>
|
||||
<th>Niveaux</th>
|
||||
<th>Lieux</th>
|
||||
<th >Quand </th>
|
||||
<th ></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Rock'n roll</th>
|
||||
<td>Jeu17h-18h</td>
|
||||
<td>Déb</td>
|
||||
<td>Annexe de la Halle</td>
|
||||
<td>Au semestre1</td>
|
||||
<td rowspan="2"><img src="ImageP/Rock.png" title="Rock'n roll" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Jeu19h-20h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Salsa</th>
|
||||
<td>Jeu 17h-18h</td>
|
||||
<td>Déb</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td rowspan="2"><img src="ImageP/Salsa.jpeg" title="Salsa" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Jeu 21h-22h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="danse">Bachata</th>
|
||||
<td>Jeu 20h-21h</td>
|
||||
<td>Tous niv</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td><img src="ImageP/Bachata.jpeg" title="Bachata" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="danse">West coast swing</th>
|
||||
<td>Jeu18h-19h</td>
|
||||
<td>Tous niv</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td><img src="ImageP/West.jpeg" title="West coast swing" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Multidanses</th>
|
||||
<td>Mar 19h-20h30</td>
|
||||
<td>Déb</td>
|
||||
<td>Salle Bleue CROUS</td>
|
||||
<td>A l'année</td>
|
||||
<td rowspan="2"><img src="ImageP/multidanse.png" title="Multidanses" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mar 20h30-22h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle Bleue</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<footer><a href="../ACCUEIL/accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@ -0,0 +1,91 @@
|
||||
<!IDOCTYPE html>
|
||||
<html lang="fr">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>Gilet Irradié Flamboyant</title>
|
||||
<link type="text/css" href="../CSS/styleTab.css" rel="stylesheet" media="all" />
|
||||
<style> Uh... </style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<header><h1>PLANNING</h1></header>
|
||||
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>Danses</th>
|
||||
<th>Créneaux</th>
|
||||
<th>Niveaux</th>
|
||||
<th>Lieux</th>
|
||||
<th >Quand </th>
|
||||
<th ></th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Rock'n roll</th>
|
||||
<td>Jeu17h-18h</td>
|
||||
<td>Déb</td>
|
||||
<td>Annexe de la Halle</td>
|
||||
<td>Au semestre1</td>
|
||||
<td rowspan="2"><img src="ImageP/Rock.png" title="Rock'n roll" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Jeu19h-20h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Salsa</th>
|
||||
<td>Jeu 17h-18h</td>
|
||||
<td>Déb</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td rowspan="2"><img src="TP1/ImageP/Salsa.jpeg" title="Salsa" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Jeu 21h-22h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="danse">Bachata</th>
|
||||
<td>Jeu 20h-21h</td>
|
||||
<td>Tous niv</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td><img src="ImageP/Bachata.jpeg" title="Bachata" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th class="danse">West coast swing</th>
|
||||
<td>Jeu18h-19h</td>
|
||||
<td>Tous niv</td>
|
||||
<td>Salle de danse</td>
|
||||
<td>A l'année</td>
|
||||
<td><img src="ImageP/West.jpeg" title="West coast swing" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<th rowspan="2" class="danse">Multidanses</th>
|
||||
<td>Mar 19h-20h30</td>
|
||||
<td>Déb</td>
|
||||
<td>Salle Bleue CROUS</td>
|
||||
<td>A l'année</td>
|
||||
<td rowspan="2"><img src="ImageP/multidanse.png" title="Multidanses" /></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Mar 20h30-22h</td>
|
||||
<td>Inter</td>
|
||||
<td>Salle Bleue</td>
|
||||
<td>A l'année</td>
|
||||
</tr>
|
||||
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
<footer><a href="../ACCUEIL/accueil AA" title="Retourner à la page d'accueil">Retour à la page d'accueil</a></footer>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue