README.md

@@ -60,9 +60,7 @@ permissions: ["see_deleted_message"]
 
 #### Fixes:
 - Admin deleting other admins.
-- theme.js, change theme js code to a file.
-- same email discord???? direct err
-- IMPORTANT: add user/member id to file so scripts can access
+- disable caching
 
 #### ETC:
 - Rewrite apidocs
@@ -75,26 +73,21 @@ permissions: ["see_deleted_message"]
 - add support for switch around gravatar and upload photo
 - old contents / titles add to forum interface
 - who liked a message
+- add ban button to user profile
 
 #### Fixes:
 - BETTER SETUP PAGE: use setup everytime
-- add threads, messages etc. to "extra" folder
+- add threads, messages etc. to extra folder
 - add category to thread list page
 - working reset button
+- better pagination
 - text alling center body
 - thread.js unfuction only listener
-- show error on modal
-- send delete, ban to user settings (edit user) menu and fix edit user menu
 
 ## Special Thanks:
 https://github.com/akashgiricse/Online-Forum for bootstrap theme.
-
 @Tokmak for old frontend.
-
 https://fengyuanchen.github.io/cropperjs/examples/crop-a-round-image.html for avatar upload panel.
-
-https://github.com/mdbootstrap/bootstrap-profiles for profile page of bootstrap theme.
-
 ## Major Version History
 - V5: Enchanted Themes
 - V4: Caching

package.json

@@ -1,12 +1,10 @@
 {
   "name": "akf-forum",
-  "version": "5.7.0",
+  "version": "5.6.1",
   "description": "A Node.js based forum software",
   "main": "src/index.js",
   "scripts": {
     "start": "node .",
-    "reset": "node util/reset",
-    "admin": "node util/admin",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
@@ -23,23 +21,24 @@
     "url": "https://github.com/Akif9748/akf-forum/issues"
   },
   "engines": {
-    "node": ">=18 >=17.5 >=16.15"
+    "node": ">=16"
   },
   "homepage": "https://akf-forum.glitch.me/",
   "dependencies": {
-    "bcrypt": "^5.1.1",
-    "connect-mongo": "^5.1.0",
-    "dotenv": "^16.4.2",
-    "ejs": "^3.1.9",
+    "bcrypt": "^5.1.0",
+    "connect-mongo": "^4.6.0",
+    "dotenv": "^16.0.3",
+    "ejs": "^3.1.6",
     "express": "^4.18.2",
-    "express-rate-limit": "^7.1.5",
-    "express-session": "^1.18.0",
-    "mongoose": "^8.1.1",
+    "express-rate-limit": "^6.6.0",
+    "express-session": "^1.17.2",
+    "mongoose": "^6.6.5",
     "multer": "^1.4.5-lts.1",
-    "nodemailer": "^6.9.9",
+    "node-fetch": "^2.6.7",
+    "nodemailer": "^6.8.0",
     "request-ip": "^3.3.0"
   },
   "devDependencies": {
-    "eslint": "^8.56.0"
+    "eslint": "^8.25.0"
   }
 }

src/index.js

