arthur/clock
1
0
Fork 0
mirror of https://github.com/arthur-pbty/clock.git synced 2026-06-03 23:36:30 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat: refactor Docker setup, enhance README, and add legal pages with environment variable support

Browse Source
This commit is contained in:
Puechberty Arthur
2026-04-01 23:55:17 +02:00
parent 05bfb07286
commit de50801cfc
13 changed files with 443 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/globals.css
+133 -17
View File
@@ -309,33 +309,149 @@ select {
/* ===== Footer SEO ===== */
.seo-footer {
max-width: 900px;
max-width: 1100px;
margin: 0 auto;
padding: 2rem 1.5rem 3rem;
text-align: center;
color: rgba(148, 163, 184, 0.6);
font-size: 0.85rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
padding: 3rem 1.5rem 2.25rem;
color: rgba(148, 163, 184, 0.75);
border-top: 1px solid rgba(255, 255, 255, 0.08);
background: linear-gradient(
180deg,
rgba(15, 23, 42, 0) 0%,
rgba(15, 23, 42, 0.35) 20%,
rgba(15, 23, 42, 0.65) 100%
);
}
.seo-footer nav {
margin-top: 1rem;
.footer-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.seo-footer nav ul {
display: flex;
justify-content: center;
gap: 1.5rem;
.seo-footer h2 {
font-size: 1rem;
font-weight: 650;
letter-spacing: 0.02em;
margin-bottom: 0.9rem;
color: rgba(248, 250, 252, 0.95);
}
.seo-footer ul {
list-style: none;
padding: 0;
margin: 0;
display: grid;
gap: 0.65rem;
}
.seo-footer nav a {
color: rgba(148, 163, 184, 0.7);
.seo-footer a {
color: rgba(148, 163, 184, 0.82);
text-decoration: none;
transition: color 0.2s;
transition: color 0.2s ease;
}
.seo-footer nav a:hover {
color: rgba(248, 250, 252, 0.9);
.seo-footer a:hover {
color: rgba(248, 250, 252, 0.98);
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.08);
padding-top: 1rem;
font-size: 0.9rem;
display: grid;
gap: 0.35rem;
}
.footer-bottom p {
margin: 0;
}
/* ===== Pages legales ===== */
.legal-page {
width: min(100% - 2rem, 760px);
margin: 0 auto;
padding: 3rem 0 4rem;
color: rgba(226, 232, 240, 0.92);
}
.legal-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.12);
padding-bottom: 1.1rem;
}
.legal-header h1 {
font-size: clamp(1.8rem, 3vw, 2.25rem);
line-height: 1.15;
letter-spacing: -0.01em;
color: rgba(248, 250, 252, 0.98);
font-weight: 650;
}
.legal-header p {
margin-top: 0.45rem;
color: rgba(148, 163, 184, 0.85);
font-size: 0.92rem;
}
.legal-sections {
margin-top: 1.8rem;
}
.legal-sections section {
padding-top: 1.1rem;
}
.legal-sections section + section {
border-top: 1px solid rgba(255, 255, 255, 0.08);
margin-top: 1.2rem;
}
.legal-sections h2 {
font-size: 1.15rem;
font-weight: 600;
color: rgba(248, 250, 252, 0.96);
margin-bottom: 0.5rem;
}
.legal-sections p {
line-height: 1.65;
color: rgba(203, 213, 225, 0.95);
}
.legal-sections a {
color: rgba(224, 242, 254, 0.94);
}
@media (max-width: 640px) {
.legal-page {
width: min(100% - 1.25rem, 760px);
padding: 2.25rem 0 3rem;
}
.legal-sections section {
padding-top: 0.95rem;
}
}
@media (max-width: 900px) {
.footer-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.seo-footer {
padding: 2.5rem 1rem 1.75rem;
}
.footer-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
margin-bottom: 1.5rem;
}
.footer-bottom {
font-size: 0.85rem;
}
}