Test

Signed-off-by: Bruno Rybársky <bruno@brn.systems>

assets/3rdparty/sliderm.js

@@ -0,0 +1,595 @@
+(() => {
+    "use strict";
+    (() => {
+        function getDom(t) {
+            return function hasDom(t) {
+                return null !== document.querySelector(t)
+            }(t) ? document.querySelector(t) : null
+        }
+
+        function setDom(t) {
+            for (var e, n = document.createElement(t), o = arguments.length, i = new Array(o > 1 ? o - 1 : 0), r = 1; r < o; r++) i[r - 1] = arguments[r];
+            return (e = n.classList).add.apply(e, i), n
+        }
+
+        function findDom(t, e) {
+            try {
+                return t.querySelector(e)
+            } catch (t) {
+                return null
+            }
+        }
+
+        var t = "sliderm", e = "sliderm__slides", n = "sliderm__paginations", o = "sliderm__pagination",
+            i = "sliderm__slide--clone";
+
+        function isInteger(t) {
+            return Number.isFinite(t)
+        }
+
+        var r = function bold(t) {
+            var e = {1: "thin", 2: "regular", 3: "bold"};
+            return void 0 !== e[t] ? e[t] : "regular"
+        }, a = function shape(t) {
+            return "none" === t || "square" === t ? t : "circle"
+        }, s = function size(t) {
+            return isInteger(t) && 16 !== t ? t <= 13 ? 13 : t >= 28 ? 28 : t : null
+        }, l = function bgColor(t) {
+            return "#000000" !== t ? t : null
+        }, u = function color(t) {
+            return "#ffffff" !== t ? t : null
+        }, c = function opacity(t) {
+            return !isInteger(t) || t > 1 || t < .1 || .5 === t ? null : t
+        };
+
+        function queue(t) {
+            var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 0;
+            return setTimeout((function () {
+                t()
+            }), e)
+        }
+
+        var p = [function breakpoint(t, e) {
+            if (t.getOption("breakpoint")) {
+                !function init() {
+                    var n = t.getOption("columns"), o = t.getOption("breakpoint.columns"),
+                        i = Number(e.getAttribute("data-columns")), r = function calculate(t, e) {
+                            var n = window.innerWidth, o = Object.keys(t).filter((function (e) {
+                                return n < t[e]
+                            }));
+                            return void 0 !== o[0] ? Number(o[0]) : e
+                        }(o, n);
+                    if (e.setAttribute("data-columns", n), void 0 !== r && i !== r) {
+                        var a = t.getItems();
+                        t.updateOption("columns", r), t.updateCurrentItems();
+                        for (var s = 0; s < a.length; s += 1) t.go("columns", a[s]);
+                        t.emit("breakpoint.changed")
+                    }
+                }()
+            }
+        }, function transition(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0], a = t.getOption("duration");
+            "stop" !== r ? (e.style.setProperty("transition-duration", "".concat(a, "ms")), t.on("destory", (function () {
+                e.style.removeProperty("transition-duration")
+            }))) : e.style.removeProperty("transition-duration")
+        }, function transform(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0];
+            e.style.setProperty("transform", "translateX(".concat(r, "px)")), t.on("destory", (function () {
+                e.style.removeProperty("transform")
+            }))
+        }, function autoplay(t) {
+            if (t.getOption("autoplay")) {
+                var e = t.getOption("autoplay.duration"), n = "left" === t.getOption("autoplay.direction") ? "<" : ">",
+                    o = function repeat(t) {
+                        return setInterval((function () {
+                            t()
+                        }), arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : 5e3)
+                    }((function () {
+                        t.slideTo(n)
+                    }), e);
+                t.on("destory", (function () {
+                    !function stop(t) {
+                        clearInterval(t), clearTimeout(t)
+                    }(o)
+                }))
+            }
+        }, function grouping(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0], a = o[1], s = t.getOption("grouping"), l = a + 1;
+            if (s) {
+                var u = t.getOption("columns"), c = Math.ceil((a + 1) / u);
+                r.setAttribute("data-order", c)
+            } else r.setAttribute("data-order", l);
+            t.on("destory", (function () {
+                r.removeAttribute("data-order")
+            }))
+        }, function columns(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0], a = t.getOption("columns"), s = parseFloat((1 / a * 100).toFixed(2));
+            r.style.setProperty("flex", "0 0 ".concat(s, "%")), t.on("destory", (function () {
+                r.style.removeProperty("flex")
+            }))
+        }, function preview(t, e) {
+            if (t.getOption("preview")) {
+                var n = t.getOption("preview.edge");
+                e.style.setProperty("padding", "0 ".concat(n, "px")), t.on("destory", (function () {
+                    e.style.removeProperty("padding")
+                }))
+            }
+        }, function spacing(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0], a = Math.floor(t.getOption("spacing") / 2);
+            r.style.setProperty("padding", "0px ".concat(a, "px")), t.on("destory", (function () {
+                r.style.removeProperty("padding")
+            }))
+        }, function align(t, e) {
+            var n = t.getOption("align");
+            "center" === n ? e.style.setProperty("align-items", "center") : "bottom" === n && e.style.setProperty("align-items", "flex-end"), t.on("destory", (function () {
+                e.style.removeProperty("align-items")
+            }))
+        }, function touch(t, e) {
+            if (t.getOption("touch")) {
+                !function init() {
+                    var n = t.getOption("touch.threshold"), o = t.getOption("touch.duration"), i = t.adaptEvent(e),
+                        r = {x: 0, y: 0, time: 0};
+                    i.on("touchstart", (function (t) {
+                        t.preventDefault();
+                        var e = t.changedTouches[0];
+                        r.x = e.pageX, r.y = e.pageY, r.time = (new Date).getTime()
+                    })), i.on("touchmove", (function (t) {
+                        t.preventDefault()
+                    })), i.on("touchend", (function (e) {
+                        e.preventDefault();
+                        var i = e.changedTouches[0], a = (new Date).getTime() - r.time, s = Math.abs(i.pageX - r.x);
+                        if (!(a > o || s < n)) {
+                            var l = i.pageX > r.x ? ">" : "<";
+                            t.slideTo(l)
+                        }
+                    }))
+                }()
+            }
+        }, function clone(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), r = 2; r < n; r++) o[r - 2] = arguments[r];
+            var a = o[0], s = o[1], l = t.getOption("columns"), u = t.getOption("preview"), c = t.getOption("loop");
+            if (u || c) {
+                var p = t.getItemCount(), d = t.getItems(), f = l, h = a.cloneNode(!0), v = null, m = !1;
+                h.classList.add(i), s < f && (e.appendChild(h), m = !0), s >= p - f && (m ? ((v = a.cloneNode(!0)).classList.add(i), e.insertBefore(v, d[0])) : e.insertBefore(h, d[0])), t.on("destory", (function () {
+                    h.remove(), v && v.remove()
+                }))
+            }
+        }, function slide(t, e) {
+            for (var n = arguments.length, o = new Array(n > 2 ? n - 2 : 0), i = 2; i < n; i++) o[i - 2] = arguments[i];
+            var r = o[0], a = o[1], s = t.getOption("grouping"), l = t.getOption("preview"),
+                u = t.getOption("duration"), c = t.getOption("columns"), p = t.getOption("loop"),
+                d = t.getItems()[0].offsetWidth, f = t.getPage(), h = p || l, v = f.maximum(), m = f.calculate(r, !1),
+                g = m < 1 || m > v, y = 0;
+            !p && g || (y = s ? d * (0 - (h ? 0 : -1) - m) * c : d * (1 - (h ? c : 0) - m), t.emit("slide.start"), t.go("transition", a), t.go("transform", y), t.updatePosition(m), g ? queue((function () {
+                m = f.calculate(r, g), y = s ? d * (0 - m) * c : d * (1 - c - m), t.go("transition", "stop"), t.go("transform", y), t.updatePosition(m), t.emit("slide.end")
+            }), u + 10) : t.emit("slide.end"))
+        }, function loop(t, e) {
+            var n = t.getOption("loop"), o = t.getOption("grouping");
+            if (n && o) {
+                var i = t.getItems(), r = t.getOption("columns"), a = t.getItemCount(), s = i[i.length - 1],
+                    l = r - a % r, u = [];
+                if (l !== r && 1 !== r) {
+                    for (var c = 1; c <= l; c += 1) {
+                        var p = s.cloneNode(!0);
+                        p.classList.add("sliderm__slide--empty"), p.innerHTML = "", e.appendChild(p), u.push(p)
+                    }
+                    t.updateCurrentItems(), t.on("destory", (function () {
+                        u.forEach((function (t) {
+                            t.remove()
+                        }))
+                    }))
+                }
+            }
+        }, function init(e) {
+            var n = e.getOption("duration"), o = e.getRoot();
+            o.classList.add(t), o.classList.remove("".concat(t, "--initialized")), o.classList.add("".concat(t, "--initialize")), e.on("initialized", (function () {
+                queue((function () {
+                    o.classList.remove("".concat(t, "--initialize")), o.classList.add("".concat(t, "--initialized"))
+                }), n + 50)
+            }))
+        }], d = [function pagination(t) {
+            var e, i, r, a = function click(e) {
+                if (o === e.target.className) {
+                    var n = Array.prototype.indexOf.call(i.childNodes, e.target) + 1;
+                    t.slideTo(n)
+                }
+            }, s = function mark() {
+                var e = t.getPosition(), o = findDom(t.getRoot(), ".".concat(n)).children;
+                Array.from(o).forEach((function (t, n) {
+                    var o = n + 1;
+                    t.removeAttribute("data-active"), o === e && t.setAttribute("data-active", !0)
+                }))
+            }, l = function destory() {
+                r.off("click", a), t.off("slide.end", s), i.remove()
+            }, u = function init() {
+                !function render() {
+                    var a = setDom("div", n);
+                    e = t.getPage().maximum();
+                    for (var s = 0; s < e; s += 1) {
+                        var l = setDom("div", o);
+                        0 === s && l.setAttribute("data-active", !0), a.append(l)
+                    }
+                    i = a, r = t.adaptEvent(i), t.getRoot().append(i)
+                }(), function listen() {
+                    r.on("click", a), t.on("slide.end", s)
+                }()
+            };
+            t.on("destory", l), t.on("breakpoint.changed", (function () {
+                l(), u()
+            })), u()
+        }, function spinner(t) {
+            !function init() {
+                var e = t.getOption("spinner.color"), n = setDom("div", "sliderm__spinner");
+                n.style.setProperty("color", e), t.getRoot().append(n), t.on("destory", (function () {
+                    n.remove()
+                }))
+            }()
+        }, function arrow(t) {
+            !function init() {
+                for (var e = [s, r, a, u, l, c], n = setDom("div", "sliderm__button--previous"), o = setDom("div", "sliderm__button--next"), i = t.adaptEvent(n), p = t.adaptEvent(o), d = null, f = null, h = 0; h < e.length; h += 1) {
+                    var v = e[h].name, m = e[h](t.getOption("arrow.".concat(v)));
+                    null !== m && ("bold" === v ? (d = setDom("span", "sliderm__icon-left--".concat(m)), f = setDom("span", "sliderm__icon-right--".concat(m))) : "shape" === v ? (n.classList.add("sliderm__button--".concat(m)), o.classList.add("sliderm__button--".concat(m))) : ("bgColor" === v ? v = "background-color" : "size" === v && (v = "font-size", m = "".concat(m, "px")), n.style.setProperty(v, m), o.style.setProperty(v, m)))
+                }
+                n.append(d), o.append(f), t.getRoot().append(n), t.getRoot().append(o), i.on("click", (function () {
+                    t.slideTo("<")
+                })), p.on("click", (function () {
+                    t.slideTo(">")
+                })), t.on("destory", (function () {
+                    n.remove(), o.remove()
+                }))
+            }()
+        }];
+
+        function _defineProperties(t, e) {
+            for (var n = 0; n < e.length; n++) {
+                var o = e[n];
+                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
+            }
+        }
+
+        var f = function () {
+            function EventDispatcher() {
+                !function _classCallCheck(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
+                }(this, EventDispatcher), this.events = {}
+            }
+
+            return function _createClass(t, e, n) {
+                return e && _defineProperties(t.prototype, e), n && _defineProperties(t, n), Object.defineProperty(t, "prototype", {writable: !1}), t
+            }(EventDispatcher, [{
+                key: "on", value: function on(t, e) {
+                    Object.prototype.hasOwnProperty.call(this.events, t) || (this.events[t] = []), this.events[t].push(e)
+                }
+            }, {
+                key: "off", value: function off(t, e) {
+                    var n = this;
+                    void 0 === e ? delete this.events[t] : this.events[t].forEach((function (o, i) {
+                        o === e && n.events[t].splice(i, 1)
+                    }))
+                }
+            }, {
+                key: "emit", value: function emit(t) {
+                    for (var e = arguments.length, n = new Array(e > 1 ? e - 1 : 0), o = 1; o < e; o++) n[o - 1] = arguments[o];
+                    void 0 !== this.events[t] && Array.isArray(this.events[t]) && this.events[t].forEach((function (t) {
+                        t.apply(void 0, n)
+                    }))
+                }
+            }, {
+                key: "destory", value: function destory() {
+                    delete this.events
+                }
+            }]), EventDispatcher
+        }();
+
+        function event_adapter_defineProperties(t, e) {
+            for (var n = 0; n < e.length; n++) {
+                var o = e[n];
+                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
+            }
+        }
+
+        var h = function () {
+            function EventAdapter(t) {
+                !function event_adapter_classCallCheck(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
+                }(this, EventAdapter), this.target = t, this.events = {}
+            }
+
+            return function event_adapter_createClass(t, e, n) {
+                return e && event_adapter_defineProperties(t.prototype, e), n && event_adapter_defineProperties(t, n), Object.defineProperty(t, "prototype", {writable: !1}), t
+            }(EventAdapter, [{
+                key: "on", value: function on(t, e) {
+                    this.events[t] = e, this.target.addEventListener(t, this.events[t])
+                }
+            }, {
+                key: "off", value: function off(t) {
+                    this.target.removeEventListener(t, this.events[t])
+                }
+            }, {
+                key: "emit", value: function emit(t) {
+                    void 0 !== this.events[t] && this.target.dispatchEvent(new Event(t))
+                }
+            }, {
+                key: "destory", value: function destory() {
+                    for (var t = Object.keys(this.events), e = 0; e < t.length; e += 1) this.off(t[e]);
+                    delete this.events
+                }
+            }, {
+                key: "mock", value: function mock(t, e) {
+                    void 0 !== this.events[t] && this.events[t](e)
+                }
+            }]), EventAdapter
+        }();
+
+        function error(t) {
+            console.error("[Sliderm] ".concat(t))
+        }
+
+        const v = {
+            arrow: !0,
+            pagination: !0,
+            spinner: !0,
+            grouping: !1,
+            loop: !0,
+            preview: !1,
+            breakpoint: !0,
+            touch: !0,
+            autoplay: !1,
+            columns: 4,
+            duration: 1e3,
+            spacing: 10,
+            align: "center",
+            extensions: [],
+            _arrow: {color: "#ffffff", bgColor: "#000000", opacity: .5, size: 16, shape: "circle", bold: 2},
+            _preview: {edge: 40},
+            _spinner: {color: "#1cbbb4"},
+            _breakpoint: {columns: {4: !1, 3: 960, 2: 768, 1: 420}},
+            _touch: {threshold: 10, duration: 300},
+            _autoplay: {direction: "right", duration: 5e3}
+        };
+
+        function page_defineProperties(t, e) {
+            for (var n = 0; n < e.length; n++) {
+                var o = e[n];
+                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
+            }
+        }
+
+        var m = function () {
+            function Page(t) {
+                !function page_classCallCheck(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
+                }(this, Page), this.sliderm = t
+            }
+
+            return function page_createClass(t, e, n) {
+                return e && page_defineProperties(t.prototype, e), n && page_defineProperties(t, n), Object.defineProperty(t, "prototype", {writable: !1}), t
+            }(Page, [{
+                key: "calculate", value: function calculate() {
+                    for (var t = arguments.length, e = new Array(t), n = 0; n < t; n++) e[n] = arguments[n];
+                    var o = e[0], i = e[1], r = this.sliderm.getOption("columns"),
+                        a = this.sliderm.getOption("grouping"), s = this.sliderm.getItemCount(),
+                        l = this.sliderm.getGroupCount(), u = this.sliderm.getPosition(), c = a ? l : s, p = u, d = 0;
+                    if (a) {
+                        var f = Math.ceil(u * r / r);
+                        p = f
+                    }
+                    return "number" == typeof o ? d = o : ">" === o ? (d = p + 1) > c && i && (d = 1) : "<" === o && (d = p - 1) <= 0 && i && (d = c), d
+                }
+            }, {
+                key: "maximum", value: function maximum() {
+                    var t = this.sliderm.getOption("loop"), e = this.sliderm.getOption("preview"),
+                        n = this.sliderm.getOption("grouping"), o = this.sliderm.getOption("columns"), i = t || e;
+                    return n ? this.sliderm.getGroupCount() : i ? this.sliderm.getItemCount() : this.sliderm.getItemCount() - o + 1
+                }
+            }]), Page
+        }();
+
+        function _toConsumableArray(t) {
+            return function _arrayWithoutHoles(t) {
+                if (Array.isArray(t)) return _arrayLikeToArray(t)
+            }(t) || function _iterableToArray(t) {
+                if ("undefined" != typeof Symbol && null != t[Symbol.iterator] || null != t["@@iterator"]) return Array.from(t)
+            }(t) || _unsupportedIterableToArray(t) || function _nonIterableSpread() {
+                throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
+            }()
+        }
+
+        function _slicedToArray(t, e) {
+            return function _arrayWithHoles(t) {
+                if (Array.isArray(t)) return t
+            }(t) || function _iterableToArrayLimit(t, e) {
+                var n = null == t ? null : "undefined" != typeof Symbol && t[Symbol.iterator] || t["@@iterator"];
+                if (null == n) return;
+                var o, i, r = [], a = !0, s = !1;
+                try {
+                    for (n = n.call(t); !(a = (o = n.next()).done) && (r.push(o.value), !e || r.length !== e); a = !0) ;
+                } catch (t) {
+                    s = !0, i = t
+                } finally {
+                    try {
+                        a || null == n.return || n.return()
+                    } finally {
+                        if (s) throw i
+                    }
+                }
+                return r
+            }(t, e) || _unsupportedIterableToArray(t, e) || function _nonIterableRest() {
+                throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")
+            }()
+        }
+
+        function _unsupportedIterableToArray(t, e) {
+            if (t) {
+                if ("string" == typeof t) return _arrayLikeToArray(t, e);
+                var n = Object.prototype.toString.call(t).slice(8, -1);
+                return "Object" === n && t.constructor && (n = t.constructor.name), "Map" === n || "Set" === n ? Array.from(t) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? _arrayLikeToArray(t, e) : void 0
+            }
+        }
+
+        function _arrayLikeToArray(t, e) {
+            (null == e || e > t.length) && (e = t.length);
+            for (var n = 0, o = new Array(e); n < e; n++) o[n] = t[n];
+            return o
+        }
+
+        function sliderm_defineProperties(t, e) {
+            for (var n = 0; n < e.length; n++) {
+                var o = e[n];
+                o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(t, o.key, o)
+            }
+        }
+
+        function _classPrivateMethodInitSpec(t, e) {
+            !function _checkPrivateRedeclaration(t, e) {
+                if (e.has(t)) throw new TypeError("Cannot initialize the same private elements twice on an object")
+            }(t, e), e.add(t)
+        }
+
+        function _classPrivateMethodGet(t, e, n) {
+            if (!e.has(t)) throw new TypeError("attempted to get private field on non-instance");
+            return n
+        }
+
+        var g = new WeakSet, y = new WeakSet, _ = new WeakSet, b = new WeakSet, P = new WeakSet, w = function () {
+            function Sliderm(t, n) {
+                !function sliderm_classCallCheck(t, e) {
+                    if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function")
+                }(this, Sliderm), _classPrivateMethodInitSpec(this, P), _classPrivateMethodInitSpec(this, b), _classPrivateMethodInitSpec(this, _), _classPrivateMethodInitSpec(this, y), _classPrivateMethodInitSpec(this, g);
+                var o = getDom(t);
+                o ? (this.options = Object.assign(v, n), this.event = new f, this.page = new m(this), this.root = o, this.initialized = !1, this.domEvents = [], this.itemCount = 0, this.position = 1, this.modules = {}, this.slider = findDom(this.root, ".".concat(e)), this.items = [], _classPrivateMethodGet(this, g, _initialize2).call(this)) : error('The DOM "'.concat(t, '" is invalid.'))
+            }
+
+            return function sliderm_createClass(t, e, n) {
+                return e && sliderm_defineProperties(t.prototype, e), n && sliderm_defineProperties(t, n), Object.defineProperty(t, "prototype", {writable: !1}), t
+            }(Sliderm, [{
+                key: "adaptEvent", value: function adaptEvent(t) {
+                    var e = new h(t);
+                    return this.domEvents.push(e), e
+                }
+            }, {
+                key: "getPage", value: function getPage() {
+                    return this.page
+                }
+            }, {
+                key: "getRoot", value: function getRoot() {
+                    return this.root
+                }
+            }, {
+                key: "getItemCount", value: function getItemCount() {
+                    return this.itemCount
+                }
+            }, {
+                key: "getGroupCount", value: function getGroupCount() {
+                    return this.groupCount
+                }
+            }, {
+                key: "getItems", value: function getItems() {
+                    return this.items
+                }
+            }, {
+                key: "getPosition", value: function getPosition() {
+                    return this.position
+                }
+            }, {
+                key: "updatePosition", value: function updatePosition(t) {
+                    this.position = t
+                }
+            }, {
+                key: "updateCurrentItems", value: function updateCurrentItems() {
+                    return !this.initialized && (_classPrivateMethodGet(this, _, _updateItems2).call(this), _classPrivateMethodGet(this, b, _updateGroupCount2).call(this), !0)
+                }
+            }, {
+                key: "getOption", value: function getOption(t) {
+                    var e = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : null,
+                        n = void 0 !== this.options[t] ? this.options[t] : e;
+                    if (t.includes(".")) try {
+                        var o = t.split("."), i = _slicedToArray(o, 2), r = i[0], a = i[1];
+                        return this.options["_".concat(r)][a]
+                    } catch (t) {
+                        return e
+                    }
+                    return n
+                }
+            }, {
+                key: "updateOption", value: function updateOption(t, e) {
+                    if (t.includes(".")) try {
+                        var n = _slicedToArray(t.split("."), 2), o = n[0], i = n[1];
+                        this.options["_".concat(o)][i] = e
+                    } catch (t) {
+                    } else this.options[t] = e
+                }
+            }, {
+                key: "slideTo", value: function slideTo(t) {
+                    this.go("slide", t)
+                }
+            }, {
+                key: "go", value: function go(t) {
+                    var e;
+                    if (void 0 !== this.modules[t]) {
+                        for (var n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++) o[i - 1] = arguments[i];
+                        (e = this.modules)[t].apply(e, [this, this.slider].concat(o))
+                    } else error("Invalid module name: ".concat(t))
+                }
+            }, {
+                key: "on", value: function on(t, e) {
+                    this.event.on(t, e)
+                }
+            }, {
+                key: "off", value: function off(t, e) {
+                    this.event.off(t, e)
+                }
+            }, {
+                key: "emit", value: function emit(t) {
+                    for (var e, n = arguments.length, o = new Array(n > 1 ? n - 1 : 0), i = 1; i < n; i++) o[i - 1] = arguments[i];
+                    var r = [this].concat(o);
+                    (e = this.event).emit.apply(e, [t].concat(_toConsumableArray(r)))
+                }
+            }, {
+                key: "destory", value: function destory() {
+                    this.event.emit("destory"), this.event.destory(), this.domEvents.forEach((function (t) {
+                        t.destory()
+                    }))
+                }
+            }]), Sliderm
+        }();
+
+        function _initialize2() {
+            var t = this;
+            this.emit("initialize"), _classPrivateMethodGet(this, _, _updateItems2).call(this), _classPrivateMethodGet(this, b, _updateGroupCount2).call(this), _classPrivateMethodGet(this, P, _beforeMountExtensions2).call(this), _classPrivateMethodGet(this, y, _mountExtensions2).call(this), this.go("init"), this.go("breakpoint"), this.go("loop"), this.go("align"), this.go("touch"), this.go("preview"), this.go("autoplay"), this.items.forEach((function (e, n) {
+                t.go("columns", e), t.go("spacing", e), t.go("grouping", e, n), t.go("clone", e, n)
+            })), this.slideTo(1), this.initialized = !0, this.emit("initialized")
+        }
+
+        function _mountExtensions2() {
+            for (var t = 0; t < p.length; t += 1) "function" == typeof p[t] && (this.modules[p[t].name] = p[t]);
+            for (var e = 0; e < d.length; e += 1) "function" == typeof d[e] && this.getOption(d[e].name) && d[e](this)
+        }
+
+        function _updateItems2() {
+            this.items = Array.from(findDom(this.root, ".".concat(e)).children), this.itemCount = this.items.length
+        }
+
+        function _updateGroupCount2() {
+            var t = this.getOption("columns");
+            this.groupCount = Math.ceil(this.itemCount / t)
+        }
+
+        function _beforeMountExtensions2() {
+            for (var t = 0; t < this.options.extensions.length; t += 1) {
+                var e = this.options.extensions[t].name;
+                if ("" !== e) {
+                    var n = this.options.extensions[t];
+                    void 0 === this.options[e] ? p.push(n) : d.push(n)
+                }
+            }
+        }
+
+        window.Sliderm = w
+    })()
+})();

