mirror of
https://codeberg.org/vlw/vlw.se.git
synced 2026-04-13 09:49:39 +02:00
Victor Westerlund
55a8234800
In this PR we move all of the CSS and JavaScript assets from the public assets directory to a new directory in the project root. The main reason for this is that I would like to believe this makes them easier to find. Since all CSS and JS is bundled with each page anyways there is no need to access these directly from a public directory. The main argument against this I think would be "transparency". We already run this site with `display_php_source=true` in Vegvisir (so page source code can be inspected by appending `.php` to the end of a url. But there is of course no reason to trust that it's the actual source code. Reviewed-on: https://codeberg.org/vlw/vlw.se/pulls/72
51 lines
No EOL
649 B
CSS
51 lines
No EOL
649 B
CSS
/* # Overrides */
|
|
|
|
header {
|
|
background-color: transparent;
|
|
-webkit-backdrop-filter: unset;
|
|
backdrop-filter: unset;
|
|
}
|
|
|
|
vv-shell {
|
|
max-width: unset;
|
|
display: grid;
|
|
justify-items: center;
|
|
}
|
|
|
|
/* # Glitch effects */
|
|
|
|
/* ## Canvas */
|
|
|
|
canvas {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: -1;
|
|
opacity: .3;
|
|
transform: scale(1.3);
|
|
}
|
|
|
|
/* ## Text */
|
|
|
|
[glitch-text] {
|
|
transition: 50ms text-shadow;
|
|
}
|
|
|
|
/* # Sections */
|
|
|
|
section.error h1 {
|
|
font-size: 30vw;
|
|
user-select: none;
|
|
animation: rumble 100ms infinite linear;
|
|
opacity: .2;
|
|
}
|
|
|
|
section.error h1 span {
|
|
|
|
}
|
|
|
|
@keyframes rumble {
|
|
to { transform: translateX(1px); }
|
|
} |