Aller au contenu
ANNONCEFélicitations à toutes et à tous pour votre année et courage à ceux qui vont aux rattrapages !

« L'équipe du wiki » : différence entre les versions

De Wiki Corpus Juris
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>