caseit-sfu.github.io/chat.html at master · caseit-sfu/caseit-sfu.github.io · 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
<!-- This HTML file is the home page of the website. -->

<html>

<head>
  <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
  <meta content="utf-8" http-equiv="encoding">

  <title>Chat: CaseIT MIS Case Competition</title>

  <!-- Favicon -->
	<link rel="shortcut icon" href="favicon.png" />

  <!-- Bootstrap library -->
  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

  <!-- JQuery, Popper, and Bootstrap -->
  <!-- <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> -->
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>

  <!-- Custom CSS -->
  <link rel="stylesheet" href="res/css/base.css">
  <link rel="stylesheet" href="res/css/header.css">
  <link rel="stylesheet" href="res/css/footer.css">

  <link rel="stylesheet" href="res/css/chat.css">

  <script>
    $(function() {
      $("#header").load("header.html");
      $("#footer").load("footer.html");
    });
  </script>
</head>

<body>

  <!-- jQuery injection -->
  <div id="header"></div>

  <div class="container-fluid mountains">
    <img class="img-fluid" src="res/img/mountains.jpg"></img>

    <div class="center">
      <p class="center-text-large">
        CHAT WITH US
      </p>
      <p class="center-text">
        - UNDER CONSTRUCTION -
      </p>
    </div>

  </div>

  <!-- Pure Chat livechat integration -->
  <script type='text/javascript' data-cfasync='false'>
    window.purechatApi = { l: [], t: [], on: function () { this.l.push(arguments); } };
    (function () {
      var done = false;
      var script = document.createElement('script');
      script.async = true;
      script.type = 'text/javascript';
      script.src = 'https://app.purechat.com/VisitorWidget/WidgetScript';
      document.getElementsByTagName('HEAD').item(0).appendChild(script);
      script.onreadystatechange = script.onload = function (e) {
        if (!done && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
          var w = new PCWidget({c: 'daf48fd3-6b07-4fe2-b4ec-c8932946b99e', f: true });
          done = true;
        }
      };
    })();
  </script>

  <!-- jQuery injection -->
  <div id="footer"></div>

</body>

</html>