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 : subsidiary.php

<?php
$l = $lang ?? 'fr';
$actBase = $l === 'fr' ? '/fr/activites' : '/en/activities';
$poleColors = [
  'communication' => '#FFCE00', 'medias' => '#1A6B8A',
  'telecoms' => '#2E7D4F', 'divertissement' => '#8B2FC9', 'industrie' => '#C94B2F',
];
$c = $poleColors[$sub['pole'] ?? ''] ?? '#888';
?>

<section class="page-hero sub-hero" style="--sub-color:<?= $c ?>">
  <div class="container">
    <nav class="sub-breadcrumb" aria-label="Fil d'Ariane">
      <a href="<?= $l === 'fr' ? '/fr/activites' : '/en/activities' ?>"><?= $t('nav.activities') ?></a>
      <span aria-hidden="true">›</span>
      <a href="<?= $actBase ?>/<?= htmlspecialchars($sub['pole']) ?>"><?= $t("poles.{$sub['pole']}") ?></a>
      <span aria-hidden="true">›</span>
      <span aria-current="page"><?= htmlspecialchars($sub['name']) ?></span>
    </nav>
    <span class="section-label" style="color:<?= $c ?>"><?= $t("poles.{$sub['pole']}") ?></span>
    <h1 class="page-hero-title"><?= htmlspecialchars($sub['name']) ?></h1>
    <?php if (!empty($sub['tagline'])): ?>
    <p class="page-hero-sub"><?= htmlspecialchars($sub['tagline']) ?></p>
    <?php endif; ?>

<?php if (!empty($sub['website_url'])): ?>
    <a href="<?= htmlspecialchars($sub['website_url']) ?>" target="_blank" rel="noopener"
       class="btn btn-outline" style="margin-top:2rem">
      <?= $t('visit_site') ?>
      <svg viewBox="0 0 24 24" width="16" height="16" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6"/><polyline points="15 3 21 3 21 9"/><line x1="10" y1="14" x2="21" y2="3"/></svg>
    </a>
    <?php endif; ?>
  </div>
</section>

<div class="sub-desc-right-col" data-scroll-reveal>
    <div class="sub-desc-featured-img">
        <img src="<?= htmlspecialchars($sub['image_path'] ?? '/assets/images/activites/' . $sub['slug'] . '.svg') ?>" 
       alt="<?= htmlspecialchars($sub['name']) ?>">
    </div>
      <aside class="sub-desc-aside">
        <div class="aside-card">
          <h3 class="aside-title"><?= $l === 'fr' ? 'Informations' : 'Information' ?></h3>
          <dl class="aside-list">
            <div class="aside-item">
              <dt><?= $l === 'fr' ? 'Pôle' : 'Division' ?></dt>
              <dd style="color:<?= $c ?>"><?= $t("poles.{$sub['pole']}") ?></dd>
            </div>
            <div class="aside-item">
              <dt><?= $l === 'fr' ? 'Groupe' : 'Group' ?></dt>
              <dd>QUAADRA</dd>
            </div>
            <div class="aside-item">
              <dt><?= $l === 'fr' ? 'Présence' : 'Presence' ?></dt>
              <dd><?= $l === 'fr' ? 'Afrique de l\'Ouest & Centre' : 'West & Central Africa' ?></dd>
            </div>
            <?php if (!empty($sub['website_url'])): ?>
            <div class="aside-item">
              <dt>Site web</dt>
              <dd>
                <a href="<?= htmlspecialchars($sub['website_url']) ?>" target="_blank" rel="noopener" style="color:<?= $c ?>">
                  <?= htmlspecialchars(preg_replace('#^https?://(www\.)?#', '', $sub['website_url'])) ?>
                </a>
              </dd>
            </div>
            <?php endif; ?>
          </dl>
          <a href="<?= $l === 'fr' ? '/fr/contact' : '/en/contact' ?>" class="btn btn-primary" style="width:100%;justify-content:center;margin-top:1.5rem">
            <?= $t('nav.contact') ?>
          </a>
        </div>
      </aside>
    </div>

