starnakin/photohub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add: css

Browse Source
This commit is contained in:
Starnakin
2024-12-01 14:31:35 +01:00
parent cc64d3012a
commit 3831d57fe6
4 changed files with 99 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/templates/icons/file.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 13 KiB

84
src/templates/page.css Normal file
View File

@ -0,0 +1,84 @@
body {
background-color: #002b36;
display: flex;
justify-content: center; /* Centre l'image */
align-items: center; /* Aligne verticalement */
position: relative;
flex-direction: column;
}
#small {
max-width: 100%;
height: auto;
display: block;
}
#download {
background-color: lightgray;
position: absolute;
margin: 10px;
right: 200px;
top: 200px;
}
#download * {
background-color: aqua;
display: flex;
margin: 10px;
}
#download * p {
align-items: center;
}
a {
text-decoration: none;
}
#download img {
height: 50px;
width: 50px;
}
pre {
background: #f4f4f4;
padding: 10px;
border-radius: 5px;
overflow-x: auto;
}
code {
font-family: "Courier New", monospace;
color: #333;
}
.dropdown-btn {
padding: 10px 20px;
background-color: #4CAF50;
color: white;
border: none;
cursor: pointer;
font-size: 16px;
border-radius: 5px;
display: flex;
}
/* Cacher le checkbox (pour qu'il ne soit pas visible) */
.dropdown-checkbox {
display: none;
}
/* Style du texte qui apparaît lorsque la case est cochée */
.dropdown-text {
display: none;
margin-top: 10px;
padding: 10px;
background-color: #f1f1f1;
border: 1px solid #ddd;
border-radius: 5px;
}
/* Quand la case est cochée, afficher le texte */
.dropdown-checkbox:checked + .dropdown-btn + .dropdown-text {
display: flex;
}

6
src/templates/index.html → src/templates/page.html
View File

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="img1.css">
<link rel="stylesheet" href="../general/page.css">
</head>
<body>
@ -10,13 +10,13 @@
<div id="download">
{% if large %}
<a id="large" href="{{ large }}">
<img src="../icons/file.png">
<img src="../general/icons/file.png">
<p>large</p>
</a>
{% endif %}
{% if raw %}
<a id="raw" href="{{ raw }}">
<img src="../icons/file.png">
<img src="../general/icons/file.png">
<p>raw</p>
</a>
{% endif %}