-
Notifications
You must be signed in to change notification settings - Fork 0
/
Elements.js
142 lines (115 loc) · 5.8 KB
/
Elements.js
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
class Header extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<div class="topnav" id="topnav">
<div class="dropdown"> <button class="dropbtn"><a href="index.html" id = "Home">Home</a></button></div>
<div class="dropdown"> <button class="dropbtn"><a href="Expertise.html" id = "Expert">Our
Expertise</a></button>
<div class="dropdown-content"> <a href="Expertise.html#Instrument">Optical
Imaging Instrumentation</a> <a href="Expertise.html#Software">Software
& Image Processing</a> <a href="Expertise.html#Experiment">Microscopy
Applications & Sample Preparation</a></div>
</div>
<div class="dropdown"> <button class="dropbtn"><a id = "Res">Research</a></button>
<div class="dropdown-content"> <a href="Projects.html" id = "Proj">Current
Projects</a> <a href="ProjectsPast.html" id = "PastP">Past Projects</a> <a href="Publications.html" id = "Pub">Publications</a>
</div>
</div>
<div class="dropdown"> <button class="dropbtn"><a href="Facilities.html" id = "Fac">Imaging
Facilities</a></button>
<div class="dropdown-content"> <a href="Facilities.html#Users">For New
Users</a> <a href="Facilities.html#Microscopes">Microscopes</a> <a
href="https://ppms.asia/singascope/login/?pf=8" title="PPMS for SingaScope"
target="_blank">Booking System</a> <a href="Facilities.html#MicroFluor">Microscope
Selector</a><a href="FIJI/FIJIntro.html" target="_blank">Introduction
to FIJI</a><a href="MicroscopyCourse/MicroCourse22.html" target="_blank">Microscopy
Course</a><a href="MicroTalks.html" id = "uTalk">μ-Talks</a><a href="ImContest23.html" id = "ImCont">Image Contest</a></div>
</div>
<div class="dropdown"> <button class="dropbtn"><a href="Team.html" id = "Team">Our
Team</a></button></div>
<div class="dropdown"> <button class="dropbtn"><a href="index.html#About" id = "About">About
Us</a></button>
<div class="dropdown-content"> <a href="Lab.html" id = "Lab">NOBIC Laboratory</a>
<a href="Lab.html#workshop">Prototyping Workshop</a><a href="https://www.youtube.com/channel/UCwka5W-n2mfAqLUz8L5eorA"
target="blank">YouTube Channel</a><a href="https://github.com/NOBIC-NTU"
target="blank">Github Repositories</a></div>
</div>
<div class="dropdown"> <button class="dropbtn"><a href="Contact.html" id = "Cont">Contact</a></button></div>
<div class="dropdown"> <button class="dropbtn"><a href="Links.html" id = "Links">Useful Links</a></button></div>
<a href="javascript:void(0);" class="icon" onclick="TopnavFunction()">Menu</a>
</div>
`;
}
}class Footer extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<footer>
<div class = "footer"> <a href="https://www.ntu.edu.sg/medicine" target="_blank">LKCMedicine</a>
| <a href="http://www.scelse.sg/Home" target="_blank">SCELSE</a> | <a
href="https://www.ntu.edu.sg/Pages/home.aspx" target="_blank">NTU</a> | <a
href="https://www.singascope.sg/" target="_blank">SingaScope</a>
<p> © NOBIC, last modified: <span id="datemod"></span></p>
</div>
</footer>
`;
}
}class Footer2 extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<footer>
<div class = "footer"> <a href="https://www.ntu.edu.sg/medicine" target="_blank">LKCMedicine</a>
| <a href="http://www.scelse.sg/Home" target="_blank">SCELSE</a> | <a
href="https://www.ntu.edu.sg/Pages/home.aspx" target="_blank">NTU</a> | <a
href="https://www.singascope.sg/" target="_blank">SingaScope</a>
<p> © <a href="https://www.nobic.sg">NOBIC</a></p>
</div>
</footer>
`;
}
}class Footer3 extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<footer>
<div class = "footer"> <a href="ABIF.html">ABIF</a>
| <a href="http://www.scelse.sg/Home" target="_blank">SCELSE</a> | <a
href="https://www.ntu.edu.sg/Pages/home.aspx" target="_blank">NTU</a> | <a
href="https://www.singascope.sg/" target="_blank">SingaScope</a>
<p> © <a href="https://www.nobic.sg">NOBIC</a></p>
</div>
</footer>
`;
}
}class Footer4 extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<footer>
<div class = "footer"> <a href="AOBIP.html" >AOBIP</a> |
<a href="https://www.ntu.edu.sg/medicine" target="_blank">LKCMedicine</a>
| <a
href="https://www.ntu.edu.sg/Pages/home.aspx" target="_blank">NTU</a> | <a
href="https://www.singascope.sg/" target="_blank">SingaScope</a>
<p> © <a href="https://www.nobic.sg">NOBIC</a></p>
</div>
</footer>
`;
}
} class Footer5 extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<footer>
<div class = "footer"> <a href="https://www.idmxs.org/" target="_blank">IDMxS</a>
| <a
href="https://www.ntu.edu.sg/Pages/home.aspx" target="_blank">NTU</a> | <a
href="https://www.singascope.sg/" target="_blank">SingaScope</a>
<p> © <a href="https://www.nobic.sg">NOBIC</a></p>
</div>
</footer>
`;
}
}
customElements.define('main-header', Header);
customElements.define('main-footer', Footer);
customElements.define('sub-footer', Footer2);
customElements.define('abif-footer', Footer3);
customElements.define('aobip-footer', Footer4);
customElements.define('idmxs-footer', Footer5);