rebillar/site-accueil-insa
1
1
Fork 1
forked from vergnet/site-accueil-insa
Code Issues Pull requests Releases Wiki Activity

première pseudo-mise_en_page

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

23
assets/css/page/info.css
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;
}

46
assets/css/template.css
View file

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