teamprojectone/watch.html at main · ernie2021/teamprojectone · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">

    <!---javascript function for mini sidenav menu-->
    <script src="./assets/js/sidenav.js" defer></script>

    <title>ESportRoast</title>
    <link rel="icon" href="./Images/ESPORTS_2.jpg" sizes="5x5" type="image/png">

    <link rel="stylesheet" href="./assets/css/style.css">
  </head>


  <body style="font-family: Press Start 2P" "cursive; sans-serfif">

        <header>
            <a href="./index.html">
                <img class="logo" src="./assets/images/esportroast.png"/></a>
          <nav class="purple darken-2" style="padding: 0px 10px;">
              <div class="nav-wrapper">
                  <a href="#" class="brand-logo left"></a>

                  <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
                  </a>

                  <ul class="hidenav">
                      <li><a href="./index.html">HOME</a></li>
                      <li><a href="./stats.html">STATS</a></li>
                      <li><a href="./links.html">LINKS</a></li>
                      <li><a href="./globalleaders.html">globalLEADERS</a></li>
                  </ul>

                </div>
          </nav>

          <ul class="sidenav" id="mobile-demo"> <img class="logoside" src="./assets/images/esportroast.png"/>

                       <li><a href="./index.html">HOME</a></li>
                      <li><a href="./stats.html">STATS</a></li>
                      <li><a href="./links.html">LINKS</a></li>
                      <li><a href="./globalleaders.html">globalLEADERS</a></li>
          </ul>

        </div>
      </nav>

      <ul class="sidenav" id="mobile-demo"> <img class="logoside" src="./assets/images/esportroast.png"/>
        <li><a href="./index.html">HOME</a></li>
        <li><a href="./stats.html">STATS</a></li>
        <li><a href="./links.html">LINKS</a></li>
        <li><a href="./globalleaders.html">globalLEADERS</a></li>
      </ul>
    </header>
    <main id="mainWatchPage">
      <!--Video player-->
      <div id="watchVideo"><iframe width="1280" height="720" src="https://www.youtube.com/embed/yzJ_VRDzUzg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
      <!--Description-->
      <section id="description">
        <div id="topDescript">
          <p id="submittext">Submitted by: Daniel</p>
          <span id="flameButtonContainer">
            <img src="./Images/flame.gif" alt="flame" class="flame">
            <button id="flamesButton" data-state="notSelected" >Flame</button>
          </span>
        </div>
          <p id="mainDescription">A brief functionalty demo for the watch page. This website is a concept and we are currently updating core functionality. We deactivated the API key for the time being until we finish future improvements.</p>
          <span id="bottomDesc">
            <p class="viewsnflames">Views: 28</p>
            <p class="viewsnflames">Flames: 8</p>
          </span>
      </section>
    </main>

    <footer>
      <ul id="footerNav">
        <li><a href="./index.html">Home</a></li>
        <li><a href="./stats.html">Stats</a></li>
        <li><a href="./links.html">Links</a></li>
        <li><a href="./globalleaders.html">GlobalLeaders </a></li>
      </ul>

      <p>Website created by Ernesto Garcia, Jesus Perea, Parth Bhatt, and Daniel Stark</p>

    </footer>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-firestore.js"></script>
<script src="https://www.gstatic.com/firebasejs/8.8.1/firebase-analytics.js"></script>

<script>
  // Your web app's Firebase configuration
  // For Firebase JS SDK v7.20.0 and later, measurementId is optional
  var firebaseConfig = {
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);
  firebase.analytics();
  //reference the database for future use
  const db = firebase.firestore();
  db.settings({ timestampsInSnapshots: true })
</script>
    <script src="./assets/js/watch.js"></script>
</body>

</html>