Skip to content

Commit

Permalink
Clean css and html
Browse files Browse the repository at this point in the history
  • Loading branch information
AsteroidusTv committed May 20, 2024
1 parent 8fcb93d commit 7e8c2a4
Show file tree
Hide file tree
Showing 4 changed files with 28 additions and 22 deletions.
32 changes: 17 additions & 15 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,21 @@

<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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/select.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/select.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>
Expand Down Expand Up @@ -50,12 +50,14 @@ <h1 class="main-header-title-text2">cl</h1>
<img class="main-header-search-img" src="./images/search.png" alt="search icon"/>
</div>

<!-- Request new teacher button -->
<button class="standard-button main-header-button" onclick="openPopup('addPopup')">
<p class="main-header-button-text">nouveau prof</p>
<img class="main-header-button-img" src="./images/plus.png" alt="plus icon" />
</button>
</header>

<!-- Sort by score selector -->
<select name="sort-teachers" id="sortTeachers" class="standard-select">
<option value="alphabet">A..Z</option>
<option value="best_score">Le meilleur score</option>
Expand All @@ -64,14 +66,14 @@ <h1 class="main-header-title-text2">cl</h1>
<option value="least_votes">Le moins de votes</option>
</select>

<main id="profCards">
<!-- Professors cards -->
</main>
<!-- Professors cards -->
<main id="profCards"></main>

<!-- Footer -->
<footer class="main-footer">
<button class="standard-button bottom" onclick="window.location.href='about.html'">À-propos</button>
<button class="standard-button bottom" onclick="window.location.href='rules.html'">Règles</button>
<p>An Anonymous production</p>
<button class="standard-button main-header-button" onclick="window.location.href='about.html'">À-propos</button>
<button class="standard-button main-header-button" onclick="window.location.href='rules.html'">Règles</button>
<p class="main-footer-text">An Anonymous production</p>
</footer>

<!----------------------------- Popups ----------------------------->
Expand Down
6 changes: 4 additions & 2 deletions styles/header.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@
font-size: 65px;
text-transform: uppercase;
color: var(--main-color);
font-family: "Jersey20-Regular";
font-family: var(--title-font);
}

.main-header-title-text2 {
Expand Down Expand Up @@ -49,13 +49,15 @@

.main-header-button {
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}

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

@media screen and (max-width: 800px) {
Expand Down
4 changes: 1 addition & 3 deletions styles/standard-assets/card.css
Original file line number Diff line number Diff line change
Expand Up @@ -64,8 +64,6 @@
background: url("../../images/stars/star-full.svg");
}



.standart-card-stars-text {
margin-bottom: -10px;
margin-top: 10px;
Expand All @@ -85,7 +83,7 @@
.standard-card {
transform: scale(1.4) translateY(70px);
}
.bottom {
.main-header-button {
display: none;
}
}
Expand Down
8 changes: 6 additions & 2 deletions styles/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,10 @@
--main-background: #000000;
--main-color: #FFFFFF;

/* Fonts */
--main-font: "SpaceGrotesk";
--title-font: "Jersey20-Regular";

/* Borders */
--border-width: 2px;
--border-style: solid;
Expand All @@ -23,7 +27,7 @@
border: 0;
padding: 0;
box-sizing: border-box;
font-family: "SpaceGrotesk";
font-family: var(--main-font);
color: var(--main-color);
}

Expand Down Expand Up @@ -54,7 +58,7 @@ main {
border-top: var(--border-width) var(--border-style) var(--border-color);
}

.main-footer p {
.main-footer-text {
font-size: 20px;
}

Expand Down

0 comments on commit 7e8c2a4

Please sign in to comment.