Skip to content

Commit

Permalink
Fix card text, move about/rules buttons in bottom, fix select style
Browse files Browse the repository at this point in the history
AsteroidusTv committed May 18, 2024

Verified

This commit was created on GitHub.com and signed with GitHub’s verified signature.
1 parent f2066f6 commit ed819d2
Showing 4 changed files with 19 additions and 7 deletions.
12 changes: 6 additions & 6 deletions index.html
Original file line number Diff line number Diff line change
@@ -67,20 +67,20 @@ <h1 class="main-header-title-text2">cl</h1>
</button>
</header>

<button class="standard-button" onclick="window.location.href='about.html'">À-propos</button>
<select name="sort-teachers" id="sortTeachers" class="standard-select">
<option value="best-rating">Le meilleur score</option>
<option value="worst-rating">Le pire score</option>
<option value="most-ratings">Le plus de votes</option>
<option value="least-ratings">Le moins de votes</option>
<option value="best-rating">Le meilleur score</option>
<option value="worst-rating">Le pire score</option>
<option value="most-ratings">Le plus de votes</option>
<option value="least-ratings">Le moins de votes</option>
</select>
<button class="standard-button" onclick="window.location.href='rules.html'">Règles</button>

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

<footer class="main-footer">
<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>
<p>An Anonymous production</p>
</footer>

2 changes: 1 addition & 1 deletion styles/standard-assets/card.css
Original file line number Diff line number Diff line change
@@ -27,7 +27,7 @@
}

.standard-card-name {
font-size: 20px;
font-size: 18px;
text-transform: uppercase;
color: var(--main-color);
user-select: all;
4 changes: 4 additions & 0 deletions styles/standard-assets/select.css
Original file line number Diff line number Diff line change
@@ -1,7 +1,11 @@
.standard-select {
margin-top: 10px;
margin-left: 10px;
margin-right: 10px;
border: var(--border-width) var(--border-style) var(--border-color);
padding-left: 7.5px;
padding-right: 7.5px;
width: calc(100% - 20px);
box-shadow: var(--border-width) var(--border-width) var(--border-color);
font-size: 20px;
text-align: center;
8 changes: 8 additions & 0 deletions styles/styles.css
Original file line number Diff line number Diff line change
@@ -47,10 +47,18 @@ main {

.main-footer {
padding: 10px;
display: flex;
align-items: center;
gap: 10px;
height: 50px;
border-top: var(--border-width) var(--border-style) var(--border-color);
}

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


@media screen and (min-width: 1066px) {
main {
grid-template-columns: repeat(4, 1fr);

0 comments on commit ed819d2

Please sign in to comment.