Skip to content

Commit e4d9eeb

Browse files
rtoalrtoal
committed
Bye bye old browser
1 parent dddef33 commit e4d9eeb

File tree

5 files changed

+87
-345
lines changed

5 files changed

+87
-345
lines changed

‎docs/overviews.html‎

Lines changed: 12 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -1,30 +1,23 @@
1-
<!doctype html>
2-
<html>
1+
<html lang="en">
32
<head>
4-
<meta charset="utf-8">
5-
<title>Languages</title>
6-
<link rel="stylesheet" href="resources/styles/overviews.css">
3+
<meta charset="UTF-8" />
4+
<title>PLE Language Browser</title>
5+
<link rel="stylesheet" href="resources/styles/overviews.css" />
76
</head>
87
<body>
9-
<div id="bar"></div>
10-
<div id="wrapper">
11-
<div id="content"></div>
12-
<div id="single-language">
13-
<div id="logo"></div>
8+
<header>Programming Languages</header>
9+
<main>
10+
<nav></nav>
11+
<section id="canvas">
12+
<div id="index"></div>
13+
<div id="logo"><img /></div>
1414
<div id="text">
1515
<p id="description"></p>
1616
<p id="info"></p>
1717
<p id="tags"></p>
1818
</div>
19-
<div id="footer">
20-
<span id="prev"></span>
21-
<span id="next"></span>
22-
<span id="index">&#x2191; Contents</span>
23-
</div>
24-
<div style="clear: both"></div>
25-
</div>
26-
</div>
27-
<div id="mainfooter"><a href="index.html">The Book</div>
19+
</section>
20+
</main>
2821
<script src="resources/scripts/info.js"></script>
2922
<script src="resources/scripts/overviews.js"></script>
3023
</body>

‎docs/resources/scripts/browser.js‎

Lines changed: 0 additions & 114 deletions
This file was deleted.

‎docs/resources/scripts/overviews.js‎

Lines changed: 16 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
1-
var languageNames = langs.map((lang) => lang.i);
1+
const nav = document.querySelector("nav");
22

3-
var iconFor = function (iconName, uri) {
3+
for (let lang of langs) {
4+
const item = document.createElement("div");
5+
item.appendChild(document.createTextNode(lang.n));
6+
item.onclick = () => show(lang);
7+
nav.appendChild(item);
8+
}
9+
10+
function iconFor(iconName, uri) {
411
return (
512
"<a href=" +
613
uri +
714
"><img src=resources/" +
815
iconName +
916
"-icon.png height=20></a>"
1017
);
11-
};
12-
13-
document.getElementById("index").onclick = () => {
14-
window.location.href = "";
15-
};
18+
}
1619

1720
langs.forEach((lang, index) => {
1821
lang.index = index;
@@ -22,10 +25,7 @@ langs.forEach((lang, index) => {
2225
span.data = lang;
2326
span.setAttributeNode(attribute);
2427
span.style.backgroundImage = "url(resources/" + lang.i + "-logo-64.png)";
25-
document.getElementById("content").appendChild(span);
26-
span.onclick = function () {
27-
show(lang);
28-
};
28+
document.querySelector("#index").appendChild(span);
2929
if ((lang.h || lang.w || lang.g || lang.rc || lang.pp) && lang.d) {
3030
var icons = [];
3131
if (lang.h) icons.push(iconFor("home", lang.h));
@@ -62,20 +62,15 @@ langs.forEach((lang, index) => {
6262
}
6363
});
6464

65-
var imageElement = document.getElementById("logo");
65+
var imageElement = document.querySelector("#logo img");
6666
var description = document.getElementById("description");
6767
var info = document.getElementById("info");
6868
var tags = document.getElementById("tags");
69-
var prev = document.getElementById("prev");
70-
var next = document.getElementById("next");
7169

72-
var show = function (language) {
73-
document.getElementById("content").style.display = "none";
74-
document.getElementById("single-language").style.display = "block";
75-
document.getElementById("bar").innerHTML = language.n;
76-
77-
imageElement.style.backgroundImage =
78-
"url(resources/" + language.i + "-logo-240.png)";
70+
function show(language) {
71+
document.querySelector("#index").style.display = "none";
72+
imageElement.src = "resources/" + language.i + "-logo-240.png";
73+
imageElement.alt = `Logo for ${language.n}`;
7974
if (language.d) {
8075
description.innerHTML = language.d;
8176
description.style.display = "block";
@@ -113,44 +108,4 @@ var show = function (language) {
113108
} else {
114109
tags.style.display = "none";
115110
}
116-
117-
var prevIndex = (language.index + langs.length - 1) % langs.length;
118-
var nextIndex = (language.index + 1) % langs.length;
119-
prev.innerHTML = "&larr; " + langs[prevIndex].n;
120-
next.innerHTML = langs[nextIndex].n + " &rarr;";
121-
prev.onclick = () => show(langs[prevIndex]);
122-
next.onclick = () => show(langs[nextIndex]);
123-
window.location.hash = "#" + language.i;
124-
};
125-
126-
function home() {
127-
window.location.hash = "";
128-
document.getElementById("single-language").style.display = "none";
129-
document.getElementById("content").style.display = "block";
130-
document.getElementById("bar").innerHTML = "Programming Languages";
131111
}
132-
133-
addEventListener("keydown", function (event) {
134-
var key = window.location.hash.substring(1);
135-
var index = languageNames.indexOf(key);
136-
if (isNaN(index) || index < 0 || index >= langs.length) {
137-
return;
138-
}
139-
if (event.keyCode === 37) {
140-
show(langs[(index + langs.length - 1) % langs.length]);
141-
} else if (event.keyCode === 39) {
142-
show(langs[(index + 1) % langs.length]);
143-
} else if (event.keyCode == 38) {
144-
home();
145-
}
146-
});
147-
148-
window.onload = window.onpopstate = function () {
149-
var key = window.location.hash.substring(1);
150-
var index = languageNames.indexOf(key);
151-
if (index >= 0) {
152-
show(langs[index]);
153-
} else {
154-
home();
155-
}
156-
};

‎docs/resources/styles/browser.css‎

Lines changed: 0 additions & 89 deletions
This file was deleted.

0 commit comments

Comments
 (0)