app:

- Use Outfit font - Remove useless CSS - Update title
busybox11 · Nov 11, 2023 · 35bdb79 · 35bdb79
1 parent aa26b22
commit 35bdb79
Show file tree

Hide file tree

Showing 9 changed files with 41 additions and 928 deletions.
diff --git a/403.php b/403.php
@@ -1,4 +1,4 @@
-<?php 
+<?php
 
 if(isset($_GET)){
     if(isset($_GET['lang']) && !empty($_GET['lang'])){
@@ -17,21 +17,25 @@
 <!DOCTYPE html>
 <html lang="<?=$lang;?>">
 <head>
-    <title><?=Error;?> 403 - Now Playing for Spotify</title>
-    <link rel="icon" type="image/png" href="assets/images/favicon.png">
+    <title><?=Error;?> 403 - Now Playing</title>
+	<link rel="icon" type="image/png" href="assets/images/favicon.png">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="NowPlaying for Spotify is a smooth Spotify Connect visualizer, which display the music playing on Spotify" />
+	<meta name="description" content="NowPlaying is a smooth Spotify Connect visualizer, updating in real-time and with playback support." />
+
 	<meta name="twitter:card" content="summary" />
 	<meta name="twitter:creator" content="@busybox11" />
 	<meta name="twitter:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
-	<meta property="og:title" content="NowPlaying for Spotify" />
+
+	<meta property="og:title" content="NowPlaying" />
 	<meta property="og:type" content="website" />
-	<meta property="og:description" content="NowPlaying for Spotify is a smooth Spotify Connect visualizer, which display the music playing on Spotify" />
-	<meta name="og:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
+	<meta property="og:description" content="NowPlaying is a smooth Spotify Connect visualizer, updating in real-time and with playback support." />
+	<meta property="og:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
+
 	<meta name="theme-color" content="#23a92a" />
-    <link href="assets/styles/index.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link href="assets/styles/productsans.css?ts=<?=time ()?>" rel="stylesheet">
+
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet">
+	<link href="assets/styles/index.css" rel="stylesheet" />
 </head>
 
 <body>

diff --git a/404.php b/404.php
@@ -1,4 +1,4 @@
-<?php 
+<?php
 
 if(isset($_GET)){
     if(isset($_GET['lang']) && !empty($_GET['lang'])){
@@ -17,21 +17,25 @@
 <!DOCTYPE html>
 <html lang="<?=$lang;?>">
 <head>
-    <title><?=Error;?> 404 - Now Playing for Spotify</title>
-    <link rel="icon" type="image/png" href="assets/images/favicon.png">
+    <title><?=Error;?> 404 - Now Playing</title>
+	<link rel="icon" type="image/png" href="assets/images/favicon.png">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="NowPlaying for Spotify is a smooth Spotify Connect visualizer, which display the music playing on Spotify" />
+	<meta name="description" content="NowPlaying is a smooth Spotify Connect visualizer, updating in real-time and with playback support." />
+
 	<meta name="twitter:card" content="summary" />
 	<meta name="twitter:creator" content="@busybox11" />
 	<meta name="twitter:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
-	<meta property="og:title" content="NowPlaying for Spotify" />
+
+	<meta property="og:title" content="NowPlaying" />
 	<meta property="og:type" content="website" />
-	<meta property="og:description" content="NowPlaying for Spotify is a smooth Spotify Connect visualizer, which display the music playing on Spotify" />
-	<meta name="og:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
+	<meta property="og:description" content="NowPlaying is a smooth Spotify Connect visualizer, updating in real-time and with playback support." />
+	<meta property="og:image" content="https://<?=$_SERVER['SERVER_NAME'];?>/assets/images/favicon.png" />
+
 	<meta name="theme-color" content="#23a92a" />
-    <link href="assets/styles/index.css" rel="stylesheet" />
-    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-    <link href="assets/styles/productsans.css?ts=<?=time ()?>" rel="stylesheet">
+
+	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet">
+	<link href="assets/styles/index.css" rel="stylesheet" />
 </head>
 
 <body>

diff --git a/assets/styles/index.css b/assets/styles/index.css
@@ -5,7 +5,7 @@
 body {
     background-color: #000020;
     color:white;
-    font-family: "Product Sans";
+    font-family: "Outfit", "Product Sans", sans-serif;
     font-size: 16px;
     font-size: 1rem;
     margin: 0;