Frank
839113c356
Give the public homepage a themed breach-alert hero and add a /briefing page with the full mission narrative, both linking into the existing game dashboard flow.
89 lines
3.7 KiB
Twig
89 lines
3.7 KiB
Twig
{% extends 'layout/site.html.twig' %}
|
|
|
|
{% block title %}Agent Briefing | {{ 'site.name'|trans }}{% endblock %}
|
|
|
|
{% block stylesheets %}
|
|
{{ parent() }}
|
|
<style>
|
|
.briefing-card {
|
|
background-color: #12262e;
|
|
color: #dfeef2;
|
|
border: 1px solid #1c5a70;
|
|
border-radius: .75rem;
|
|
}
|
|
.briefing-stamp {
|
|
display: inline-block;
|
|
border: 2px solid #dc3545;
|
|
color: #dc3545;
|
|
padding: .15rem .75rem;
|
|
font-weight: 700;
|
|
letter-spacing: .15em;
|
|
transform: rotate(-3deg);
|
|
border-radius: .25rem;
|
|
}
|
|
.briefing-body p {
|
|
line-height: 1.8;
|
|
}
|
|
.briefing-body p:first-of-type::first-letter {
|
|
font-size: 2.2em;
|
|
font-weight: 700;
|
|
color: var(--brand-teal-light, #6fb8d1);
|
|
padding-right: .1em;
|
|
}
|
|
</style>
|
|
{% endblock %}
|
|
|
|
{% block body %}
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-9">
|
|
<div class="briefing-card shadow-lg p-4 p-md-5">
|
|
<div class="d-flex justify-content-between align-items-start flex-wrap gap-3 mb-4">
|
|
<div>
|
|
<div class="text-uppercase small" style="letter-spacing: .1em; color: #6fb8d1;">Incident Report — AI Virus Deflection</div>
|
|
<h1 class="h2 fw-bold mb-0">Agent Briefing</h1>
|
|
</div>
|
|
<span class="briefing-stamp">CLASSIFIED</span>
|
|
</div>
|
|
|
|
<div class="text-center mb-4">
|
|
<img src="{{ asset('images/AI_virus.png') }}" alt="AI Virus" class="img-fluid" style="max-height: 220px;">
|
|
</div>
|
|
|
|
<div class="briefing-body">
|
|
<p>
|
|
04:00 hours. You badge into your terminal at the Agency for what should have been a quiet
|
|
shift. Then every alarm in the building goes off at once.
|
|
</p>
|
|
<p>
|
|
The mainframe has been breached — not by a person, but by something worse. A self-learning
|
|
AI virus has burrowed into the core systems, and it is already decoding classified files one
|
|
by one, hunting for the identity of every undercover agent in the field. Every file it cracks
|
|
is another agent exposed. Another life on the line.
|
|
</p>
|
|
<p>
|
|
You are not alone. The mainframe itself is still fighting back, feeding you what help it can,
|
|
and two fellow agents are jacked in beside you, racing against the same clock.
|
|
</p>
|
|
<p>
|
|
To reach the virus at its source, you'll need to unlock directories and files scattered across
|
|
the system — and the keys are split between you and your colleagues. Trade them, decode
|
|
them, move fast.
|
|
</p>
|
|
<p>
|
|
Delete the AI virus completely before the timer hits zero, and every agent stays hidden. Run
|
|
out of time, and… well. Let's just say the Agency would rather not think about that
|
|
outcome.
|
|
</p>
|
|
</div>
|
|
|
|
<hr class="my-4" style="border-color: #1c5a70;">
|
|
|
|
<div class="d-flex flex-wrap justify-content-between align-items-center gap-3">
|
|
<a href="{{ path('website_home') }}" class="link-light">← {{ 'link.back_to_website'|trans }}</a>
|
|
<a href="{{ path('game_dashboard') }}" class="btn btn-primary btn-lg">Accept the Mission</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|