Human_Interface_Computing_Project/resources.html at main · BCuthbert/Human_Interface_Computing_Project · 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
119
120
121
122
123
124
125
126
127
<!DOCTYPE html>
<html>
<head>
<title>Resources</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
.w3-bar,h1,button {font-family: "Montserrat", sans-serif}
.fa-anchor,.fa-coffee {font-size:200px}
</style>
</head>
<body>

<!-- Navbar -->
<div class="w3-top">
  <div class="w3-bar w3-white w3-card w3-large">
    <a href="index.html" class="w3-bar-item w3-left-align w3-button w3-padding-large w3-hover-red" style="font-size:23px;background-color:#A64D79;color:white;">RealCompany</a>
    <a href="whyreal.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Why</a>
    <a href="product.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Product</a>
    <a href="about.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Company</a>
    <a href="blog.html" class="w3-bar-item w3-left-align w3-button w3-hide-small w3-padding-large w3-hover-red" style="font-size:23px;">Blog</a>
    <a href="login.html" class="w3-bar-item w3-right w3-button w3-hide-small w3-padding-large w3-hover-red"><i class="fa fa-user" style="font-size:32px;padding:medium;"></i><div id="display_username"></div></a>
  </div>

</div>

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

<!-- main content -->
<div>
    <header class="page-header">
        <h1 class="w3-center">Find what you need</h1>
        <p class="w3-left-align">We take pride in offering the most support to our custmers. If any questions are not answered, feel free to contact us for further details.</p>
    </header>

    <section class="faq-section">
        <h2>Frequently Asked Questions</h2>

		<button class="accordion">How does RealCompany prioritize speed better than our competitors?</button>
		<div class="panel">
		  <p>We use artifical intelligence to provide query speeds never before seen by developers, and the best part is: its all open source!</p>
		</div>

		<button class="accordion">How do I get hired by RealCompany?</button>
		<div class="panel">
		  <p>You can go to our <a href="careers.html">careers</a> page, and provide your resume!</p>
		</div>

		<button class="accordion">How can I get in touch with RealCompany to suggest updates or bug fixes?</button>
		<div class="panel">
		  <p>You can navigate to our <a href="contact.html">contact</a> page to get in touch!</p>
		</div>

		<button class="accordion">What are some of the products that RealCompany offers?</button>
		<div class="panel">
		  <p>Our products are listed in our <a href="product.html">products</a> page, where you can learn about all we have to offer!</p>
		</div>
    </section>
</div>

<section>
  <div class="w3-content w3-padding-64" style="margin-left:0px;width: 80vh;">

    <div  style=" background-color:#A64D79;cursor:pointer;" class="w3-container w3-hover-red" onclick="window.location.href='/resources.html'">
      <h5>Need Help? <br>
      <a class="w3-large">Resources</a>
    </h5>
    </div>
    <div style="cursor:pointer;" class="w3-margin-top w3-container w3-light-grey w3-hover-red" onclick="window.location.href='/careers.html'">
      <h5>Want a job?<br><a class="w3-large">Careers</a></h5>
    </div>

    <div class="w3-margin-top w3-padding w3-hover-red" style="background-color:#A64D79;cursor:pointer;" onclick="window.location.href='/contact.html'">
      <h5>Have Questions?</h5>
      <a class="w3-large">Contact us</a>
    </div>

  </div>
</section>


<!-- footer -->
<footer class="w3-container w3-padding-64 w3-center w3-opacity w3-grey">
    <p>Don't see what you're looking for? <a href="#">Contact us</a></p>
    <p>Additional resources: see our <a href="#">blog</a></p>
</footer>

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    /* toggle "active" class, to highlight the button */
    this.classList.toggle("active");

    /* toggle active panel */
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  });
}
window.onload = async function() {
    const webAddress = "http://localhost:5000/isLoggedIn";
    const response = await fetch(webAddress);
    const json = await response.json();

    if (json.username != null){
      document.getElementById("display_username").textContent = json.username;
    }
  }
</script>
<script src="login.js"></script>

</body>
</html>