diff --git a/index.html b/index.html index 7db6483..4c373c2 100644 --- a/index.html +++ b/index.html @@ -4,31 +4,51 @@ Kottans practice - + + -

Online part:

- -

Offline part:

- + +
+

Home

+
+

+ This is my collection of projects created as a part of the Kottans frontend course 2019: http://github.com/kottans/frontend. +

+
+ +
+

An application that uses the Random User API and displays user profiles, which then can be sorted and filtered.

+
+
+

A simple game.

+
+
+

An exercise to solidify the understanding of OOP in JS.

+
+
+

The Frogger game, built on the prototype-based OOP.

+
+
+

A world of objects, where classes do not exist yet.

+
+
+

A page which fetches its content from JSON files. The look of it might be a bit familiar ;)

+
+ +
+ + diff --git a/popup-no-js/package-lock.json b/popup-no-js/package-lock.json index 87a10f0..8cc7e2c 100644 --- a/popup-no-js/package-lock.json +++ b/popup-no-js/package-lock.json @@ -1237,10 +1237,21 @@ } }, "eslint-utils": { - "version": "1.3.1", - "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.3.1.tgz", - "integrity": "sha512-Z7YjnIldX+2XMcjr7ZkgEsOj/bREONV60qYeB/bjMAqqqZ4zxKyWX+BOUkdmRmA9riiIPVvo5x86m5elviOk0Q==", - "dev": true + "version": "1.4.3", + "resolved": "https://registry.npmjs.org/eslint-utils/-/eslint-utils-1.4.3.tgz", + "integrity": "sha512-fbBN5W2xdY45KulGXmLHZ3c3FHfVYmKg0IrAKGOkT/464PQsx2UeIzfz1RmEci+KLm1bBaAzZAh8+/E+XAeZ8Q==", + "dev": true, + "requires": { + "eslint-visitor-keys": "^1.1.0" + }, + "dependencies": { + "eslint-visitor-keys": { + "version": "1.3.0", + "resolved": "https://registry.npmjs.org/eslint-visitor-keys/-/eslint-visitor-keys-1.3.0.tgz", + "integrity": "sha512-6J72N8UNa462wa/KFODt/PJ3IU60SDpC3QXC1Hjc1BXXpfL2C9R5+AU7jhe0F6GREqVMh4Juu+NY7xn+6dipUQ==", + "dev": true + } + } }, "eslint-visitor-keys": { "version": "1.0.0", @@ -1714,7 +1725,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -1735,12 +1747,14 @@ "balanced-match": { "version": "1.0.0", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "brace-expansion": { "version": "1.1.11", "bundled": true, "dev": true, + "optional": true, "requires": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" @@ -1761,7 +1775,8 @@ "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", @@ -1912,6 +1927,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -1919,12 +1935,14 @@ "minimist": { "version": "0.0.8", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "minipass": { "version": "2.3.5", "bundled": true, "dev": true, + "optional": true, "requires": { "safe-buffer": "^5.1.2", "yallist": "^3.0.0" @@ -1943,6 +1961,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -2122,7 +2141,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -2178,6 +2198,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -2221,12 +2242,14 @@ "wrappy": { "version": "1.0.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "yallist": { "version": "3.0.3", "bundled": true, - "dev": true + "dev": true, + "optional": true } } }, diff --git a/script.js b/script.js new file mode 100644 index 0000000..0b0c247 --- /dev/null +++ b/script.js @@ -0,0 +1,46 @@ +const navbar = document.getElementById('navbar'); + +/* + * Events + */ + +document.getElementById('navbar-toggle').addEventListener('click', function() { + navbar.classList.toggle('shown'); +}); + +navbar.addEventListener('click', function(event) { + // delegate clicks from
  • s to