Skip to content

Commit

Permalink
formating
Browse files Browse the repository at this point in the history
  • Loading branch information
@judemont
judemont committed May 17, 2024
1 parent 60b8941 commit f876fc3
Show file tree
Hide file tree
Showing 2 changed files with 88 additions and 85 deletions.
77 changes: 49 additions & 28 deletions about.html
View file
Original file line number Diff line number Diff line change
@@ -1,40 +1,62 @@
<!DOCTYPE html>
<!doctype html>
<html lang="fr">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>CESCOLEAKS ABOUT</title>
<link rel="stylesheet" href="styles/about.css">
<link rel="stylesheet" href="styles/about.css" />
</head>

<body>
<h1>Une petite explication s'impose...</h1>
<label>Afficher les blagues ? <input type="checkbox" checked id="showJokes"></label>
<p>Si tu es tout comme nous un élève ou un ancien élève de Cescole tu as sûrement été témoin du même problème que
nous. Ce problème est très simple, une grande partie des professeurs de ce <span>PTN</span> de collège <span>de
merde</span> sont parfois totalement incompétents.</p>
<p>Cela peut s'expliquer facilement par le fait que les profs. ne sont quasiment pas supervisés, certains continuent
de se baigner tranquillement dans leur incompétence sans que aucune mesure ne soit prise.</p>
<p>Si votre coiffeur est très mauvais <span>@mrsPécho</span> et qu'il ne sait pas comment faire son travail, la
solution est simple : <span>vous tuez le coiffeur</span> vous changez de coiffeur. Et au fil du temps, si plus
personne ne veut revenir chez ce coiffeur, il finira par faire faillite et se trouvera un job plus adapté à ses
qualités. Mais lorsque c'est un élève qui se retrouve avec un prof incompétent, que faire ?</p>
<p>C'est pour cela que nous avons décidé <span>de brûler l'école</span> de créer CESCOLEAKS. CESCOLEAKS est un site
web ayant pour but de redonner la parole aux élèves. CESCOLEAKS donne la possibilité aux élèves de donner leur
avis <span>sur les coiffeurs</span> sur les profs de manière anonyme (et respectueuse).</p>
<p>Bien sûr nous sommes très négatifs mais tous les profs ne sont pas incompétents, il existe même de très très bons
profs. Et c'est aussi pour pouvoir les féliciter de leur travail que nous avons créé CESCOLEAKS.</p>
<p>Nos intentions sont selon nous louables et nous espérons que CESCOLEAKS permettra d'améliorer la situation.
<br><i>> Au moins nous aurons essayé...</i>
<label>Afficher les blagues ? <input type="checkbox" checked id="showJokes" /></label>
<p>
Si tu es tout comme nous un élève ou un ancien élève de Cescole tu as
sûrement été témoin du même problème que nous. Ce problème est très
simple, une grande partie des professeurs de ce <span>PTN</span> de
collège <span>de merde</span> sont parfois totalement incompétents.
</p>
<p>
Cela peut s'expliquer facilement par le fait que les profs. ne sont
quasiment pas supervisés, certains continuent de se baigner tranquillement
dans leur incompétence sans que aucune mesure ne soit prise.
</p>
<p>
Si votre coiffeur est très mauvais <span>@mrsPécho</span> et qu'il ne sait
pas comment faire son travail, la solution est simple :
<span>vous tuez le coiffeur</span> vous changez de coiffeur. Et au fil du
temps, si plus personne ne veut revenir chez ce coiffeur, il finira par
faire faillite et se trouvera un job plus adapté à ses qualités. Mais
lorsque c'est un élève qui se retrouve avec un prof incompétent, que faire
?
</p>
<p>
C'est pour cela que nous avons décidé <span>de brûler l'école</span> de
créer CESCOLEAKS. CESCOLEAKS est un site web ayant pour but de redonner la
parole aux élèves. CESCOLEAKS donne la possibilité aux élèves de donner
leur avis <span>sur les coiffeurs</span> sur les profs de manière anonyme
(et respectueuse).
</p>
<p>
Bien sûr nous sommes très négatifs mais tous les profs ne sont pas
incompétents, il existe même de très très bons profs. Et c'est aussi pour
pouvoir les féliciter de leur travail que nous avons créé CESCOLEAKS.
</p>
<p>
Nos intentions sont selon nous louables et nous espérons que CESCOLEAKS
permettra d'améliorer la situation. <br /><i>> Au moins nous aurons essayé...</i>
</p>

