-
Notifications
You must be signed in to change notification settings - Fork 0
/
off.html
83 lines (69 loc) · 3.24 KB
/
off.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
<!DOCTYPE html>
<html>
<head>
<title>Officer Page - AK TSA</title>
<link rel="stylesheet" type="text/css" href="uni.css" />
<!--Polyfills-->
<script src="promise.js"></script>
<script src="fetch.js"></script>
<script>
if (!window.Promise) {
window.Promise = Promise;
}
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="change.js"></script>
<script id="pageJS" src="/pageJS/off.js"></script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="The official website of the Ardrey Kell Technology Student Association" />
<meta name="author" content="Michael Xing" />
<meta charset="UTF-8" />
</head>
<body onload="setUpPage();">
<nav onclick="expandNav()">
<a href="/" class="MainBtn Nav"><span>Home</span>
</a> <a href="/about.html" class="SurroundBtn Nav">About<div class="LeftPseudo"></div><div class="RightPseudo"></div>
</a><a href="/member.html" class="SurroundBtn Nav">Members<div class="LeftPseudo"></div><div class="RightPseudo"></div>
</a><a href="/off.html" class="SurroundBtn CurrPage Nav">Officers<div class="LeftPseudo"></div><div class="RightPseudo"></div>
</a><a href="/cte.html" class="SurroundBtn Nav">AK CTE<div class="LeftPseudo"></div><div class="RightPseudo"></div>
</a><a href="https://aktsa.org/aquabot" class="SurroundBtn Nav">Design Brief<div class="LeftPseudo"></div><div class="RightPseudo"></div>
</a><a href="https://aktsa.azurewebsites.net" class="SurroundBtn Nav">Login<div class="LeftPseudo"></div><div class="RightPseudo"></div></a>
</nav>
<div id="NavBG"><h1 class="MainTitle">AK <span>TSA</span></h1></div>
<div class="MainWrap">
<div class="ContentWrap" id="OffPage">
<!--
=========================================================================================
PRIMARY CONTENT BEGINS HERE
=========================================================================================
-->
<p style="text-align:center;position:absolute;z-index:-1;background:#ecf0f1; width:80%; left:10%; top:calc(15vh + 45px); padding: 5vh 0;min-height:40vh;">Loading data...<br /><img src="https://upload.wikimedia.org/wikipedia/commons/d/de/Ajax-loader.gif" alt="Loading" /></p>
<iframe id="OffFrame"></iframe>
<footer id="OffNav">
<a class="BigBtn" id="navLink31" href="?31">President</a>
<a class="BigBtn" id="navLink26" href="?26">Vice President</a>
<a class="BigBtn" id="navLink25" href="?25">Treasurer</a>
<!-- <a class="BigBtn" id="navLink33" href="?33">Reporter</a> -->
<a class="BigBtn" id="navLink1" href="?1">Webmaster</a>
<!-- <a class="BigBtn" id="navLink72" href="?72">Secretary</a> -->
</footer>
</div>
<!-- <h2>Officer Bios Coming Soon</h2> -->
<!-- <button class="BigBtn" onclick="javascript:history.back();">Back</button> -->
</div>
<script>
function expandNav() {
if($(window).width() <= 960) {
if ($('nav').hasClass('open')) {
$('.Nav').css('display', 'none');
$('nav').removeClass('open');
} else {
$('.Nav').css('display', 'block');
$('nav').addClass('open');
// $('.Nav::').css('transform', 'translateX(110px)');
}
}
}
</script>
</body>
</html>