show users friends page

singharaj-usai · Oct 15, 2024 · bd058dc · bd058dc
1 parent a5b3b0f
commit bd058dc
Show file tree

Hide file tree

Showing 11 changed files with 476 additions and 361 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc.json b/.prettierrc.json
diff --git a/client/html/pages/friends/showfriends.html b/client/html/pages/friends/showfriends.html
@@ -0,0 +1,95 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <!-- SEO Meta Tags -->
+        <title>Home - Valkyrie</title>
+        <meta
+          name="description"
+          content="Valkyrie is your ultimate platform for creating and sharing immersive gaming experiences. Join us to unleash your creativity and connect with gamers worldwide."
+        />
+        <meta
+          name="keywords"
+          content="Valkyrie, game creation, social gaming, user-generated content, online multiplayer"
+        />
+        <meta name="author" content="Valkyrie" />
+
+        <!-- Open Graph / Facebook Meta Tags -->
+        <meta property="og:type" content="website" />
+        <meta property="og:url" content="https://www.valk.fun/" />
+        <meta property="og:title" content="Valkyrie - Create, Play, Connect" />
+        <meta
+          property="og:description"
+          content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie."
+        />
+        <meta
+          property="og:image"
+          content="https://www.valk.fun/images/ValkLogo.png"
+        />
+
+        <!-- Twitter Meta Tags -->
+        <meta name="twitter:card" content="summary_large_image" />
+        <meta property="twitter:domain" content="valk.fun" />
+        <meta property="twitter:url" content="https://www.valk.fun/" />
+        <meta name="twitter:title" content="Valkyrie - Create, Play, Connect" />
+        <meta
+          name="twitter:description"
+          content="Create and share amazing games, connect with fellow creators, and dive into a world of user-generated content on Valkyrie."
+        />
+        <meta
+          name="twitter:image"
+          content="https://www.valk.fun/images/ValkLogo.png"
+        />
+
+        <!-- Discord Meta Tags -->
+        <meta name="theme-color" content="#5865F2" />
+        <meta property="og:site_name" content="Valkyrie" />
+        <meta
+          property="og:image:alt"
+          content="Valkyrie - The Ultimate Gaming Creation Platform"
+        />
+
+        <!-- Stylesheets -->
+        <link
+          rel="stylesheet"
+          href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css"
+        />
+        <link
+          rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+        />
+        <link
+          rel="stylesheet"
+          href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/3.3.7/cosmo/bootstrap.min.css"
+          id="theme-stylesheet"
+        />
+
+        <link rel="stylesheet" href="./css/particles.css" />
+        <link rel="icon" href="/images/Valkyrie.ico" type="image/x-icon" />
+
+        <!-- Scripts -->
+        <script src="https://cdn.jsdelivr.net/npm/[email protected]/particles.min.js"></script>
+</head>
+<body>
+    <div id="loading">Loading...</div>
+    <div id="particles-js"></div>
+  <!-- Navigation -->
+  <div id="navbar-container"></div>
+
+  <!-- Main Content -->
+  <div class="container" style="margin-top: 70px">
+    <h2>All Friends</h2>
+    <div id="all-friends-list" class="row mt-3"></div>
+  </div>
+
+  <!-- Scripts -->
+  <script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
+  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+  <script src="/js/theme-loader.js"></script>
+  <script src="/js/auth/auth.js"></script>
+  <script src="./js/particles-config.js"></script>
+  <script src="/js/friends/showfriends.js"></script>
+</body>
+</html>