hacklab/OASIS-PROJECT
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

translate screen-2 to English, add Special Elite font for FAQ answers

Browse source 
- all FAQ questions and answers translated to English
- subtitle updated to "your gateway to oasis"
- Special Forces replaced with Special Elite (typewriter/classified docs style)
- Special Elite served locally, no external dependencies

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
CAPITANSITO 2026-04-04 03:26:19 +02:00
parent 158f1cff28
commit c1d3904f51
4 changed files with 156 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

73
styles.css
View file

@ -442,6 +442,14 @@ body {
transform: scale(1.04);
}
@font-face {
font-family: "Special Elite";
src: url("/fonts/SpecialElite.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap;
}
/* === FAQ Accordion (screen-2) === */
.faq-section {
margin-top: 2rem;
@ -487,11 +495,66 @@ body {
overflow: hidden;
transition: max-height 0.4s ease, padding 0.3s ease;
padding: 0 1.4rem;
color: rgba(255, 215, 0, 0.8);
font-family: var(--font-body);
font-size: 0.95rem;
line-height: 1.7;
background: rgba(0, 0, 0, 0.5);
color: rgba(255, 215, 0, 0.85);
font-family: "Special Elite", monospace;
font-size: 1.05rem;
line-height: 1.9;
background: rgba(0, 0, 0, 0.6);
border-top: 1px dashed rgba(255, 94, 0, 0.25);
}
.faq-a strong {
color: var(--orange-neon);
font-family: "Special Elite", monospace;
letter-spacing: 0.05em;
}
.faq-a a {
color: var(--orange-neon);
text-decoration: none;
border-bottom: 1px solid rgba(255, 94, 0, 0.4);
transition: color 0.2s, border-color 0.2s;
}
.faq-a a:hover {
color: var(--yellow);
border-bottom-color: var(--yellow);
}
.faq-a .faq-tag {
display: inline-block;
background: rgba(255, 94, 0, 0.15);
border: 1px solid rgba(255, 94, 0, 0.4);
color: var(--orange-neon);
font-size: 0.72rem;
padding: 0.1rem 0.5rem;
border-radius: 3px;
margin: 0 0.2rem;
vertical-align: middle;
font-family: "Special Elite", monospace;
}
.faq-a .faq-link-row {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0.7rem;
margin-top: 1rem;
padding-top: 0.8rem;
border-top: 1px dashed rgba(255, 215, 0, 0.2);
}
.faq-a .faq-link-row a {
font-family: "Dune Rise", sans-serif;
font-size: 0.82rem;
background: rgba(255, 215, 0, 0.08);
border: 1px solid var(--yellow);
border-bottom: 1px solid var(--yellow);
padding: 0.35rem 1rem;
border-radius: 4px;
color: var(--yellow);
letter-spacing: 0.05em;
transition: background 0.2s, box-shadow 0.2s;
}
.faq-a .faq-link-row a:hover {
background: rgba(255, 215, 0, 0.18);
box-shadow: 0 0 10px rgba(255, 215, 0, 0.3);
color: var(--yellow);
border-bottom: 1px solid var(--yellow);
}
.faq-item.open > .faq-a {
max-height: 1200px;