première pseudo-mise_en_page

This commit is contained in:
Baptiste Rebillard 2022-04-09 14:01:25 +02:00
parent 44a9078e78
commit 7e37d5059e
3 changed files with 120 additions and 99 deletions

View file

@ -0,0 +1,23 @@
main {
color: white;
font-size: 30px;
}
section {
display: block;
width: 80%;
padding: 0;
margin: auto;
margin-top: 20px;
align-items: center;
border: 5px solid white;
}
section h1 {
width: 100%;
background-color: white;
color: black;
margin: 0px;
padding: 10px 0px 10px 0px;
}

View file

@ -14,6 +14,29 @@ main {
text-align: center;
}
a.link {
text-decoration: none;
color: #FFDC00;
-webkit-text-stroke: 1px black;
}
a.link:hover {
color: white;
-webkit-text-stroke: 1px white;
}
a.linkmail {
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFDC00;
}
a.linkmail:hover {
color: white;
-webkit-text-stroke: 1px white;
}
#boxjaune {
display: inline-block;
background-color: #FFDC00;
@ -54,29 +77,6 @@ main {
margin: 0;
}
a.link {
text-decoration: none;
color: #FFDC00;
-webkit-text-stroke: 1px black;
}
a.link:hover {
color: white;
-webkit-text-stroke: 1px white;
}
a.linkmail {
font-family: arial, sans-serif;
font-weight: bold;
text-decoration: none;
color: #FFDC00;
}
a.linkmail:hover {
color: white;
-webkit-text-stroke: 1px white;
}
footer {
display: block;
background-color: rgba(255,255,255,0.3);

150
info.php
View file

@ -9,83 +9,81 @@ ob_start(); // Start reading html
<div id="circle_l" class="circle"></div>
<div id="circle_r" class="circle"></div>
</div>
<h1>Contact</h1>
<p>
Voici la merveilleuse page que personne lit ! Mais t'es , donc autant en profiter.
</p>
<p>
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/">Facebook</a> de la
semaine. On y postera des infos sur les événements à venir.
</p>
<p>
Tu peux également rejoindre l'<strong>Instagram</strong> : <a href="https://www.instagram.com/insat_accueil_2021/">@insat_accueil_2021</a>
</p>
<br>
<h4 id="prez">Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</h4>
<ul>
<li>
<strong>Mail :</strong> <a href="mailto:maxencepapion@gmail.com">maxencepapion@gmail.com</a>
</li>
<li>
<strong>Tel :</strong> 06 66 14 44 28
</li>
</ul>
<br>
<h4 id="dev">Pour des questions a propos du site :</h4>
<ul>
<li>
Celui qui gère tout ça : le responsable du site<br>
<strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr">rebillar@insa-toulouse.fr</a>
<br>
<strong>Tel : </strong> 07 83 64 61 06
</li>
<br>
<li id="crea">
Sinon y'a Arnaud, le créateur du site :<br>
<strong>Mail :</strong> <a href="mailto:vergnet@etud.insa-toulouse.fr">vergnet@etud.insa-toulouse.fr</a><br>
<strong>Facebook : </strong>Arnaud Vergnet
</li>
</ul>
<br>
<h4>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a
href="coms.php">Com's</a>
pour
contacter les responsables.
</h4>
<br>
<p>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/">Amicale</a>, une
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
</p>
<h1>Credits</h1>
<p>
J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si
quelqu'un
est chaud pour le reprendre pour l'année prochaine, contactez-moi ! (Y'a pas besoin de connaissances préalables,
c'est assez simple !).
</p>
<br>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul>
<li><a href="http://www.php.net/">PHP</a></li>
<li><a href="https://www.w3.org/html/">HTML5</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3">CSS3</a></li>
<li><a href="https://www.javascript.com/">JS</a></li>
</ul>
<h1>Vie Privee</h1>
<p>
Le site utilise <a href="https://matomo.org/">Matomo</a> pour analyser la
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles ainsi que ton pays
d'origine (pour voir si les étrangers ont reçu les infos). Pour ne pas
être traqué, tu peux simplement activer l'option "Indiquer aux sites que je
ne souhaite pas être traqué" de ton navigateur.
Si jamais ça marche pas, envoie-moi un mail.
</p>
<div id="main_content">
<section>
<h1>Contact</h1>
<p>
Voici la merveilleuse page que personne lit ! Mais t'es , donc autant en profiter.
</p>
<p>
Pour avoir les news, rejoins le groupe <a href="https://www.facebook.com/accueil2018INSAT/" class="link">Facebook</a> de la
semaine. On y postera des infos sur les événements à venir.
</p>
<p>
Tu peux également rejoindre l'Instagram : <a href="https://www.instagram.com/insat_accueil_2021/" class="link">@insat_accueil_2021</a>
</p>
<p id="prez">Pour les questions concernant la semaine, adresse-toi directement au Prez, il saura surement t'aider :</p>
<ul>
<li>
<strong>Mail :</strong> <a href="mailto:maxencepapion@gmail.com" class="linkmail">maxencepapion@gmail.com</a>
</li>
<li>
<strong>Tel :</strong> 06 66 14 44 28
</li>
</ul>
<p id="dev">Pour des questions a propos du site :</p>
<ul>
<li>
Celui qui gère tout ça : le responsable du site<br>
<strong>Mail :</strong> <a href="mailto:rebillar@insa-toulouse.fr" class="linkmail">rebillar@insa-toulouse.fr</a>
<strong>Tel : </strong> 07 83 64 61 06
</li>
<li id="crea">
Sinon y'a Arnaud, le créateur du site :<br>
<strong>Mail :</strong> <a href="mailto:vergnet@etud.insa-toulouse.fr" class="linkmail">vergnet@etud.insa-toulouse.fr</a><br>
<strong>Facebook : </strong>Arnaud Vergnet
</li>
</ul>
<p>Sinon, si tu veux des infos a propos d'une activite/Com specifique, va sur la page des <a
href="coms.php" class="link">Com's</a>
pour
contacter les responsables.
</p>
<p>
Ta semaine d'accueil est possible grâce à l'<a href="https://etud.insa-toulouse.fr/~amicale/" class="link">Amicale</a>, une
association gérée par des élèves de l'INSA, pour proposer aux étudiants des activités et des services.
</p>
</section>
<section>
<h1>Credits</h1>
<p>
J'ai repris le site créé par Arnaud pour notre semaine d'accueil. Le site est plutôt modulable, donc si
quelqu'un
est chaud pour le reprendre pour l'année prochaine, contactez-moi ! (Y'a pas besoin de connaissances préalables,
c'est assez simple !).
</p>
<br>
<p>Voici les différentes technologies et ressources utilisées pour ce site :</p>
<ul>
<li><a href="http://www.php.net/" class="link">PHP</a></li>
<li><a href="https://www.w3.org/html/" class="link">HTML5</a></li>
<li><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS3" class="link">CSS3</a></li>
<li><a href="https://www.javascript.com/" class="link">JS</a></li>
</ul>
</section>
<section>
<h1>Vie Privee</h1>
<p>
Le site utilise <a href="https://matomo.org/" class="link">Matomo</a> pour analyser la
fréquentation. Ces données sont anonymes et permettent de savoir quelles pages sont utiles ainsi que ton pays
d'origine (pour voir si les étrangers ont reçu les infos). Pour ne pas
être traqué, tu peux simplement activer l'option "Indiquer aux sites que je
ne souhaite pas être traqué" de ton navigateur.
Si jamais ça marche pas, envoie-moi un mail.
</p>
</section>
</div>
</main>
<?php
$infopage = ["", "Info", ob_get_clean(), "", "info"]; //relativepath, pagetitle, pagecontent, pagescript, pagename | cf structure/template.php ligne 2 à 6