Style changes and log removal

Fixed the scroll direction for lyrics, made the art window's font clamp (and centered) and also removed some loggers.

player.html will redirect to the main page if opened without a hash and will no longer be caught by crawlers that care about robots.txt
This commit is contained in:
Victor Westerlund 2021-10-31 12:35:03 +01:00
parent ecdde3201a
commit cf3eecb27f
6 changed files with 33 additions and 2 deletions

View file

@ -9,15 +9,28 @@ body {
#player {
position: absolute;
}
body.credits #player {
bottom: var(--padding);
}
body.art {
display: flex;
justify-content: center;
align-items: center;
}
#player pre,
#player p {
font-size: 16px;
color: rgb(var(--color-accent));
}
body.art #player pre {
font-size: clamp(0px,3vw,3vh);
}
#player p {
margin: 0;
height: 23px;

View file

@ -107,7 +107,6 @@ export default class WindowManager {
message(event) {
const type = event.data[0];
const data = event.data[1];
console.log(event);
switch(type) {
case "PLAY": console.log("PLAY",event); break;

View file

@ -51,7 +51,6 @@ export default class StillAlivePlayer {
message(event) {
const type = event.data[0];
const data = event.data[1];
console.log(event);
switch(type) {
case "LINE_FEED": this.lineFeed(); break;

View file

@ -1,4 +1,18 @@
import { default as Player } from "./modules/StillAlivePlayer.mjs";
// Go to start page if location.hash is omitted
if(!window.location.hash) {
// Close this window, if we can
window.close();
// Otherwise redirect to main page
const page = window.location.pathname.split("/");
const url = window.location.href.replace(page[page.length - 1],"");
window.location.replace(url);
}
// Add location.hash to body classList
document.body.classList.add(window.location.hash.substring(1));
const element = document.getElementById("player");
const player = new Player(element);

View file

@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="End credits from 'Portal' - the video game, recreated with JS and browser windows.">
<title>Still Alive</title>
<link rel="stylesheet" href="assets/css/style.css">
</head>

5
robots.txt Normal file
View file

@ -0,0 +1,5 @@
User-Agent: *
Allow: /
Disallow: /player