« L'équipe du wiki » : différence entre les versions
Aucun résumé des modifications |
Aucun résumé des modifications Balise : Révoqué |
||
| Ligne 2 : | Ligne 2 : | ||
<u>Sur Discord</u>: contactez par message privé '''autoban''' ou '''Alexandre'''. | <u>Sur Discord</u>: contactez par message privé '''autoban''' ou '''Alexandre'''. | ||
<style> | |||
/* ===== Corpus Juris — Bannière d’accueil ===== */ | |||
.cj-hero { | |||
position: relative; | |||
overflow: hidden; | |||
margin: 0 0 2rem 0; | |||
padding: clamp(2rem, 5vw, 4rem); | |||
border: 1px solid rgba(120, 120, 120, 0.22); | |||
border-radius: 18px; | |||
background: | |||
linear-gradient(135deg, rgba(30, 64, 115, 0.10), rgba(180, 140, 70, 0.08)), | |||
#ffffff; | |||
color: #202122; | |||
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06); | |||
} | |||
.cj-hero::before { | |||
content: ""; | |||
position: absolute; | |||
inset: 0; | |||
background-image: | |||
linear-gradient(rgba(120, 120, 120, 0.08) 1px, transparent 1px), | |||
linear-gradient(90deg, rgba(120, 120, 120, 0.08) 1px, transparent 1px); | |||
background-size: 28px 28px; | |||
-webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%); | |||
mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%); | |||
pointer-events: none; | |||
} | |||
.cj-hero::after { | |||
content: "⚖"; | |||
position: absolute; | |||
right: clamp(1rem, 6vw, 4rem); | |||
top: 50%; | |||
transform: translateY(-50%); | |||
font-size: clamp(6rem, 18vw, 13rem); | |||
line-height: 1; | |||
color: rgba(30, 64, 115, 0.08); | |||
pointer-events: none; | |||
} | |||
.cj-hero__content { | |||
position: relative; | |||
max-width: 760px; | |||
z-index: 1; | |||
} | |||
.cj-hero__eyebrow { | |||
margin: 0 0 0.75rem; | |||
font-size: 0.82rem; | |||
font-weight: 700; | |||
letter-spacing: 0.08em; | |||
text-transform: uppercase; | |||
color: #8a641d; | |||
} | |||
.cj-hero__title { | |||
margin: 0; | |||
font-size: clamp(2rem, 5vw, 3.4rem); | |||
line-height: 1.05; | |||
font-weight: 800; | |||
letter-spacing: -0.035em; | |||
color: #0b3a73; | |||
} | |||
.cj-hero__subtitle { | |||
max-width: 620px; | |||
margin: 1rem 0 0; | |||
font-size: clamp(1rem, 2vw, 1.18rem); | |||
line-height: 1.6; | |||
color: #54595d; | |||
} | |||
.cj-hero__actions { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 0.75rem; | |||
margin-top: 1.5rem; | |||
} | |||
.cj-hero__actions a { | |||
display: inline-flex; | |||
align-items: center; | |||
min-height: 2.4rem; | |||
padding: 0.55rem 0.95rem; | |||
border: 1px solid rgba(30, 64, 115, 0.28); | |||
border-radius: 999px; | |||
background: rgba(30, 64, 115, 0.08); | |||
color: #1f4f8f; | |||
font-weight: 650; | |||
text-decoration: none; | |||
} | |||
.cj-hero__actions a:first-child { | |||
background: #0b4f9c; | |||
border-color: #0b4f9c; | |||
color: #ffffff; | |||
} | |||
.cj-hero__actions a:hover { | |||
background: rgba(30, 64, 115, 0.14); | |||
text-decoration: none; | |||
} | |||
.cj-hero__actions a:first-child:hover { | |||
background: #083f7d; | |||
} | |||
/* ===== Mode sombre automatique ===== */ | |||
@media (prefers-color-scheme: dark) { | |||
.cj-hero { | |||
background: | |||
linear-gradient(135deg, rgba(90, 145, 220, 0.16), rgba(210, 170, 90, 0.10)), | |||
#101418; | |||
border-color: rgba(255, 255, 255, 0.14); | |||
color: #f1f3f5; | |||
box-shadow: none; | |||
} | |||
.cj-hero::before { | |||
background-image: | |||
linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px), | |||
linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px); | |||
} | |||
.cj-hero::after { | |||
color: rgba(184, 211, 255, 0.08); | |||
} | |||
.cj-hero__eyebrow { | |||
color: #d9b76e; | |||
} | |||
.cj-hero__title { | |||
color: #d8e8ff; | |||
} | |||
.cj-hero__subtitle { | |||
color: #c8ced6; | |||
} | |||
.cj-hero__actions a { | |||
border-color: rgba(140, 180, 240, 0.35); | |||
background: rgba(90, 145, 220, 0.14); | |||
color: #b8d3ff; | |||
} | |||
.cj-hero__actions a:first-child { | |||
background: #2f6fb7; | |||
border-color: #2f6fb7; | |||
color: #ffffff; | |||
} | |||
.cj-hero__actions a:hover { | |||
background: rgba(90, 145, 220, 0.22); | |||
} | |||
.cj-hero__actions a:first-child:hover { | |||
background: #3d82d1; | |||
} | |||
} | |||
/* ===== Mobile ===== */ | |||
@media (max-width: 720px) { | |||
.cj-hero { | |||
padding: 2rem 1.25rem; | |||
border-radius: 14px; | |||
} | |||
.cj-hero::after { | |||
right: -1rem; | |||
top: auto; | |||
bottom: -1.5rem; | |||
transform: none; | |||
font-size: 7rem; | |||
} | |||
.cj-hero__actions { | |||
flex-direction: column; | |||
align-items: stretch; | |||
} | |||
.cj-hero__actions a { | |||
justify-content: center; | |||
} | |||
} | |||
</style> | |||
<section class="cj-hero"> | |||
<div class="cj-hero__content"> | |||
<p class="cj-hero__eyebrow">Corpus Juris | IED</p> | |||
<h1 class="cj-hero__title"> | |||
Le wiki étudiant<br> | |||
du droit à distance | |||
</h1> | |||
<p class="cj-hero__subtitle"> | |||
Ressources, méthodes, annales et repères pratiques pour avancer dans votre licence de droit à l’IED. | |||
</p> | |||
<div class="cj-hero__actions"> | |||
<a href="/index.php/Guide_Etudiant_26-27">Consulter le guide étudiant</a> | |||
<a href="/index.php/Lisez-moi_!">Bien commencer</a> | |||
<a href="/index.php/FAQ">Lire la FAQ</a> | |||
</div> | |||
</div> | |||
</section> | |||
Version du 8 juin 2026 à 21:25
Pour contacter l'équipe administratrice de ce Wiki rien de plus simple :
Sur Discord: contactez par message privé autoban ou Alexandre.
<style>
/* ===== Corpus Juris — Bannière d’accueil ===== */
.cj-hero {
position: relative; overflow: hidden; margin: 0 0 2rem 0; padding: clamp(2rem, 5vw, 4rem); border: 1px solid rgba(120, 120, 120, 0.22); border-radius: 18px; background: linear-gradient(135deg, rgba(30, 64, 115, 0.10), rgba(180, 140, 70, 0.08)), #ffffff; color: #202122; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
}
.cj-hero::before {
content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(120, 120, 120, 0.08) 1px, transparent 1px), linear-gradient(90deg, rgba(120, 120, 120, 0.08) 1px, transparent 1px); background-size: 28px 28px; -webkit-mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%); mask-image: linear-gradient(90deg, rgba(0,0,0,0.45), transparent 75%); pointer-events: none;
}
.cj-hero::after {
content: "⚖"; position: absolute; right: clamp(1rem, 6vw, 4rem); top: 50%; transform: translateY(-50%); font-size: clamp(6rem, 18vw, 13rem); line-height: 1; color: rgba(30, 64, 115, 0.08); pointer-events: none;
}
.cj-hero__content {
position: relative; max-width: 760px; z-index: 1;
}
.cj-hero__eyebrow {
margin: 0 0 0.75rem; font-size: 0.82rem; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; color: #8a641d;
}
.cj-hero__title {
margin: 0; font-size: clamp(2rem, 5vw, 3.4rem); line-height: 1.05; font-weight: 800; letter-spacing: -0.035em; color: #0b3a73;
}
.cj-hero__subtitle {
max-width: 620px; margin: 1rem 0 0; font-size: clamp(1rem, 2vw, 1.18rem); line-height: 1.6; color: #54595d;
}
.cj-hero__actions {
display: flex; flex-wrap: wrap; gap: 0.75rem; margin-top: 1.5rem;
}
.cj-hero__actions a {
display: inline-flex; align-items: center; min-height: 2.4rem; padding: 0.55rem 0.95rem; border: 1px solid rgba(30, 64, 115, 0.28); border-radius: 999px; background: rgba(30, 64, 115, 0.08); color: #1f4f8f; font-weight: 650; text-decoration: none;
}
.cj-hero__actions a:first-child {
background: #0b4f9c; border-color: #0b4f9c; color: #ffffff;
}
.cj-hero__actions a:hover {
background: rgba(30, 64, 115, 0.14); text-decoration: none;
}
.cj-hero__actions a:first-child:hover {
background: #083f7d;
}
/* ===== Mode sombre automatique ===== */
@media (prefers-color-scheme: dark) {
.cj-hero {
background:
linear-gradient(135deg, rgba(90, 145, 220, 0.16), rgba(210, 170, 90, 0.10)),
#101418;
border-color: rgba(255, 255, 255, 0.14);
color: #f1f3f5;
box-shadow: none;
}
.cj-hero::before {
background-image:
linear-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px),
linear-gradient(90deg, rgba(255, 255, 255, 0.07) 1px, transparent 1px);
}
.cj-hero::after {
color: rgba(184, 211, 255, 0.08);
}
.cj-hero__eyebrow {
color: #d9b76e;
}
.cj-hero__title {
color: #d8e8ff;
}
.cj-hero__subtitle {
color: #c8ced6;
}
.cj-hero__actions a {
border-color: rgba(140, 180, 240, 0.35);
background: rgba(90, 145, 220, 0.14);
color: #b8d3ff;
}
.cj-hero__actions a:first-child {
background: #2f6fb7;
border-color: #2f6fb7;
color: #ffffff;
}
.cj-hero__actions a:hover {
background: rgba(90, 145, 220, 0.22);
}
.cj-hero__actions a:first-child:hover {
background: #3d82d1;
}
}
/* ===== Mobile ===== */
@media (max-width: 720px) {
.cj-hero {
padding: 2rem 1.25rem;
border-radius: 14px;
}
.cj-hero::after {
right: -1rem;
top: auto;
bottom: -1.5rem;
transform: none;
font-size: 7rem;
}
.cj-hero__actions {
flex-direction: column;
align-items: stretch;
}
.cj-hero__actions a {
justify-content: center;
}
} </style>
<section class="cj-hero">
Corpus Juris | IED
Le wiki étudiant
du droit à distance
Ressources, méthodes, annales et repères pratiques pour avancer dans votre licence de droit à l’IED.
<a href="/index.php/Guide_Etudiant_26-27">Consulter le guide étudiant</a>
<a href="/index.php/Lisez-moi_!">Bien commencer</a>
<a href="/index.php/FAQ">Lire la FAQ</a>
</section>