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..0a593a8 100644 --- a/popup-no-js/package-lock.json +++ b/popup-no-js/package-lock.json @@ -1714,7 +1714,8 @@ "ansi-regex": { "version": "2.1.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "aproba": { "version": "1.2.0", @@ -1735,12 +1736,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 +1764,8 @@ "concat-map": { "version": "0.0.1", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "console-control-strings": { "version": "1.1.0", @@ -1912,6 +1916,7 @@ "version": "3.0.4", "bundled": true, "dev": true, + "optional": true, "requires": { "brace-expansion": "^1.1.7" } @@ -1919,12 +1924,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 +1950,7 @@ "version": "0.5.1", "bundled": true, "dev": true, + "optional": true, "requires": { "minimist": "0.0.8" } @@ -2122,7 +2130,8 @@ "safe-buffer": { "version": "5.1.2", "bundled": true, - "dev": true + "dev": true, + "optional": true }, "safer-buffer": { "version": "2.1.2", @@ -2178,6 +2187,7 @@ "version": "3.0.1", "bundled": true, "dev": true, + "optional": true, "requires": { "ansi-regex": "^2.0.0" } @@ -2221,12 +2231,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 } } }, @@ -3354,9 +3366,9 @@ } }, "lodash.merge": { - "version": "4.6.1", - "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.1.tgz", - "integrity": "sha512-AOYza4+Hf5z1/0Hztxpm2/xiPZgi/cjMqdnKTUWTBSKchJlxXXuUSxCCl8rJlf4g6yww/j6mA8nC8Hw/EZWxKQ==", + "version": "4.6.2", + "resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz", + "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==", "dev": true }, "lodash.partialright": { 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