Skip to content

Commit

Permalink
formatting
Browse files Browse the repository at this point in the history
  • Loading branch information
judemont committed May 17, 2024
1 parent f292568 commit 3ff2c69
Show file tree
Hide file tree
Showing 7 changed files with 424 additions and 385 deletions.
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ <h1 class="main-header-title-text2">cl</h1>
class="standard-button main-header-button"
onclick="openPopup('addPopup')"
>
<p class="main-header-button-text">Proposer un prof</p>
<p class="main-header-button-text">Nouveau prof</p>
<img
class="main-header-button-img"
src="./images/plus.png"
Expand Down
159 changes: 93 additions & 66 deletions rules.html
Original file line number Diff line number Diff line change
@@ -1,80 +1,107 @@
<!DOCTYPE html>
<!doctype html>
<html lang="fr">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>CESCOLEAKS règles</title>

<link rel="stylesheet" href="styles/about.css">
</head>
<link rel="stylesheet" href="styles/about.css" />
</head>

<body>
<body>
<h1>Règles</h1>
<p>Si un utilisateur ne respect pas l'une des règles listés si-dessous, il sera bannis (IP-bann) de CESCOLEAKS
durant une période pouvant aller de au minimum une semaine et au maximum l'infini (Sous entendu jusqua la fin de
l'humanité) selon la gravité.</p>
<p>
Si un utilisateur ne respect pas l'une des règles listés si-dessous, il
sera bannis (IP-bann) de CESCOLEAKS durant une période pouvant aller de au
minimum une semaine et au maximum l'infini (Sous entendu jusqua la fin de
l'humanité) selon la gravité.
</p>

<ul>
<!-- <p>l'éspace des commentaires à pour but de permettre au élève de partager leur avis sur les proffesseur de
<!-- <p>l'éspace des commentaires à pour but de permettre au élève de partager leur avis sur les proffesseur de
manière constructive. Tous les commentaires non pertinent ou non constructif seront suprimé et leurs auteur
poura être sanctioné.</p> -->
<li>Il est interdit d'aller à l'encontre du bon fonctionnement du site de quelque manière que ce soit.</li>
<li>Il est interdit de poster des commentaires haineux ou insultants.</li>
<li>Il est interdit de poster des commentaires révélant l'identité ou des informations personnelles de quelqu'un
d'autre.</li>
<li>Il est interdit de poster des commentaires non pertinents de manière répétée (spam).</li>
<li>Il est interdit de commenter les enseignants sur des aspects qui ne sont pas directement liés à leur façon
d'enseigner (par exemple, leur apparence physique, leur manière de parler, etc.).</li>
<li>Il est interdit de publier des commentaires clairement mensongers.</li>

<li>
Il est interdit d'aller à l'encontre du bon fonctionnement du site de
quelque manière que ce soit.
</li>
<li>Il est interdit de poster des commentaires haineux ou insultants.</li>
<li>
Il est interdit de poster des commentaires révélant l'identité ou des
informations personnelles de quelqu'un d'autre.
</li>
<li>
Il est interdit de poster des commentaires non pertinents de manière
répétée (spam).
</li>
<li>
Il est interdit de commenter les enseignants sur des aspects qui ne sont
pas directement liés à leur façon d'enseigner (par exemple, leur
apparence physique, leur manière de parler, etc.).
</li>
<li>
Il est interdit de publier des commentaires clairement mensongers.
</li>
</ul>

<h2>Poême :</h2>
<p>Ce poême fut réalisé par ChatGPT:</p>
<div style="text-align: center;">
<p>Dans le sanctuaire de la connaissance éclairée,<br>
Les règles sacrées, claires et bien définies,<br>
Gardent la voie, veillant sur l'harmonie,<br>
À travers chaque mot, chaque pensée pesée.</p>

<p>Si l'usager transgresse, aveuglé par l'égarement,<br>
Banni sera-t-il, de CESCOLEAKS, banni,<br>
Pour une semaine, ou pour l'éternité infinie,<br>
Selon la faute, pesée avec discernement.</p>

