-
Notifications
You must be signed in to change notification settings - Fork 0
/
elements.js
83 lines (79 loc) · 3.48 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
class Navbar extends HTMLElement {
connectedCallback() {
function currentLang(lang) {
if (localStorage.getItem('language') === lang) {
return'underline';
} else {
return 'none';
}
}
this.innerHTML = `
<h5>
<a href="#" onclick="setLanguage('EN')" style="text-decoration:${currentLang(
"EN"
)}">EN</a>
<a href="#" onclick="setLanguage('EL')" style="text-decoration:${currentLang(
"EL"
)}; border-left:1px solid #fff">ΕΛ</a>
</h5>`;
}
}
class SideMenu extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<ul class="list" id="mylist">
<li><a href="index.html"><strong>Introduction </strong></a></li>
<li><a href="mid.html#top"><strong>Analysis </strong></a></li>
<li><a href="mid.html#examples"><strong>Famous Examples </strong></a></li>
<li><a href="mid.html#sumup"><strong>Sum Up </strong></a></li>
<li><a href="extra.html"><strong>Extra Footage </strong></a></li>
</ul>`;
}
}
class Toe1 extends HTMLElement {
connectedCallback() {
this.innerHTML = `
<div class="toe10">
<div id="visit"></div>
<div id="todate"></div>
</div><br>
<div class="toe11"><a href="https://github.com/BLM3826" target="_blank">Personal Profile</a>
</div><br>
<div class="toe12">
<div class="message"><a href="javascript:show_msg()">Privacy Policy</a>
<span class="mtext">We won't try<br>to steal your data.</span>
</div> <br>© 2020 Ballas
</div>`;
}
}
class Toe3 extends HTMLElement {
connectedCallback() {
this.innerHTML = `<div class="media">
<ul>
<li>
<a href="https://www.aueb.gr/" target="_blank">
<img src="https://www.aueb.gr/sites/default/files/3_AUEB-emblem-HR.jpg" alt="AUEB Logo"
class="aueb"></a>
</li>
<li>
<a href="https://eclass.aueb.gr/" target="_blank">
<img src="assets/eclass.png" alt="Eclass Logo" class="eclass"></a>
</li>
<li>
<a href="https://www.facebook.com/auebgreece" target="_blank">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/51/Facebook_f_logo_%282019%29.svg/120px-Facebook_f_logo_%282019%29.svg.png"
alt="Facebook Logo" class="fb"></a>
</li>
<li>
<a href="https://www.instagram.com/aueb.gr/?hl=el" target="_blank">
<img src="https://lh3.googleusercontent.com/2sREY-8UpjmaLDCTztldQf6u2RGUtuyf6VT5iyX3z53JS4TdvfQlX-rNChXKgpBYMw"
alt="Instagram Logo" class="insta"></a>
</li>
</ul>
</div>`;
}
}
customElements.define("lang-navbar", Navbar);
customElements.define("side-menu", SideMenu);
customElements.define("toe-one", Toe1);
customElements.define("toe-three", Toe3);