andrew
/
skibidihub


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
							<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link href="../style.css" rel="stylesheet" />
    <title>▶️SkibidiHub - Video</title>
  </head>
  <body>
    <div class="navbar">
      <div class="navbar-spacer"></div>
      <a href="/" class="navbar-img-anchor"><img class="navbar-img" src="../assets/logo.png" /></a>
      <div class="navbar-spacer"></div>
      <div class="searchbar-container">
        <form id="searchbar-form" action="/search">
          <input type="text" name="query" class="searchbar" placeholder="search">
        </form>
      </div>
      <div class="navbar-buttons">
        <a class="anchor" href="/login">
          <button class="login" id="login-button">Login</button>
        </a>
  
        <a href="/upload" class="anchor">
          <button id="upload-button" class="login disabled">Upload</button>
        </a>
        
        <a class="anchor" id="account-button-anchor">
          <button id="account-button" class="login disabled">My Account</button>
        </a>
        <button id="logout-button" onclick="Cookies.remove('user'); Cookies.remove('token'); window.location.reload()" class="login disabled">Logout</button>
        <div class="navbar-spacer"></div>
      </div>
    </div>

    <div class="video-container">

      <video id="video" class="video-video" autoplay controls></video>

      <img src="./../assets/loading.gif" width="300" id="loading">
    </div>

    <div class="video-info">
      <h1 id="video-title">LOADING</h1>
      <div class="video-actions">
        <div class="span">
          <a id="video-author-anchor" class="video-author"><h2 id="video-author" class="video-author">LOADING</h2></a>
          <img src="/assets/verified.png" width="30" id="verified" class="disabled">       
        </div>
        <div class="navbar-spacer"></div>
        <button
          class="like"
          onclick="like(window.location.pathname.split('/')[2])"
        >
          <img src="../assets/like.jpg" width="50" />
          <p id="video-likes">LOADING</p>
        </button>
        <button
          class="dislike"
          onclick="dislike(window.location.pathname.split('/')[2])"
        >
          <img src="../assets/dislike.jpg" width="50" />
          <p id="video-dislikes">LOADING</p>
        </button>
        <button class="subscribe" id="subscribe">
          Subscribe
        </button>
      </div>
    </div>


    <div class="video-description">
      <h3 id="author-info"></h3>
      <h2 id="video-date">LOADING</h2>

      <p id="video-description">LOADING</p>
    </div>

    <div id="comments" class="comments">
      <h1>Comments</h1>
      <hr />
      <form id="comment-form">
        <label for="text">Comment...</label> <br />
        <textarea
          name="text"
          rows="5"
          cols="50"
          placeholder="Comment here what you think about the video!"
          id="comment-textarea"
          class="comment-textarea"
        >
        </textarea>
        <br />
        <input type="submit" value="comment!" />
      </form>
      <hr />
    </div>

    <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
    <script src=" https://cdn.jsdelivr.net/npm/[email protected]/dist/js.cookie.min.js "></script>
    <script src="./../utils.js"></script>
    <script src="./../video.js"></script>
  </body>
</html>