esefandClaude Opus 5
9abf266444
The landing page for ReVoltVPN, live at userevolt.app. Vanilla HTML, CSS and JavaScript: no framework, no build step, no dependencies. Every claim on the page is checked against the app it describes, which is the reason this is public. GPL-3.0, same as the app. Co-Authored-By: Claude Opus 5 <[email protected]>
36 lines
1.1 KiB
CSS
36 lines
1.1 KiB
CSS
/* ═══════════════════════════════════════════════════════════════════════════
|
|
background.css — Background image + canvas overlay layers
|
|
═══════════════════════════════════════════════════════════════════════════ */
|
|
|
|
.bg-layer {
|
|
position: fixed;
|
|
inset: 0;
|
|
z-index: 0;
|
|
pointer-events: none;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bg-image {
|
|
position: absolute;
|
|
inset: 0;
|
|
background-image: url('../images/background.png');
|
|
background-size: cover;
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
/* Darken overlay — matches Flutter ColorFilter.mode(overlay, darken) */
|
|
.bg-image::after {
|
|
content: '';
|
|
position: absolute;
|
|
inset: 0;
|
|
background: rgba(13, 17, 23, 0.67);
|
|
}
|
|
|
|
.bg-canvas {
|
|
position: absolute;
|
|
inset: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|