forked from vergnet/site-accueil-insa
première pseudo-mise_en_page
This commit is contained in:
parent
44a9078e78
commit
7e37d5059e
3 changed files with 120 additions and 99 deletions
|
|
@ -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;
|
||||
|
||||
}
|
||||
|
|
@ -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
150
info.php
|
|
@ -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 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>
|
||||
<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 là, 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
|
||||
|
|
|
|||
Loading…
Reference in a new issue