@@ -32,8 +32,9 @@ setInterval(() => {
 app.set("view engine", "ejs");
 app.set("limits", limits);
 
-for (const theme of themes)
-    app.use(`/themes/${theme.codename}`, express.static(join(__dirname, "themes", theme.codename, "public")));
+for (const theme of fs.readdirSync(join(__dirname, "themes")))
+    app.use(`/themes/${theme}`, express.static(join(__dirname, "themes", theme, "public")));
+
 
 app.use(express.static(join(__dirname, "public")), express.json(), express.urlencoded({ extended: true }), IP(),
     SES({ secret: process.env.SECRET, store: MS.create({ clientPromise: DB, stringify: false }), resave: false, saveUninitialized: false }),
@@ -55,7 +56,7 @@ app.use(express.static(join(__dirname, "public")), express.json(), express.urlen
 
         res.reply = (page, options = {}, status = 200) => {
             const road = join(__dirname, "themes", theme.codename, "views", `${page}.ejs`);
-            const renderpage = fs.existsSync(road) ? road : join(__dirname, "themes", def_theme, "views", `${page}.ejs`);
+            const renderpage = fs.existsSync(road) ? road : join(__dirname, "themes", "common", "views", `${page}.ejs`);
             return res.status(status).render(renderpage, {
                 dataset: {
                     themes, theme, forum_name, description,

src/lib.js

@@ -6,7 +6,7 @@ const { readdirSync } = require('fs');
 const { join } = require('path');
 require("dotenv").config();
 module.exports = {
-    themes: readdirSync(join(__dirname, "themes")).map(f => require(`./themes/${f}`)),
+    themes: readdirSync(join(__dirname, "themes")).filter(f => f !== "common").map(f => require(`./themes/${f}`)),
     threadEnum: ["OPEN", "APPROVAL", "DELETED"],
     userEnum: ["ACTIVE", "APPROVAL", "DELETED", "BANNED"],
     RL(windowMs = 60_000, max = 1) {

src/models/Category.js

@@ -7,10 +7,8 @@ const schema = new mongoose.Schema({
     authorID: { type: String }
 
 });
-
 schema.methods.takeId = async function () {
-    // eslint-disable-next-line no-use-before-define
-    this.id = await model.countDocuments() || 0;
+    this.id = String(await model.count() || 0);
     return this;
 }
 

src/models/Message.js

@@ -28,8 +28,7 @@ const schema = new mongoose.Schema({
 schema.methods.get_author = cache.getAuthor
 
 schema.methods.takeId = async function () {
-    // eslint-disable-next-line no-use-before-define
-    this.id = await model.countDocuments() || 0;
+    this.id = String(await model.count() || 0);
     return this;
 }
 

src/models/Thread.js

@@ -43,7 +43,7 @@ schema.methods.get_category = async function () {
 schema.methods.messageCount = async function (admin = false) {
     const query = { threadID: this.id };
     if (!admin) query.deleted = false;
-    return await MessageModel.countDocuments(query) || 0;
+    return await MessageModel.count(query) || 0;
 };
 
 schema.methods.push = function (messageID) {
@@ -52,8 +52,7 @@ schema.methods.push = function (messageID) {
 }
 
 schema.methods.takeId = async function () {
-    // eslint-disable-next-line no-use-before-define
-    this.id = await model.countDocuments() || 0;
+    this.id = await model.count() || 0;
     return this;
 }
 

src/models/User.js

@@ -36,7 +36,7 @@ schema.virtual("active").get(function () {
 
 schema.methods.takeId = async function () {
     // eslint-disable-next-line no-use-before-define
-    this.id = String(await model.countDocuments() || 0);
+    this.id = String(await model.count() || 0);
     return this;
 }
 

src/models/cache.js

@@ -4,7 +4,7 @@ module.exports.getAuthor = async function () {
     const id = this.authorID || this.author?.id;
     let user = UserCache.get(id);
     if (!user)
-        UserCache.set(id, user = await UserModel.findOne({ id }));
+        UserCache.set(user = await UserModel.findOne({ id }));
 
     if (!this.get('authorID', null, { getters: false })) {
         this.authorID = user.id;

src/public/js/avatar.js

@@ -1,63 +0,0 @@
-function b64toBlob(b64Data, contentType = "", sliceSize = 512) {
-
-    const byteCharacters = atob(b64Data);
-    const byteArrays = [];
-
-    for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
-        const slice = byteCharacters.slice(offset, offset + sliceSize);
-
-        const byteNumbers = new Array(slice.length);
-        for (let i = 0; i < slice.length; i++)
-            byteNumbers[i] = slice.charCodeAt(i);
-        const byteArray = new Uint8Array(byteNumbers);
-        byteArrays.push(byteArray);
-    }
-    const blob = new Blob(byteArrays, {
-        type: contentType
-    });
-    return blob;
-}
-
-const image = document.getElementById('image');
-const button = document.getElementById('button');
-const reader = new FileReader();
-
-document.getElementById("file-input")
-    .addEventListener("change", function () {
-        reader.onload = () => {
-            image.src = reader.result;
-
-            let croppable = false;
-            // eslint-disable-next-line no-undef
-            const cropper = new Cropper(image, {
-                aspectRatio: 1,
-                viewMode: 1,
-                ready: function () {
-                    croppable = true;
-                },
-            });
-
-            button.onclick = async () => {
-                if (!croppable) return;
-
-                const croppedCanvas = cropper.getCroppedCanvas();
-                // const croppedImage = document.getElementById('cropped-image');
-                const body = new FormData(document.createElement('form'))
-                const block = croppedCanvas.toDataURL().split(";");
-                const contentType = block[0].split(":")[1];
-                const realData = block[1].split(",")[1];
-                body.append('avatar', b64toBlob(realData, contentType));
-
-                // eslint-disable-next-line no-undef
-                const res = await fetch('/api/users/'+MEM_ID+'/avatar', {
-                    method: 'POST',
-                    body
-                }).then(res => res.json());
-
-                if (res.error) return alert(res.error);
-                alert('Success!');
-                location.reload();
-            };
-        }
-        reader.readAsDataURL(event.target.files[0]);
-    });

src/routes/.js

@@ -7,14 +7,14 @@ app.get("/", async (req, res) => {
     const [
         categories, users, threads, messages, newestMember, newestMessages, newestThreads, onlineMemberCount, onlineMembers
     ] = await Promise.all([
-        CategoryModel.countDocuments(),
-        UserModel.countDocuments({ deleted: false }),
-        ThreadModel.countDocuments({ state: "OPEN" }),
-        MessageModel.countDocuments({ deleted: false }),
+        CategoryModel.count(),
+        UserModel.count({ deleted: false }),
+        ThreadModel.count({ state: "OPEN" }),
+        MessageModel.count({ deleted: false }),
         UserModel.findOne({ deleted: false }, "name id").sort({ time: -1 }),
         MessageModel.find({ deleted: false }).sort({ time: -1 }).limit(10),
         ThreadModel.find({ state: "OPEN" }).sort({ time: -1 }).limit(10),
-        UserModel.countDocuments({ deleted: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }),
+        UserModel.count({ deleted: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }),
         UserModel.find({ deleted: false, hideLastSeen: false, lastSeen: { $gt: Date.now() - 1000 * 60 * 5 } }, "name id")
     ]),
         onlineTotal = req.app.onlines.size,

src/routes/api/routes/users.js

@@ -5,7 +5,7 @@ const { themes, emailRegEx } = require("../../../lib")
 const app = Router();
 const { join } = require("path");
 app.param("id", async (req, res, next, id) => {
-    if (id === "me") //
+    if (id === "me")
         id = req.user.id;
 
     req.member = await UserModel.get(id, req.user.admin ? "+lastSeen +ips" : "");

src/routes/auth.js

@@ -1,5 +1,6 @@
 const { Router } = require("express")
 const { UserModel } = require("../models");
+const fetch = require("node-fetch");
 const app = Router();
 const { host, email_auth } = require("../../config.json")
 
@@ -16,7 +17,7 @@ app.get("/discord", async (req, res) => {
                 client_secret: process.env.DISCORD_SECRET,
                 grant_type: 'authorization_code',
                 redirect_uri: host + "/auth/discord",
-                scope: 'identify+email',
+                scope: 'identify',
             }).toString(),
             headers: {
                 'Content-Type': 'application/x-www-form-urlencoded',
@@ -57,9 +58,8 @@ app.get("/discord", async (req, res) => {
             name += Math.floor(Math.random() * 2);
 
         const user2 = new UserModel({
-            name, email: discord.email,
-            discordID: discord.id, discord_code: code,
-            avatar: `https://cdn.discordapp.com/avatars/${discord.id}/${discord.avatar}.png?size=256`,
+            name, discordID: discord.id, discord_code: code,
+            avatar: `https://cdn.discordapp.com/avatars/${discord.id}/${discord.avatar}.png?size=256`
         });
 
         await user2.takeId();

src/routes/categories.js

@@ -9,7 +9,7 @@ app.get("/", async (req, res) => {
     const categories = await CategoryModel.find({}).limit(10).skip(page * 10).sort({ time: -1 });
     res.reply("categories", {
         categories, page,
-        pages: Math.ceil(await CategoryModel.countDocuments({}) / 10)
+        pages: Math.ceil(await CategoryModel.count({}) / 10)
     });
 });
 
@@ -24,7 +24,7 @@ app.get("/:id", async (req, res) => {
     let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
-    res.reply("threads", { threads, page, title: `Threads in ${category.name}`, desp: category.desp, pages: Math.ceil(await ThreadModel.countDocuments(query) / 10) });
+    res.reply("threads", { threads, page, title: `Threads in ${category.name}`, desp: category.desp, pages: Math.ceil(await ThreadModel.count(query) / 10) });
 });
 
 module.exports = app;

src/routes/search.js

@@ -19,7 +19,7 @@ app.get("/users", async (req, res) => {
     const users = await UserModel.find({ ...req.sq, name: { $regex: req.query.q, $options: "i" } }, null, req.so)
     res.reply("users", {
         users, page: req.page,
-        pages: Math.ceil(await UserModel.countDocuments(req.sq) / 10)
+        pages: Math.ceil(await UserModel.count(req.sq) / 10)
     });
 });
 
@@ -31,7 +31,7 @@ app.get("/messages", async (req, res) => {
     const messages = await MessageModel.find(query, null, req.so)
     res.reply("messages", {
         messages, page: req.page,
-        pages: Math.ceil(await MessageModel.countDocuments(query) / 10)
+        pages: Math.ceil(await MessageModel.count(query) / 10)
     });
 });
 
@@ -45,7 +45,7 @@ app.get("/threads", async (req, res) => {
     const threads = await ThreadModel.find(query, null, req.so)
     res.reply("threads", {
         threads, page: req.page, title: `Threads with query '${req.query.q}'`,
-        pages: Math.ceil(await ThreadModel.countDocuments(query) / 10), desp: `${threads.length} threads are listed`
+        pages: Math.ceil(await ThreadModel.count(query) / 10), desp: `${threads.length} threads are listed`
     });
 });
 

src/routes/threads.js

@@ -8,7 +8,7 @@ app.get("/", async (req, res) => {
     let threads = await ThreadModel.find(query).limit(10).skip(page * 10).sort({ time: -1 });
     threads = await Promise.all(threads.map(thread => thread.get_author()));
 
-    return res.reply("threads", { threads, page, title: "Threads", desp: threads.length + " threads are listed", pages: Math.ceil(await ThreadModel.countDocuments(query) / 10) });
+    return res.reply("threads", { threads, page, title: "Threads", desp: threads.length + " threads are listed", pages: Math.ceil(await ThreadModel.count(query) / 10) });
 });
 
 

src/routes/users.js

@@ -6,7 +6,7 @@ app.get("/", async (req, res) => {
     const page = Number(req.query.page) || 0;
     const query = req.user?.admin ? {} : { deleted: false };
     let users = await UserModel.find(query).limit(10).skip(page * 10);
-    return res.reply("users", { users, page, pages: Math.ceil(await UserModel.countDocuments(query) / 10) });
+    return res.reply("users", { users, page, pages: Math.ceil(await UserModel.count(query) / 10) });
 });
 
 app.get("/:id/avatar", async (req, res) => {
@@ -26,8 +26,8 @@ app.get("/:id", async (req, res) => {
 
     if (member && (user?.admin || !member.deleted)) {
 
-        const message = await MessageModel.countDocuments({ authorID: id });
-        const thread = await ThreadModel.countDocuments({ authorID: id });
+        const message = await MessageModel.count({ authorID: id });
+        const thread = await ThreadModel.count({ authorID: id });
         res.reply("user", { member, counts: { message, thread }, discord: req.app.get("DISCORD_AUTH_URL") })
     }
     else res.error(404, `We don't have any user with id ${id}.`);

src/themes/bootstrap_black/views/avatar_upload.ejs

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
-
-<body style="text-align: center;">
-  <link rel="stylesheet" href="/libs/cropper/cropper.css">
-  <style>
-    .container {
-      margin: 20px auto;
-      max-width: 640px;
-    }
-
-    img {
-      max-width: 100%;
-    }
-
-    .cropper-view-box,
-    .cropper-face {
-      border-radius: 50%;
-    }
-
-    .cropper-view-box {
-      outline: 0;
-      box-shadow: 0 0 0 1px #39f;
-    }
-  </style>
-  <script src="/libs/cropper/cropper.js"></script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-
-  <div class="container">
-    <h1>Upload avatar for <%= member.name %></h1>
-
-    <input type="file" id="file-input">
-    <img id="image" src="<%= member.avatar %>">
-    <p>
-      <button type="button" id="button">Upload</button>
-    </p>
-    <file id="cropped-image" name="avatar">
-      <form id="form"></form>
-
-  </div>
-  <script>
-    const MEM_ID="<%= member.id %>";
-  </script>
-  <script src="/js/avatar.js"></script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/bootstrap_black/views/categories.ejs

@@ -47,23 +47,21 @@
 
     <% if(typeof page === "number"){ %>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages">
-        <ul class="pagination justify-content-center">
-          <li class="page-item <%= page > 0 ?"": "disabled" %>">
-            <a class="page-link" href="/categories?page=<%= page-1 %>" tabindex="-1">Back</a>
-          </li>
+      <nav aria-label="Navigate post pages" class="float-lg-right">
+        <ul class="pagination pagination-sm mb-lg-0">
+          <% if (page > 0){ %>
+          <li class="page-item"><a href="/categories?page=<%= page-1 %>" class="page-link">Back</a></li>
+          <% } %>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item">
-            <a class="page-link <%= i==page?'active':'' %>" href="/categories?page=<%= i %>"><%= i+1 %>
+          <li class="page-item <%= i==page?'active':'' %>"><a href="/categories?page=<%= i %>" class="page-link"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a>
-          </li>
+            </a></li>
+          <% } %>
+          <% if (pages-1 > page) { %>
+          <li class="page-item"><a href="/categories?page=<%= page+1 %>" class="page-link">Next</a></li>
           <% } %>
-          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
-            <a class="page-link" href="/categories?page=<%= page+1 %>">Next</a>
-          </li>
         </ul>
       </nav>
     </div>

src/themes/bootstrap_black/views/edit_user.ejs

@@ -12,8 +12,6 @@
 
   <div class="container my-3">
     <div class="col-12">
-      <a class="btn-primary" href="/security" >Change your own password</a>
-
       <h2 class="h4 text-white  bg-info mb-3 p-4 rounded">Edit User</h2>
       <form id="form" class="mb-3">
         <input type="text" name="name" placeholder="<%= member.name %>" class="input">

src/themes/bootstrap_black/views/index.ejs

@@ -158,12 +158,10 @@
                     <dd class="col-4 mb-0"><%= users %></dd>
                   </dl>
                 </div>
-                <% if(newestMember) {%>
                 <div class="card-footer">
                   <div>Newest member:</div>
                   <div><a href="/users/<%= newestMember.id %>"><%= newestMember.name %></a></div>
                 </div>
-                <% }%>
               </div>
             </div>
           </div>

src/themes/bootstrap_black/views/login.ejs

@@ -1,50 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Log in!" }) %>
-
-<body style="text-align: center;">
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-  <div class="jumbotron jumbotron-fluid">
-    <div class="container">
-      <div class="row">
-        <div class="col-12 col-sm-8 col-md-6 col-lg-4 offset-sm-4 offset-sd-3 offset-lg-4">
-          <h1 class="mb-3 text-center">Please log in</h1>
-          <form action="/login?redirect=<%= redirect !== "/register" ? redirect : "/"  %>" method="post" class="mb-3">
-            <div class="form-group">
-              <label for="name">Email/Username:</label>
-              <input name="name" class="form-control" placeholder="example@email.com" id="email" required />
-            </div>
-            <div class="form-group">
-              <label for="password">Password:</label>
-              <input type="password" class="form-control" id="password" required />
-            </div>
-            <button type="submit" class="btn btn-primary btn-block">
-              Login
-            </button>
-          </form>
-          <div class="text-center">
-            <p>or..</p>
-            <a href="/register" class="btn btn-outline-primary">Create account</a>
-
-            <% if(discord) { %>
-            <a href="<%=discord%>" class="btn btn-outline-primary">Auth with discord</a>
-            <% } %>
-
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-
-
-
-
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/bootstrap_black/views/security.ejs

@@ -1,23 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Change Password!" }) %>
-
-<body style="text-align: center;">
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <h1 class="title">Change password</h1>
-
-  <form class="login" action="/security" method="post">
-    <input type="password" name="old_password" placeholder="Old Password" class="input" required>
-    <input type="password" name="password" placeholder="Password" class="input" required>
-    <input type="submit" style="width:100%" class="btn-primary" value="Change it">
-  </form>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/bootstrap_black/views/thread.ejs

@@ -142,23 +142,21 @@
   <% }%>
 
   <div class="mb-3 clearfix">
-    <nav aria-label="Navigate post pages">
-      <ul class="pagination justify-content-center">
-        <li class="page-item <%= page > 0 ?"": "disabled" %>">
-          <a class="page-link" href="/<%= thread.getLink() %>?page=<%= page-1 %>" tabindex="-1">Back</a>
-        </li>
+    <nav aria-label="Navigate post pages" class="float-lg-right">
+      <ul class="pagination pagination-sm mb-lg-0">
+        <% if (page > 0){ %>
+        <li class="page-item"><a href="/<%= thread.getLink() %>?page=<%= page-1 %>" class="page-link">Back</a></li>
+        <% } %>
         <% for(let i=0; i < thread.pages; i++){ %>
-        <li class="page-item">
-          <a class="page-link <%= i==page?'active':'' %>" href="/<%= thread.getLink() %>?page=<%= i %>"><%= i+1 %>
+        <li class="page-item <%= i==page?'active':'' %>"><a href="/<%= thread.getLink() %>?page=<%= i %>" class="page-link"><%= i+1 %>
             <% if (i==page){ %>
             <span class="sr-only">(current)</span>
             <% } %>
-          </a>
-        </li>
+          </a></li>
+        <% } %>
+        <% if (thread.pages-1 > page) { %>
+        <li class="page-item"><a href="/<%= thread.getLink() %>?page=<%= page+1 %>" class="page-link">Next</a></li>
         <% } %>
-        <li class="page-item <%= thread.pages-1 > page ?"": "disabled" %>">
-          <a class="page-link" href="/<%= thread.getLink() %>?page=<%= page+1 %>">Next</a>
-        </li>
       </ul>
     </nav>
   </div>

src/themes/bootstrap_black/views/threads.ejs

@@ -55,23 +55,21 @@
       </div>
     </div>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages">
-        <ul class="pagination justify-content-center">
-          <li class="page-item <%= page > 0 ?"": "disabled" %>">
-            <a class="page-link" href="/threads?page=<%= page-1 %>" tabindex="-1">Back</a>
-          </li>
+      <nav aria-label="Navigate post pages" class="float-lg-right">
+        <ul class="pagination pagination-sm mb-lg-0">
+          <% if (page > 0){ %>
+          <li class="page-item"><a href="/threads?page=<%= page-1 %>" class="page-link">Back</a></li>
+          <% } %>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item">
-            <a class="page-link <%= i==page?'active':'' %>" href="/threads?page=<%= i %>"><%= i+1 %>
+          <li class="page-item <%= i==page?'active':'' %>"><a href="/threads?page=<%= i %>" class="page-link"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a>
-          </li>
+            </a></li>
+          <% } %>
+          <% if (pages-1 > page) { %>
+          <li class="page-item"><a href="/threads?page=<%= page+1 %>" class="page-link">Next</a></li>
           <% } %>
-          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
-            <a class="page-link" href="/threads?page=<%= page+1 %>">Next</a>
-          </li>
         </ul>
       </nav>
     </div>

src/themes/bootstrap_black/views/user.ejs

@@ -47,7 +47,7 @@
                 <img onclick="location.href='/users/<%=member.id%>/avatar'" src="<%=member.avatar %>" alt="Generic placeholder image" class="img-fluid img-thumbnail mt-4 mb-2" style="width: 150px; z-index: 1">
                 <% if(user?.admin || user?.id === member.id){ %>
                 <a href="/users/<%=member.id%>/edit" type="button" class="btn btn-outline-dark" data-mdb-ripple-color="dark" style="z-index: 1;">
-                  Profile Settings
+                  Edit profile
                 </a>
                 <% if (member.deleted) {%>
                 <a id="undelete" class="btn btn-outline-dark">Undelete user</a>
@@ -83,29 +83,28 @@
 
 
 
+            <% if (member.about?.length) { %>
 
             <div class="card-body p-4 text-black">
               <div class="mb-5">
                 <p class="lead fw-normal mb-1" style="color: aliceblue;">About</p>
-                <% if (member.about?.length) { %>
                 <div class="p-4" style="background-color: #f8f9fa;">
                   <p id="about" class="font-italic mb-1"><%= member.about %></p>
                 </div>
                 <script src="/libs/showdown/showdown.min.js"></script>
                 <script>
                   const converter = new showdown.Converter();
-                  const about = document.getElementById("about");
+                  const about = document.getElementById("about")
                   about.innerHTML = converter.makeHtml(about.innerText);
                 </script>
-                <% } %>
               </div>
+              <% } %>
 
               <div class="d-flex justify-content-between align-items-center mb-4">
                 <!--
                 <p class="lead fw-normal mb-0">Recent photos</p>
                 <p class="mb-0"><a href="#!" class="text-muted">Show all</a></p>
               -->
-
                 <% if (!member.discordID && discord && user?.id === member.id) { %>
                 <a href="<%=discord%>" class="btn-outline-primary">Discord auth</a>
                 <% } else if(member.discordID && user?.id === member.id) { %>
@@ -118,8 +117,9 @@
                   <option><%= ip %></option>
                   <% } %>
                 </select>
-                <a id="ban" class="btn-outline-primary">Ban All IPs</a>
                 <% } %>
+
+
               </div>
             </div>
           </div>
@@ -128,10 +128,22 @@
     </div>
   </section>
 
+
+
+
+
+  <div class="usercontent">
     <% if(user?.admin || user?.id === member.id){ %>
+    <nav class="navbar navbar-expand-lg navbar-light bg-light">
+
+      <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+
+      </ul>
+
       <script type="module">
         import request from "../../js/request.js";
 
+
         document.addEventListener("click", async e => {
           if (e.target.id == "delete") {
             const response = await request("/api/users/<%= member.id %>", "DELETE");
@@ -151,15 +163,18 @@
             });
             alert(await response.text());
             location.reload()
-      } else if (e.target.id == "ban") {
-        const response = await fetch("/api/users/<%= member.id %>/ban", { method: "POST" });
-        alert("All IPs of user is banned.");
-      }
+          } else if (e.target.id == "toogle")
+            document.getElementById('user-edit').classList.toggle('no-active')
+
         });
       </script>
+    </nav>
 
     <% } %>
 
+
+
+  </div>
   <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
 
 </body>

src/themes/bootstrap_black/views/users.ejs

@@ -24,23 +24,21 @@
   </div>
   <% if(typeof page === "number"){ %>
     <div class="mb-3 clearfix">
-      <nav aria-label="Navigate post pages">
-        <ul class="pagination justify-content-center">
-          <li class="page-item <%= page > 0 ?"": "disabled" %>">
-            <a class="page-link" href="/users?page=<%= page-1 %>" tabindex="-1">Back</a>
-          </li>
+      <nav aria-label="Navigate post pages" class="float-lg-right">
+        <ul class="pagination pagination-sm mb-lg-0">
+          <% if (page > 0){ %>
+          <li class="page-item"><a href="/users?page=<%= page-1 %>" class="page-link">Back</a></li>
+          <% } %>
           <% for(let i=0; i < pages; i++){ %>
-          <li class="page-item">
-            <a class="page-link <%= i==page?'active':'' %>" href="/users?page=<%= i %>"><%= i+1 %>
+          <li class="page-item <%= i==page?'active':'' %>"><a href="/users?page=<%= i %>" class="page-link"><%= i+1 %>
               <% if (i==page){ %>
               <span class="sr-only">(current)</span>
               <% } %>
-            </a>
-          </li>
+            </a></li>
+          <% } %>
+          <% if (pages-1 > page) { %>
+          <li class="page-item"><a href="/users?page=<%= page+1 %>" class="page-link">Next</a></li>
           <% } %>
-          <li class="page-item <%= pages-1 > page ?"": "disabled" %>">
-            <a class="page-link" href="/users?page=<%= page+1 %>">Next</a>
-          </li>
         </ul>
       </nav>
     </div>

src/themes/common/public/main.css

@@ -1,21 +1,5 @@
-/* akf-forum default theme config file */
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 
-:root {
-    --main: #4d18e6;
-    --btn-clr-1: #e8e8e8;
-    --menu-item: #ffffff;
-    --borders: #d9d9d9;
-    --input-clr: #414141;
-    --box-shadow: #c3c3c3;
-    --second: #747474;
-    --anti: #151515;
-    --t-username: #555;
-    --important: red;
-    background-color: #ffffff;
-}
-
-
 * {
     box-sizing: border-box;
 }

src/themes/common/views/avatar_upload.ejs

@@ -0,0 +1,115 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
+
+<body style="text-align: center;">
+  <link rel="stylesheet" href="/libs/cropper/cropper.css">
+  <style>
+    .container {
+      margin: 20px auto;
+      max-width: 640px;
+    }
+
+    img {
+      max-width: 100%;
+    }
+
+    .cropper-view-box,
+    .cropper-face {
+      border-radius: 50%;
+    }
+
+    .cropper-view-box {
+      outline: 0;
+      box-shadow: 0 0 0 1px #39f;
+    }
+  </style>
+  <script src="/libs/cropper/cropper.js"></script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
+
+
+
+  <div class="container">
+    <h1>Upload avatar for <%= member.name %></h1>
+
+    <input type="file" id="file-input">
+    <img id="image" src="<%= member.avatar %>">
+    <p>
+      <button type="button" id="button">Upload</button>
+    </p>
+    <file id="cropped-image" name="avatar">
+      <form id="form"></form>
+
+  </div>
+  <script>
+    function b64toBlob(b64Data, contentType = "", sliceSize = 512) {
+
+      const byteCharacters = atob(b64Data);
+      const byteArrays = [];
+
+      for (let offset = 0; offset < byteCharacters.length; offset += sliceSize) {
+        const slice = byteCharacters.slice(offset, offset + sliceSize);
+
+        const byteNumbers = new Array(slice.length);
+        for (let i = 0; i < slice.length; i++)
+          byteNumbers[i] = slice.charCodeAt(i);
+        const byteArray = new Uint8Array(byteNumbers);
+        byteArrays.push(byteArray);
+      }
+      const blob = new Blob(byteArrays, {
+        type: contentType
+      });
+      return blob;
+    }
+  </script>
+  <script>
+    const image = document.getElementById('image');
+    const button = document.getElementById('button');
+    const reader = new FileReader();
+
+    document.getElementById("file-input")
+      .addEventListener("change", function() {
+        reader.onload = () => {
+          image.src = reader.result;
+
+          let croppable = false;
+          const cropper = new Cropper(image, {
+            aspectRatio: 1,
+            viewMode: 1,
+            ready: function() {
+              croppable = true;
+            },
+          });
+
+          button.onclick = async () => {
+            if (!croppable) return;
+
+            const croppedCanvas = cropper.getCroppedCanvas();
+            const croppedImage = document.getElementById('cropped-image');
+            const body = new FormData(document.createElement('form'))
+            const block = croppedCanvas.toDataURL().split(";");
+            const contentType = block[0].split(":")[1];
+            const realData = block[1].split(",")[1];
+            body.append('avatar', b64toBlob(realData, contentType));
+
+            const res = await fetch('/api/users/<%= member.id %>/avatar', {
+              method: 'POST',
+              body
+            }).then(res => res.json());
+
+            if (res.error) return alert(res.error);
+            alert('Success!');
+            location.reload();
+          };
+        }
+        reader.readAsDataURL(event.target.files[0]);
+      });
+  </script>
+
+  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
+
+</body>
+
+</html>

src/themes/common/views/extra/footer.ejs

@@ -4,8 +4,7 @@
       <% for(const theme of dataset.themes){%>
       <option value="<%= theme.codename %>"><%= theme.name %></option>
       <% } %>
-    </select>  <script src="/js/theme.js"></script>
-
+    </select>
     <script>
       const theme_select = document.getElementById("theme_select");
       theme_select.querySelector(`option[value=<%= user.theme.codename %>]`).selected = true;

src/themes/common/views/extra/navbar.ejs

@@ -0,0 +1,44 @@
+<% if (user?.admin){ %>
+    <div class="admin-bar">
+      <a href="/admin" class="admin-bar">Click here to reach admin panel</a>
+    </div>
+    <% } %>
+    
+    <div class="header">
+      <a class="logo" href="/"><%= dataset.forum_name.toUpperCase() %></a>
+      <div class="buttons">
+    
+        <% if (user){ %>
+        <a href="<%=user.getLink() %>" class="btn-outline-primary">
+          <div class="box-username"><%= user.name %>
+            <div class="avatar"><img src="<%=user.avatar %>"></div>
+          </div>
+        </a>
+        <a id="logout" href="/login" class="btn-primary">Logout</a>
+        <% } else { %>
+    
+        <a id="login" href="/login" class="btn-primary">Login</a>
+        <a href="/register" class="btn-outline-primary">Register</a>
+        <script>
+          document.getElementById("login").href += "?redirect=" + location.pathname;
+        </script>
+        <% } %>
+    
+      </div>
+    </div>
+    <div class="menu">
+      <a href="/threads/create/" class="menu-item">Create Thread</a>
+      <a href="/categories" class="menu-item">Categories</a>
+      <a href="/threads" class="menu-item">Threads</a>
+      <a href="/users" class="menu-item">Users</a>
+      <a href="/search" class="menu-item">Search</a>
+      <script>
+        const menuItems = document.getElementsByClassName("menu-item");
+    
+        for (let i = 0; i < menuItems.length; i++)
+          if (window.location.pathname.includes(menuItems[i].getAttribute("href"))) {
+            menuItems[i].classList.add("active-menu");
+            break;
+          }
+      </script>
+    </div>

src/themes/default/views/avatar_upload.ejs

@@ -1,55 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Avatar Upload Panel!" }) %>
-
-<body style="text-align: center;">
-  <link rel="stylesheet" href="/libs/cropper/cropper.css">
-  <style>
-    .container {
-      margin: 20px auto;
-      max-width: 640px;
-    }
-
-    img {
-      max-width: 100%;
-    }
-
-    .cropper-view-box,
-    .cropper-face {
-      border-radius: 50%;
-    }
-
-    .cropper-view-box {
-      outline: 0;
-      box-shadow: 0 0 0 1px #39f;
-    }
-  </style>
-  <script src="/libs/cropper/cropper.js"></script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-
-  <div class="container">
-    <h1>Upload avatar for <%= member.name %></h1>
-
-    <input type="file" id="file-input">
-    <img id="image" src="<%= member.avatar %>">
-    <p>
-      <button type="button" id="button">Upload</button>
-    </p>
-    <file id="cropped-image" name="avatar">
-      <form id="form"></form>
-
-  </div>
-  <script>
-    const MEM_ID="<%= member.id %>";
-  </script>
-  <script src="/js/avatar.js"></script>
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/default/views/config.ejs

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Edit Forum Config!" }) %>
-
-<body style="text-align: center;">
-    <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-    <h1>Edit forum config</h1>
-    <textarea rows="30" cols="75"><%= config %></textarea>
-    <a onclick="send();" class="btn-primary">Edit config</a>
-    <script>
-        const textarea = document.querySelector('textarea');
-        async function send() {
-            const res = await fetch('/api/config?text', {
-                method: 'PUT',
-                body: textarea.value,
-                headers: {
-                    'Content-Type': 'application/json'
-                }
-            })
-            if (res.error) return alert(res.error);
-            alert('Success!');
-            textarea.value=JSON.stringify( await res.json(),null,4)
-        
-        }
-  </script>
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/default/views/error.ejs

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: type+" error!" }) %>
-
-
-<body style="text-align: center;">
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <h1 style="color: var(--main);"><%= type %></h1>
-  <h2 style="color: var(--second);"><%= error %></h2>
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-  
-</body>
-
-</html>

src/themes/default/views/extra/navbar.ejs

@@ -1,44 +0,0 @@
-<% if (user?.admin){ %>
-<div class="admin-bar">
-  <a href="/admin" class="admin-bar">Click here to reach admin panel</a>
-</div>
-<% } %>
-
-<div class="header">
-  <a class="logo" href="/"><%= dataset.forum_name.toUpperCase() %></a>
-  <div class="buttons">
-
-    <% if (user){ %>
-    <a href="<%=user.getLink() %>" class="btn-outline-primary">
-      <div class="box-username"><%= user.name %>
-        <div class="avatar"><img src="<%=user.avatar %>"></div>
-      </div>
-    </a>
-    <a id="logout" href="/login" class="btn-primary">Logout</a>
-    <% } else { %>
-
-    <a id="login" href="/login" class="btn-primary">Login</a>
-    <a href="/register" class="btn-outline-primary">Register</a>
-    <script>
-      document.getElementById("login").href += "?redirect=" + location.pathname;
-    </script>
-    <% } %>
-
-  </div>
-</div>
-<div class="menu">
-  <a href="/threads/create/" class="menu-item">Create Thread</a>
-  <a href="/categories" class="menu-item">Categories</a>
-  <a href="/threads" class="menu-item">Threads</a>
-  <a href="/users" class="menu-item">Users</a>
-  <a href="/search" class="menu-item">Search</a>
-  <script>
-    const menuItems = document.getElementsByClassName("menu-item");
-
-    for (let i = 0; i < menuItems.length; i++)
-      if (window.location.pathname.includes(menuItems[i].getAttribute("href"))) {
-        menuItems[i].classList.add("active-menu");
-        break;
-      }
-  </script>
-</div>

src/themes/default/views/messages.ejs

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title:"Message search!" }) %>
-
-
-<body style="text-align: center;">
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <div id="messages">
-
-    <% messages.filter(Boolean).forEach(message=>{ %>
-
-    <div class="message" id="message-<%= message.id %>">
-      <div class="left">
-        <img src="<%= message.author.avatar %>" />
-        <div class="username"><a href="/users/<%=message.authorID %>"><%=message.author.name %></a></div>
-        <div class="date">
-          <%= new Date(message.time).toLocaleDateString() %>
-        </div>
-        <div class="date">
-          <%= new Date(message.time).toLocaleTimeString() %>
-        </div>
-      </div>
-      <div class="content"><%- message.content %></div>
-    </div>
-
-    <% }); %>
-  </div>
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/default/views/register.ejs

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Register!" }) %>
-
-
-<body style="text-align: center;">
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <h1 class="title">Register</h1>
-
-
-  <form class="login" action="/register" method="post">
-    <input type="email" name="email" placeholder="Email" class="input" required>
-    <input type="text" name="name" placeholder="Username" class="input" required>
-    <input type="password" name="password" placeholder="Password" class="input" required>
-    <textarea class="input" name="about" rows="4" placeholder="About you... You can use markdown"></textarea>
-    <input type="submit" class="btn-primary" style="width:100%;" value="Register">
-  </form>
-  <% if(discord) { %>
-    <a href="<%=discord%>" class="btn-outline-primary">Auth with discord</a>
-    <% } %>
-    <a href="/login" class="btn-outline-primary">Login</a>
-
-
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/default/views/search.ejs

@@ -1,35 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Search page!" }) %>
-
-
-<body style="text-align: center;">
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <h1 class="title">Search</h1>
-
-  <div class="search">
-    <form action="/search/users" method="GET">
-      <input type="text" class="input" name="q" placeholder="Search for users" />
-      <input type="submit" class="btn-primary" value="Search" />
-    </form>
-
-    <form action="/search/messages" method="GET">
-      <input type="text" class="input" name="q" placeholder="Search for messages" />
-      <input type="text" class="input" name="authorID" placeholder="(Not Required) Author id" />
-      <input type="submit" value="Search" class="btn-primary" />
-    </form>
-
-    <form action="/search/threads" method="GET">
-      <input type="text" class="input" name="q" placeholder="Search for threads" />
-      <input type="text" class="input" name="authorID" placeholder="(Not Required) Author id" />
-      <input type="submit" value="Search" class="btn-primary" />
-    </form>
-  </div>
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/footer")) %>
-
-</body>
-
-</html>

src/themes/default/views/setup.ejs

@@ -1,32 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<%- include(dataset.getFile(dataset.theme.codename +"/views/extra/meta"), {title: "Setup the Akf-forum!" }) %>
-
-
-<body style="text-align: center;">
-  <%- include(dataset.getFile(dataset.theme.codename +"/views/extra/navbar")) %>
-
-
-  <h1 style="color: var(--main);">Setup</h1>
-  <h2 style="color: var(--second);">There is default settings for akf-forum, you not need to edit them, but you can! And, the first registered user will be admin.</h2>
-  <form class="search" method="POST">
-    Forum name:
-    <input class="input" type="text" name="forum_name" value="akf-forum" required>
-    Forum description:
-    <input class="input" type="text" name="description" value="Akf-forum!" required>
-    Default state for new threads, change with "APPROVAL" for approval system:
-    <input class="input" type="text" name="default_thread_state" value="OPEN" required>
-    Default state for new users, change with "APPROVAL" for approval system:
-    <input class="input" type="text" name="default_user_state" value="ACTIVE" required>
-    Domain of the forum, defaulty setted:
-    <input class="input" type="text" name="host" id="domain" value="Akf-forum!" required>
-   
-    <input type="submit" class="btn-primary" value="Setup">
-  </form>
-  <script>
-    document.getElementById("domain").value = location.origin;
-  </script>
-</body>
-
-</html>

src/themes/default_black/index.js

@@ -0,0 +1,6 @@
+module.exports = {
+    name: "Default Black",
+    codename: "default_black",
+    description: "A black theme over the default white theme. Edited by Akif9748, Created by Tokmak.",
+    author: "Akif9748 & Tokmak"
+}

src/themes/default_black/public/main.css

@@ -0,0 +1,15 @@
+/*
+akf-forum black theme config file
+*/
+:root {
+    --main: #ac8fff;
+    --btn-clr-1: #e8e8e8;
+    --menu-item: #ffffff;
+    --borders: #d9d9d9;
+    --input-clr: #dcdcdc;
+    --box-shadow: #c3c3c3;
+    --second: #9f9f9f;
+    --anti: #ebebeb;
+    --t-username: rgb(236 236 236);
+    background-color: #000000;
+}

src/themes/default_black/views/extra/footer.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/footer")) %>

src/themes/default_black/views/extra/meta.ejs

@@ -4,5 +4,6 @@
   <title><%= title || dataset.forum_name %></title>
   <meta name="description" content="<%= dataset.description %>">
   <link rel="icon" type="image/x-icon" href="/favicon.ico">
-  <link rel="stylesheet" href="/themes/default/main.css" />
+  <link rel="stylesheet" href="/themes/default_black/main.css" />
+  <link rel="stylesheet" href="/themes/common/main.css" />
 </head>

src/themes/default_black/views/extra/navbar.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/navbar")) %>

src/themes/default_black/views/extra/usermenu.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/usermenu")) %>

src/themes/default_white/index.js

@@ -1,6 +1,6 @@
 module.exports = {
     name: "Default White",
-    codename: "default",
+    codename: "default_white",
     description: "Default white theme created by Tokmak.",
     author: "Tokmak"
 }

src/themes/default_white/public/main.css

@@ -0,0 +1,15 @@
+/* akf-forum default theme config file */
+
+:root {
+    --main: #4d18e6;
+    --btn-clr-1: #e8e8e8;
+    --menu-item: #ffffff;
+    --borders: #d9d9d9;
+    --input-clr: #414141;
+    --box-shadow: #c3c3c3;
+    --second: #747474;
+    --anti: #151515;
+    --t-username: #555;
+    --important: red;
+    background-color: #ffffff;
+}

src/themes/default_white/views/extra/footer.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/footer")) %>

src/themes/default_white/views/extra/meta.ejs

@@ -0,0 +1,9 @@
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title><%= title || dataset.forum_name %></title>
+  <meta name="description" content="<%= dataset.description %>">
+  <link rel="icon" type="image/x-icon" href="/favicon.ico">
+  <link rel="stylesheet" href="/themes/default_white/main.css" />
+  <link rel="stylesheet" href="/themes/common/main.css" />
+</head>

src/themes/default_white/views/extra/navbar.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/navbar")) %>

src/themes/default_white/views/extra/usermenu.ejs

@@ -0,0 +1 @@
+<%- include(dataset.getFile("common/views/extra/usermenu")) %>

util/admin.js

@@ -1,7 +1,7 @@
 const mongoose = require("mongoose");
 require("dotenv").config();
 
-mongoose.connect(process.env.MONGO_DB_URL);
+mongoose.connect(process.env.MONGO_DB_URL, () => console.log("Database is connected"));
 
 const { UserModel } = require("../src/models");
 (async () => {

util/reset.js

@@ -1,7 +1,7 @@
 const mongoose = require("mongoose");
 require("dotenv").config();
 
-mongoose.connect(process.env.MONGO_DB_URL);
+mongoose.connect(process.env.MONGO_DB_URL, () => console.log("Database is connected"));
 
 const Models = require("../src/models");