<h2>Q&A :</h2>
<h3>Qui sommes-nous ?</h3>
<p>Notre identité compte peu. Ce sont nos actions qui définissent qui nous sommes. En sachant ce que l'on a
accompli, vous savez qui nous sommes. <br>Si aujourd'hui nous avons décidé de promouvoir la liberté d'expression
et
la qualité de l'enseignement, cela fait de nous des défenseurs de ces causes.</p>
<p>
Notre identité compte peu. Ce sont nos actions qui définissent qui nous
sommes. En sachant ce que l'on a accompli, vous savez qui nous sommes.
<br />Si aujourd'hui nous avons décidé de promouvoir la liberté
d'expression et la qualité de l'enseignement, cela fait de nous des
défenseurs de ces causes.
</p>

<span>
<h3>Qui ne sommes-nous pas ?</h3>
Expand All @@ -57,12 +79,11 @@ <h3>Comment NE PAS nous contacter (BEST CHOICE) ?</h3>

<script>
document.getElementById("showJokes").addEventListener("change", (e) => {
const spans = document.getElementsByTagName("span")
const spans = document.getElementsByTagName("span");
for (let index = 0; index < spans.length; index++) {
spans[index].style.display = e.target.checked ? "initial" : "none";
}

})
});
</script>
</body>

Expand Down
96 changes: 39 additions & 57 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -1,37 +1,35 @@
<html lang="fr">

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

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="./images/favicon.ico">
<link rel="icon" type="image/x-icon" href="./images/favicon.ico" />

<!-- Styles -->
<link rel="stylesheet" href="./styles/styles.css">
<link rel="stylesheet" href="./styles/header.css">
<link rel="stylesheet" href="./styles/styles.css" />
<link rel="stylesheet" href="./styles/header.css" />

<!-- Standard assets -->
<link rel="stylesheet" href="./styles/standard-assets/button.css">
<link rel="stylesheet" href="./styles/standard-assets/input.css">
<link rel="stylesheet" href="./styles/standard-assets/popup.css">
<link rel="stylesheet" href="./styles/standard-assets/card.css">
<link rel="stylesheet" href="./styles/standard-assets/button.css" />
<link rel="stylesheet" href="./styles/standard-assets/input.css" />
<link rel="stylesheet" href="./styles/standard-assets/popup.css" />
<link rel="stylesheet" href="./styles/standard-assets/card.css" />

<!-- Scripts -->
<script src="./scripts/loadTeachers.js" defer></script>
<script src="./scripts/utils/objectToFormData.js"></script>
<script src="./scripts/getTeachers.js"></script>
<script src="./scripts/sendRating.js"></script>
<script src="./scripts/getComments.js">
</script>
<script src="./scripts/getComments.js"></script>
<script src="./scripts/sendComment.js"></script>

<script src="./scripts/sendComment.js"></script>
<script src="./scripts/popup.js" defer></script>
<script src="./scripts/loadComments.js" defer></script>
<script src="./scripts/page.js" defer></script>


<title>CESCOLEAKS</title>
</head>

Expand All @@ -43,17 +41,21 @@ <h1 class="main-header-title-text1">Cesco.Leaks</h1>
<h1 class="main-header-title-text2">cl</h1>
</div>
<div class="main-header-search">
<input id="searchBar" class="main-header-search-input" type="text" placeholder="Chercher un prof">
<img class="main-header-search-img" src="./images/search.png" alt="search icon">
<input id="searchBar" class="main-header-search-input" type="text" placeholder="Chercher un prof" />
<img class="main-header-search-img" src="./images/search.png" alt="search icon" />
</div>

