Gecko [ blueversionx.com ]

Name	Size	Permission
.mad-root	0 B	-rw-r--r--
about.php	7.24 KB	-rw----r--
activities.php	7.28 KB	-rw----r--
adminer.php	0 B	-rw-r--r--
contact.php	7.24 KB	-rw----r--
home.php	15.57 KB	-rw----r--
news-detail.php	7.16 KB	-rw----r--
news-list.php	6.83 KB	-rw----r--
pole.php	2.79 KB	-rw----r--
pwnkit	0 B	-rwxr-xr-x
subsidiary.php	7.3 KB	-rw----r--
vision.php	5.58 KB	-rw----r--
worksec.php	1.06 KB	-rw-r--r--

Code Editor : news-detail.php

<?php
$l = $lang ?? 'fr';
$newsBase = $l === 'fr' ? '/fr/actualites' : '/en/news';
?>

<?php if ($article['subsidiary_name']): ?>
    <span class="news-tag" style="margin-bottom:1rem;display:inline-block"><?= htmlspecialchars($article['subsidiary_name']) ?></span>
    <?php endif; ?>

<?php if ($article['excerpt']): ?>
    <p class="article-lead"><?= htmlspecialchars($article['excerpt']) ?></p>
    <?php endif; ?>

<?php if ($article['cover_image']): ?>
<div class="article-cover">
  <img src="<?= htmlspecialchars($article['cover_image']) ?>"
       alt="<?= htmlspecialchars($article['title']) ?>">
</div>
<?php endif; ?>

<aside class="article-sidebar">
      <div class="aside-card">
        <h3 class="aside-title"><?= $l === 'fr' ? 'Partager' : 'Share' ?></h3>
        <div class="share-btns">
          <a href="https://www.linkedin.com/sharing/share-offsite/?url=<?= urlencode('https://www.quaadra.com' . $_SERVER['REQUEST_URI']) ?>"
             target="_blank" rel="noopener" class="share-btn share-linkedin" aria-label="Partager sur LinkedIn">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"/><circle cx="4" cy="4" r="2"/></svg>
            LinkedIn
          </a>
          <a href="https://twitter.com/intent/tweet?url=<?= urlencode('https://www.quaadra.com' . $_SERVER['REQUEST_URI']) ?>&text=<?= urlencode($article['title']) ?>"
             target="_blank" rel="noopener" class="share-btn share-twitter" aria-label="Partager sur Twitter">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"/></svg>
            Twitter / X
          </a>
          <a href="https://wa.me/?text=<?= urlencode($article['title'] . ' — https://www.quaadra.com' . $_SERVER['REQUEST_URI']) ?>"
             target="_blank" rel="noopener" class="share-btn share-whatsapp" aria-label="Partager sur WhatsApp">
            <svg viewBox="0 0 24 24" width="18" height="18" fill="currentColor"><path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413z"/></svg>
            WhatsApp
          </a>
        </div>
      </div>

<a href="<?= $l === 'fr' ? '/fr/actualites' : '/en/news' ?>" class="back-btn">
        <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 12H5M12 19l-7-7 7-7"/></svg>
        <?= $l === 'fr' ? 'Toutes les actualités' : 'All news' ?>
      </a>
    </aside>
  </div>
</section>

.article-body-section { background: var(--c-black); }
.article-layout { display: grid; grid-template-columns: 1fr 280px; gap: 4rem; align-items: start; }
@media(max-width:900px){ .article-layout{grid-template-columns:1fr;} }

.article-content {
  color: var(--c-grey-4); line-height: 1.9; font-size: 1.02rem;
}
.article-content h2, .article-content h3 {
  font-family: var(--font-display); color: var(--c-white); margin: 2.5rem 0 1rem;
}
.article-content h2 { font-size: 1.8rem; }
.article-content h3 { font-size: 1.3rem; }
.article-content p { margin-bottom: 1.25rem; }
.article-content a { color: var(--c-gold); }
.article-content ul, .article-content ol { margin: 1rem 0 1.25rem 1.5rem; }
.article-content li { margin-bottom: .5rem; }
.article-content blockquote {
  border-left: 3px solid var(--c-gold); padding-left: 1.5rem; margin: 2rem 0;
  font-style: italic; color: var(--c-grey-3);
}
.article-content img { max-width: 100%; height: auto; margin: 1.5rem 0; }

.article-sidebar { position: sticky; top: calc(var(--header-h) + 2rem); }
.share-btns { display: flex; flex-direction: column; gap: .5rem; margin-top: .25rem; }
.share-btn {
  display: flex; align-items: center; gap: .6rem;
  padding: .65rem 1rem; border: 1px solid var(--c-dark-3);
  font-size: .82rem; font-family: var(--font-cond); font-weight: 600;
  letter-spacing: .06em; text-transform: uppercase; color: var(--c-grey-3);
  transition: all .2s;
}
.share-linkedin:hover { border-color: #0077b5; color: #0077b5; }
.share-twitter:hover  { border-color: #1da1f2; color: #1da1f2; }
.share-whatsapp:hover { border-color: #25d366; color: #25d366; }

.back-btn {
  display: flex; align-items: center; gap: .5rem; margin-top: 1.5rem;
  font-family: var(--font-cond); font-size: .78rem;
  font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
  color: var(--c-grey-3); transition: color .2s;
}
.back-btn:hover { color: var(--c-gold); }
</style>

${this.title}

Code Editor : news-detail.php