quick fix for server meta

Proto-Chat · Apr 22, 2024 · 265b65b · 265b65b
1 parent b2f48fa
commit 265b65b
Show file tree

Hide file tree

Showing 5 changed files with 37 additions and 5 deletions.
diff --git a/client/CSS/utils.css b/client/CSS/utils.css
@@ -33,4 +33,31 @@
 @keyframes spin {
     0% { transform: rotate(0deg); }
     100% { transform: rotate(360deg); }
+}
+
+#small-screen-warning {
+    display: none; /* Hidden by default */
+    background-color: #333; /* Dark grey background */
+    color: #ccc; /* Light grey text */
+    padding: 20px; /* Padding for some space inside the div */
+    text-align: center; /* Center the text */
+    border-radius: 5px; /* Rounded corners */
+    border: 1px solid #555; /* Slightly lighter grey border */
+    margin: 20px; /* Margin around the div */
+    font-family: Arial, sans-serif; /* Optional: sets the font */
+}
+
+a {
+    color: #4a90e2; /* Light blue link for a pleasant contrast */
+    text-decoration: none; /* No underline */
+}
+
+a:hover {
+    text-decoration: underline; /* Underline on hover for better usability */
+}
+
+@media (max-width: 500px) {
+    #small-screen-warning {
+        display: block; /* Show only on small screens */
+    }
 }
diff --git a/client/index.html b/client/index.html
@@ -271,7 +271,10 @@ <h2 id="loadingstatus" style="color: white !important;"></h2>
         </div>
     </span>
     <span id="errWrapper">
-        <h1>This site is not yet available on screens smaller than 500px!</h1>
+        <div id="small-screen-warning">
+            This site is not yet available on screens smaller than 500px!<br><br>
+            Wanna see more cool stuff? <a href="https://ion606.com">check out my other projects.</a>
+        </div>          
     </span>
 </body>
 

diff --git a/client/server.html b/client/server.html
@@ -215,8 +215,10 @@ <h1>Home</h1>
         </div>
     </span>
     <span id="errWrapper">
-        <h1>This site is not yet available on screens smaller than 500px!</h1>
-        <h2>In the meantime, feel free to check out my other stuff at <br> <a href="https://www.itamarorenn.com/projects">www.itamarorenn.com</a></h2>
+        <div id="small-screen-warning">
+            This site is not yet available on screens smaller than 500px!
+            <a href="https://ion606.com">See my other projects.</a>
+        </div>        
     </span>
 </body>
 </html>
diff --git a/server/createMetaTags.js b/server/createMetaTags.js
@@ -79,7 +79,7 @@ export async function createServerMeta(mongoconnection, serverId, sessionid, res
 		else {
 			metaTags += `
 				<meta property="og:url" content="https://chat.itamarorenn.com/server/${serverId}" />
-				<meta name="description" content="click to view the \"${sdoc.configs.name}\" chat server!">
+				<meta name="description" content="click to view the \"${sdoc?.configs?.name}\" chat server!">
 			`;
 		}
 

diff --git a/server/guilds/chatServer.js b/server/guilds/chatServer.js
@@ -268,7 +268,7 @@ export async function addToServer(mongoconnection, uid, serverId) {
 
 		// check if the user is already in the server
 		const users = await dbo.findOne({ _id: 'classifications', users: [uid] });
-		if (users) return {code: 200};		
+		if (users) return {code: 200};
 
 		if (!uConfStripped) return { type: 1, code: 404, msg: "user not found" };