assets/script.js

@@ -9,7 +9,18 @@ let config =
 
 function isLoggedIn() {
     "use strict";
-    return UserInfo.Email && 0 < UserInfo.Email.length;
+    return UserInfo.Email && UserInfo.Email.length > 0;
+}
+
+async function setElementClasses(element, newClasses) {
+    // Ensure the element exists
+    if (!element) return;
+
+    // Clear all existing classes
+    element.className = '';
+
+    // Add the new classes to the element
+    element.classList.add(...newClasses);
 }
 
 async function handleResponse(data, successMessage, failureMessage) {
@@ -19,7 +30,7 @@ async function handleResponse(data, successMessage, failureMessage) {
     const statusMessage = document.createElement("div");
     statusMessage.classList.add("status-message");
 
-    if ('Success' === data.Status) {
+    if (data.Status === 'Success') {
         statusMessage.innerText = successMessage;
         statusMessage.classList.add("success");
     } else {
@@ -45,7 +56,7 @@ async function showDashboardGreeting() {
 
 async function doAction(url, requestData, successMessage, failureMessage, silent) {
     "use strict";
-    const params = new URLSearchParams();
+    const params = new FormData();
 
     for (const key in requestData) {
         params.append(key, requestData[key]);
@@ -69,6 +80,25 @@ async function doAction(url, requestData, successMessage, failureMessage, silent
     return data;
 }
 
+
+async function doSlicks() {
+    const elements = document.getElementsByClassName('sliderm');
+    Array.prototype.forEach.call(elements, function (element) {
+        // Initialize the Slick carousel on each element
+        const sliderm = new Sliderm('#' + element.id, {
+            arrow: true,
+            pagination: true,
+            grouping: false,
+            loop: true,
+            preview: false,
+            columns: 1,
+            duration: 1000,
+            spacing: 10,
+            align: 'center',
+        });
+    });
+}
+
 async function handlePageResponse(data) {
     "use strict";
     const navbar = document.getElementById("navbar_container");
@@ -80,7 +110,6 @@ async function handlePageResponse(data) {
     if (data.PageTitle) {
         document.title = data.PageTitle;
     }
-
     if (data.Page) {
         pageArea.innerHTML = data.Page;
         if (data.PageLocation) {
@@ -104,9 +133,11 @@ async function displayList(data, elementId, deleteFunction) {
         headerRow.appendChild(th);
     }
 
-    if ("function" === typeof deleteFunction) {
+    if (typeof deleteFunction === "function") {
         const th = document.createElement("th");
-        th.appendChild(document.createTextNode("Delete"));
+        let deleteBtn = document.createElement('i');
+        deleteBtn.classList.add("ri-delete-bin-line");
+        th.appendChild(deleteBtn);
         headerRow.appendChild(th);
     }
 
@@ -117,10 +148,10 @@ async function displayList(data, elementId, deleteFunction) {
             td.appendChild(document.createTextNode(line[key]));
             dataRow.appendChild(td);
         }
-        if ("function" === typeof deleteFunction) {
+        if (typeof deleteFunction === "function") {
             const td = document.createElement("td");
             const deleteButton = document.createElement('button');
-            deleteButton.textContent = "Delete";
+            deleteButton.innerHTML = "<i class='ri-delete-bin-line'></i>";
             deleteButton.onclick = () => deleteFunction(line.ID);
             td.appendChild(deleteButton);
             dataRow.appendChild(td);
@@ -189,6 +220,14 @@ async function togglearticlecreate() {
     articleContainerElement.classList.toggle("hidden");
 }
 
+async function togglememecreate() {
+    "use strict";
+    let memeContainerElement = document.getElementById("memecreatecontainer");
+
+    await getMemeImages();
+    memeContainerElement.classList.toggle("hidden");
+}
+
 async function renderarticles() {
     "use strict";
     let template = document.querySelector('template[data-template-name="article"]').innerHTML;
@@ -232,13 +271,13 @@ async function articleInit() {
     let articleContainerElement = document.getElementById("articlecreatecontainer");
     let articleCreateOpenElement = document.getElementById("articlecreateopen");
     articleContainerElement.addEventListener("keyup", function (ev) {
-        if ("Escape" === ev.key) {
+        if (ev.key === "Escape") {
             togglearticlecreate();
         }
     });
     PageIntervals.push(setInterval(renderarticles, config.articleRefresh));
     document.getElementById("articleprivilegeinput").setAttribute("max", UserInfo.Privileges);
-    if (2 > UserInfo.Privileges) {
+    if (UserInfo.Privileges < 2) {
         articleContainerElement.style.display = "none";
         articleCreateOpenElement.style.display = "none";
     } else {
@@ -256,7 +295,7 @@ async function onPageLoad() {
         clearInterval(interval);
     }
 
-    if ("home" === currentSite && "settings" === currentPage) {
+    if (currentSite === "account" && currentPage === "settings") {
         if (document.getElementById("user-settings")) {
             await populateUserInfoFields(UserInfo);
         }
@@ -265,12 +304,19 @@ async function onPageLoad() {
             await listUsers(true);
         }
     }
-    if ("account" === currentSite && "index" === currentPage && isLoggedIn()) {
+    if (currentSite === "account" && currentPage === "index" && isLoggedIn()) {
         await showDashboardGreeting();
     }
-    if ("news" === currentSite && "index" === currentPage) {
+    if (currentSite === "news" && currentPage === "index") {
         await articleInit();
     }
+    if (currentSite === "account" && currentPage === "files") {
+        await listFiles();
+    }
+    if (currentSite === "memes" && currentPage === "index") {
+        await getMemeImages();
+    }
+    await doSlicks();
 }
 
 async function navigateTo(site, page) {
@@ -316,6 +362,7 @@ async function logout() {
             await refreshNavbar();
             await navigateTo(localStorage.getItem("defaultSite"), localStorage.getItem("defaultPage"));
             localStorage.clear();
+            UserInfo = {};
             umami.track("logout");
         })
         .catch((error) => {
@@ -399,12 +446,14 @@ async function updateUserProfile() {
     const firstName = document.getElementById("updateFirstName").value;
     const lastName = document.getElementById("updateLastName").value;
     const nickname = document.getElementById("updateNickname").value;
+    const minecraftNick = document.getElementById("updateMinecraftNick").value;
 
     const data = {
         action: "update_user_profile",
         first_name: firstName,
         last_name: lastName,
         nickname: nickname,
+        minecraft_nick: minecraftNick,
     };
 
     await doAction('/account', data, "Profile update Successful!", "Profile update failed.", false);
@@ -429,6 +478,7 @@ async function populateUserInfoFields(userData) {
     document.getElementById("updateFirstName").value = userData.FirstName || "";
     document.getElementById("updateLastName").value = userData.LastName || "";
     document.getElementById("updateNickname").value = userData.Nickname || "";
+    document.getElementById("updateMinecraftNick").value = userData.MinecraftNick || "";
     document.getElementById("updateNewEmail").value = userData.Email || "";
 }
 
@@ -450,7 +500,7 @@ async function getUserInfo() {
     };
     const result = await doAction('/account', data, "User info retrieved Successfully!", "User info retrieval failed.", true);
 
-    if (result && "Success" === result.Status) {
+    if (result && result.Status === "Success") {
         Object.keys(result.UserInfo).forEach(index => {
             let value = result.UserInfo[index];
             localStorage.setItem("UserInfo_" + index, value);
@@ -487,7 +537,7 @@ async function listUsers(silent) {
 
     doAction('/account', data, "User list retrieved Successfully!", "User list retrieval failed.", silent).then((result) => {
 
-        if (result && "Success" === result.Status) {
+        if (result && result.Status === "Success") {
             displayList(result.Users, "userListTable", deleteUser);
         }
     });
@@ -530,8 +580,191 @@ async function deleteActivationCode(activationCode) {
 
 //Admin settings end
 
-if ("loading" === document.readyState) {
+if (document.readyState === "loading") {
     document.addEventListener("DOMContentLoaded", initAjax);
 } else {
     setTimeout(initAjax, 0);
 }
+
+async function uploadFile() {
+    const fileInput = document.getElementById('fileInput');
+    const fileForm = document.getElementById('uploadForm');
+    let data = {
+        action: "uploadFiles"
+    };
+    for (let i = 0; i < fileInput.files.length; i++) {
+        data[`userFile${i}`] = fileInput.files[i];
+    }
+    await doAction("/upload", data, "Súbor bol úspešne nahraný", "Nastala chyba pri nahrávaní súboru", false);
+    fileForm.reset();
+    await listFiles();
+}
+
+async function deleteFile(fileID) {
+    await doAction("/upload", {
+        action: "deleteFile",
+        file_id: fileID
+    }, "Súbor bol úspešne zmazaný", "Nastala chyba pri mazaní súboru", true);
+    await listFiles();
+}
+
+async function getFileList() {
+    const resp = await doAction("/upload", {
+        action: "getAllFiles"
+    }, "Zoznam súborov bol úspešne stiahnutý", "Nastala chyba pri sťahovaní zoznamu súborov", true);
+
+    if (resp.Status === "Success") {
+        return resp.Files;
+    } else {
+        return false;
+    }
+}
+
+async function listFiles() {
+    const fileList = await getFileList();
+    if (fileList) {
+        await displayList(fileList, "filelist", deleteFile);
+    }
+}
+
+async function addMeme() {
+    let memeTitleElement = document.getElementById("meme_title_input");
+    let memeTextElement = document.getElementById("meme_text_input");
+    let memeImageElement = document.getElementById("meme_image_input");
+
+    await doAction("/meme", {
+        action: "addMeme",
+        meme_title: memeTitleElement.value,
+        meme_text: memeTextElement.value,
+        meme_image_id: memeImageElement.value
+    }, "Meme bol zmazaný", "Nastala chyba pri mazaní meme-u", false);
+    memeTitleElement.value = "";
+    memeTextElement.value = "";
+    memeImageElement.selectedIndex = 0;
+    await togglememecreate();
+}
+
+async function deleteMeme(memeId) {
+    await doAction("/meme", {
+        action: "deleteMeme",
+        meme_id: memeId
+    }, "Meme bol zmazaný", "Nastala chyba pri mazaní meme-u", false);
+    await softReload();
+}
+
+async function getMemeImages() {
+    let memeImageSelector = document.getElementById("meme_image_input");
+    let fileList = await getFileList();
+    fileList.forEach((item) => {
+        let option = document.createElement("option");
+        option.value = item.ID;
+        let splitPath = item.Path.split("/");
+        option.text = `${splitPath[splitPath.length - 1]} - ID: (${item.ID}) Autor: [${item.UploadedBy} (${item.UploadedByID})]`;
+        memeImageSelector.appendChild(option);
+    });
+
+}
+
+async function reloadMemeVotes(memeID) {
+    let memeVoteCounterElement = document.getElementById(`meme_votes_counter_${memeID}`);
+    let memeVoteUpvoteElement = document.getElementById(`meme_votes_upvote_${memeID}`);
+    let memeVoteDownvoteElement = document.getElementById(`meme_votes_downvote_${memeID}`);
+    let memeVoteUpvoteButtonElement = document.getElementById(`meme_votes_upvote_button_${memeID}`);
+    let memeVoteDownvoteButtonElement = document.getElementById(`meme_votes_downvote_button_${memeID}`);
+
+
+    let memeVoteResponse = await doAction('/meme', {
+        action: "getMemeVotes",
+        meme_id: memeID
+    }, "Počet hlasov k meme-u bol stiahnutý", "Nastala chyba pri sťahovaní počtu hlasov k meme-u", true);
+
+    let memeVotes = memeVoteResponse.NetVotes;
+    let userVote = memeVoteResponse.UserVote;
+    memeVoteCounterElement.innerText = memeVotes;
+    memeVoteCounterElement.classList.remove("positive", "negative", "neutral");
+
+    if (0 < memeVotes) {
+        memeVoteCounterElement.classList.add("positive");
+    } else if (0 > memeVotes) {
+        memeVoteCounterElement.classList.add("negative");
+    } else {
+        memeVoteCounterElement.classList.add("neutral");
+    }
+
+    memeVoteUpvoteButtonElement.classList.remove('visual_hover');
+    memeVoteDownvoteButtonElement.classList.remove('visual_hover');
+    let memeUpvoteVariant = "line";
+    let memeDownvoteVariant = "line";
+    if (0 < userVote) {
+        memeUpvoteVariant = "fill";
+        memeVoteUpvoteButtonElement.classList.add('visual_hover');
+    } else if (0 > userVote) {
+        memeDownvoteVariant = "fill";
+        memeVoteDownvoteButtonElement.classList.add('visual_hover');
+    }
+
+    await setElementClasses(memeVoteUpvoteElement, [`ri-arrow-up-circle-${memeUpvoteVariant}`]);
+    await setElementClasses(memeVoteDownvoteElement, [`ri-arrow-down-circle-${memeDownvoteVariant}`])
+
+}
+
+async function voteMeme(memeID, isUpvote) {
+    let memeVoteUpvoteElement = document.getElementById(`meme_votes_upvote_${memeID}`);
+    let memeVoteDownvoteElement = document.getElementById(`meme_votes_downvote_${memeID}`);
+    let memeVoteDelete = false;
+    if (isUpvote) {
+        if (memeVoteUpvoteElement.classList.contains("ri-arrow-up-circle-fill")) {
+            await deleteVoteMeme(memeID);
+            memeVoteDelete = true;
+        }
+    } else {
+        if (memeVoteDownvoteElement.classList.contains("ri-arrow-down-circle-fill")) {
+            await deleteVoteMeme(memeID);
+            memeVoteDelete = true;
+        }
+    }
+    if (!memeVoteDelete) {
+        await doAction("/meme", {
+            action: "voteMeme",
+            meme_id: memeID,
+            is_upvote: isUpvote
+        }, "Meme bol votovaný", "Nastala chyba pri votovaný", true);
+    }
+    await reloadMemeVotes(memeID);
+}
+
+async function deleteVoteMeme(memeId) {
+    await doAction("/meme", {
+        action: "deleteVoteMeme",
+        meme_id: memeId
+    }, "Hlas na meme bol zmazaný", "Nastala chyba pri mazaní hlasu na meme", true);
+    await reloadMemeVotes(memeId);
+}
+
+async function surveySubmit() {
+    const satisfaction = document.querySelector('input[name="satisfaction"]:checked');
+    const functionality = document.querySelector('input[name="functionality"]:checked');
+    const content = document.querySelector('input[name="content"]:checked');
+    const comment = document.querySelector('textarea[name="comment"]');
+    if (satisfaction && functionality && content && comment.value) {
+        await doAction("/survey", {
+            action: "surveySubmit",
+            satisfaction: satisfaction.value,
+            functionality: functionality.value,
+            content: content.value,
+            comment: comment.value
+        }, "Zaznamenané",
+            "Nastala chyba");
+        satisfaction.checked = false;
+        functionality.checked = false;
+        content.checked = false;
+        comment.value = "";
+    }
+}
+
+async function toggleRegister() {
+    let loginForm = document.getElementById("sign_in_form");
+    let registerForm = document.getElementById("sign_up_form");
+    loginForm.classList.toggle('hidden');
+    registerForm.classList.toggle('hidden');
+}

assets/style.css

@@ -1,20 +1,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
 
-.dashboard {
-    height: 100%;
-    text-align: center;
-    width: 100%;
-}
-
 :root {
     --error: #ff3700;
-    --primary: #2a9dd6;
-    --primary-bg: #1b1529;
-    --primary-hover: #2489bb;
-    --primary-text: #d2d6e5;
-    --secondary-bg: #1a1a1a;
-    --third-bg: #383838;
+    --pico-primary: #2a9dd6;
+    --pico-primary-background: #1b1529;
+    --pico-primary-hover: #2489bb;
+    --pico-secondary: #d2d6e5;
+    --pico-secondary-background: #1a1a1a;
+    --dimmer: rgba(0, 0, 0, 0.6);
 }
 
 
@@ -26,21 +20,24 @@ body {
                          "foot foot foot foot";
     grid-template-rows: min-content 1fr min-content;
     align-items: center;
-    background: linear-gradient(127deg, var(--secondary-bg), var(--primary-bg)) no-repeat fixed;
+    background: linear-gradient(127deg, var(--pico-secondary-background), var(--pico-primary-background)) no-repeat fixed;
     background-size: cover;
-    color: var(--primary-text);
     flex-direction: column;
     font-family: \'Poppins\', sans-serif;
-    height: 100%;
     margin: 0;
-    min-height: 100vh;
-    min-width: 100vw;
     padding: 0;
+    min-height: 100vh;
+}
+
+.dashboard {
+    height: 100%;
+    text-align: center;
+    width: 100%;
 }
 
 body > nav,
 body > footer {
-    background-color: rgba(0, 0, 0, 0.6);
+    background-color: var(--dimmer);
     padding: 1.2rem;
     text-align: center;
 }
@@ -52,37 +49,41 @@ body > nav {
     position: relative;
     z-index: 500;
     grid-area: nav;
-    box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
+    box-shadow: 0 20px 28px 0 var(--dimmer);
     margin-bottom: 20px;
 }
 
 
 body > footer {
     grid-area: foot;
-    box-shadow: 0 -20px 28px 0 rgba(0, 0, 0, 0.6);
+    box-shadow: 0 -20px 28px 0 var(--dimmer);
     margin-top: 20px;
 }
 
-body > main {
+body > main#page_container {
     grid-area: main;
     height: 100%;
 }
 
-header h1 {
-    margin: 0;
-    padding: 0;
+body > main#page_container > main {
+    height: 100%;
 }
 
-header hr {
-    border-color: var(--primary);
+hr {
+    border-color: var(--pico-primary);
     opacity: 0.5;
     width: 30%;
+    margin: var(--pico-typography-spacing-vertical) auto;
 }
 
 li {
     list-style: none;
 }
 
+nav li {
+    margin: unset;
+}
+
 header ul li {
     list-style: circle;
     width: fit-content;
@@ -90,35 +91,25 @@ header ul li {
 
 ul {
     display: flex;
-    flex-direction: row;
-    gap: 2.5rem;
+    flex-direction: column;
     list-style: none;
     padding-left: 0;
 }
 
-header ul {
-    display: flex;
-    flex-direction: column;
-    gap: 0;
-    text-align: left;
-    width: fit-content;
-}
-
 header {
     align-items: center;
     text-align: center;
     width: 100%;
     margin-top: 35px;
-    height: 55px;
     margin-bottom: 35px;
 }
 
 li a {
-    color: var(--primary-text);
     padding-bottom: .45rem;
     position: relative;
     text-decoration: none;
     transition: all .3s ease;
+    color: var(--pico-secondary);
 }
 
 li a:hover::after {
@@ -128,34 +119,26 @@ li a:hover::after {
 
 
 li.navpage_item {
-    padding-left: 20px;
-    padding-right: 20px;
+    padding: 0 20px;
 }
 
 table>tbody,
 table>tbody>tr,
 table>tbody>tr>th,
 table>tbody>tr>td {
-    border: 2px solid var(--primary);
+    border: 2px solid var(--pico-primary);
     border-collapse: collapse !important;
     text-align: center;
 }
 
-button {
-    border-radius: 25px;
-    border: 2px solid var(--primary);
-    background: var(--third-bg);
-    color: var(--primary-text);
-    width: 175px;
-    transition-duration: 0.3s;
-}
-
 table>tbody>tr>td>button {
     border: unset;
     border-radius: unset;
     border-collapse: unset;
     padding: 0;
     margin: 0;
+    width: 100%;
+    height: 100%;
 }
 
 table {
@@ -164,30 +147,23 @@ table {
 
 ul.navpage_list {
     gap: 10px;
-    border: 4px solid var(--primary-hover) !important; 
-    background-color: var(--third-bg);
+    border: 4px solid var(--pico-primary-hover) !important;
     display: none;
     flex-direction: column;
     overflow: hidden;
-    position: fixed;
     transition: max-height .3s ease, border .325s ease !important;
     z-index: 2;
+    position: fixed;
+    background: #00000066;
 }
 
 .back {
-    background-color: #2a9dd6;
     border-radius: 15px;
-    color: var(--primary-text);
     padding: .35rem .65rem;
     text-decoration: none;
     transition: all .3s ease;
 }
 
-.back:hover {
-    background-color: var(--primary-hover);
-    transition: all .3s ease;
-}
-
 .feature-list {
     display: block;
     margin: auto;
@@ -205,9 +181,9 @@ ul.navpage_list {
 }
 
 .navsite_item:hover .navpage_list {
-    border: 4px solid var(--primary-hover) !important; 
+    border: 4px solid var(--pico-primary-hover) !important;
     display: flex !important;
-    max-height: 200px;
+    max-height: unset;
     width: inherit;
     transition: max-height .3s ease, border .325s ease !important;
     box-sizing: border-box;
@@ -238,62 +214,9 @@ ul.navpage_list {
     height: 1.5rem;
 }
 
-@media (max-width: 1050px) {
-
-    #toggle_button {
-        display: flex;
-    }
-
-    #navsite_list {
-        display: none;
-        position: fixed;
-        flex-direction: column;
-        width: 100%;
-        text-align: center;
-    }
-
-    #navsite_list li {
-        text-align: center;
-    }
-
-    .navsite_item {
-        width: inherit;
-    }
-
-    ul.navpage_list {
-        border: 4px solid var(--primary-hover) !important;
-        display: flex !important;
-        max-height: 200px !important;
-        width: inherit;
-        box-sizing: border-box;
-        transition-delay: .1s;
-    }
-    .navsite_item:not(:hover) .navpage_list {
-        transition-delay: .1s;
-        width: inherit;
-    }
-
-    /*noinspection CssUnusedSymbol*/
-    #navsite_list.active {
-        display: flex;
-        -moz-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
-        -webkit-box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
-        background-color: rgba(0, 0, 0, 0.6);
-        box-shadow: 0 20px 28px 0 rgba(0, 0, 0, 0.6);
-        top: 80px;
-        text-align: center;
-    }
-
-    nav {
-        flex-direction: column;
-        align-items: center;
-        background-color: rgba(0, 0, 0, 0.6);
-    }
-}
-
 #statusMessageContainer {
     position: fixed;
-    top: 80px;
+    top: 100px;
     right: 20px;
     z-index: 510;
     display: flex;
@@ -343,16 +266,11 @@ ul.navpage_list {
 
 header a,
 .error-code {
-    color: var(--primary);
+    color: var(--pico-primary);
 }
 
 input, textarea {
-    background-color: var(--third-bg);
-    border: 2px solid var(--primary);
-}
-
-input::placeholder, textarea::placeholder{
-    color: var(--primary-text);
+    border: 2px solid var(--pico-primary);
 }
 
 input{
@@ -363,21 +281,224 @@ textarea{
     border-radius: 10px;
 }
 
-button:hover {
-    background: var(--primary);
-    transition-duration: 0.3s;
-}
-
 .form-container input {
     border-radius: 50px;
     background: none;
-    border: 2px solid var(--primary);
+    border: 2px solid var(--pico-primary);
     width: 175px;
-    color: var(--primary-text);
 }
 
+span#ye-span:hover + body{
+    background: url('/assets/images/ye.jpg') repeat !important;
+    background-size: 20% !important;
+}
+
+
+#articlecreate, #memecreate {
+    border: 5px solid var(--pico-primary);
+    z-index: 5;
+    margin: auto;
+    padding: 40px;
+    background-color: var(--pico-primary-background);
+    border-radius: 50px;
+}
+
+#articlecreate > * {
+    margin: 10px 0;
+}
+
+#articlecreateopen {
+    display: none;
+}
+
+#articlecreatecontainer, #memecreatecontainer{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    top: 12vh;
+    left: 0;
+    width: 100vw;
+    height: 88vh;
+    z-index: 4;
+    backdrop-filter: blur(2px);
+}
 
 
 .hidden {
     display: none !important;
 }
+
+div#articleslist > article > div.articleinfo > *{
+    width: fit-content;
+}
+
+/*noinspection CssUnusedSymbol*/
+div#articleslist > article > div.articleinfo{
+    display: flex;
+    flex-direction: row;
+}
+
+div#articleslist>article{
+    border: 4px solid var(--pico-primary);
+}
+
+.form-content {
+    display: flex;
+    flex-direction: row;
+}
+
+.form-container {
+    display: flex;
+    flex-direction: column;
+}
+
+.meme_image {
+    max-width: 500px;
+    max-height: 300px;
+    width: auto;
+    height: auto;
+}
+
+.meme_link {
+    width: fit-content;
+    height: fit-content;
+}
+
+.meme_info, .meme_topbar {
+    display: flex;
+    flex-direction: row;
+    height: fit-content;
+    width: 100%;
+    justify-content: right;
+}
+
+.meme, .meme_body {
+    display: flex;
+    flex-direction: column;
+    padding: 0;
+    margin: 0;
+}
+
+.positive {
+    color: #008000;
+}
+
+.negative {
+    color: #ff0000;
+}
+
+.neutral {
+    color: var(--pico-color);
+}
+
+.visual_hover {
+    --pico-background-color: var(--pico-primary-hover-background);
+    --pico-border-color: var(--pico-primary-hover-border);
+    --pico-box-shadow: var(--pico-button-hover-box-shadow, 0 0 0 rgba(0, 0, 0, 0));
+    --pico-color: var(--pico-primary-inverse);
+}
+
+.visual_hover.meme_upvote {
+    --pico-background-color: #008000;
+    --pico-border-color: unset;
+}
+
+.visual_hover.meme_downvote {
+    --pico-background-color: #ff0000;
+    --pico-border-color: unset;
+}
+
+#meme_gallery {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
+    grid-auto-rows: 1fr;
+    gap: 20px
+}
+
+@media (max-width: 1050px) {
+
+
+    table .rozvrh {
+        overflow: auto;
+    }
+
+    .navsite_item .navpage_list {
+        max-height: unset !important;
+    }
+    div#articleslist {
+        width: 100vw !important;
+        left: 0 !important;
+    }
+
+    #toggle_button {
+        display: flex;
+    }
+
+    #navsite_list {
+        display: none;
+        position: fixed;
+        flex-direction: column;
+        width: 100%;
+        text-align: center;
+        padding: 0 8px;
+        left: 0;
+        right: 0;
+        margin: 0;
+        gap: 1rem;
+    }
+
+    #navsite_list li {
+        text-align: center;
+        padding: 0;
+    }
+
+    .navsite_item {
+        width: inherit;
+    }
+
+    ul.navpage_list {
+        border: 4px solid var(--pico-primary-hover) !important;
+        display: flex !important;
+        max-height: 200px !important;
+        width: inherit;
+        box-sizing: content-box;
+        transition-delay: .1s;
+        position: unset !important;
+    }
+    .navsite_item:not(:hover) .navpage_list {
+        transition-delay: .1s;
+        width: inherit;
+    }
+
+    /*noinspection CssUnusedSymbol*/
+    #navsite_list.active {
+        display: flex;
+        -moz-box-shadow: 0 20px 28px 0 var(--dimmer);
+        -webkit-box-shadow: 0 20px 28px 0 var(--dimmer);
+        background-color: var(--pico-primary-background);
+        box-shadow: 0 20px 28px 0 var(--dimmer);
+        top: 100px;
+        text-align: center;
+        left: 0;
+    }
+
+    nav {
+        flex-direction: column;
+        align-items: center;
+        background-color: var(--dimmer);
+    }
+
+    .form-content {
+        flex-direction: column;
+    }
+
+    .meme_image {
+        max-width: 200px;
+        max-height: 200px;
+    }
+
+    .navsite_link {
+        width: 100%;
+    }
+}

endpoints/account.php

@@ -25,7 +25,8 @@ function endpoint($endpoint_data): array
         "update_user_profile" => updateUserProfile(
             $endpoint_data["first_name"],
             $endpoint_data["last_name"],
-            $endpoint_data["nickname"]
+            $endpoint_data["nickname"],
+            $endpoint_data["minecraft_nick"]
         ),
         "update_user_email" => updateUserEmail(
             $endpoint_data["email"]

endpoints/meme.php

@@ -0,0 +1,17 @@
+<?php
+
+require_once "lib/meme.php";
+
+function endpoint($endpoint_data): array
+{
+
+    return match ($endpoint_data["action"]) {
+        "addMeme" => addMeme($endpoint_data['meme_title'], $endpoint_data['meme_text'], $endpoint_data['meme_image_id']),
+        "getMemes" => getMemeGallery($endpoint_data['offset'], $endpoint_data['meme_author'], $endpoint_data['meme_id'], $endpoint_data['meme_keyword']),
+        "deleteMeme" => deleteMeme($endpoint_data['meme_id']),
+        "getMemeVotes" => getMemeVotes($endpoint_data['meme_id']),
+        "deleteVoteMeme" => deleteVoteMeme($endpoint_data['meme_id']),
+        "voteMeme" => voteMeme($endpoint_data['meme_id'], $endpoint_data['is_upvote']),
+        default => ["Status" => "Fail", "Message" => "Invalid action"],
+    };
+}

endpoints/newsarticle.php

@@ -0,0 +1,22 @@
+<?php
+
+require_once "lib/newsarticle.php";
+
+function endpoint($endpoint_data): array
+{
+
+    return match ($endpoint_data["action"]) {
+        "getNewsArticles" => getNewsArticles(),
+        "addNewsArticle" => addNewsArticle(
+            $endpoint_data["title"],
+            $endpoint_data["body"]
+        ),
+        "addNewsComment" => addNewsComment(
+            $endpoint_data["user_id"],
+            $endpoint_data['news_article_id'],
+            $endpoint_data["comment_text"],
+            $endpoint_data["parent_id"]
+        ),
+        default => ["Status" => "Fail", "message" => "Invalid action"],
+    };
+}

endpoints/survey.php

@@ -0,0 +1,11 @@
+<?php
+
+require_once "lib/survey.php";
+
+function endpoint($endpoint_data): array
+{
+    return match ($endpoint_data["action"]) {
+        "surveySubmit" => submitSurvey($endpoint_data["satisfaction"], $endpoint_data["functionality"], $endpoint_data["content"], $endpoint_data["comment"]),
+        default => ["Status" => "Fail", "message" => "Invalid action"],
+    };
+}

endpoints/upload.php

@@ -0,0 +1,18 @@
+<?php
+
+require_once "lib/upload.php";
+
+function endpoint($endpoint_data): array
+{
+
+    return match ($endpoint_data["action"]) {
+        "getMyFiles" => listFiles(),
+        "getAllFiles" => listFiles(false),
+        "uploadFiles" => parseIncomingFiles(),
+        "deleteFile" => deleteFile($endpoint_data['file_id']),
+        "addToGroup" => addToGroup($endpoint_data['group_id'], $endpoint_data['file_id']),
+        "myFileExists" => fileExists($endpoint_data['file_id']),
+        "FileExists" => fileExists($endpoint_data['file_id'], false),
+        default => ["Status" => "Fail", "message" => "Invalid action"],
+    };
+}

index.php

@@ -1,32 +1,40 @@
 <?php
 /** @noinspection PhpIncludeInspection */
-require_once 'secrets/config.php';
-require_once 'lib/config.php';
-require_once 'lib/navigation.php';
-require_once 'lib/router.php';
-require_once 'lib/page.php';
-require_once 'lib/endpoint.php';
-require_once 'lib/account.php';
+// Include essential configuration and function libraries.
+require_once 'secrets/config.php'; // Load sensitive configuration such as database credentials.
+require_once 'lib/config.php';      // Load general site configuration settings.
+require_once 'lib/navigation.php';  // Include functions related to navigation generation.
+require_once 'lib/router.php';      // Include routing functionality to manage URL routing.
+require_once 'lib/page.php';        // Functions related to page content generation and management.
+require_once 'lib/endpoint.php';    // Functions for handling API endpoints.
+require_once 'lib/account.php';     // Include user account management functionality.
 
+// Load configuration for the router from the configuration files.
 $routerConfig = loadRouterConfig();
 
+// Initialize the router to parse the request URI and determine the requested site/page.
 $routerRequest = initRouter();
 
+// Start or resume a session to manage user sessions across requests.
 session_start();
 
+// Set default session data if the user is not logged in.
 if (!isLoggedIn()) {
-    setDefaultSessionData();
+setDefaultSessionData();
 }
 
-if($routerRequest["site_name"] == "sitemap.xml") {
-    require "lib/sitemap.php";
-    generateSitemap();
-    exit();
+// Handle requests for the sitemap.
+if ($routerRequest["site_name"] == "sitemap.xml") {
+require "lib/sitemap.php";  // Include sitemap generation functions.
+echo generateSitemap();     // Generate and output the sitemap XML.
+exit();                     // Stop script execution after sitemap generation.
 }
 
+// Handle API type requests by fetching and outputting the endpoint response.
 if ($routerRequest["type"] == "api") {
-    echo getEndpoint($routerRequest["site_name"]);
-
-} elseif ($routerRequest["type"] == "page") {
-    echo getPage($routerRequest["site_name"], $routerRequest["page_name"]);
+echo getEndpoint($routerRequest["site_name"]);
+}
+// Handle page type requests by fetching and rendering the page content.
+elseif ($routerRequest["type"] == "page") {
+echo getPage($routerRequest["site_name"], $routerRequest["page_name"]);
 }

lib/account.php

@@ -1,52 +1,95 @@
 <?php
 
 use Random\RandomException;
-
+/**
+ * Checks if the current session represents a logged-in user.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and meets the minimum privilege level; otherwise, false.
+ */
 function isLoggedIn(): bool
 {
     global $routerConfig;
     return $_SESSION["ID"] > 0 && !empty($_SESSION["email"]) && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["logged_in_default"];
 }
+/**
+ * Checks if the logged-in user is verified.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and verified; otherwise, false.
+ */
 function isVerified(): bool
 {
     global $routerConfig;
     return isLoggedIn() && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["verified"];
 }
 
+/**
+ * Checks if the logged-in user is trustworthy.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and considered trustworthy; otherwise, false.
+ */
 function isTrustWorthy(): bool
 {
     global $routerConfig;
     return isLoggedIn() && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["trustworthy"];
 }
-
+/**
+ * Checks if the logged-in user is a moderator.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and a moderator; otherwise, false.
+ */
 function isModerator(): bool
 {
     global $routerConfig;
     return isLoggedIn() && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["moderator"];
 }
-
+/**
+ * Checks if the logged-in user is a user admin.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and a user admin; otherwise, false.
+ */
 function isUserAdmin(): bool
 {
     global $routerConfig;
     return isLoggedIn() && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["user_admin"];
 }
-
+/**
+ * Checks if the logged-in user is an admin.
+ *
+ * @global array $routerConfig Global configuration array containing permission thresholds.
+ * @return bool Returns true if the user is logged in and an admin; otherwise, false.
+ */
 function isAdmin(): bool
 {
     global $routerConfig;
     return isLoggedIn() && $_SESSION["privilege_level"] >= $routerConfig["permissions"]["admin"];
 }
 
-
-function generateActivationToken(): string
+/**
+ * Generates a secure token for account activation or other purposes using cryptographic methods.
+ *
+ * @return string|null Returns a hexadecimal token or null in case of an error.
+ */
+function generateActivationToken(): ?string
 {
     try {
         return bin2hex(random_bytes(16));
     } catch (RandomException) {
+        return null;
     }
 }
-
-function isEmailAvailable($email): bool
+/**
+ * Checks if an email address is available for registration.
+ *
+ * @param string $email The email address to check.
+ * @return bool Returns true if the email is not already registered; otherwise, false.
+ *@global mysqli $mysqli Global mysqli object for database access.
+ */
+function isEmailAvailable(string $email): bool
 {
     global $mysqli;
     $stmt = $mysqli->prepare("SELECT COUNT(*) FROM Users WHERE Email = ?");
@@ -59,7 +102,12 @@ function isEmailAvailable($email): bool
 
     return $count === 0;
 }
-
+/**
+ * Sets default session data typically used for a logged-out user(includes users that have just visited the page).
+ *
+ * @global array $routerConfig Global configuration array used for setting initial privilege levels.
+ * @return void
+ */
 function setDefaultSessionData(): void
 {
     global $routerConfig;
@@ -68,10 +116,18 @@ function setDefaultSessionData(): void
     $_SESSION["last_name"] = "";
     $_SESSION["nickname"] = "";
     $_SESSION["email"] = "";
+    $_SESSION["minecraft_nickname"] = "";
     $_SESSION["privilege_level"] = $routerConfig["permissions"]["logged_out"];
 }
-
-function verifyPassword($userID, $password): bool
+/**
+ * Verifies if the provided password matches the stored hash for the user.
+ *
+ * @param int $userID The user ID whose password is to be verified.
+ * @param string $password The password to verify.
+ * @return bool Returns true if the password matches the stored hash; otherwise, false.
+ *@global mysqli $mysqli Global mysqli object for database access.
+ */
+function verifyPassword(int $userID, string $password): bool
 {
     global $mysqli;
     $stmt = $mysqli->prepare("SELECT PasswordHash FROM Users WHERE ID = ?");
@@ -84,11 +140,16 @@ function verifyPassword($userID, $password): bool
 
     return !empty($password_hash) && !empty($password) && password_verify($password, $password_hash);
 }
-
+/**
+ * Updates session data from the database for the logged-in user.
+ *
+ * @global mysqli $mysqli Global mysqli object for database access.
+ * @return void
+ */
 function UpdateSession(): void
 {
     global $mysqli;
-    $stmt = $mysqli->prepare("SELECT FirstName, LastName, Nickname, Email, PrivilegeLevel, LastLoginAt, LoginCount, FavoriteColor FROM Users WHERE ID = ? AND isActivated = 1");
+    $stmt = $mysqli->prepare("SELECT FirstName, LastName, Nickname, Email, MinecraftNick, PrivilegeLevel, LastLoginAt, LoginCount, ClassID, FavoriteColor FROM Users WHERE ID = ? AND isActivated = 1");
     $stmt->bind_param("i", $_SESSION["ID"]);
     $stmt->execute();
 
@@ -96,25 +157,36 @@ function UpdateSession(): void
     $last_name = "";
     $nickname = "";
     $email = "";
+    $minecraft_nickname = "";
     $privilege_level = 0;
+    $class_id = 0;
     $favorite_color = 0;
     $lastLoginAt = null;
     $loginCount = 0;
-    $stmt->bind_result($first_name, $last_name, $nickname, $email, $privilege_level, $lastLoginAt, $loginCount, $favorite_color);
+    $stmt->bind_result($first_name, $last_name, $nickname, $email, $minecraft_nickname, $privilege_level, $lastLoginAt, $loginCount, $class_id, $favorite_color);
     $stmt->fetch();
     $stmt->close();
     $_SESSION["first_name"] = $first_name;
     $_SESSION["last_name"] = $last_name;
     $_SESSION["nickname"] = $nickname;
     $_SESSION["email"] = $email;
+    $_SESSION["minecraft_nickname"] = $minecraft_nickname;
     $_SESSION["privilege_level"] = $privilege_level;
     $_SESSION["lastLoginAt"] = $lastLoginAt;
     $_SESSION["loginCount"] = $loginCount;
+    $_SESSION["class_id"] = $class_id;
     $_SESSION["favorite_color"] = $favorite_color;
 
 }
-
-function doLogin($email, $password): array
+/**
+ * Attempts to log in a user with the given credentials.
+ *
+ * @param string $email The user's email address.
+ * @param string $password The user's password.
+ * @global mysqli $mysqli Global database connection object.
+ * @return array An array containing the status of the login attempt ('Success' or 'Fail').
+ */
+function doLogin(string $email, string $password): array
 {
     global $mysqli;
     $found = false;
@@ -144,7 +216,12 @@ function doLogin($email, $password): array
     }
     return $found ? ["Status" => "Success"] : ["Status" => "Fail"];
 }
-
+/**
+ * Logs out the current user by resetting session data.
+ * Fails when the user wasn't logged in
+ *
+ * @return array An array with the logout status ('Success' if logged out, 'Fail' otherwise).
+ */
 function doLogout(): array
 {
     if(isLoggedIn()){
@@ -154,8 +231,19 @@ function doLogout(): array
         return ["Status" => "Fail"];
     }
 }
-
-function doRegister($firstname, $lastname, $email, $password, $activation_token): array
+/**
+ * Registers a new user with provided personal details and activation token.
+ *
+ * @param string $firstname The user's first name.
+ * @param string $lastname The user's last name.
+ * @param string $email The user's email.
+ * @param string $password The user's password.
+ * @param string $activation_token The activation token to verify the registration.
+ * @global mysqli $mysqli Global database connection object.
+ * @global array $routerConfig Global configuration settings.
+ * @return array An array with the registration status ('Success' or 'Fail').
+ */
+function doRegister(string $firstname, string $lastname, string $email, string $password, string $activation_token): array
 {
     global $mysqli, $routerConfig;
     $status = ["Status" => "Fail"];
@@ -181,8 +269,15 @@ function doRegister($firstname, $lastname, $email, $password, $activation_token)
     return $status;
 }
 
-
-function changePassword($oldPassword, $newPassword): array
+/**
+ * Changes the user's password after verifying the old password.
+ *
+ * @param string $oldPassword The current password for verification.
+ * @param string $newPassword The new password to be set.
+ * @return array An array indicating whether the password change was successful ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function changePassword(string $oldPassword, string $newPassword): array
 {
     global $mysqli;
     $status = ["Status" => "Fail"];
@@ -201,23 +296,34 @@ function changePassword($oldPassword, $newPassword): array
 }
 
 
-// Function to update user profile
-function updateUserProfile($firstName, $lastName, $nickname): array
+/**
+ * Updates user profile information in the database.
+ *
+ * @param string $firstName The new first name.
+ * @param string $lastName The new last name.
+ * @param string $nickname The new nickname.
+ * @param string $minecraft_nickname The new Minecraft nickname.
+ * @return array Status of the profile update ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function updateUserProfile(string $firstName, string $lastName, string $nickname, string $minecraft_nickname): array
 {
     global $mysqli;
     $status = ["Status" => "Fail"];
 
-    if (isLoggedIn() && !empty($firstName) && !empty($lastName) && !empty($nickname) ) {
-        $userID = $_SESSION["ID"];
+    if (isLoggedIn() && !empty($firstName) && !empty($lastName) && !empty($nickname) && !empty($minecraft_nickname)) {
 
-        $stmt = $mysqli->prepare("UPDATE Users SET FirstName = ?, LastName = ?, Nickname = ? WHERE ID = ?");
+        $stmt = $mysqli->prepare("UPDATE Users SET FirstName = ?, LastName = ?, Nickname = ?, MinecraftNick = ? WHERE ID = ?");
         /** @noinspection SpellCheckingInspection */
-        $stmt->bind_param("ssssi", $firstName, $lastName, $nickname, $userID);
+        $stmt->bind_param("ssssi", $firstName, $lastName, $nickname, $minecraft_nickname, $_SESSION["ID"]);
         $stmt->execute();
 
         if ($stmt->affected_rows > 0) {
             $status["Status"] = "Success";
         }
+        else {
+            $status["Status"] = "$firstName $lastName $nickname $minecraft_nickname";
+        }
 
         $stmt->close();
     }
@@ -225,8 +331,14 @@ function updateUserProfile($firstName, $lastName, $nickname): array
     return $status;
 }
 
-// Function to update user email
-function updateUserEmail($email): array
+/**
+ * Updates the email address of the logged-in user after validation.
+ *
+ * @param string $email The new email address to update.
+ * @return array Status of the email update ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function updateUserEmail(string $email): array
 {
     global $mysqli;
     $status = ["Status" => "Fail"];
@@ -269,14 +381,18 @@ function updateUserEmail($email): array
 
     return $status;
 }
-
+/**
+ * Retrieves and updates the current session with user information from the database.
+ *
+ * @return array Contains user information and status if the user is logged in.
+ */
 function getUserInfo(): array
 {
     $output = ["Status" => "Fail"];
     if(isLoggedIn()) {
         global $mysqli;
         $userID = $_SESSION["ID"];
-        $stmt = $mysqli->prepare("SELECT FirstName, LastName, Nickname, Email FROM Users WHERE ID = ?");
+        $stmt = $mysqli->prepare("SELECT FirstName, LastName, Nickname, Email, MinecraftNick FROM Users WHERE ID = ?");
         $stmt->bind_param("i", $userID);
         $stmt->execute();
 
@@ -284,8 +400,9 @@ function getUserInfo(): array
         $lastName = "";
         $nickname = "";
         $email = "";
+        $minecraft_nickname = "";
 
-        $stmt->bind_result($firstName, $lastName, $nickname, $email);
+        $stmt->bind_result($firstName, $lastName, $nickname, $email, $minecraft_nickname);
         $stmt->fetch();
         $stmt->close();
         UpdateSession();
@@ -296,15 +413,22 @@ function getUserInfo(): array
             "FirstName" => $firstName,
             "LastName" => $lastName,
             "Nickname" => $nickname,
-            "Email" => $email
+            "Email" => $email,
+            "MinecraftNick" => $minecraft_nickname
         ];
 
     }
     return $output;
 }
 
-
-function addActivationCodes($count): array
+/**
+ * Generates a specified number of activation codes for user registration and adds them to the database.
+ *
+ * @param int $count Number of activation codes to generate.
+ * @return array An array containing the generated codes and status ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function addActivationCodes(int $count): array
 {
     global $mysqli;
     $activationCodes = [];
@@ -335,7 +459,12 @@ function addActivationCodes($count): array
 
     return $output;
 }
-
+/**
+ * Lists all registered users, available only to user admins.
+ *
+ * @global mysqli $mysqli Global database connection object.
+ * @return array An array containing user data and status.
+ */
 function listUsers(): array
 {
     global $mysqli;
@@ -343,7 +472,7 @@ function listUsers(): array
 
     if (isUserAdmin()) {
         $users = [];
-        $result = $mysqli->query("SELECT ID, FirstName, LastName, Nickname, Email, PrivilegeLevel, CreatedAt, RegisteredAt, LastLoginAt, LoginCount, CreatedBy FROM Users WHERE isActivated = 1");
+        $result = $mysqli->query("SELECT ID, FirstName, LastName, Nickname, Email, MinecraftNick, PrivilegeLevel, CreatedAt, RegisteredAt, LastLoginAt, LoginCount, CreatedBy FROM Users WHERE isActivated = 1");
 
         // Check if the query executed Successfully
         if ($result) {
@@ -357,7 +486,12 @@ function listUsers(): array
 
     return $output;
 }
-
+/**
+ * Lists activation codes available for assigning to new users, available only for user admins.
+ *
+ * @global mysqli $mysqli Global database connection object.
+ * @return array An array containing activation codes and status.
+ */
 function listActivationCodes(): array
 {
     global $mysqli;
@@ -402,8 +536,14 @@ function listActivationCodes(): array
     return $output;
 }
 
-
-function deleteUser($userID): array
+/**
+ * Deletes a user by their ID, available only to user admins.
+ *
+ * @param int $userID The ID of the user to delete.
+ * @return array Status of the delete operation ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function deleteUser(int $userID): array
 {
     global $mysqli;
     $status = ["Status" => "Fail"];
@@ -418,8 +558,14 @@ function deleteUser($userID): array
     }
     return $status;
 }
-
-function deleteActivationCode($activationCode): array
+/**
+ * Deletes an activation code, available only to user admins.
+ *
+ * @param string $activationCode The activation code to delete.
+ * @return array Status of the delete operation ('Success' or 'Fail').
+ *@global mysqli $mysqli Global database connection object.
+ */
+function deleteActivationCode(string $activationCode): array
 {
     global $mysqli;
     $status = ["Status" => "Fail"];

lib/config.php

@@ -1,10 +1,34 @@
 <?php
-    function loadRouterConfig(): array
+/**
+ * Loads and returns the configuration settings for the router.
+ *
+ * This configuration includes various paths, default settings, security levels, SEO settings,
+ * and other parameters essential for the operation of the router and the website's page management.
+ * The configuration array is structured to provide easy access to paths, protocols, permissions,
+ * and other critical settings that define how the router handles requests and serves content.
+ *
+ * @return array Returns an associative array containing all router configuration settings, such as:
+ *               - 'inlining': Boolean value determining if CSS/JS should be inlined.
+ *               - 'domain': The primary domain name of the website.
+ *               - 'tld': Top-level domain for the website.
+ *               - 'default_page': Default page to load if no specific page is requested.
+ *               - 'default_site': Default site to load if no specific site is requested.
+ *               - 'template_dir': Directory path where templates are stored.
+ *               - 'endpoint_dir': Directory path for endpoint scripts.
+ *               - 'page_dir': Directory path where site pages are stored.
+ *               - 'protocol': Protocol to be used (e.g., 'https://').
+ *               - 'site_prefix': Prefix for the site title.
+ *               - 'permissions': Associative array of user permissions by role.
+ *               - 'page': Default settings for pages including secret status and permissions.
+ *               - 'newsarticle': Default permissions for news articles.
+ *               - 'seo': Search engine optimization settings like author, description, and keywords.
+ */
+function loadRouterConfig(): array
     {
 
         return [
             'inlining' => false,
-            'domain' => 'stylehub.adlerka',
+            'domain' => 'adlerka',
             'tld' => 'top',
             'default_page' => 'index',
             'default_site' => 'home',
@@ -12,7 +36,7 @@
             'endpoint_dir' => 'endpoints/',
             'page_dir' => 'pages/',
             'protocol' => 'https://',
-            'site_prefix' => 'StyleHub',
+            'site_prefix' => 'Adlerka',
             'permissions' => [
                 'logged_out' => 1,
                 'logged_in_default' => 2,
@@ -30,10 +54,13 @@
             'newsarticle' => [
                 'default_permissions' => 255,
             ],
+            'meme' => [
+                'per_page' => 10
+            ],
             'seo' => [
-                'author' => 'Guvernér',
-                'description' => 'Toto je stránka Malackého guvernéra.',
-                'keywords' => 'moda, oblecenie, mesto, guverner',
+                'author' => 'Tím AdlerkaTop',
+                'description' => 'Toto je neoficiánla študentská stránka pre Adlerku, kde môžete nájsť plno zaujímavostí.',
+                'keywords' => 'adlerka, alderka, studenti, studentska stranka, web, dev, webdev, web dev, skola, zabava',
                 'generator' => 'TurboRoute',
                 'robots' => 'follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large'
             ]

lib/dynamic_style.php

@@ -1,5 +1,11 @@
 <?php
-
+/**
+ * Generates dynamic CSS styling based on user preferences stored in the session.
+ * Specifically, it creates a CSS rule for the user's favorite color if it's specified in their session data.
+ *
+ * @return string Returns a string containing a `<style>` tag with custom CSS if a favorite color is set
+ *                and the user is logged in. Returns an empty string if no conditions are met.
+ */
 function doDynamicStyling() :string
 {
     $dynamic_style = "";

lib/endpoint.php

@@ -1,6 +1,16 @@
 <?php
-
-function runEndpoint($endpoint_file): ?array
+/**
+ * Executes an endpoint script and returns the results.
+ *
+ * This function includes an endpoint PHP file that defines a function named `endpoint` which
+ * is expected to accept an array parameter and return an array result.
+ * It simply scopes an external file into a function to prevent variable conflicts.
+ *
+ * @param string $endpoint_file The path to the endpoint PHP file.
+ * @return array|null Returns the result of the endpoint function if successful, or null if the
+ *                     endpoint function or file does not behave as expected.
+ */
+function runEndpoint(string $endpoint_file): ?array
 {
 
     $endpoint_data = $_POST;
@@ -9,8 +19,20 @@ function runEndpoint($endpoint_file): ?array
     return endpoint($endpoint_data);
 }
 
-
-function getEndpoint($endpoint_name): string
+/**
+ * Retrieves and processes the output of a specified endpoint.
+ *
+ * This function determines the appropriate endpoint PHP file based on the provided endpoint name,
+ * executes the endpoint, and returns its results as a JSON-encoded string. It handles and
+ * translates different return types into a JSON format and manages HTTP response codes based on
+ * success or failure of the endpoint execution.
+ *
+ * @param string $endpoint_name The name of the endpoint, which is used to construct the file path to the endpoint script.
+ * @return string A JSON-encoded string representing the result of the endpoint, including a status indicator and any relevant data or error messages.
+ *@global array $routerRequest Current request data that might influence the endpoint processing.
+ * @global array $routerConfig Global configuration that contains paths and settings.
+ */
+function getEndpoint(string $endpoint_name): string
 {
     $output = array();
     $output["Status"] = "Fail";
@@ -24,11 +46,22 @@ function getEndpoint($endpoint_name): string
     $endpoint_file = $routerConfig["endpoint_dir"] . $endpoint_name . ".php";
 
     if (file_exists($endpoint_file)){
-        $output = runEndpoint($endpoint_file);
+        $output_tmp = runEndpoint($endpoint_file);
+        $output["Endpoint"] = $endpoint_name;
+        $type = gettype($output_tmp);
+        switch ($type) {
+            case 'array':
+                $output = $output_tmp;
+                break;
+            default:
+                $output['Status'] = 'Fail';
+                $output["Error"] = "Endpoint error";
+                $output["Type"] = $type;
+                http_response_code(500);
+        }
     }
     else{
         $output["Error"] = "Not found";
-        $output["Endpoint"] = $endpoint_name;
         http_response_code(404);
     }
 

lib/inliner.php

@@ -1,6 +1,13 @@
 <?php
-
-function inlineLocalStylesFromHref($inputString): string
+/**
+ * Processes an HTML string to inline all linked stylesheets by replacing <link> tags
+ * with corresponding <style> tags containing the CSS content.
+ * Might be broken, currently disabled in the config
+ *
+ * @param string $inputString The HTML content containing <link> tags to stylesheets.
+ * @return string The modified HTML content with stylesheets inlined within <style> tags.
+ */
+function inlineLocalStylesFromHref(string $inputString): string
 {
     $pattern = '/<link[^>]*?\srel=["\']?stylesheet["\'].*?\shref=["\']?\/(.*?)["\'][^>]*?>/i';
 
@@ -30,8 +37,15 @@ function inlineLocalStylesFromHref($inputString): string
         return "<style>$cssContent</style>";
     }, $inputString);
 }
-
-function inlineScriptFromSrc($inputString): string
+/**
+ * Processes an HTML string to inline all external JavaScript files by replacing <script src="..."> tags
+ * with <script> tags containing the JavaScript content.
+ * Might be broken, currently disabled in the config
+ *
+ * @param string $inputString The HTML content containing <script src=""> tags.
+ * @return string The modified HTML content with external scripts inlined within <script> tags.
+ */
+function inlineScriptFromSrc(string $inputString): string
 {
     $pattern = '/<script.*?src=["\']\/(.*?)["\'].*?>\s*<\/script>/i';
 
@@ -44,8 +58,14 @@ function inlineScriptFromSrc($inputString): string
         return "<script>$jsContent</script>";
     }, $inputString);
 }
-
-function minifyCss($css): string
+/**
+ * Minifies CSS content by removing comments, unnecessary whitespaces, semicolons, and optimizing other aspects of the stylesheet.
+ * Might be broken, currently disabled in the config
+ *
+ * @param string $css The original CSS content.
+ * @return string The minified CSS content.
+ */
+function minifyCss(string $css): string
 {
     // Remove comments
     $css = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $css);
@@ -64,8 +84,14 @@ function minifyCss($css): string
 
     return trim($css);
 }
-
-function minifyJs($js): string
+/**
+ * Minifies JavaScript content by removing comments, unnecessary whitespaces, and optimizing spaces around operators.
+ * Might be broken, currently disabled in the config
+ *
+ * @param string $js The original JavaScript content.
+ * @return string The minified JavaScript content.
+ */
+function minifyJs(string $js): string
 {
 
     // Remove newlines and tabs

lib/meme.php

@@ -0,0 +1,316 @@
+<?php
+
+require_once "lib/upload.php";
+require_once "lib/account.php";
+/**
+ * Adds a meme to the database with associated image and text content.
+ *
+ * @param string $title The title of the meme.
+ * @param string $memeText The text content of the meme.
+ * @param int $imageID The ID of the image associated with the meme.
+ * @return array Returns an associative array with the operation status and a message.
+ * @global mysqli $mysqli The database connection object.
+ */
+function addMeme(string $title, string $memeText, int $imageID): array
+{
+    global $mysqli;
+    $output = ["Status" => "Fail"];
+    if (isLoggedIn() && fileExists($imageID, false) && !empty($title) && !empty($memeText) && !empty($imageID) && $imageID > 0) {
+        $stmtMemeAdd = $mysqli->prepare('INSERT INTO Memes (AuthorID, Title, TextContent, FileID) VALUES (?, ?, ?, ?)');
+        $stmtMemeAdd->bind_param('issi', $_SESSION['ID'], htmlspecialchars($title), htmlspecialchars($memeText), $imageID);
+        if ($stmtMemeAdd->execute() && $stmtMemeAdd->affected_rows > 0) {
+            $output["Status"] = "Success";
+            $output["Meme"] = "Funny";
+        }
+    }
+    return $output;
+}
+
+function executeAndRenderMemes(mysqli_stmt $stmt): string {
+    global $routerConfig;
+    $stmt->execute();
+    $stmt->store_result();
+    $stmt->bind_result($memeID, $title, $textContent, $createdAt, $authorID, $filePath, $imageWidth, $imageHeight, $userNickname);
+
+    $memes_out = '';
+    $meme_template = file_get_contents($routerConfig['template_dir'] . "meme.html");
+    $meme_gallery_template = file_get_contents($routerConfig['template_dir'] . 'meme_gallery.html');
+
+    while ($stmt->fetch()) {
+        $memes_out .= renderMeme($memeID, $authorID, $title, $textContent, $createdAt, $filePath, $imageWidth, $imageHeight, $userNickname, $meme_template);
+    }
+
+    $meme_add = isLoggedIn() ? file_get_contents($routerConfig['template_dir'] . 'meme_add.html') : '';
+    $meme_gallery_out = str_replace('__TEMPLATE_MEMES_HERE__', $memes_out, $meme_gallery_template);
+    $meme_gallery_out = str_replace('__TEMPLATE_MEME_ADD__', $meme_add, $meme_gallery_out);
+
+    $stmt->close();
+    return $meme_gallery_out;
+}
+
+/**
+ * Renders a meme into HTML based on provided data and a template.
+ *
+ * @param int $id The ID of the meme.
+ * @param int $authorId The author's user ID.
+ * @param string $title The title of the meme.
+ * @param string $textContent The text content of the meme.
+ * @param string $createdAt The creation timestamp of the meme.
+ * @param string $filePath The file path of the associated image.
+ * @param int $imageWidth The width of the image.
+ * @param int $imageHeight The height of the image.
+ * @param string $userNickname The nickname of the meme's author.
+ * @param string $meme_template The HTML template for a meme. (used to not read the template over and over when rendering more memes)
+ * @return string Returns the rendered HTML of the meme.
+ */
+function renderMeme(int $id, int $authorId, string $title, string $textContent, string $createdAt, string $filePath, int $imageWidth, int $imageHeight, string $userNickname, string $meme_template): string
+{
+
+    $meme_out = str_replace('__TEMPLATE_MEME_TITLE__', htmlspecialchars($title), $meme_template);
+    $meme_out = str_replace('__TEMPLATE_MEME_AUTHOR__', htmlspecialchars($userNickname), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_DATE__', htmlspecialchars($createdAt), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_IMAGE__', '/' . htmlspecialchars($filePath), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_IMAGE_WIDTH__', strval($imageWidth), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_IMAGE_HEIGHT__', strval($imageHeight), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_DELETE_BUTTON__', (isModerator() || $_SESSION['ID'] == $authorId) ? "<button onclick=\"deleteMeme($id);\"><i class='ri-delete-bin-line'></i></button>" : '', $meme_out);
+
+    $meme_votes = calculateNetVotes($id);
+    $meme_net_votes = $meme_votes['NetVotes'];
+
+    if ($meme_votes['UserVote'] > 0) {
+        $meme_upvote_active = 'fill';
+        $meme_downvote_active = 'line';
+        $meme_vote_counter_class = 'positive';
+        $meme_upvote_button_class = ' visual_hover';
+        $meme_downvote_button_class = '';
+    } elseif (($meme_votes['UserVote'] < 0)) {
+        $meme_upvote_active = 'line';
+        $meme_downvote_active = 'fill';
+        $meme_vote_counter_class = 'negative';
+        $meme_upvote_button_class = '';
+        $meme_downvote_button_class = ' visual_hover';
+    } else {
+        $meme_downvote_active = 'line';
+        $meme_upvote_active = 'line';
+        $meme_vote_counter_class = 'neutral';
+        $meme_upvote_button_class = '';
+        $meme_downvote_button_class = '';
+    }
+    $meme_upvote = isLoggedIn() ? "<button id='meme_votes_upvote_button_$id' class='meme_upvote$meme_upvote_button_class' onclick=\"voteMeme($id, 1);\"> <i id='meme_votes_upvote_$id' class=\"ri-arrow-up-circle-$meme_upvote_active\"></i></button>" : '';
+    $meme_downvote = isLoggedIn() ? "<button id='meme_votes_downvote_button_$id' class='meme_downvote$meme_downvote_button_class' onclick=\"voteMeme($id, 0);\"> <i id='meme_votes_downvote_$id' class=\"ri-arrow-down-circle-$meme_downvote_active\"></i></button>" : '';
+
+    $meme_out = str_replace('__TEMPLATE_MEME_VOTES_NUMBER__', strval($meme_net_votes), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_UPVOTE__', $meme_upvote, $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_DOWNVOTE__', $meme_downvote, $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_ID__', strval($id), $meme_out);
+    $meme_out = str_replace('__TEMPLATE_MEME_VOTE_COUNTER_CLASS__', $meme_vote_counter_class, $meme_out);
+
+    return str_replace('__TEMPLATE_MEME_TEXT__', htmlspecialchars($textContent), $meme_out);
+}
+
+/**
+ * Renders a gallery of memes, optionally filtered by author ID, meme ID, or a keyword.
+ *
+ * This function retrieves memes from the database and returns an HTML string representation.
+ * It supports filtering by author ID, meme ID, or a keyword that is searched in titles and text content.
+ * It also supports pagination through an offset parameter.
+ *
+ * @param int|null $offset Pagination offset, used to calculate the starting point for records to return.
+ * @param int|null $authorId Optional author ID for filtering memes by a specific author.
+ * @param int|null $memeId Optional meme ID for rendering a single meme.
+ * @param string|null $keyword Optional keyword for full-text search in meme titles and content.
+ * @return string Returns the complete HTML content of the meme gallery, optionally filtered.
+ */
+
+function getMemeGallery(?int $offset = null, ?int $authorId = null, ?int $memeId = null, ?string $keyword = null): array {
+    return [
+        "Status" => "Success",
+        "Output" => renderMemeGallery($offset, $authorId, $memeId, $keyword)
+    ];
+}
+
+function renderMemeGallery(?int $offset = null, ?int $authorId = null, ?int $memeId = null, ?string $keyword = null): string {
+    global $mysqli, $routerConfig;
+
+    // Start building the SQL query
+    $query = 'SELECT Memes.ID, Memes.Title, Memes.TextContent, Memes.CreatedAt, Memes.AuthorID, 
+              Files.Path, Files.Width, Files.Height, Users.Nickname
+              FROM Memes
+              INNER JOIN Users ON Memes.AuthorID = Users.ID
+              INNER JOIN Files ON Memes.FileID = Files.ID';
+
+    $conditions = [];
+    $params = [];
+    $types = '';
+
+    // Add conditions based on provided parameters
+    if ($authorId !== null) {
+        $conditions[] = 'Memes.AuthorID = ?';
+        $params[] = $authorId;
+        $types .= 'i';
+    }
+    if ($memeId !== null) {
+        $conditions[] = 'Memes.ID = ?';
+        $params[] = $memeId;
+        $types .= 'i';
+    }
+    if ($keyword !== null) {
+        $conditions[] = '(Memes.Title LIKE CONCAT("%", ?, "%") OR Memes.TextContent LIKE CONCAT("%", ?, "%"))';
+        $params[] = $keyword;
+        $params[] = $keyword;
+        $types .= 'ss';
+    }
+
+    // Append conditions to the query
+    if (!empty($conditions)) {
+        $query .= ' WHERE ' . join(' AND ', $conditions);
+    }
+
+    if($offset == null) {
+        $offset = 0;
+    }
+    // Add pagination and limit
+    $query .= ' LIMIT ? OFFSET ?';
+    $params[] = $routerConfig['meme']['per_page'];
+    $params[] = $routerConfig['meme']['per_page'] * $offset;
+    $types .= 'ii';
+
+    $stmt = $mysqli->prepare($query);
+    $stmt->bind_param($types, ...$params);
+    return executeAndRenderMemes($stmt);
+}
+
+
+/**
+ * Deletes a meme from the database if the current user has the right permissions.
+ *
+ * @param int $memeID The ID of the meme to delete.
+ * @return array Returns an associative array with the status of the operation.
+ * @global mysqli $mysqli The database connection object.
+ */
+function deleteMeme(int $memeID): array
+{
+    global $mysqli;
+    $out = ["Status" => "Fail"];
+    if (isLoggedIn()) {
+        $query = !isModerator() ? 'DELETE FROM Memes WHERE ID = ? AND AuthorID = ?' : 'DELETE FROM Memes WHERE ID = ?';
+        $stmtDelete = $mysqli->prepare($query);
+        if (!isModerator()) {
+            $stmtDelete->bind_param('ii', $memeID, $_SESSION['ID']);
+        } else {
+            $stmtDelete->bind_param('i', $memeID);
+        }
+        $stmtDelete->execute();
+        if ($stmtDelete->affected_rows > 0) {
+            $out['Status'] = 'Success';
+        }
+        $stmtDelete->close();
+    }
+    return $out;
+}
+
+/**
+ * Records or updates a vote on a meme by the current user.
+ *
+ * @param int $memeID The ID of the meme to be voted on.
+ * @param int $isUpvote Indicates whether the vote is an upvote (1) or downvote (0).
+ * @return array Returns an associative array with the status of the vote operation.
+ * @global mysqli $mysqli The database connection object.
+ */
+function voteMeme(int $memeID, int $isUpvote): array
+{
+    global $mysqli;
+    $out = ["Status" => "Fail"];
+    if ($isUpvote != 1) {
+        $isUpvote = 0;
+    }
+    $memeVoteConn = $mysqli->prepare('INSERT INTO MemeVotes (MemeID, UserID, isUpvote) VALUES (?, ?, ?) ON DUPLICATE KEY UPDATE isUpvote = VALUES(isUpvote)');
+    $memeVoteConn->bind_param('iii', $memeID, $_SESSION['ID'], $isUpvote);
+    $memeVoteConn->execute();
+    if ($memeVoteConn->affected_rows > 0) {
+        $out['Status'] = 'Success';
+    }
+    $memeVoteConn->close();
+    return $out;
+}
+
+/**
+ * Deletes a vote previously made by the current user on a meme.
+ *
+ * @param int $memeID The ID of the meme whose vote is to be deleted.
+ * @return array Returns an associative array with the status of the deletion.
+ * @global mysqli $mysqli The database connection object.
+ */
+function deleteVoteMeme(int $memeID): array
+{
+    global $mysqli;
+    $out = ["Status" => "Fail"];
+    $memeVoteConn = $mysqli->prepare('DELETE FROM MemeVotes WHERE MemeID = ? AND UserID = ?');
+    $memeVoteConn->bind_param('ii', $memeID, $_SESSION['ID']);
+    $memeVoteConn->execute();
+    if ($memeVoteConn->affected_rows > 0) {
+        $out['Status'] = 'Success';
+    }
+    $memeVoteConn->close();
+    return $out;
+}
+
+/**
+ * Calculates the net votes for a meme and determines if the current user has voted on it.
+ * The array has both the net votes and the user vote(0 when the user hasn't voted)
+ *
+ * @param int $memeID The ID of the meme for which votes are being calculated.
+ * @return array Returns an array with net votes and the user's vote status.
+ * @global mysqli $mysqli The database connection object.
+ */
+function calculateNetVotes(int $memeID): array
+{
+    global $mysqli;
+
+    // Adjusted query to calculate net votes and get the user's vote in one go
+    $query = "
+        SELECT 
+            SUM(CASE WHEN isUpvote = 1 THEN 1 ELSE -1 END) AS NetVotes,
+            (
+                SELECT CASE WHEN isUpvote = 1 THEN 1 ELSE -1 END
+                FROM MemeVotes 
+                WHERE MemeID = ? AND UserID = ?
+            ) AS UserVote
+        FROM MemeVotes 
+        WHERE MemeID = ?";
+
+    $stmt = $mysqli->prepare($query);
+    $userID = $_SESSION['ID'];
+    $stmt->bind_param('iii', $memeID, $userID, $memeID);
+    $stmt->execute();
+    $result = $stmt->get_result();
+
+    $data = $result->fetch_assoc();
+
+    $netVotes = $data['NetVotes'] ?? 0; // Null coalescing operator in case no votes are found
+    $userVote = $data['UserVote'] ?? 0; // Default to 0 if the user hasn't voted
+
+    $stmt->close();
+
+    return [
+        "NetVotes" => $netVotes,
+        "UserVote" => $userVote
+    ];
+}
+
+/**
+ * Fetches the net votes and user's vote status for a specific meme.
+ * Essentially just a wrapper of getMemeVotes for an API call
+ *
+ * @param int $memeID The ID of the meme to fetch votes for.
+ * @return array Returns an array with the net votes and the user's vote status, along with operation status.
+ */
+function getMemeVotes(int $memeID): array
+{
+    $voteData = calculateNetVotes($memeID);
+    return [
+        "Status" => "Success",
+        "NetVotes" => $voteData['NetVotes'],
+        "UserVote" => $voteData['UserVote']
+    ];
+}

lib/navigation.php

@@ -1,11 +1,24 @@
 <?php
 
-
-function getDynamicMetadata($file): array{
+/**
+ * Includes a PHP file that returns metadata associated with a dynamic page.
+ * It simply scopes an external file into a function to prevent variable conflicts.
+ *
+ * @param string $file The file path to the PHP file that contains metadata.
+ * @return array Returns an associative array of metadata from the included PHP file.
+ */
+function getDynamicMetadata(string $file): array{
     return include($file);
 }
-
-function getDynamicPermission($metadata): int {
+/**
+ * Extracts and validates the minimal permission level required to access certain content,
+ * defaulting to system configuration if not properly set or in case of an error.
+ *
+ * @param array $metadata Metadata array that should include a 'parameters' key with 'minimal_permission_level'.
+ * @return int Returns the minimal permission level required to access a page.
+ *@global array $routerConfig Global router configuration settings.
+ */
+function getDynamicPermission(array $metadata): int {
     global $routerConfig;
     $params = $metadata["parameters"];
     try {
@@ -21,7 +34,14 @@ function getDynamicPermission($metadata): int {
         return $permission_level;
     }
 }
-
+/**
+ * Generates HTML navigation links for all sites and pages configured in the router,
+ * adjusting active states based on current request and filtering links by user permissions.
+ *
+ * @global array $routerConfig Global configuration that includes directory paths and default settings.
+ * @global array $routerRequest Current request details including site and page name.
+ * @return string Returns the HTML string of the navigation menu.
+ */
 function generateNavigation(): string
 {
     global $routerConfig;
@@ -107,7 +127,12 @@ function generateNavigation(): string
 
     return str_replace("__NAV_PAGES__", $nav_out, $nav);
 }
-
+/**
+ * Provides a simple API endpoint-like response for fetching generated navigation HTML.
+ * Wraps generateNavigation for an API.
+ *
+ * @return array Returns an associative array with the navigation HTML and a status indicating success.
+ */
 function getNavigationEndpoint() :array{
     return [
         "Status" => "Success",

lib/newsarticle.php

@@ -0,0 +1,130 @@
+<?php
+require_once "lib/account.php";
+/**
+ * Retrieves news articles based on the current user's privilege level.
+ * The function queries the NewsArticles and Users tables to fetch articles
+ * that the user has the privilege to view. Articles are joined with user
+ * information to include the author's nickname.
+ *
+ * @global mysqli $mysqli The mysqli database connection object.
+ * @return array Returns an associative array with a status key indicating the success or failure,
+ *               and an 'Articles' key containing an array of articles if successful.
+ */
+function getNewsArticles() :array
+    {
+        global $mysqli;
+
+        $output = ["Status" => "Fail"]; // Default Status is "Fail"
+
+        $articles = [];
+            $stmt = $mysqli->prepare("SELECT NewsArticles.ID, NewsArticles.WrittenAt, NewsArticles.WrittenBy, NewsArticles.Title, NewsArticles.Body, NewsArticles.FileList, Users.Nickname FROM NewsArticles INNER JOIN Users ON NewsArticles.WrittenBy = Users.ID WHERE NewsArticles.PrivilegeLevel <= ?;");
+            $id = 0;
+            $writtenAt = "";
+            $writtenBy = 0;
+            $title = "";
+            $body = "";
+            $filelist = 0;
+            $writtenByName = "";
+
+            $stmt->bind_param("i", $_SESSION["privilege_level"]);
+            $stmt->bind_result($id, $writtenAt, $writtenBy, $title, $body, $filelist, $writtenByName);
+
+            $stmt->execute();
+
+            while ($stmt->fetch()) {
+                $articles[] = [
+                    'ID' => $id,
+                    'WrittenAt' => $writtenAt,
+                    'Title' => $title,
+                    'Body' => $body,
+                    'WrittenByName' =>$writtenByName
+                ];
+            }
+
+            // Check if any results were fetched
+            if (!empty($articles)) {
+                $output["Status"] = "Success";
+                $output["Articles"] = $articles;
+            }
+
+        return $output;
+}
+
+/**
+ * Adds a new news article to the database if the user is logged in and has the appropriate
+ * privilege level. The function sanitizes the title and body of the article to prevent XSS attacks.
+ *
+ * @global mysqli $mysqli The mysqli database connection object.
+ * @global array $routerConfig Configuration array that includes default permission settings.
+ * @param string $title The title of the news article. Default value is "Nazov".
+ * @param string $body The body of the news article. Default value is "Obsah".
+ * @param int $privilegeLevel The privilege level required to view the article. If set to 0, uses default from configuration.
+ * @return array Returns an associative array with a status key that indicates the success or failure of the operation.
+ */
+function addNewsArticle(string $title="Nazov", string $body="Obsah", int $privilegeLevel=0) :array
+{
+    global $mysqli;
+    global $routerConfig;
+
+
+    if ($privilegeLevel == 0){
+        $privilegeLevel = $routerConfig['newsarticle']['default_permissions'];
+    }
+
+    $output = ["Status" => "Fail"]; // Default Status is "Fail"
+    if (isLoggedIn() && $privilegeLevel <= $_SESSION["privilege_level"]) {
+        $query = $mysqli->prepare("INSERT INTO NewsArticles (WrittenBy, Title, Body, FileList, PrivilegeLevel) VALUES (?, ?, ?, 0, ?);");
+        $minpriv = intval($privilegeLevel);
+        $query->bind_param("issi", $_SESSION["ID"], htmlspecialchars($title), htmlspecialchars($body), $minpriv);
+        $query->execute();
+        if ($query->affected_rows > 0) {
+            $output["Status"] = "Success";
+        }
+        $query->close();
+    }
+    return $output;
+}
+
+/**
+ * Adds a comment to a news article.
+ *
+ * @param int $userId User who is commenting.
+ * @param int $newsArticleId ID of the news article.
+ * @param string $commentText The content of the comment.
+ * @param int|null $parentId ID of the parent comment if it's a reply.
+ * @return array Status array indicating success or failure.
+ * @global mysqli $mysqli The mysqli database connection object.
+ */
+function addNewsComment(int $userId, int $newsArticleId, string $commentText, ?int $parentId = null): array {
+    global $mysqli;
+
+    $output = ["Status" => "Fail"]; // Default Status is "Fail"
+
+    if (!isLoggedIn()) {
+        $output['Error'] = "User must be logged in.";
+        return $output;
+    }
+
+    // Prepare the SQL statement to prevent SQL injection
+    $stmt = $mysqli->prepare("INSERT INTO NewsComments (ParentID, UserID, NewsArticleID, CommentText) VALUES (?, ?, ?, ?);");
+
+    // Bind parameters. 'i' denotes an integer and 's' denotes a string.
+    $stmt->bind_param("iiis", $parentId, $userId, $newsArticleId, $commentText);
+
+    // Execute the query
+    if ($stmt->execute()) {
+        // Check if any rows were affected
+        if ($stmt->affected_rows > 0) {
+            $output["Status"] = "Success";
+        } else {
+            $output["Error"] = "No rows affected.";
+        }
+    } else {
+        $output["Error"] = $stmt->error;
+    }
+
+    // Close statement
+    $stmt->close();
+
+    return $output;
+}

lib/page.php

@@ -1,16 +1,37 @@
 <?php
 require_once "lib/dynamic_style.php";
 require_once "lib/script_data.php";
-function renderDynamicPage($page_file): array
+/**
+ * Loads and returns the result of a PHP file.
+ * This function is typically used to process dynamic content of a page.
+ * It simply scopes an external file into a function to prevent variable conflicts.
+ *
+ * @param string $page_file The file path to the dynamic page.
+ * @return array Returns the array of data generated by including the PHP file.
+ */
+function renderDynamicPage(string $page_file): array
 {
     return require $page_file;
 }
 
-function removeHtmlComments($content = '') :string {
+/**
+ * Removes all HTML comments from the provided content string.
+ *
+ * @param string $content The HTML content from which to remove comments.
+ * @return string The content without any HTML comments.
+ */
+function removeHtmlComments(string $content = '') :string {
     return preg_replace('/<!--(.|\s)*?-->/', '', $content);
 }
-
-function parsePageTag($input): array
+/**
+ * Parses custom `<page>` tags from the given input string and extracts parameters.
+ * Returns the input string with `<page>` tags removed and a list of parameters.
+ *
+ * @param string $input The input HTML or text containing `<page>` tags.
+ * @return array Returns an associative array with 'parameters' (parsed from the tag)
+ *               and 'output' (the modified input string with `<page>` tags removed).
+ */
+function parsePageTag(string $input): array
 {
     // Define the pattern for the tag
     $pattern = '/<page\s+([^>]+)><\/page>/i';
@@ -34,8 +55,15 @@ function parsePageTag($input): array
     // If no match is found, return the original input
     return ['parameters' => [], 'output' => $input];
 }
-
-function renderPage($page_name = null, $site_name = null): array
+/**
+ * Renders a page based on specified page and site names, handling dynamic and static content,
+ * permissions, and error pages.
+ *
+ * @param string|null $page_name The name of the page to render. If null, uses default from request.
+ * @param string|null $site_name The name of the site to render. If null, uses default from request.
+ * @return array Returns an associative array containing the rendered page content, page name, site name, and page title.
+ */
+function renderPage(string $page_name = null, string $site_name = null): array
 {
     global $routerConfig;
     global $routerRequest;
@@ -138,8 +166,16 @@ function renderPage($page_name = null, $site_name = null): array
     ];
 
 }
-
-function getPage($site_name_in = null, $page_name_in = null): string
+/**
+ * Compiles a complete web page by injecting dynamic elements into a template skeleton,
+ * including headers, footers, and SEO tags.
+ * It is used when not going to a page by AJAX to initialize everything.
+ *
+ * @param string|null $site_name_in The site name to be used; defaults from global configuration if null.
+ * @param string|null $page_name_in The page name to be used; defaults from global configuration if null.
+ * @return string The complete HTML content of the web page ready for display.
+ */
+function getPage(string $site_name_in = null, string $page_name_in = null): string
 {
     $page_tmp = renderPage($page_name_in, $site_name_in);
 
@@ -168,6 +204,7 @@ function getPage($site_name_in = null, $page_name_in = null): string
             "UserInfo_LastName" => $_SESSION["last_name"],
             "UserInfo_Nickname" => $_SESSION["nickname"],
             "UserInfo_Email" => $_SESSION["email"],
+            "UserInfo_MinecraftNick" => $_SESSION["minecraft_nickname"],
         ];
     }
     $dynamic_script = generateScriptData($dynamic_script_data);
@@ -222,8 +259,15 @@ function getPage($site_name_in = null, $page_name_in = null): string
     }
     return str_replace("__TEMPLATE_PAGE_TITLE__", $page_title, $out);
 }
-
-function getPageEndpoint($page_name, $site_name) :array
+/**
+ * Provides an API interface to get page details including content and meta-information for routing purposes.
+ * This is what enables the page to never refresh.
+ *
+ * @param string $page_name The name of the page.
+ * @param string $site_name The name of the site.
+ * @return array Returns an array with status, page content, location URL, and title for the requested page.
+ */
+function getPageEndpoint(string $page_name, string $site_name) :array
 {
     $page_location = "/" . $site_name . "/" . $page_name;
     $page_tmp = renderPage($page_name, $site_name);

lib/router.php

@@ -1,6 +1,14 @@
 <?php
 
-
+/**
+ * Initializes the routing system for a web application. This function processes the incoming
+ * URL and determines the site name and page name based on the configuration and the URL structure.
+ * It handles default configurations and supports different types of requests like API or page requests.
+ *
+ * @global array $routerConfig The global configuration array that includes default site and page settings.
+ * @return array Returns an associative array containing the routing information, including the site name,
+ *               page name, request type, and parsed request address from the HTTP host.
+ */
 function initRouter(): array
 {
     global $routerConfig;

lib/script_data.php

@@ -1,12 +1,22 @@
 <?php
-function generateScriptData($phpArray):string {
+/**
+ * Generates a JavaScript script tag containing commands to store PHP array key-value pairs in local storage.
+ * This function is designed to translate PHP associative array data into JavaScript local storage items.
+ * It ensures that the array is associative and single-level before proceeding with the JavaScript code generation.
+ * This is used when dumping session data into local storage for use by the client script.
+ *
+ * @param array $phpArray The associative array whose data will be converted into JavaScript local storage setItem calls.
+ * @return string Returns a script tag with JavaScript code. If the input is not a valid single-level associative array,
+ *                it returns a script with an error logged to the console.
+ */
+function generateScriptData(array $phpArray):string {
     // Check if the array is associative and single-level
     if (is_array($phpArray) && count($phpArray) > 0 && count(array_filter(array_keys($phpArray), 'is_string')) === count($phpArray)) {
         // Generate JavaScript code to save each array element to local storage
         $out = "<script>";
         foreach ($phpArray as $key => $value) {
-            $escapedKey = addslashes($key); // Escape special characters in the key
-            $escapedValue = addslashes($value); // Escape special characters in the value
+            $escapedKey = addslashes(strval($key)); // Escape special characters in the key
+            $escapedValue = addslashes(strval($value)); // Escape special characters in the value
 
             $out .= "localStorage.setItem('$escapedKey', '$escapedValue');";
         }

lib/sitemap.php

@@ -1,8 +1,16 @@
 <?php
 require_once "lib/account.php";
-
-
-function generateSitemap(): void{
+/**
+ * Generates an XML sitemap as a string for a website, considering only pages that the current session
+ * has sufficient privileges to access. It scans directories specified in the router configuration
+ * for .html and .php files, and constructs a sitemap entry for each accessible page based on their
+ * required permission levels. This function returns the sitemap as a string and
+ * sets the appropriate header for XML content.
+ *
+ * @global array $routerConfig The global configuration array containing directory paths and default settings.
+ * @return string The XML sitemap content, properly formatted in accordance with the sitemap protocol.
+ */
+function generateSitemap(): string{
     global $routerConfig;
 
     $site_dirs = array_diff(scandir($routerConfig["page_dir"]), array('.', '..'));
@@ -54,5 +62,5 @@ function generateSitemap(): void{
     $sitemap .= '</urlset>' . PHP_EOL;
 
     header('Content-type: application/xml');
-    echo $sitemap;
+    return $sitemap;
 }

lib/survey.php

@@ -0,0 +1,21 @@
+<?php
+
+require_once "lib/account.php";
+function submitSurvey(int $satisfaction, int $functionality, int $content, string $comment): array
+{
+    global $mysqli;
+    $output = ["Status" => "Fail", "Opinion" => "Ignored unsuccessfully!"];
+    if (isLoggedIn()
+        && $satisfaction >= 1 && $satisfaction <= 5
+        && $functionality >= 1 && $functionality <= 5
+        && $content >= 1 && $content <= 5
+        && !empty($comment)) {
+        $stmtMemeAdd = $mysqli->prepare('INSERT INTO Survey (AuthorID, Satisfaction, Functionality, Content, Comment) VALUES (?, ?, ?, ?, ?)');
+        $stmtMemeAdd->bind_param('iiiis', $_SESSION['ID'], $satisfaction, $functionality, $content, htmlspecialchars($comment));
+        if ($stmtMemeAdd->execute() && $stmtMemeAdd->affected_rows > 0) {
+            $output["Status"] = "Success";
+            $output["Opinion"] = "Ignored successfully!";
+        }
+    }
+    return $output;
+}

lib/upload.php

@@ -0,0 +1,350 @@
+<?php
+/**
+ * Sanitizes user input to be used as a part of a file path to prevent security vulnerabilities such as directory traversal.
+ *
+ * @param string $userInput The input string to be sanitized.
+ * @return string Returns a safe string where only alphanumeric characters, underscores, and hyphens are retained.
+ *                Special characters and potential path traversal payloads are removed or replaced.
+ */
+function makePathSafe(string $userInput): string
+{
+    // Keep only alphanumeric characters, underscores, and hyphens
+    $safeString = preg_replace('/[^\w\-]/', '', $userInput);
+
+    // Ensure no path traversal
+    $safeString = str_replace('..', '_', $safeString);
+
+    // Trim leading/trailing underscores
+    $safeString = trim($safeString, '_');
+
+    // Replace directory separator characters with underscores
+    $safeString = str_replace(['/', '\\'], '_', $safeString);
+
+    // Limit length for safety
+    return substr($safeString, 0, 255);
+}
+/**
+ * Automatically rotates an image based on its EXIF data to adjust its orientation.
+ *
+ * @param Imagick $imagick An Imagick object representing the image to be rotated.
+ * @return void
+ */
+function autoRotateImage(Imagick $imagick): void {
+    // Get the current orientation of the image
+    try {
+        $orientation = $imagick->getImageOrientation();
+        switch ($orientation) {
+            case Imagick::ORIENTATION_BOTTOMRIGHT: // upside down
+                $imagick->rotateimage("#000", 180); // rotate 180 degrees
+                break;
+
+            case Imagick::ORIENTATION_RIGHTTOP: // 90 degrees CW
+                $imagick->rotateimage("#000", 90); // rotate 90 degrees CW
+                break;
+
+            case Imagick::ORIENTATION_LEFTBOTTOM: // 90 degrees CCW
+                $imagick->rotateimage("#000", -90); // rotate 90 degrees CCW
+                break;
+        }
+
+        // Reset orientation to normal after the correction
+        $imagick->setImageOrientation(Imagick::ORIENTATION_TOPLEFT);
+    } catch (ImagickException) {
+    }
+
+}
+/**
+ * Processes the global $_FILES array to normalize the structure and filter out any files with errors.
+ *
+ * @return array Returns an array of files that are ready for further processing, structured uniformly.
+ */
+function getIncomingFiles(): array
+{
+    $files = $_FILES;
+    $files2 = [];
+    foreach ($files as $infoArr) {
+        $filesByInput = [];
+        foreach ($infoArr as $key => $valueArr) {
+            if (is_array($valueArr)) { // file input "multiple"
+                foreach ($valueArr as $i => $value) {
+                    $filesByInput[$i][$key] = $value;
+                }
+            } else { // -> string, normal file input
+                $filesByInput[] = $infoArr;
+                break;
+            }
+        }
+        $files2 = array_merge($files2, $filesByInput);
+    }
+    $files3 = [];
+    foreach ($files2 as $file) { // let's filter empty & errors
+        if (!$file['error']) $files3[] = $file;
+    }
+    return $files3;
+}
+/**
+ * Saves file metadata in the database.
+ * This creates the only record of the file existing.
+ *
+ * @param string $filePath The path where the file is stored.
+ * @param string $fileType The MIME type of the file.
+ * @param int $width The width of the image file.
+ * @param int $height The height of the image file.
+ * @return bool Returns true if the file metadata was successfully saved to the database, false otherwise.
+ */
+function saveUploadedFileInDatabase(string $filePath, string $fileType, int $width, int $height): bool
+{
+    global $mysqli;
+    $stmt = $mysqli->prepare("INSERT INTO Files (Path, Type, UploadedBy, UploadedAt, Width, Height) VALUES (?, ?, ?, NOW(), ?, ?)");
+    $stmt->bind_param("ssiii", $filePath, $fileType, $_SESSION["ID"], $width, $height);
+    $stmt->execute();
+    $stat = $stmt->affected_rows > 0;
+    $stmt->close();
+    return $stat;
+}
+/**
+ * Handles the uploading process of an image, including its conversion to webp format, rotation based on orientation, and saving.
+ *
+ * @param string $inFile The temporary file path of the uploaded file.
+ * @param string $outFile The target file path where the processed image should be saved.
+ * @return bool Returns true if the file was successfully processed and saved, false otherwise.
+ */
+function doImageUpload(string $inFile, string $outFile): bool
+{
+    // Create Imagick object
+    $width = 0;
+    $height = 0;
+    try {
+        $imagick = new Imagick($inFile);
+        $imagick->setImageFormat('webp');
+        autoRotateImage($imagick);
+        $imagick->stripImage();
+        $imagick->writeImage($outFile);
+        $width = $imagick->getImageWidth();
+        $height = $imagick->getImageHeight();
+        $imagick->destroy();
+    } catch (ImagickException) {
+    }
+
+    // Check if the reencoding was successful, if yes, save into the database.
+    if (file_exists($outFile)) {
+        return saveUploadedFileInDatabase($outFile, 'image/webp', $width, $height);
+    } else {
+        return false;
+    }
+}
+/**
+ * Retrieves a list of files from the database, optionally filtered to include only files uploaded by the current user.
+ * Access to an unfiltered list (files of all users) is only available to moderators.
+ *
+ * @param bool $onlyMine Whether to retrieve only files uploaded by the logged-in user. If false, files from all users are returned if the user is a moderator.
+ * @return array Returns an array containing file data along with a status message.
+ */
+
+function listFiles(bool $onlyMine = true): array
+{
+    $output = ["Status" => "Success", "Files" => []];
+    require_once "lib/account.php";
+    if (isLoggedIn()) {
+        global $mysqli;
+        if (!$onlyMine && !isModerator()) {
+            $onlyMine = true;
+        }
+        $query = "SELECT Files.ID, Files.Path, Files.Type, Files.UploadedAt, Files.UploadedBy, Users.Nickname FROM Files INNER JOIN Users ON Files.UploadedBy = Users.ID ORDER BY UploadedAt DESC";
+
+        if ($onlyMine) {
+            $query .= " WHERE UploadedBy = ?";
+        }
+
+        $stmt = $mysqli->prepare($query);
+        if ($onlyMine) {
+            $stmt->bind_param("i", $_SESSION["ID"]);
+        }
+
+        $id = 0;
+        $path = "";
+        $type = "";
+        $uploadedAt = "";
+        $uploadedByID = 0;
+        $uploadedBy = "";
+
+        $stmt->bind_result($id, $path, $type, $uploadedAt, $uploadedByID, $uploadedBy);
+
+        $stmt->execute();
+        $files = array();
+        // Fetch the results into the bound variables
+        while ($stmt->fetch()) {
+            $files[] = [
+                'ID' => $id,
+                'Path' => $path,
+                'Type' => $type,
+                'UploadedAt' => $uploadedAt,
+                'UploadedByID' => $uploadedByID,
+                'UploadedBy' => $uploadedBy,
+            ];
+        }
+
+        // Check if any results were fetched
+        $output["Files"] = $files;
+
+        $stmt->close();
+    }
+
+    return $output;
+
+}
+/**
+ * Processes incoming files from the $_FILES global (after processed by getIncomingFiles), performs checks, and attempts to upload a file based on its type.
+ * Currently only supports valid image files.
+ *
+ * @return array Returns an array indicating the success or failure ('Status' key) of the file processing operations.
+ */
+
+function parseIncomingFiles(): array
+{
+    $incomingFiles = getIncomingFiles();
+    $success = true;
+    foreach ($incomingFiles as $incomingFile) {
+        if ($incomingFile["error"] == 0 && is_file($incomingFile["tmp_name"])) {
+            $type = explode("/", $incomingFile["type"]);
+            if ($type[0] == "image") {
+                $imgFname = pathinfo($incomingFile["name"], PATHINFO_FILENAME);
+                $uploadPath = getUploadPath("image", $imgFname);
+                if (!empty($uploadPath)) {
+                    if (!doImageUpload($incomingFile["tmp_name"], $uploadPath)) {
+                        $success = false;
+                    }
+                } else {
+                    $success = false;
+                }
+            }
+        }
+    }
+    $output = ["Status" => "Fail"];
+    if ($success) {
+        $output["Status"] = "Success";
+    }
+    return $output;
+}
+/**
+ * Generates a file path for uploading based on the type of the file, the ID of the uploader and the date and time of uploading.
+ *
+ * @param string $type The type of the file, typically used to categorize the file.
+ * @param string $filename The base name of the file, used in generating the final path.
+ * @return string Returns the full path for storing the file or an empty string if the type is not recognized.
+ */
+
+function getUploadPath(string $type = "unknown", string $filename = "hehe"): string
+{
+    $type = makePathSafe($type);
+    $id = makePathSafe($_SESSION["ID"]);
+    $date = makePathSafe(date("YmdHis"));
+    $filename = makePathSafe($filename);
+    $extension = match ($type) {
+        'image' => 'webp',
+        default => 'dummy',
+    };
+    if ($extension != "dummy") {
+        $basepath = "uploads/$type/$id/$date";
+        mkdir($basepath, 755, true);
+        return $basepath . "/$filename.$extension";
+    } else {
+        return "";
+    }
+}
+/**
+ * Checks if a file with a given ID exists in the database and does permission checks.
+ * Access is granted to only the user's files, in order to access all files the onlyMine parameter
+ * must be false and the user must be a moderator.
+ *
+ * @param int $fileId The ID of the file to check.
+ * @param bool $onlyMine Whether to limit the search to files uploaded by the logged-in user.
+ * @return bool|string Returns the path of the file if it exists and meets the criteria, false otherwise.
+ */
+
+function fileExists(int $fileId, bool $onlyMine = true): bool|string
+{
+    if (!$fileId) {
+        return false;
+    }
+    global $mysqli;
+    if (!$onlyMine && !isModerator()) {
+        $onlyMine = true;
+    }
+    $query = 'SELECT ID, Path FROM Files WHERE ID = ?' . ($onlyMine ? ' AND UploadedBy = ?' : '');
+    $stmtfileexists = $mysqli->prepare($query);
+    if ($onlyMine) {
+        $stmtfileexists->bind_param('ii', $fileId, $_SESSION['ID']);
+    } else {
+        $stmtfileexists->bind_param('i', $fileId);
+    }
+    $filePath = "";
+    $id = null;
+    $stmtfileexists->bind_result($id, $filePath);
+    $stmtfileexists->execute();
+    $stmtfileexists->fetch();
+    if ($id != null) {
+        return $filePath;
+    } else {
+        return false;
+    }
+}
+/**
+ * Adds a file to a specified group, if the user created the group or creates a new group if
+ * a group with a specified ID does not exist yet
+ *
+ * @param int $groupId The ID of the group to which the file should be added.
+ * @param int $fileId The ID of the file to add to the group.
+ * @return array Returns an associative array with a 'Status' key indicating success or failure.
+ */
+function addToGroup(int $groupId, int $fileId): array
+{
+    $output = ["Status" => "Fail"];
+    if (!$groupId || !$fileId) {
+        return $output;
+    }
+    global $mysqli;
+    $stmtcheck = $mysqli->prepare('SELECT ID FROM FileGroups WHERE CreatorID != ? AND ID = ?');
+    $stmtcheck->bind_param('ii', $_SESSION['ID'], $groupId);
+    $stmtcheck->execute();
+    if ($stmtcheck->affected_rows == 0) {
+        if (fileExists($fileId, false)) {
+            $stmtadd = $mysqli->prepare('INSERT INTO FileGroups (FileID, CreatorID, ID) VALUES (?, ?, ?)');
+            $stmtadd->bind_param('iii', $fileId, $_SESSION['ID'], $groupId);
+            $stmtadd->execute();
+            if ($stmtadd->affected_rows > 0) {
+                $output["Status"] = "Success";
+            }
+        }
+    }
+    return $output;
+}
+/**
+ * Deletes a file entry from the database and the file system, a user can only delete his own files,
+ * except when he is a moderator, in that case he can delete all files.
+ *
+ * @param int $fileID The ID of the file to be deleted.
+ * @return array Returns an array with a 'Status' key indicating the success or failure of the deletion operation.
+ */
+function deleteFile(int $fileID): array
+{
+    global $mysqli;
+    $out = ["Status" => "Fail"];
+    if (isLoggedIn()) {
+        $file_location = fileExists($fileID, !isModerator());
+        $query = !isModerator() ? 'DELETE FROM Files WHERE ID = ? AND UploadedBy = ?' : 'DELETE FROM Files WHERE ID = ?';
+        $stmtDelete = $mysqli->prepare($query);
+        if (!isModerator()) {
+            $stmtDelete->bind_param('ii', $fileID, $_SESSION['ID']);
+        } else {
+            $stmtDelete->bind_param('i', $fileID);
+        }
+        $stmtDelete->execute();
+        if ($file_location) {
+            if (unlink($file_location) && $stmtDelete->affected_rows > 0) {
+                $out['Status'] = 'Success';
+            }
+        }
+    }
+    return $out;
+}

pages/account/files.html

@@ -0,0 +1,8 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="2" secret="yes" page_title="Súbory"></page>
+<div id="filelist"></div>
+<form id="uploadForm" enctype="multipart/form-data" method="POST">
+    <label for="fileInput">Send this file: </label>
+    <input name="userfile" type="file" id="fileInput" multiple />
+    <input type="button" value="Send File" onclick="uploadFile()" />
+</form>

pages/account/survey.html

@@ -0,0 +1,47 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="2" secret="yes" page_title="Prieskum"></page>
+<form id="surveyForm">
+    <h3>Spokojnosť so stránkou:</h3>
+    <input type="radio" name="satisfaction" value="5" id="spokojnost_super">
+    <label for="spokojnost_super">Super</label>
+    <input type="radio" name="satisfaction" value="4" id="spokojnost_dobre">
+    <label for="spokojnost_dobre">Dobre</label>
+    <input type="radio" name="satisfaction" value="3" id="spokojnost_da_sa">
+    <label for="spokojnost_da_sa">Dá sa</label>
+    <input type="radio" name="satisfaction" value="2" id="spokojnost_zle">
+    <label for="spokojnost_zle">Zle</label>
+    <input type="radio" name="satisfaction" value="1" id="spokojnost_nanic">
+    <label for="spokojnost_nanic">Nanič</label>
+    <br>
+    <br>
+    <h3>Funkčnosť stránky:</h3>
+    <input type="radio" name="functionality" value="5" id="funkcnost_super">
+    <label for="funkcnost_super">Super</label>
+    <input type="radio" name="functionality" value="4" id="funkcnost_dobre">
+    <label for="funkcnost_dobre">Dobre</label>
+    <input type="radio" name="functionality" value="3" id="funkcnost_da_sa">
+    <label for="funkcnost_da_sa">Dá sa</label>
+    <input type="radio" name="functionality" value="2" id="funkcnost_zle">
+    <label for="funkcnost_zle">Zle</label>
+    <input type="radio" name="functionality" value="1" id="funkcnost_nanic">
+    <label for="funkcnost_nanic">Nanič</label>
+    <br>
+    <br>
+    <h3>Obsah stránky:</h3>
+    <input type="radio" name="content" value="5" id="content_super">
+    <label for="content_super">Super</label>
+    <input type="radio" name="content" value="4" id="content_dobre">
+    <label for="content_dobre">Dobre</label>
+    <input type="radio" name="content" value="3" id="content_da_sa">
+    <label for="content_da_sa">Dá sa</label>
+    <input type="radio" name="content" value="2" id="content_zle">
+    <label for="content_zle">Zle</label>
+    <input type="radio" name="content" value="1" id="content_nanic">
+    <label for="content_nanic">Nanič</label>
+    <br>
+    <br>
+    <textarea name="comment" placeholder="Komentár" cols="80" rows="10" required></textarea>
+    <br>
+    <br>
+    <button type="button" onclick="surveySubmit()">Odoslať</button>
+</form>

pages/home/index.html

@@ -1,7 +1,20 @@
 <!--suppress HtmlUnknownTag, HtmlUnknownTag -->
 <page minimal_permission_level="1" secret="no" page_title="Domov"></page>
 <header>
-    <h1 class="title">StyleHub</h1>
-    <p>Vitajte na StyleHube</p>
-    <hr>
+    <h1 class="title">Vitaj, na tejto úžasnej stránke</h1>
+    <p>Neoficiálna študentská stránka pre Adlerku</p>
 </header>
+<hr>
+
+<div class="sliderm" id="exampe-slider">
+    <div class="sliderm__slider">
+        <div class="sliderm__slides">
+            <div class="sliderm__slide">1</div>
+            <div class="sliderm__slide">2</div>
+            <div class="sliderm__slide">3</div>
+            <div class="sliderm__slide">4</div>
+            <div class="sliderm__slide">5</div>
+        </div>
+    </div>
+</div>
+

pages/memes/index.php

@@ -0,0 +1,18 @@
+<?php
+
+require_once "lib/router.php";
+require_once "lib/meme.php";
+
+global $routerConfig;
+
+$output = renderMemeGallery();
+
+return [
+    "output" => $output,
+    "parameters" =>
+        [
+            "minimal_permission_level" => 1,
+            "secret" => "no",
+            "page_title" => "Galéria"
+        ]
+];

pages/news/index.php

@@ -0,0 +1,44 @@
+<?php
+
+require_once "lib/router.php";
+require_once "lib/newsarticle.php";
+
+global $routerConfig;
+
+$output =  file_get_contents($routerConfig["template_dir"] . "newsArticles.html");
+
+$articles_out = "";
+$articles = [];
+$articles_tmp = getNewsArticles();
+if($articles_tmp['Status'] == "Success"){
+    $articles = $articles_tmp["Articles"];
+}
+
+$articleTemplate = file_get_contents($routerConfig["template_dir"] . "newsArticle.html");
+$output = str_replace("__TEMPLATE_FOR_ARTICLE_CONTENT__", $articleTemplate, $output);
+foreach ($articles as $article){
+    $articleTitle = htmlspecialchars($article["Title"]);
+    $articleBody = htmlspecialchars($article["Body"]);
+    //$articleFileList = $article["FileList"];
+    //$articleWrittenBy = $article["WrittenBy"];
+    $articleWrittenAt = htmlspecialchars($article["WrittenAt"]);
+    $articleWrittenByName = htmlspecialchars($article["WrittenByName"]);
+    $articleTemplate = str_replace("__TEMPLATE_ARTICLE_TITLE__", $articleTitle, $articleTemplate);
+    $articleTemplate = str_replace("__TEMPLATE_ARTICLE_AUTHOR__", $articleWrittenByName, $articleTemplate);
+    $articleTemplate = str_replace("__TEMPLATE_ARTICLE_DATE__", $articleWrittenAt, $articleTemplate);
+    $articleTemplate = str_replace("__TEMPLATE_ARTICLE_BODY__", $articleBody, $articleTemplate);
+
+    $articles_out .= $articleTemplate;
+}
+
+$output = str_replace("__TEMPLATE__ARTICLES_HERE__", $articles_out, $output);
+
+return [
+    "output" => $output,
+    "parameters" =>
+        [
+            "minimal_permission_level" => 1,
+            "secret" => "no",
+            "page_title" => "Novinky"
+        ]
+];

pages/notes/index.html

@@ -0,0 +1,8 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="2" secret="no" page_title="Zošit"></page>
+<header>
+    <h1 class="title">Adlerka Zošit</h1>
+</header>
+<hr>
+<h2>Čoskoro bude v prevádzke</h2>
+<h3>Nájdete(a pridáte) tu poznámky a úlohy zo školy</h3>

pages/rozvrh/index.html

@@ -0,0 +1,5 @@
+<page minimal_permission_level="2" secret="no" page_title="INFO"></page>
+<header>
+    <h1>Toto sú rozvrhy niektorých Adlerákov</h1>
+    <h2>Zatiaľ hardcoded, potom dorobíme funkcionalitu zbierania dát z Edupage</h2>
+</header>

pages/rozvrh/prvacdruhaskupina.html

@@ -0,0 +1,62 @@
+<page minimal_permission_level="2" secret="no" page_title="1.C 2.skupina"></page>
+<header>
+    <h1>Rozvrh 1.C 2.Skupina</h1>
+</header>
+<main>
+    <table class="rozvrh">
+        <tbody>
+        <tr>
+            <th>0 (7:10 - 7:55)</th>
+            <th>1 (8:00 - 8:45)</th>
+            <th>2 (8:50 - 9:35)</th>
+            <th>3 (9:45 - 10:30)</th>
+            <th>4 (10:50 - 11:35)</th>
+            <th>5 (11:45 - 12:30)</th>
+            <th>6 (12:40 - 13:25)</th>
+            <th>7 (13:30 - 14:15)</th>
+        </tr>
+        <tr>
+            <td></td>
+            <td>MAT</td>
+            <td>ELK</td>
+            <td>SJL</td>
+            <td colspan="2">ZER</td>
+            <td>ANJ</td>
+            <td>MAT</td>
+        </tr>
+        <tr>
+            <td colspan="3">PRX</td>
+            <td>SJL</td>
+            <td colspan="2">INF</td>
+            <td>ELK</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>PRO</td>
+            <td>SJL</td>
+            <td>FYZ</td>
+            <td>ANJ</td>
+            <td>MAT</td>
+            <td>ELK</td>
+            <td>TSV</td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2">PRO</td>
+            <td>ANJ</td>
+            <td>TDK</td>
+            <td>MAT</td>
+            <td>ETV</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>TDK</td>
+            <td>OBN</td>
+            <td>TSV</td>
+            <td>FYZ</td>
+            <td>PRO</td>
+            <td>DEJ</td>
+        </tr>
+        </tbody>
+    </table>
+</main>

pages/rozvrh/prvacprvaskupina.html

@@ -0,0 +1,62 @@
+<page minimal_permission_level="2" secret="no" page_title="1.C 1.skupina"></page>
+<header>
+    <h1>Rozvrh 1.C 1.Skupina</h1>
+</header>
+<main>
+    <table class="rozvrh">
+        <tbody>
+        <tr>
+            <th>0 (7:10 - 7:55)</th>
+            <th>1 (8:00 - 8:45)</th>
+            <th>2 (8:50 - 9:35)</th>
+            <th>3 (9:45 - 10:30)</th>
+            <th>4 (10:50 - 11:35)</th>
+            <th>5 (11:45 - 12:30)</th>
+            <th>6 (12:40 - 13:25)</th>
+            <th>7 (13:30 - 14:15)</th>
+        </tr>
+        <tr>
+            <td></td>
+            <td>MAT</td>
+            <td>ELK</td>
+            <td>SJL</td>
+            <td colspan="2">ZER</td>
+            <td>MAT</td>
+            <td>ANJ</td>
+        </tr>
+        <tr>
+            <td colspan="3">PRX</td>
+            <td>SJL</td>
+            <td colspan="2">INF</td>
+            <td>ELK</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>PRO</td>
+            <td>SJL</td>
+            <td>TSV</td>
+            <td>FYZ</td>
+            <td>ANJ</td>
+            <td>MAT</td>
+            <td>ELK</td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2">PRO</td>
+            <td>TDK</td>
+            <td>TSV</td>
+            <td>MAT</td>
+            <td>ETV</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>ANJ</td>
+            <td>OBN</td>
+            <td>TDK</td>
+            <td>FYZ</td>
+            <td>PRO</td>
+            <td>DEJ</td>
+        </tr>
+        </tbody>
+    </table>
+</main>

pages/rozvrh/prvadprvaskupina.html

@@ -0,0 +1,64 @@
+<page minimal_permission_level="2" secret="no" page_title="1.D 1.skupina"></page>
+
+<header>
+    <h1>Rozvrh 1.D 1.Skupina</h1>
+</header>
+<main>
+    <table class="rozvrh">
+        <tbody>
+        <tr>
+            <th>0 (7:10 - 7:55)</th>
+            <th>1 (8:00 - 8:45)</th>
+            <th>2 (8:50 - 9:35)</th>
+            <th>3 (9:45 - 10:30)</th>
+            <th>4 (10:50 - 11:35)</th>
+            <th>5 (11:45 - 12:30)</th>
+            <th>6 (12:40 - 13:25)</th>
+            <th>7 (13:30 - 14:15)</th>
+        </tr>
+        <tr>
+            <td></td>
+            <td>TSV</td>
+            <td colspan="2">PRO</td>
+            <td>MAT</td>
+            <td>TDK</td>
+            <td>PRO</td>
+            <td>SJL</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>FYZ</td>
+            <td>TDK</td>
+            <td>MAT</td>
+            <td>ELK</td>
+            <td>OBN</td>
+            <td>ANJ</td>
+            <td>ETV</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>ELK</td>
+            <td>MAT</td>
+            <td>SJL</td>
+            <td>ANJ</td>
+            <td>ELK</td>
+            <td colspan="2">INF</td>
+        </tr>
+        <tr>
+            <td colspan="2"></td>
+            <td colspan="2">ZER</td>
+            <td>MAT</td>
+            <td>FYZ</td>
+            <td>DEJ</td>
+            <td>TSV</td>
+        </tr>
+        <tr>
+            <td></td>
+            <td>SJL</td>
+            <td>ANJ</td>
+            <td>PRO</td>
+            <td colspan="3">PRX</td>
+        </tr>
+        </tbody>
+    </table>
+</main>

pages/smp/index.html

@@ -0,0 +1,33 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="1" secret="no" page_title="Domov"></page>
+<header>
+    <h1 class="title">Vitaj, na oficiálnej AdlerkaSMP stránke</h1>
+    <p>Najlepší <a href="https://minecraft.net" style="text-decoration: underline; color: #fff;" target="_blank">Minecraft®™</a>
+        server na Adlerke</p>
+</header>
+<hr>
+<main>
+    <div class="wrapper feature-list">
+        <h2>Čo môžeš očakávať od AdlerkaSMP:</h2>
+
+        <ul class="feature-list-ul">
+            <li>Módovaný gameplay bez nutnosti sťahovať módy (niektoré módy však vylepšia zážitok)</li>
+
+            <li>Jednoduché pripojenie, hostname je <strong>adlerka.top</strong></li>
+            <li>
+                <strong>Super admini:</strong>
+                <ul>
+                    <li>Starajú sa o server</li>
+                    <li>Udržiavajú ho bezpečným miestom</li>
+                    <li>
+                        <strong>Zoznam adminov:</strong>
+                        <ul>
+                            <li>BRNSystems</li>
+                            <li>YeahAkis_</li>
+                        </ul>
+                    </li>
+                </ul>
+            </li>
+        </ul>
+    </div>
+</main>

pages/smp/mods.html

@@ -0,0 +1,61 @@
+<!--suppress HtmlUnknownTag, HtmlUnknownTag -->
+<page minimal_permission_level="1" secret="no" page_title="Modlist"></page>
+<main>
+    <h2>Launcher:</h2>
+    <a href="https://prismlauncher.org/download/">Prism Launcher <b>(ODPORÚČANÝ)</b></a><br>
+    <h2>Módy pre klienta:</h2>
+    <a href="/assets/adlerka_client.mrpack">Komplet ako MrPack <b>(ODPORÚČANÉ)</b></a><br>
+    <h3>Vizuálne:</h3>
+    <ol>
+        <li><a href="https://cdn.modrinth.com/data/zV5r3pPn/versions/kJmEO0xO/skinlayers3d-fabric-1.6.2-mc1.20.4.jar">3D Skin Layers</a></li>
+        <li><a href="https://cdn.modrinth.com/data/wdLuzzEP/versions/rNWb9ncY/Gamma-Utils-1.7.19-mc1.20.4.jar">Gamma Utils</a></li>
+        <li><a href="https://cdn.modrinth.com/data/w7ThoJFB/versions/BalILUb7/Zoomify-2.13.2.jar">Zoomify</a></li>
+        <li><a href="https://cdn.modrinth.com/data/M08ruV16/versions/jGGumR4a/bobby-5.1.0%2Bmc1.20.4.jar">Bobby</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1IjD5062/versions/JXhQlDZl/continuity-3.0.0-beta.4%2B1.20.2.jar">Continuity</a></li>
+        <li><a href="https://cdn.modrinth.com/data/ZcR9weSm/versions/UrOG4IKT/dynamiccrosshair-7.7%2B1.20.4-fabric.jar">Dynamic Crosshair</a></li>
+        <li><a href="https://cdn.modrinth.com/data/rUgZvGzi/versions/AqXSvu6M/eating-animation-1.20%2B1.9.61.jar">Eating Animation</a></li>
+        <li><a href="https://cdn.modrinth.com/data/WhbRG4iK/versions/PNG0Dp43/fallingleaves-1.15.5%2B1.20.1.jar">Falling Leaves</a></li>
+        <li><a href="https://cdn.modrinth.com/data/YL57xq9U/versions/kGdJ11Rt/iris-mc1.20.4-1.6.17.jar">Iris</a></li>
+        <li><a href="https://cdn.modrinth.com/data/yBW8D80W/versions/mrQ8ZiyU/lambdynamiclights-2.3.4%2B1.20.4.jar">Lambdynamiclights</a></li>
+        <li><a href="https://cdn.modrinth.com/data/MPCX6s5C/versions/ZLjUeuU8/notenoughanimations-fabric-1.7.1-mc1.20.4.jar">Not Enough Animations</a></li>
+    </ol>
+    <h3>Performance:</h3>
+    <ol>
+        <li><a href="https://cdn.modrinth.com/data/NNAgCjsB/versions/7JR5qJ8f/entityculling-fabric-1.6.4-mc1.20.4.jar">Entity Culling</a></li>
+        <li><a href="https://cdn.modrinth.com/data/uXXizFIs/versions/pguEMpy9/ferritecore-6.0.3-fabric.jar">FerriteCore</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Orvt0mRa/versions/Aouse6P7/indium-1.0.30%2Bmc1.20.4.jar">Indium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/fQEb0iXm/versions/bRcuOnao/krypton-0.2.6.jar">Krypton</a></li>
+        <li><a href="https://cdn.modrinth.com/data/gvQqBUqZ/versions/nMhjKWVE/lithium-fabric-mc1.20.4-0.12.1.jar">Lithium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Bh37bMuy/versions/fkLiGoHs/reeses_sodium_options-1.7.2%2Bmc1.20.4-build.102.jar">Reese's Sodium Options</a></li>
+        <li><a href="https://cdn.modrinth.com/data/AANobbMI/versions/4GyXKCLd/sodium-fabric-0.5.8%2Bmc1.20.4.jar">Sodium</a></li>
+        <li><a href="https://cdn.modrinth.com/data/PtjYWJkn/versions/M0ndiav7/sodium-extra-0.5.4%2Bmc1.20.4-build.116.jar">Sodium-extra</a></li>
+    </ol>
+    <h3>Utility:</h3>
+    <ol>
+        <li><a href="https://cdn.modrinth.com/data/DFqQfIBR/versions/rGQZ2yBQ/CraftPresence-2.3.5%2B1.20.4.jar">CraftPresence</a></li>
+        <li><a href="https://cdn.modrinth.com/data/8shC1gFX/versions/AkivIlyi/BetterF3-9.0.2-Fabric-1.20.4.jar">BetterF3</a></li>
+        <li><a href="https://cdn.modrinth.com/data/nvQzSEkH/versions/fNHCa6bl/Jade-1.20.4-fabric-13.3.1.jar">Jade</a></li>
+        <li><a href="https://cdn.modrinth.com/data/aC3cM3Vq/versions/m0Dd8Cjy/MouseTweaks-fabric-mc1.20-2.25.jar">Mouse Tweaks</a></li>
+        <li><a href="https://cdn.modrinth.com/data/qQyHxfxd/versions/tfv6A4l5/NoChatReports-FABRIC-1.20.4-v2.5.0.jar">No Chat Reports</a></li>
+        <li><a href="https://cdn.modrinth.com/data/nfn13YXA/versions/Jhw0fDTs/RoughlyEnoughItems-14.0.688-fabric.jar">Roughly Enough Items</a></li>
+        <li><a href="https://cdn.modrinth.com/data/V8XJ8f5f/versions/q9eTEsvC/RoughlyEnoughProfessions-fabric-1.20.4-2.2.0.jar">Roughly Enough Professions</a></li>
+        <li><a href="https://cdn.modrinth.com/data/NcUtCpym/versions/2lbtkEPK/XaerosWorldMap_1.38.1_Fabric_1.20.4.jar">Xaero's WorldMap</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1bokaNcj/versions/N5jBKzC0/Xaeros_Minimap_24.0.3_Fabric_1.20.4.jar">Xaero's_Minimap</a></li>
+        <li><a href="https://cdn.modrinth.com/data/EsAfCjCV/versions/pmFyu3Sz/appleskin-fabric-mc1.20.3-2.5.1.jar">Appleskin</a></li>
+        <li><a href="https://cdn.modrinth.com/data/mOgUt4GM/versions/sjtVVlsA/modmenu-9.0.0.jar">Modmenu</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Nv2fQJo5/versions/TGJXKoTQ/replaymod-1.20.4-2.6.15.jar">Replaymod</a></li>
+        <li><a href="https://cdn.modrinth.com/data/njGhQ4fN/versions/4tIwORrJ/roughly-searchable-2.6.1%2B1.20.4.jar">Roughly Searchable</a></li>
+        <li><a href="https://cdn.modrinth.com/data/9eGKb6K1/versions/r7e564VW/voicechat-fabric-1.20.4-2.5.11.jar">Simple Voice Chat</a></li>
+    </ol>
+    <h3>Dependecies:</h3>
+    <ol>
+        <li><a href="https://cdn.modrinth.com/data/lhGA9TYQ/versions/kVjQWX0l/architectury-11.1.17-fabric.jar">Architectury</a></li>
+        <li><a href="https://cdn.modrinth.com/data/gu7yAYhd/versions/augSR8tA/cc-tweaked-1.20.4-fabric-1.110.0.jar">CC Tweaked</a></li>
+        <li><a href="https://cdn.modrinth.com/data/9s6osm5g/versions/eBZiZ9NS/cloth-config-13.0.121-fabric.jar">Cloth Config</a></li>
+        <li><a href="https://cdn.modrinth.com/data/P7dR8mSH/versions/htRy7kbI/fabric-api-0.96.11%2B1.20.4.jar">Fabric Api</a></li>
+        <li><a href="https://cdn.modrinth.com/data/Ha28R6CL/versions/ZMokinzs/fabric-language-kotlin-1.10.19%2Bkotlin.1.9.23.jar">Fabric Language Kotlin</a></li>
+        <li><a href="https://cdn.modrinth.com/data/hvFnDODi/versions/0.1.3/lazydfu-0.1.3.jar">Lazydfu</a></li>
+        <li><a href="https://cdn.modrinth.com/data/xGdtZczs/versions/Kk7rWLSf/polymer-bundled-0.7.7%2B1.20.4.jar">Polymer</a></li>
+        <li><a href="https://cdn.modrinth.com/data/1eAoo2KR/versions/StXMrAsz/yet-another-config-lib-fabric-3.3.2%2B1.20.4.jar">Yet Another Config Lib</a></li>
+    </ol>
+</main>

templates/403.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">403</h1>
     <h3><i class="ri-error-warning-line"></i> Našli sme stránku ktorú hľadáš, ale nemáš práva na ňu pristupovať: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/404.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">404</h1>
     <h3><i class="ri-error-warning-line"></i> Nenašli sme stránku ktorú hľadáš: <span class="error">__TEMPLATE_PAGE_TITLE__</span>. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/500.html

@@ -3,5 +3,5 @@
     <h1 class="error-code">500</h1>
     <h3><i class="ri-error-warning-line"></i> Nejaký neschopný vývojár nevedel robiť túto stránku. <i class="ri-error-warning-line"></i></h3>
     <!--suppress HtmlUnknownTarget -->
-    <a href="__DEFAULT_LINK__" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
+    <a href="__DEFAULT_LINK__" role="button" class="back"><i class="ri-arrow-left-line"></i> SPÄŤ DOMOV</a>
 </div>

templates/footer.html

@@ -1 +1 @@
-<p>StyleHub je super</p>
+<p>Toto nie je oficiálna stránka <span id="ye-span">Adlerky</span>, jedná sa o neoficiálnu študentskú stránku</p>

templates/login.html

@@ -2,25 +2,27 @@
 <p id="StatusMessage"></p>
 <main class="login-file">
     <div class="container" id="container">
-        <div class="form-container sign-up">
-            <form>
+        <div class="form-container sign-in" id="sign_in_form">
+            <h1>Login</h1>
+            <form class="form-content sign-in">
+                <input type="email" name="email" id="login_email" required placeholder="Email">
+                <input type="password" name="password" id="login_password" required placeholder="Password">
+                <button type="button" onclick="login()">Login</button>
+            </form>
+            <p onclick="toggleRegister()">Don't have an account</p>
+        </div>
+        <div class="form-container sign-up hidden" id="sign_up_form">
             <h1>Create Account</h1>
+            <form class="form-content sign-up">
                 <input type="text" name="firstName" id="register_firstName" required placeholder="First name">
                 <input type="text" name="lastName" id="register_lastName" required placeholder="Last name">
                 <input type="email" name="email" id="register_email" required placeholder="Email">
                 <input type="password" name="password" id="register_password" required placeholder="Password">
                 <input type="text" name="activationToken" id="register_activationToken" required
                        placeholder="Activation Token">
-                <button type="button" onclick="register()">Register</button>
-            </form>
-        </div>
-        <div class="form-container sign-in">
-            <h1>Login</h1>
-            <form>
-                <input type="email" name="email" id="login_email" required placeholder="Email">
-                <input type="password" name="password" id="login_password" required placeholder="Password">
-                <button type="button" onclick="login()">Login</button>
+                <button type="button">Register</button>
             </form>
+            <p onclick="toggleRegister()">Already have an account</p>
         </div>
     </div>
 </main>

templates/meme.html

@@ -0,0 +1,27 @@
+<article class="meme" id="meme___TEMPLATE_MEME_ID__">
+    <div class="meme_header" id="meme_header___TEMPLATE_MEME_ID__">
+        <h2 class='meme_title' id="meme_title___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_TITLE__</h2>
+        <div class="meme_topbar" id="meme_info___TEMPLATE_MEME_ID__">
+            <div class="meme_voting" id="meme_voting___TEMPLATE_MEME_ID__">
+                __TEMPLATE_MEME_UPVOTE__
+                <p class="votes_counter __TEMPLATE_MEME_VOTE_COUNTER_CLASS__"
+                   id="meme_votes_counter___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_VOTES_NUMBER__</p>
+                __TEMPLATE_MEME_DOWNVOTE__
+            </div>
+            <div class="meme_info">
+                <p class='meme_author' id="meme_author___TEMPLATE_MEME_ID__"><i class="ri-user-line"></i>__TEMPLATE_MEME_AUTHOR__
+                </p>
+                <p class='meme_date' id="meme_date___TEMPLATE_MEME_ID__"><i class="ri-calendar-line"></i>__TEMPLATE_MEME_DATE__
+                </p>
+                __TEMPLATE_MEME_DELETE_BUTTON__
+            </div>
+        </div>
+    </div>
+    <div class="meme_body" id="meme_body___TEMPLATE_MEME_ID__">
+        <a class="meme_link" href="__TEMPLATE_MEME_IMAGE__" download>
+        <img id="meme_image___TEMPLATE_MEME_ID__" src="__TEMPLATE_MEME_IMAGE__" width="__TEMPLATE_MEME_IMAGE_WIDTH__"
+             height="__TEMPLATE_MEME_IMAGE_HEIGHT__" alt="meme image"
+             class="meme_image"></a>
+        <p class="meme_text" id="meme_text___TEMPLATE_MEME_ID__">__TEMPLATE_MEME_TEXT__</p>
+    </div>
+</article>

templates/meme_add.html

@@ -0,0 +1,15 @@
+<div id="memecreatecontainer" class="hidden">
+    <div id="memecreate">
+        <label for="meme_title_input">Názov meme-u: </label>
+        <input type="text" id="meme_title_input" placeholder="Názov meme-u"/>
+
+        <label for="meme_text_input">Text meme-u: </label>
+        <input type="text" id="meme_text_input" placeholder="Text meme-u"/>
+
+        <label for="meme_image_input">Obrázok meme-u</label>
+        <select id="meme_image_input"></select>
+
+        <button id="memecreatebutton" onclick="addMeme()"><i class="ri-add-circle-line"></i></button>
+        <button id="memecreateclose" onclick="togglememecreate()"><i class="ri-close-line"></i></button>
+    </div>
+</div>

templates/meme_gallery.html

@@ -0,0 +1,12 @@
+<header>
+    <h1 class="title">Adlerka Memes</h1>
+    <p>Skoro, ako <a href="https://reddit.com/r/adlerka" target="_blank">r/adlerka</a>, ale lepšie.</p>
+    <button id="memecreateopen" onclick="togglememecreate()"><i class="ri-add-circle-line"></i></button>
+    <hr>
+</header>
+<main>
+    <div id="meme_gallery">
+        __TEMPLATE_MEMES_HERE__
+    </div>
+    __TEMPLATE_MEME_ADD__
+</main>

templates/nav.html

@@ -1,5 +1,11 @@
 <div class="logo">
-    <img src="/assets/images/mikina.webp" alt="Adlerka logo" width="50" height="100" style="width:auto;">
+    <a href="/home/index">
+    <picture id="standard-logo">
+        <source media="(min-width:4200px)" srcset="/assets/images/adlerka_256.png">
+        <source media="(min-width:2100px)" srcset="/assets/images/adlerka_128.png">
+        <img src="/assets/images/adlerka_64.png" alt="Adlerka logo" style="width:auto;">
+    </picture>
+    </a>
 </div>
 <i class="ri-menu-line" id="toggle_button"></i>
 <ul id="navsite_list">

templates/newsArticle.html

@@ -0,0 +1,11 @@
+<article>
+    <h2 class='newstitle'>__TEMPLATE_ARTICLE_TITLE__</h2>
+    <div class="articleinfo">
+        <p class='newsauthor'><i class="ri-user-line"></i>__TEMPLATE_ARTICLE_AUTHOR__</p>
+        <p class='newsdate'><i class="ri-calendar-line"></i>__TEMPLATE_ARTICLE_DATE__</p>
+    </div>
+    <hr>
+    <div class='newsbody'>
+        __TEMPLATE_ARTICLE_BODY__
+    </div>
+</article>

templates/newsArticles.html

@@ -0,0 +1,24 @@
+<header>
+  <h1 class="title"></h1>
+  <p>Adlerka študentské news</p>
+  <button id="articlecreateopen" onclick="togglearticlecreate()"><i class="ri-add-circle-line"></i></button>
+</header>
+
+<template data-template-name="article">
+  __TEMPLATE_FOR_ARTICLE_CONTENT__
+</template>
+
+<div id="articleslist">
+  __TEMPLATE__ARTICLES_HERE__
+</div>
+
+<div id="articlecreatecontainer" class="hidden">
+  <div id="articlecreate">
+    <input type="text" placeholder="Article Title" id="articletitleinput"><br>
+    <textarea id="articlebodyinput" placeholder="Article Body" rows="10" cols="80"></textarea><br>
+    <label for="articleprivilegeinput">Oprávnenie na pozretie článku:</label>
+    <input type="number" id="articleprivilegeinput" min="1" value="1" step="1">
+    <button id="articlesubmit" onclick="submitarticle()"><i class="ri-add-circle-line"></i></button>
+    <button id="articlecreateclose" onclick="togglearticlecreate()"><i class="ri-close-line"></i></button>
+  </div>
+</div>

templates/skeleton.html

@@ -1,14 +1,18 @@
 <!DOCTYPE html>
-<html lang="sk">
+<html lang="sk" data-theme="dark">
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="/assets/3rdparty/fonts/remixicon/remixicon.css">
+    <link rel="stylesheet" href="/assets/3rdparty/pico.min.css">
+    <link href="/assets/3rdparty/sliderm.css" rel="stylesheet">
     <link rel="stylesheet" href="/assets/style.css">
-    <link rel="icon" href="/assets/images/mikina.webp" type="image/png">
+    <link rel="icon" href="/assets/images/favicon.png" type="image/png">
     __TEMPLATE__DYNAMIC__SCRIPT__
     __TEMPLATE__DYNAMIC__STYLE__
+    <script async src="https://umami.brn.systems/script.js" data-website-id="95e93885-5c19-4cab-ba9b-2f746a316a2a"></script>
     <script async src="/assets/script.js"></script>
+    <script async src="/assets/3rdparty/sliderm.js"></script>
     <title>__TEMPLATE_PAGE_TITLE__</title>
     __TEMPLATE_SEO_STUFF__
 </head>

templates/userActions.html

@@ -1,12 +1,14 @@
 <!-- Centralized Status Message -->
 <p id="StatusMessage"></p>
 <div id="user-settings">
-    <button type="button" onclick="logout()">Logout</button><br>
+    <button type="button" onclick="logout()">Logout</button>
+    <br>
 
     <div class="form-container" id="updateUserProfileForm">
         <h1>Update User</h1>
 
         <h2>Profile</h2>
+        <div class="form-content" id="profile-form">
             <label for="updateFirstName">First Name:</label>
             <input type="text" id="updateFirstName" name="updateFirstName" required><br>
 
@@ -16,21 +18,24 @@
             <label for="updateNickname">Nickname:</label>
             <input type="text" id="updateNickname" name="updateNickname" required><br>
 
-        <button type="button" onclick="updateUserProfile()">Update Profile</button>
+            <label for="updateMinecraftNick">Minecraft Nick:</label>
+            <input type="text" id="updateMinecraftNick" name="updateMinecraftNick" required><br>
 
+            <button type="button" onclick="updateUserProfile()">Update Profile</button>
+        </div>
         <br><br>
 
         <h2>Email</h2>
-
+        <div class="form-content" id="email-form">
             <label for="updateNewEmail">New Email:</label>
             <input type="email" id="updateNewEmail" name="updateNewEmail" required><br>
 
             <button type="button" onclick="updateEmail()">Update Email</button>
-
+        </div>
         <br><br>
 
         <h2>Password</h2>
-
+        <div class="form-content" id="password-form">
             <label for="changeOldPassword">Old Password:</label>
             <input type="password" id="changeOldPassword" name="changeOldPassword" required><br>
 
@@ -39,6 +44,7 @@
 
             <button type="button" onclick="changePassword()">Change Password</button>
         </div>
+    </div>
 </div>
 <hr>