</div>
</section>

<?php if (!empty($newsRel)): ?>
<section class="section sub-news-section">
  <div class="container">
    <span class="section-label"><?= $t('nav.news') ?></span>
    <h2 class="section-title">
      <?= $l === 'fr' ? 'Actualités de ' . htmlspecialchars($sub['name']) : htmlspecialchars($sub['name']) . ' News' ?>
    </h2>
    <div class="sub-news-grid">
      <?php foreach ($newsRel as $art): ?>
      <a href="<?= $l === 'fr' ? '/fr/actualites/' : '/en/news/' ?><?= htmlspecialchars($art['slug']) ?>"
         class="sub-news-card">
        <span class="sub-news-date"><?= date($l === 'fr' ? 'd/m/Y' : 'Y-m-d', strtotime($art['published_at'] ?? $art['created_at'])) ?></span>
        <h3 class="sub-news-title"><?= htmlspecialchars($art['title']) ?></h3>
        <span class="sub-news-cta"><?= $t('read_more') ?> →</span>
      </a>
      <?php endforeach; ?>
    </div>
  </div>
</section>
<?php endif; ?>

.sub-desc-grid { display: grid; grid-template-columns: 1.5fr 1fr; gap: 4rem; align-items: start; }
@media(max-width:860px){ .sub-desc-grid{grid-template-columns:1fr;} }
.sub-desc-content { color: var(--c-grey-4); line-height: 1.85; margin-top: 1rem; font-size: .97rem; }

.aside-card { background: var(--c-dark-2); border: 1px solid var(--c-dark-3); padding: 2rem; }
.aside-title {
  font-family: var(--font-cond); font-size: .78rem;
  font-weight: 700; letter-spacing: .15em; text-transform: uppercase;
  color: var(--c-grey-3); margin-bottom: 1.5rem; padding-bottom: .75rem;
  border-bottom: 1px solid var(--c-dark-3);
}
.aside-list { display: flex; flex-direction: column; gap: 1rem; }
.aside-item { display: flex; flex-direction: column; gap: .2rem; }
.aside-item dt { font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--c-grey-2); font-family: var(--font-cond); }
.aside-item dd { font-size: .9rem; color: var(--c-grey-4); }

.sub-news-section { background: var(--c-dark); }
.sub-news-grid { display: flex; flex-direction: column; gap: 2px; margin-top: 2rem; background: var(--c-dark-3); }
.sub-news-card {
  display: block; padding: 1.75rem 2rem;
  background: var(--c-dark-2); transition: background .2s, padding-left .25s;
  border-left: 3px solid transparent;
}
.sub-news-card:hover {
  background: var(--c-dark-3); padding-left: 2.75rem;
  border-left-color: var(--c-gold);
}
.sub-news-date {
  font-family: var(--font-cond); font-size: .7rem;
  letter-spacing: .1em; color: var(--c-grey-2); display: block; margin-bottom: .4rem;
}
.sub-news-title {
  font-family: var(--font-display); font-size: 1.25rem;
  font-weight: 600; color: var(--c-white); margin-bottom: .5rem;
}
.sub-news-cta {
  font-family: var(--font-cond); font-size: .75rem;
  letter-spacing: .08em; text-transform: uppercase; color: var(--c-gold);
}

.sub-desc-grid-enhanced {
  display: grid;
  grid-template-columns: 1fr 380px; 
  gap: 50px;
  align-items: start;
}

.sub-desc-featured-img {
  width: 100%;
  margin-bottom: 2rem;
  border-radius: 8px;
  overflow: hidden;
}
.sub-desc-featured-img img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 992px) {
  .sub-desc-grid-enhanced {
    grid-template-columns: 1fr;
  }
}
</style>

${this.title}

Code Editor : subsidiary.php