more styling: add meta info

settings.json

@@ -1,8 +1,8 @@
 {
     "server_ip": "0.0.0.0",
     "server_port": 8080,
-    "video_path": "videos/Orb-22.mp4",
-    "subtitles_path": "videos/Orb-22.vtt",
-    "bg_path": "videos/chisato_peak.jpg",
+    "video_path": "videos/Orb-21.mp4",
+    "subtitles_path": "videos/Orb-21.vtt",
+    "bg_path": "videos/bg-20.png",
     "password": "password"
 }

src/index.js

@@ -80,14 +80,6 @@ wss.on('connection', function connection(ws) {
 ////  Web server  ////
 
 // app settings
-
-// disable cache globally because it may break things between server restarts,
-// since the paths aren't unique
-app.use(function (req, res, next) {
-	res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
-	next();
-});
-
 app.use('/', express.static(__dirname));
 app.use(bodyParser.urlencoded({
 	extended: true
@@ -100,6 +92,13 @@ app.use(session({
 	logged: false
 }));
 
+// disable cache globally because it may break things between server restarts,
+// since the paths aren't unique
+app.use(function (req, res, next) {
+	res.setHeader("Cache-Control", "no-cache, no-store, must-revalidate");
+	next();
+});
+
 
 // home page
 app.get("/", function (req, res) {
@@ -129,7 +128,7 @@ app.post("/login", function (req, res) {
 
 
 // video streaming
-app.get("/video-3", function (req, res) {
+app.get("/video", function (req, res) {
 	// Ensure there is a range given for the video
 	const range = req.headers.range;
 	if (!range) {

src/main.css

@@ -21,7 +21,7 @@ body[data-background] {
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
-	background-blend-mode: multiply;
+	background-blend-mode: darken;
 }
 
 .container {

src/main.html

@@ -9,7 +9,7 @@
     <link rel="icon" href="/icon.png" type="image/png">
     <!-- Open Graph Meta Tags -->
     <meta property="og:title" content="The Orboverse">
-    <meta property="og:description" content="Join the heliocentrism ☀️ gang. 🔫.">
+    <meta property="og:description" content="Join the funny. 🔫.">
     <meta property="og:image" content="/stars.jpg">
     <meta property="og:url" content="https://anistream.cazzzer.com">
     <meta property="og:type" content="website">
@@ -20,7 +20,7 @@
 				<h1>Welcome to the Orboverse</h1>
 			</header>
       <video id="videoPlayer" muted controls controlsList="nodownload noplaybackrate">
-        <source src="/video-3" type="video/mp4" />
+        <source src="/video" type="video/mp4" />
 <!--          subtitle track-->
         <track kind="subtitles" src="/subtitles" srclang="en" label="English" default>
         <p>Your browser does not support the video tag.</p>