Skip to content

Commit

Permalink
🔧 Changement du nom des balises CSS (#73)
Browse files Browse the repository at this point in the history 
🔧 Changement du nom des balises CSS
  • Loading branch information
@Ahhj93
Ahhj93 authored Jun 3, 2023
2 parents 12ea333 + 2638464 commit a6d343c
Show file tree
Hide file tree
Showing 8 changed files with 149 additions and 170 deletions.
14 changes: 7 additions & 7 deletions static/css/style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -46,15 +46,15 @@ header img:hover {
transition: all 0.2s ease-in;
}

.main-content {
main {
flex-grow: 1;
}

.main-content h1 {
main h1 {
margin: 0;
}

.main-content h2 {
main h2 {
margin: 0;
}

Expand Down Expand Up @@ -363,24 +363,24 @@ footer .liens {

/* Fils d'ariane */

.fils {
nav {
font-size: 16px;
margin-left: 10px;
padding: 15px;
color: #bbb;
text-decoration: none;
}

.fils a {
nav a {
color: #bbb;
text-decoration: none;
}

.fils a:hover {
nav a:hover {
text-decoration: underline;
}

.fils span {
nav span {
color: #bbb;
}

Expand Down
49 changes: 23 additions & 26 deletions static/html/404.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,49 +18,46 @@
<body>
<!-- Ajouter un en-tête avec un logo svg avec le texte "Marmit@" et une barre de recherche -->
<header>
<a href="../">
<img src="/images/logo_text.svg" alt="Logo Marmit@">
</a>
<form class="search-container" action="/chercheRecettes" method="POST">
<a href="../">
<img src="/images/logo_text.svg" alt="Logo Marmit@">
</a>
<form class="search-container" action="/chercheRecettes" method="POST">
<input name="recette" type="text" placeholder="Rechercher une recette" class="search-input">
<button type="submit" class="search-button"> <img src="/images/loop_search.svg"></button>
</form>
</header>

<nav class="fils">
<nav>
<a href="../">Accueil</a> > <a href="404">404</a>
</nav>

<div class="main-content">
<main>
<div class="content">
<p>
<span class="bigger">Oops ! Cette page est introuvable.</span>
</p>
<img src="/images/404.svg" alt="404" width="400px" height="auto">
<img src="/images/loupe.svg" alt="Loupe" width="200px" class="loupe">
</div>
</div>
</main>

<!-- Ajouter un pied de page avec un logo svg avec le texte "Marmit@" et des liens vers les mentions légales et le contact -->
<footer>
<div class="logo_footer">
<a href="https://github.com/HowlingByte">
<img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte">
</a>
<a href="../">
<img src="/images/logo.svg" alt="Logo Marmit@" class="logo">
</a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
<div>
<a href="https://github.com/HowlingByte"><img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte"></a>
<a href="../"><img src="/images/logo.svg" alt="Logo Marmit@" class="logo"></a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
</footer>
<div class="overlay"></div>

<div class="overlay"></div>
</body>
53 changes: 25 additions & 28 deletions static/html/contact.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,43 +27,40 @@
</form>
</header>

<nav class="fils">
<a href="../">Accueil</a> > <a href="contact">Contact</a>
<nav>
<a href="../">Accueil</a> > <a href="contact">Contact</a>
</nav>

<div class="main-content">
<main>
<div class="content">
<h1>Contact</h1>
<h2>Signaler un bug ou proposer une amélioration</h2>
<p>Si vous avez trouvé un bug sur notre site ou proposer une amélioration, veuillez utiliser le proposer sur <a href=https://github.com/Hidden-Warden/Marmit65/issues/new>GitHub</a>
<h2>Contacts GitHub</h2>
<ul>
<li><p><a href=https://github.com/Hidden-Warden>Hidden-Warden</a> - French student in high school</p></li>
<li><p><a href=https://github.com/Ryse93>Ryse93</a> - French student in high school</p></li>
<h2>Contacts GitHub</h2>
<ul>
<li><p><a href=https://github.com/Hidden-Warden>Hidden-Warden</a> - French student in high school</p></li>
<li><p><a href=https://github.com/Ryse93>Ryse93</a> - French student in high school</p></li>
</ul>
</div>
</div>
</main>

<!-- Ajouter un pied de page avec un logo svg avec le texte "Marmit@" et des liens vers les mentions légales et le contact -->
<footer>
<div class="logo_footer">
<a href="https://github.com/HowlingByte">
<img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte">
</a>
<a href="../">
<img src="/images/logo.svg" alt="Logo Marmit@" class="logo">
</a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
<div>
<a href="https://github.com/HowlingByte"><img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte"></a>
<a href="../"><img src="/images/logo.svg" alt="Logo Marmit@" class="logo"></a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
</footer>
<div class="overlay"></div>
</body>

<div class="overlay"></div>
</body>
42 changes: 20 additions & 22 deletions static/html/mentions.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,11 +27,11 @@
</form>
</header>

<nav class="fils">
<a href="../">Accueil</a> > <a href="mentions">Mentions légales</a>
<nav>
<a href="../">Accueil</a> > <a href="mentions">Mentions légales</a>
</nav>

<div class="main-content">
<main>
<div class="content">
<p>
<b><span class="bigger">Mentions légales</span></b>
Expand All @@ -53,27 +53,25 @@
Nous vous remercions de votre visite sur notre site.
</p>
</div>
</div>
</main>

<!-- Ajouter un pied de page avec un logo svg avec le texte "Marmit@" et des liens vers les mentions légales et le contact -->
<footer>
<div class="logo_footer">
<a href="https://github.com/HowlingByte">
<img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte">
</a>
<a href="../">
<img src="/images/logo.svg" alt="Logo Marmit@" class="logo">
</a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
<div>
<a href="https://github.com/HowlingByte"><img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte"></a>
<a href="../"><img src="/images/logo.svg" alt="Logo Marmit@" class="logo"></a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
</footer>

<div class="overlay"></div>
</body>
29 changes: 12 additions & 17 deletions template/accueil.tpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -56,26 +56,24 @@
<body>
<!-- Ajouter un en-tête avec un logo svg avec le texte "Marmit@" et une barre de recherche -->
<header>
<a href="../">
<img src="images/logo_text.svg" alt="Logo Marmit@">
</a>
<a href="../">
<img src="images/logo_text.svg" alt="Logo Marmit@">
</a>
<form class="search-container" action="/chercheRecettes" method="POST">
<input name="recette" type="text" placeholder="Rechercher une recette" class="search-input">
<button type="submit" class="search-button"> <img src="/images/loop_search.svg"></button>
</form>
</header>

<nav class="fils">
<a href="">Accueil</a>
<nav>
<a href="">Accueil</a>
</nav>

<div class="main-content">
<main>
<div class="content" style="padding-bottom: 30px">
<h3>Des recettes de cuisine faciles et rapides</h3>
</div>



<div class="grid-container">
%for famille in listeFamille:
<a href="famille?id={{famille.famille_id}}">
Expand All @@ -87,18 +85,14 @@
</a>
%end
</div>
</div>
</main>

<!-- Ajouter un pied de page avec un logo svg avec le texte "Marmit@" et des liens vers les mentions légales et le contact -->
<footer>
<div class="logo_footer">
<a href="https://github.com/HowlingByte">
<img src="images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte">
</a>
<a href="../">
<img src="images/logo.svg" alt="Logo Marmit@" class="logo">
</a>
</div>
<div>
<a href="https://github.com/HowlingByte"><img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte"></a>
<a href="../"><img src="/images/logo.svg" alt="Logo Marmit@" class="logo"></a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
Expand All @@ -110,5 +104,6 @@
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
</footer>

<div class="overlay"></div>
</body>
47 changes: 22 additions & 25 deletions template/chercheRecettes.tpl
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,20 +18,20 @@
<body>
<!-- Ajouter un en-tête avec un logo svg avec le texte "Marmit@" et une barre de recherche -->
<header>
<a href="../">
<img src="/images/logo_text.svg" alt="Logo Marmit@">
</a>
<a href="../">
<img src="/images/logo_text.svg" alt="Logo Marmit@">
</a>
<form class="search-container" action="/chercheRecettes" method="POST">
<input name="recette" type="text" placeholder="Rechercher une recette" class="search-input">
<button type="submit" class="search-button"> <img src="/images/loop_search.svg"></button>
</form>
</header>

<nav class="fils">
<a href="">Accueil</a>
<nav>
<a href="">Accueil</a>
</nav>

<div class="main-content">
<main>
<div class="content" style="padding-bottom: 30px">
<h3>Résultats de la recherche pour "{{recherche}}"</h3>
</div>
Expand All @@ -55,28 +55,25 @@
%end
</div>
%end
</div>
</main>

<!-- Ajouter un pied de page avec un logo svg avec le texte "Marmit@" et des liens vers les mentions légales et le contact -->
<footer>
<div class="logo_footer">
<a href="https://github.com/HowlingByte">
<img src="images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte">
</a>
<a href="../">
<img src="images/logo.svg" alt="Logo Marmit@" class="logo">
</a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
<div>
<a href="https://github.com/HowlingByte"><img src="/images/howlingbyte.svg" alt="Logo HowlingByte" class="howlingbyte"></a>
<a href="../"><img src="/images/logo.svg" alt="Logo Marmit@" class="logo"></a>
</div>
<div class="copyright">Marmit@ – HowlingByte © 2023</div>
<div class="liens">
<a href="mentions">Mentions légales</a>
</div>
<div class="liens">
<a href="contact">Contact</a>
</div>
<div class="liens">
<a href="https://github.com/HowlingByte/Marmit65">GitHub</a>
</div>
</footer>

<div class="overlay"></div>
</body>
Loading

0 comments on commit a6d343c

Please sign in to comment.