<p>Première loi, pilier de notre existence,<br>
Protège le site, gardien de sa subsistance,<br>
Tout acte perturbant son fonctionnement,<br>
S'attire la foudre, d'un bannissement.</p>

<p>Puis vient l'interdit, sans nuance, sans pardon,<br>
Les commentaires haineux, injurieux, bannis sont,<br>
Leur venin destructeur, ne trouve point de place,<br>
Dans ce lieu de savoir, où l'esprit s'embrasse.</p>

<p>Nul ne dévoilera l'identité d'autrui,<br>
Ni son jardin secret, ni son humble abri,<br>
Les informations, gardiennes de l'intime,<br>
Restent sous clé, protégées par l'estime.</p>

<p>Le fléau du spam, répété à l'envi,<br>
Est banni à son tour, de notre récit,<br>
Telle une marée noire, il souille l'espace,<br>
De nos échanges purs, où la vérité se trace.</p>

<p>Enseignants, gardiens du savoir, éminents,<br>
Leur enseignement, éclatant, prédominant,<br>
Tout jugement futile, tels des détracteurs,<br>
Sur leur façon d'être, se doit d'être hors.</p>

<p>Enfin, la vérité, ultime vertu,<br>
Pas de mensonge, pas de ruse, pas d'absolu,<br>
Dans ce temple du savoir, où la lumière luit,<br>
La vérité est reine, et le mensonge fuit.</p>

<div style="text-align: center">
<p>
Dans le sanctuaire de la connaissance éclairée,<br />
Les règles sacrées, claires et bien définies,<br />
Gardent la voie, veillant sur l'harmonie,<br />
À travers chaque mot, chaque pensée pesée.
</p>

<p>
Si l'usager transgresse, aveuglé par l'égarement,<br />
Banni sera-t-il, de CESCOLEAKS, banni,<br />
Pour une semaine, ou pour l'éternité infinie,<br />
Selon la faute, pesée avec discernement.
</p>

<p>
Première loi, pilier de notre existence,<br />
Protège le site, gardien de sa subsistance,<br />
Tout acte perturbant son fonctionnement,<br />
S'attire la foudre, d'un bannissement.
</p>

<p>
Puis vient l'interdit, sans nuance, sans pardon,<br />
Les commentaires haineux, injurieux, bannis sont,<br />
Leur venin destructeur, ne trouve point de place,<br />
Dans ce lieu de savoir, où l'esprit s'embrasse.
</p>

<p>
Nul ne dévoilera l'identité d'autrui,<br />
Ni son jardin secret, ni son humble abri,<br />
Les informations, gardiennes de l'intime,<br />
Restent sous clé, protégées par l'estime.
</p>

<p>
Le fléau du spam, répété à l'envi,<br />
Est banni à son tour, de notre récit,<br />
Telle une marée noire, il souille l'espace,<br />
De nos échanges purs, où la vérité se trace.
</p>

<p>
Enseignants, gardiens du savoir, éminents,<br />
Leur enseignement, éclatant, prédominant,<br />
Tout jugement futile, tels des détracteurs,<br />
Sur leur façon d'être, se doit d'être hors.
</p>

<p>
Enfin, la vérité, ultime vertu,<br />
Pas de mensonge, pas de ruse, pas d'absolu,<br />
Dans ce temple du savoir, où la lumière luit,<br />
La vérité est reine, et le mensonge fuit.
</p>
</div>

</body>

