user.html 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6. <script src=" https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js "></script>
  7. <meta content="Skibidihub" property="og:title" />
  8. <meta content="come and Look at all of the videos made by this user on skibidihub !" property="og:description" />
  9. <!-- Yes you need to set the domain manually for every html file. No i dont care and i cant fix it -->
  10. <meta content="http://skibidihub.buttplugstudios.xyz/" property="og:url" id="embed-url" />
  11. <meta content="http://skibidihub.buttplugstudios.xyz/api/thumbnail/a" property="og:image" id="embed-image" />
  12. <meta name="twitter:card" content="summary_large_image">
  13. <title>SkibidiHub - User</title>
  14. <link href="../style.css" rel="stylesheet" />
  15. </head>
  16. <body>
  17. <div class="navbar">
  18. <div class="navbar-spacer"></div>
  19. <a href="/" class="navbar-img-anchor"><img class="navbar-img" src="../assets/logo.png" /></a>
  20. <div class="navbar-spacer"></div>
  21. <div class="searchbar-container">
  22. <form id="searchbar-form" action="/search">
  23. <input type="text" name="query" class="searchbar" placeholder="search">
  24. </form>
  25. </div>
  26. <div class="navbar-buttons">
  27. <a class="anchor" href="/login">
  28. <button class="login" id="login-button">Login</button>
  29. </a>
  30. <a href="/upload" class="anchor">
  31. <button id="upload-button" class="login disabled">Upload</button>
  32. </a>
  33. <a class="anchor" id="account-button-anchor">
  34. <button id="account-button" class="login disabled">My Account</button>
  35. </a>
  36. <button id="logout-button" onclick="Cookies.remove('user'); Cookies.remove('token'); window.location.reload()" class="login disabled">Logout</button>
  37. <div class="navbar-spacer"></div>
  38. </div>
  39. </div>
  40. <div class="user-info">
  41. <div class="user-info-extra">
  42. <h2 id="subscribers">LOADING</h2>
  43. <h3 id="social-score">LOADING</h3>
  44. <p id="description" class="description">LOADING</p>
  45. </div>
  46. <img src="./../assets/user.png" class="user-pfp" />
  47. <h1>
  48. Videos published by: <br />
  49. <div class="span">
  50. <p id="user-info-name" class="user-info-name"></p>
  51. <img src="/assets/verified.png" width="30" id="verified" class="disabled">
  52. <a href="caca" id="website-anchor">
  53. <img src="/assets/website.png" width="50">
  54. </a>
  55. <button class="subscribe" id="subscribe">
  56. Subscribe
  57. </button>
  58. <a href="/editProfile">
  59. <button class="edit-profile disabled" id="edit-profile">edit profile</button>
  60. </a>
  61. </div>
  62. </h1>
  63. </div>
  64. <dialog id="description-dialog" class="description-dialog">
  65. <button onclick="document.getElementById('description-dialog').close()" class="close">X</button>
  66. <br />
  67. <p id="description-dialog-text"></p>
  68. </dialog>
  69. <h1 id="loading" class="no-videos">
  70. LOADING,,,,, <br />
  71. <img src="./../assets/loading.gif" height="300px" />
  72. </h1>
  73. <h1 id="no-videos" class="no-videos disabled"></h1>
  74. <div class="videos" id="videos"></div>
  75. <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
  76. <script src="./../utils.js"></script>
  77. <script src="./../user.js"></script>
  78. </body>
  79. </html>