-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
152 lines (137 loc) · 8.37 KB
/
index.html
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
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Techmasters</title>
<link href = "Assets/CSS/main.css" type = "text/css" rel = "stylesheet">
<link href = "Assets/icons/css/font-awesome.min.css" type = "text/css" rel = "stylesheet">
<link rel="shortcut icon" type="image/x-icon" href="Assets/Graphics/favicon.ico">
<meta name="description" content="Techmasters, an independent student organization at Phillips Academy Andover that is focused on technology.">
<meta name="author" content="Phillips Academy Techmasters" />
<meta property="og:title" content="Techmasters" />
<meta property="og:site_name" content="Phillips Academy Techmasters" />
<meta property="og:type" content="website" />
<meta property="og:description" content="Techmasters, an independent student organization at Phillips Academy Andover that is focused on technology." />
<meta property="og:image" content="https://www.techmasters.io/Assets/Graphics/favicon.ico" />
</head>
<body>
<div id = "wrapper">
<nav>
<div class = "left">
<a href = "/"><h1>TECHMASTERS</h1></a>
</div>
<div class = "right">
<a href = "./">HOME</a>
<a href = "members.html">MEMBERS</a>
<a href = "techguide.html">TECH GUIDE</a>
<!--<a href = "/apps.html">STUDENT TOOLS</a>-->
<a href = "signup.html">JOIN US</a>
<a href = "mailto:[email protected]" target="_blank">EMAIL</a>
<a class = "btn" href = "/help.html">HELP ME!</a>
<a id = "menu" onclick = "dropdown()" hidden><i class = "fa fa-bars"></i></a>
</div>
</nav>
<div id = "dropdown" hidden>
<section><a href = "/">HOME</a></section>
<section><a href = "/members.html">MEMBERS</a></section>
<section><a href = "/techguide.html">TECH GUIDE</a></section>
<!--<section><a href = "/apps.html">STUDENT TOOLS</a></section>-->
<section><a href = "/signup.html">JOIN US</a></section>
<section><a href = "mailto:[email protected]" target="_blank">EMAIL</a></section>
<section><a href = "/help.html">HELP ME!</a></section>
</div>
<header>
<div class = "center">
<h1>We're here to help</h1>
<br>
<a class = "btn" href = "/help">Get Help</a>
<a class="btn" href="#chat" onclick="toggleChat()">Live Chat</a>
</div>
</header>
<div id = "body">
<div class = "bodybox" id = "about">
<h1>
Techmasters is an on-campus tech support organization and computer security club.
</h1>
<div id = "about-long">
Techmasters has been in existence since <a href = "http://pdf.phillipian.net/1996/09201996.pdf" target = "_blank" title = "Search for Techmasters in this PDF">at least 1996</a> as a tech support organization, assigned with installing Ethernet across campus. Today, Techmasters has also become a club for anybody interested in technology and computer security. We normally meet for an hour every Sunday to discuss topics such as <a href = "https://www.pactf.com/" target = "_blank" title = "PACTF by Techmasters">ethical hacking</a>, networking, programming, game design, and whatnot. Techmasters is great if you want to learn and discuss modern tech with people just like you. All are welcome regardless of how good you are at technology. It's a terabyte of fun!
</div>
</div>
<div class = "bodybox" id = "join">
<div class = "center">
<h1>JOIN US</h1>
<p>Subscribe for the latest updates from Techmasters</p>
<script type="text/javascript">var submitted=false;</script>
<iframe name="hidden_iframe" id="hidden_iframe"
style="display:none;" onload="if(submitted){window.location='/success.html';}"></iframe>
<form action="https://docs.google.com/forms/d/1TCytxzUSjiQVgl0frOyV4evS4bR2skvSry3hGYgxZ0U/formResponse" method="POST" id="email-input" target="hidden_iframe" onsubmit="submitted=true;">
<input type="text" name="entry.1134060290" value="" class="text ss-q-short" id="entry_1134060290" dir="auto" aria-label="Please enter your PAnet username: Example: rmcstudent Please enter your username only. (Not the @andover.edu part.)" aria-required="true" required="" pattern="^(?!^.*andover.edu.*$).*$" title="Please enter your username only. (Not the @andover.edu part.)" placeholder = "PAnet username">
<input type="hidden" name="draftResponse" value="[,,"-2847211786624446836"]
">
<input type="hidden" name="pageHistory" value="0">
<input type="hidden" name="fvv" value="0">
<input type="hidden" name="fbzx" value="-2847211786624446836">
<input type="submit" name="submit" value="Subscribe" id="ss-submit" class="jfk-button jfk-button-action ">
</form>
<br>
<p>Want to be a board member? Read the <a href = "Assets/constitution.pdf">constitution</a> for more information</p>
</div>
</div>
<div class = "bodybox" id = "tools">
<h1>Get Started</h1>
<p class = "subtitle">With a collection of apps and tools available for Phillips Academy students. Also
make sure to download <a href = "https://zoom.us/client/latest/Zoom.pkg" target="_blank">Zoom</a> before arriving on campus!</p>
<div class = "app">
<a href = "https://hiveschedule.andover.edu/hiveschedule/Pages/Schedule.aspx" target = "_blank"></a>
<div class = "center">
<i class = "fa fa-calendar"></i>
<p>SCHEDULES</p>
</div>
</div>
<div class = "app">
<a href = "https://printon.andover.edu/cps/" target = "_blank"></a>
<div class = "center">
<i class = "fa fa-print"></i>
<p>PRINT ON CAMPUS</p>
</div>
</div>
<div class = "app">
<a href = "https://www.office.com/" target = "_blank"></a>
<div class = "center">
<i class = "fa fa-file-word-o"></i>
<p>MICROSOFT OFFICE</p>
</div>
</div>
<div class = "app">
<a href = "https://andoverbookexchange.herokuapp.com/" target = "_blank"></a>
<div class = "center">
<i class = "fa fa-book"></i>
<p>BOOK EXCHANGE</p>
</div>
</div>
<br>
<!--<div id = "full-list"><a href = "/apps.html#tools">See the full list</a></div>-->
</div>
</div>
<footer>
<div class = "left">Made with <i class = "fa fa-heart"></i> at <a href = "https://www.andover.edu/Pages/default.aspx" target = "_blank" title = "A > E">Phillips Academy</a></div>
<div class = "right">© 2016 <a href="https://techmasters.io/" target="_blank">Techmasters</a>. <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Freely available under CC BY-SA 4.0.</a></div>
</footer>
</div>
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/55091294059b265f542450db/default';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
<script src = "Assets/JS/main.js"></script>
</body>
</html>