<button class="standard-button main-header-button" onclick="openPopup('addPopup')">
<p class="main-header-button-text">Proposer un autre prof</p>
<img class="main-header-button-img" src="./images/plus.png" alt="plus icon">
<img class="main-header-button-img" src="./images/plus.png" alt="plus icon" />
</button>
</header>
<button class="standard-button" onclick="window.location.href='about.html'">À-propos</button>
<button class="standard-button" onclick="window.location.href='rules.html'">Règles</button>
<button class="standard-button" onclick="window.location.href='about.html'">
À-propos
</button>
<button class="standard-button" onclick="window.location.href='rules.html'">
Règles
</button>

<main id="profCards">
<!-- Professors cards -->
Expand All @@ -62,59 +64,40 @@ <h1 class="main-header-title-text2">cl</h1>
<footer class="main-footer">
<p>An Anonymous production</p>
</footer>





















<!----------------------------- Popups ----------------------------->
<div id="addPopup" class="standard-popup">
<div class="whole-section">
<button class="standard-button standard-popup-close" onclick="closePopup('addPopup')">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
</button>
<div class="standard-popup-content add-popup">
<form style="display: contents;" method="post" action="api/newTeacher.php">
<input name="name" class="standard-input insert-name" type="text" placeholder="Nom du prof.">
<button type="submit" class="standard-button send-request">Envoyer</button>
<form style="display: contents" method="post" action="api/newTeacher.php">
<input name="name" class="standard-input insert-name" type="text" placeholder="Nom du prof." />
<button type="submit" class="standard-button send-request">
Envoyer
</button>
</form>
<!-- <div class="select-image">
<input id="uploadPhoto" class="upload-photo" type="file">
<img id="previewImage" class="preview-image" src="./images/upload.png">
</div> -->

</div>
</div>
</div>

<div id="commentPopup" class="standard-popup">
<div class="whole-section comment-popup">
<button class="standard-button standard-popup-close comment-popup" onclick="closePopup('commentPopup')">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon">
<img class="standard-popup-close-img" draggable="false" src="./images/close.svg" alt="close icon" />
</button>
<div class="standard-popup-content comment-popup">
<div id="commentsPlace" class="standard-popup-content-messages">

</div>
<div id="commentsPlace" class="standard-popup-content-messages"></div>
<div class="standard-popup-content-send-messages">
<input id="commentContentInput" type="text" class="standard-input send-message">
<button id="sendCommentButton" class="standard-button send-message">Envoyer</button>
<input id="commentContentInput" type="text" class="standard-input send-message" />
<button id="sendCommentButton" class="standard-button send-message">
Envoyer
</button>
</div>
</div>
</div>
Expand All @@ -125,44 +108,43 @@ <h1 class="main-header-title-text2">cl</h1>
<button class="standard-button standard-popup-close comment-popup other"
onclick="closePopup('ratingPopup')">
<img class="standard-popup-close-img comment-popup other" draggable="false" src="./images/close.svg"
alt="close icon">
alt="close icon" />
</button>
<div class="standard-popup-content rating-popup">
<div class="score">
<p class="score-title">Autorité</p>
<div class="score-value">
<input id="ratingAuthority" class="value" type="range" min="1" max="10" value="5">
<input id="ratingAuthority" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText1">5</p>
</div>
</div>
<div class="score">
<p class="score-title">Humour</p>
<div class="score-value">
<input id="ratingHumor" class="value" type="range" min="1" max="10" value="5">
<input id="ratingHumor" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText2">5</p>
</div>
</div>
<div class="score">
<p class="score-title">Qualité d'enseignement</p>
<div class="score-value">
<input id="ratingTeachingQuality" class="value" type="range" min="1" max="10" value="5">
<input id="ratingTeachingQuality" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText3">5</p>
</div>
</div>
<div class="score">
<p class="score-title">Sympathie</p>
<div class="score-value">
<input id="ratingKindness" class="value" type="range" min="1" max="10" value="5">
<input id="ratingKindness" class="value" type="range" min="1" max="10" value="5" />
<p id="ratingText4">5</p>
</div>
</div>
<button id="voteRatingButton" class="standard-button save-ratings">Voter</button>
<button id="voteRatingButton" class="standard-button save-ratings">
Voter
</button>
</div>
</div>
</div>



</body>

</html>

0 comments on commit f876fc3

Please sign in to comment.