Update 2 files
- /html/src/css/style.css - /html/journal.php
This commit is contained in:
parent
42a9115088
commit
49fa6fbfe1
@ -63,7 +63,7 @@ if (filter_var($_GET['article'], FILTER_VALIDATE_INT)) {
|
|||||||
|
|
||||||
if ($resultat) {
|
if ($resultat) {
|
||||||
foreach($resultat as $row) {
|
foreach($resultat as $row) {
|
||||||
echo "<a href='?article=" . $row['ID'] . "'><div class='article'><div class='article-content'><div><h1>" . $row['titre'] . "</h1></div><div><h2>" . $row['auteur'] . "</h2></div><div>" . $date->format('d/m/Y') . "</div></div></div></a>";
|
echo "<a href='?article=" . $row['ID'] . " class='article-link'><div class='article'><div class='article-content'><div><h1>" . $row['titre'] . "</h1></div><div><h2>" . $row['auteur'] . "</h2></div><div>" . $date->format('d/m/Y') . "</div></div></div></a>";
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -2,6 +2,7 @@
|
|||||||
--text: #e9e9e9;
|
--text: #e9e9e9;
|
||||||
--background: hsl(0, 0%, 15%);
|
--background: hsl(0, 0%, 15%);
|
||||||
--dark-background: hsl(0, 0%, 10%);
|
--dark-background: hsl(0, 0%, 10%);
|
||||||
|
--darker-background: hsl(0, 0%, 5%);
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
@ -38,6 +39,7 @@ header, footer {
|
|||||||
|
|
||||||
.navitem {
|
.navitem {
|
||||||
padding: 0.5em;
|
padding: 0.5em;
|
||||||
|
background-color: var(--darker-background);
|
||||||
}
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@ -45,10 +47,6 @@ a {
|
|||||||
color: var(--text-color);
|
color: var(--text-color);
|
||||||
}
|
}
|
||||||
|
|
||||||
a:hover {
|
|
||||||
box-shadow: 0 0 15px rgba(255, 255, 255, 0.322);
|
|
||||||
}
|
|
||||||
|
|
||||||
.content {
|
.content {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
@ -86,6 +84,10 @@ a:hover {
|
|||||||
font-size: 3em;
|
font-size: 3em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.article-link:hover {
|
||||||
|
box-shadow: 0 0 15px rgba(255, 255, 255, 0.322);
|
||||||
|
}
|
||||||
|
|
||||||
.article {
|
.article {
|
||||||
background-color: var(--dark-background);
|
background-color: var(--dark-background);
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user