</html>
</body>
</html>
4 changes: 2 additions & 2 deletions scripts/loadTeachers.js
Original file line number Diff line number Diff line change
Expand Up @@ -63,8 +63,8 @@ function addTeachers(teachers) {
teacher.kindness +
teacher.authority +
teacher.humor) /
4
)
4,
),
)}
</div>
Expand Down
117 changes: 59 additions & 58 deletions styles/header.css
Original file line number Diff line number Diff line change
@@ -1,90 +1,91 @@
.main-header {
border-bottom: var(--border-width) var(--border-style) var(--border-color);
padding-left: 10px;
display: flex;
align-items: center;
gap: 20px;
border-bottom: var(--border-width) var(--border-style) var(--border-color);
padding-left: 10px;
display: flex;
align-items: center;
gap: 20px;
}

.main-header-title-text1, .main-header-title-text2 {
margin-right: -5px;
font-size: 65px;
text-transform: uppercase;
color: var(--main-color);
font-family: "Jersey20-Regular";
.main-header-title-text1,
.main-header-title-text2 {
margin-right: -5px;
font-size: 65px;
text-transform: uppercase;
color: var(--main-color);
font-family: "Jersey20-Regular";
}

.main-header-title-text2 {
display: none;
}
display: none;
}

.main-header-search {
border: var(--border-width) var(--border-style) var(--border-color);
width: calc(100% - 563px);
display: flex;
box-shadow: var(--border-width) var(--border-width) var(--border-color);
border: var(--border-width) var(--border-style) var(--border-color);
width: calc(100% - 563px);
display: flex;
box-shadow: var(--border-width) var(--border-width) var(--border-color);
}

.main-header-search-input {
padding-left: 5px;
padding-right: 1.5px;
width: 100%;
height: 38px;
font-size: 20px;
text-transform: uppercase;
background: transparent;
padding-left: 5px;
padding-right: 1.5px;
width: 100%;
height: 38px;
font-size: 20px;
text-transform: uppercase;
background: transparent;
}

.main-header-search-input:focus {
outline:none
outline: none;
}

.main-header-search-img {
padding: 5px;
width: 38px;
height: 38px;
cursor: pointer;
padding: 5px;
width: 38px;
height: 38px;
cursor: pointer;
}

.main-header-button {
height: 40px;
height: 40px;
}

.main-header-button-img {
display: none;
height: 30px;
width: 30px;
transform: translateX(-4px);
display: none;
height: 30px;
width: 30px;
transform: translateX(-4px);
}

@media screen and (max-width: 800px) {
.main-header-search {
width: calc(100% - 417px);
}
.main-header-button {
width: 40px;
}
.main-header-search {
width: calc(100% - 417px);
}

.main-header-button {
width: 40px;
}

.main-header-button-img {
display: block;
}
.main-header-button-img {
display: block;
}

.main-header-button-text {
display: none;
}
.main-header-button-text {
display: none;
}
}

@media screen and (max-width: 650px) {
.main-header-title-text1 {
display: none;
}

.main-header-title-text2 {
display: block;
}
.main-header-title-text1 {
display: none;
}

.main-header-search {
width: calc(100% - 155px);
}
}
.main-header-title-text2 {
display: block;
}

.main-header-search {
width: calc(100% - 155px);
}
}
28 changes: 14 additions & 14 deletions styles/standard-assets/button.css
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
.standard-button {
border: var(--border-width) var(--border-style) var(--border-color);
padding-left: 7.5px;
padding-right: 7.5px;
box-shadow: var(--border-width) var(--border-width) var(--border-color);
font-size: 20px;
text-align: center;
text-transform: uppercase;
color: var(--main-color);
background: var(--main-background);
user-select: none;
cursor: pointer;
border: var(--border-width) var(--border-style) var(--border-color);
padding-left: 7.5px;
padding-right: 7.5px;
box-shadow: var(--border-width) var(--border-width) var(--border-color);
font-size: 20px;
text-align: center;
text-transform: uppercase;
color: var(--main-color);
background: var(--main-background);
user-select: none;
cursor: pointer;
}

.standard-button:active {
transform: translate(2px, 2px);
box-shadow: 0px 0px;
}
transform: translate(2px, 2px);
box-shadow: 0px 0px;
}
Loading

0 comments on commit 3ff2c69

Please sign in to comment.