148 |
148 |
149 |
150 | ## Feedback & Suggestion
151 |
152 | If you have any feedback or suggestion, please reach out to us at [Discord Community](https://discord.gg/ethical-programmer-s-1188398653530984539)
153 |
154 |
155 | ## Support
156 |
157 | For support & questions, join our Discord server: [Discord Community](https://discord.gg/ethical-programmer-s-1188398653530984539).
--------------------------------------------------------------------------------
/admin/dashboard.js:
--------------------------------------------------------------------------------
1 | const express = require('express');
2 | const bodyParser = require('body-parser');
3 | const fs = require('fs');
4 | const path = require('path');
5 | const app = express();
6 | const port = 3000;
7 | const client = require('../src/index')
8 | const multer = require('multer');
9 | const upload = multer();
10 | const { getActivities } = require('../src/functions/handlers/handleCommands');
11 |
12 | app.use(bodyParser.urlencoded({ extended: true }));
13 | app.use(express.static(path.join(__dirname, 'public')));
14 | app.use(upload.fields([{ name: 'new-bot-avatar' }, { name: 'new-bot-banner' }]));
15 |
16 |
17 |
18 | function loadConfig() {
19 | const configPath = path.join(__dirname, '../config.json');
20 | if (fs.existsSync(configPath)) {
21 | return JSON.parse(fs.readFileSync(configPath, 'utf-8'));
22 | }
23 | return {};
24 | }
25 |
26 | app.get('/', (req, res) => {
27 | res.sendFile(path.join(__dirname, 'views', 'index.html'));
28 | });
29 |
30 | app.get('/bot', (req, res) => {
31 | res.sendFile(path.join(__dirname, 'views', 'botprofile.html'));
32 | });
33 |
34 | app.get('/config', (req, res) => {
35 | res.sendFile(path.join(__dirname, 'views', 'config.html'));
36 | });
37 |
38 | app.get('/commands', (req, res) => {
39 | res.sendFile(path.join(__dirname, 'views', 'commands.html'));
40 | });
41 |
42 | app.get('/errors', (req, res) => {
43 | res.sendFile(path.join(__dirname, 'views', 'errors.html'));
44 | });
45 |
46 | app.get('/guilds', (req, res) => {
47 | res.sendFile(path.join(__dirname, 'views', 'guilds.html'));
48 | });
49 |
50 | app.get('/api/bot-info', async (req, res) => {
51 | try {
52 |
53 | const fetchedUser = await client.users.fetch(client.user.id, { force: true });
54 | const botStatus = client.presence.status;
55 | const botName = client.user.username;
56 | const botAvatar = `https://cdn.discordapp.com/avatars/${client.user.id}/${client.user.avatar}.png`;
57 |
58 | const botId = client.user.id;
59 | const botBanner = `https://cdn.discordapp.com/banners/${client.user.id}/${fetchedUser.banner}.png`;
60 |
61 | const isVerified = client.user.verified;
62 | res.json({
63 | botStatus,
64 | botName,
65 | botId,
66 | botBanner,
67 | botAvatar,
68 | isVerified
69 | })
70 | } catch (err) {
71 | console.error('Error fetching bot info:', err);
72 | res.status(500).json({ error: 'Internal Server Error' });
73 | }
74 | })
75 |
76 | app.post('/api/update-bot', async (req, res) => {
77 | const { newBotName } = req.body;
78 |
79 | if (newBotName) {
80 | try {
81 | await client.user.setUsername(newBotName);
82 | } catch (error) {
83 | console.error('Error updating bot name:', error);
84 | return res.json({ success: false, message: 'Failed to update bot name' });
85 | }
86 | }
87 |
88 | // Update bot avatar if provided
89 | const avatarFile = req.files['new-bot-avatar']?.[0];
90 | if (avatarFile) {
91 | try {
92 | await client.user.setAvatar(avatarFile.buffer); // Use buffer for the image
93 | } catch (error) {
94 | console.error('Error updating bot avatar:', error);
95 | return res.json({ success: false, message: 'Failed to update bot avatar' });
96 | }
97 | }
98 |
99 | const bannerFile = req.files['new-bot-banner']?.[0];
100 | if (bannerFile) {
101 | try {
102 | await client.user.setBanner(bannerFile.buffer);
103 | } catch (error) {
104 | console.error('Error updating bot banner:', error);
105 | return res.json({ success: false, message: 'Failed to update bot banner' });
106 | }
107 | }
108 |
109 | return res.json({ success: true });
110 | });
111 |
112 | app.get('/api/guilds', async (req, res) => {
113 | const guildsData = client.guilds.cache.map(guild => ({
114 | id: guild.id,
115 | name: guild.name,
116 | icon: guild.iconURL(),
117 | memberCount: guild.memberCount,
118 | }));
119 |
120 | res.json(guildsData);
121 | });
122 |
123 | app.get('/api/bot-stats', async (req, res) => {
124 | try {
125 | const totalServers = client.guilds.cache.size;
126 | const totalCommands = (client.commands ? client.commands.size : 0) + (client.prefix ? client.prefix.size : 0);
127 | const botName = client.user.username;
128 | const botIcon = `https://cdn.discordapp.com/avatars/${client.user.id}/${client.user.avatar}.png`;
129 | let totalUsers = 0;
130 | client.guilds.cache.forEach(guild => {
131 | totalUsers += guild.memberCount;
132 | });
133 |
134 | res.json({
135 | totalServers,
136 | totalUsers,
137 | totalCommands,
138 | botName,
139 | botIcon
140 | });
141 | } catch (err) {
142 | console.error('Error fetching bot stats:', err);
143 | res.status(500).json({ error: 'Internal Server Error' });
144 | }
145 | });
146 |
147 | app.post('/update-config', (req, res) => {
148 | // Load the existing config
149 | const currentConfig = loadConfig();
150 |
151 | // Update only the fields that are provided
152 | const newConfig = {
153 | bot: {
154 | ...currentConfig.bot, // Keep existing values
155 | ...(req.body.token && { token: req.body.token }), // Update token if provided
156 | ...(req.body.id && { id: req.body.id }), // Update id if provided
157 | ...(req.body.admins && { admins: req.body.admins.split(',') }), // Update admins if provided
158 | ...(req.body.ownerId && { ownerId: req.body.ownerId }), // Update ownerId if provided
159 | ...(req.body.developerCommandsServerIds && {
160 | developerCommandsServerIds: req.body.developerCommandsServerIds.split(','),
161 | }), // Update developerCommandsServerIds if provided
162 | },
163 | database: {
164 | ...(currentConfig.database || {}),
165 | ...(req.body.mongodbUrl && { mongodbUrl: req.body.mongodbUrl }),
166 | },
167 | logging: {
168 | ...(currentConfig.logging || {}),
169 | ...(req.body.guildJoinLogsId && { guildJoinLogsId: req.body.guildJoinLogsId }),
170 | ...(req.body.guildLeaveLogsId && { guildLeaveLogsId: req.body.guildLeaveLogsId }),
171 | ...(req.body.commandLogsChannelId && { commandLogsChannelId: req.body.commandLogsChannelId }),
172 | ...(req.body.errorLogs && { errorLogs: req.body.errorLogs }),
173 | },
174 | prefix: {
175 | ...(currentConfig.prefix || {}),
176 | ...(req.body.prefix && { value: req.body.prefix }),
177 | },
178 | };
179 |
180 | fs.writeFileSync(path.join(__dirname, '../config.json'), JSON.stringify(newConfig, null, 2));
181 | res.redirect('/config?success=true');
182 | });
183 |
184 | app.get('/api/commands', (req, res) => {
185 | const slashCommandsDir = path.join(__dirname, '../src/commands');
186 | const prefixCommandsDir = path.join(__dirname, '../src/messages');
187 | const commands = {
188 | slash: [],
189 | prefix: []
190 | };
191 |
192 | // A function to read commands from a directory
193 | function readCommands(dir, commandArray, type) {
194 | return new Promise((resolve, reject) => {
195 | fs.readdir(dir, (err, files) => {
196 | if (err) {
197 | return reject(`Error reading ${type} commands`);
198 | }
199 |
200 | const promises = files.map(file => {
201 | const filePath = path.join(dir, file);
202 | return new Promise((resolveFile, rejectFile) => {
203 | fs.stat(filePath, (err, stats) => {
204 | if (err) {
205 | return rejectFile('Error reading file stats');
206 | }
207 |
208 | if (stats.isDirectory()) {
209 | readCommands(filePath, commandArray, type).then(resolveFile).catch(rejectFile);
210 | } else if (path.extname(file) === '.js') {
211 | const command = require(filePath);
212 | if (type === 'slash') {
213 | commandArray.push({
214 | name: command.data.name,
215 | description: command.data.description
216 | });
217 | } else {
218 | commandArray.push({
219 | name: command.name,
220 | description: command.description
221 | });
222 | }
223 | resolveFile();
224 | } else {
225 | resolveFile(); // Handle non-JS files gracefully
226 | }
227 | });
228 | });
229 | });
230 |
231 | // Wait for all promises to resolve
232 | Promise.all(promises).then(resolve).catch(reject);
233 | });
234 | });
235 | }
236 |
237 | // Read slash commands and then prefix commands
238 | readCommands(slashCommandsDir, commands.slash, 'slash')
239 | .then(() => readCommands(prefixCommandsDir, commands.prefix, 'prefix'))
240 | .then(() => {
241 | res.json(commands); // Send response after both commands are read
242 | })
243 | .catch(err => {
244 | console.error(err);
245 | res.status(500).json({ error: err });
246 | });
247 | });
248 |
249 | app.get('/api/activities', (req, res) => {
250 | const activities = getActivities();
251 | res.json(activities);
252 | });
253 |
254 | app.get('/api/errors', (req, res) => {
255 | const errorsDir = path.join(__dirname, '../errors'); // Path to the errors folder
256 |
257 | // Ensure that the folder exists
258 | if (!fs.existsSync(errorsDir)) {
259 | return res.json({ errors: [], message: 'No errors found' });
260 | }
261 |
262 | // Read the files from the errors folder
263 | fs.readdir(errorsDir, (err, files) => {
264 | if (err) {
265 | return res.status(500).json({ error: 'Unable to read error logs' });
266 | }
267 |
268 | // Sort files by date (latest first)
269 | files.sort((a, b) => fs.statSync(path.join(errorsDir, b)).mtime - fs.statSync(path.join(errorsDir, a)).mtime);
270 |
271 | // Prepare an array to store errors
272 | const errorLogs = [];
273 |
274 | // Read the content of each error file
275 | files.forEach(file => {
276 | const filePath = path.join(errorsDir, file);
277 | const content = fs.readFileSync(filePath, 'utf8');
278 | errorLogs.push({ fileName: file, content });
279 | });
280 |
281 | // Send the error logs to the front-end
282 | res.json({ errors: errorLogs });
283 | });
284 | });
285 |
286 | // Start the server
287 | app.listen(port, () => {
288 | console.log(`Admin dashboard running at http://localhost:${port}`);
289 | });
290 |
--------------------------------------------------------------------------------
/admin/public/botProfile.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --primary-color: #a69cec;
3 | --secondary-color: #00cec9;
4 | --background-color: #2d3436;
5 | --card-background: rgba(255, 255, 255, 0.1);
6 | --text-color: #ffffff;
7 | --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
8 | --success-color: #2ecc71;
9 | --error-color: #e74c3c;
10 | }
11 |
12 | * {
13 | margin: 0;
14 | padding: 0;
15 | box-sizing: border-box;
16 | }
17 |
18 | body {
19 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
20 | background: linear-gradient(135deg, var(--background-color), #4834d4);
21 | color: var(--text-color);
22 | line-height: 1.6;
23 | min-height: 100vh;
24 | }
25 |
26 | .navbar {
27 | background-color: rgba(255, 255, 255, 0.1);
28 | backdrop-filter: blur(10px);
29 | padding: 1rem 2rem;
30 | display: flex;
31 | justify-content: space-between;
32 | align-items: center;
33 | position: fixed;
34 | width: 100%;
35 | top: 0;
36 | z-index: 1000;
37 | }
38 |
39 | .logo {
40 | font-size: 1.5rem;
41 | font-weight: bold;
42 | color: var(--text-color);
43 | }
44 |
45 | nav ul {
46 | list-style-type: none;
47 | display: flex;
48 | gap: 2rem;
49 | }
50 |
51 | .nav-link {
52 | color: var(--text-color);
53 | text-decoration: none;
54 | font-weight: bold;
55 | transition: color 0.3s ease, border-bottom 0.3s ease;
56 | padding-bottom: 0.25rem;
57 | }
58 |
59 | .nav-link:hover {
60 | color: var(--secondary-color);
61 | border-bottom: 2px solid var(--secondary-color);
62 | }
63 |
64 | .container {
65 | max-width: 1200px;
66 | margin: 0 auto;
67 | padding: 6rem 2rem 2rem;
68 | }
69 |
70 | .title {
71 | text-align: center;
72 | margin-bottom: 2rem;
73 | font-size: 2.5rem;
74 | color: var(--secondary-color);
75 | }
76 |
77 | .bot-info {
78 | background-color: var(--card-background);
79 | border-radius: 10px;
80 | padding: 2rem;
81 | box-shadow: var(--card-shadow);
82 | margin-bottom: 2rem;
83 | animation: fadeInUp 0.5s ease;
84 | }
85 |
86 | .bot-header {
87 | display: flex;
88 | align-items: center;
89 | margin-bottom: 1rem;
90 | }
91 |
92 | .bot-avatar {
93 | width: 100px;
94 | height: 100px;
95 | border-radius: 50%;
96 | object-fit: cover;
97 | margin-right: 1rem;
98 | border: 3px solid var(--primary-color);
99 | }
100 |
101 | .bot-name-status {
102 | flex-grow: 1;
103 | }
104 |
105 | .bot-name {
106 | font-size: 1.5rem;
107 | color: var(--secondary-color);
108 | margin-bottom: 0.5rem;
109 | }
110 |
111 | .bot-banner {
112 | width: 100%;
113 | height: 200px;
114 | object-fit: cover;
115 | border-radius: 10px;
116 | margin-bottom: 1rem;
117 | }
118 |
119 | .bot-details {
120 | display: grid;
121 | grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
122 | gap: 1rem;
123 | }
124 |
125 | .bot-detail {
126 | background-color: rgba(255, 255, 255, 0.05);
127 | padding: 1rem;
128 | border-radius: 5px;
129 | }
130 |
131 | .bot-detail h3 {
132 | color: var(--secondary-color);
133 | margin-bottom: 0.5rem;
134 | }
135 |
136 | .bot-status {
137 | display: inline-block;
138 | padding: 0.25rem 0.5rem;
139 | border-radius: 20px;
140 | font-size: 0.9rem;
141 | font-weight: bold;
142 | }
143 |
144 | .status-online {
145 | background-color: var(--success-color);
146 | }
147 |
148 | .status-offline {
149 | background-color: var(--error-color);
150 | }
151 |
152 | .bot-actions {
153 | margin-top: 2rem;
154 | }
155 |
156 | .bot-actions h3 {
157 | color: var(--secondary-color);
158 | margin-bottom: 1rem;
159 | }
160 |
161 | .form-group {
162 | margin-bottom: 1rem;
163 | }
164 |
165 | .bot-button {
166 | display: flex;
167 | align-items: center;
168 | margin-left: 2rem;
169 | /* Adjust spacing as needed */
170 | }
171 |
172 | .bot-button .nav-link {
173 | display: flex;
174 | align-items: center;
175 | background-color: var(--secondary-color);
176 | padding: 0.5rem 1rem;
177 | border-radius: 20px;
178 | color: var(--text-color);
179 | transition: background-color 0.3s ease;
180 | }
181 |
182 | .bot-button .nav-link:hover {
183 | background-color: #009999;
184 | /* Darker shade for hover effect */
185 | }
186 |
187 | .bot-icon {
188 | width: 40px;
189 | height: 40px;
190 | border-radius: 50%;
191 | overflow: hidden;
192 | margin-right: 0.5rem;
193 | }
194 |
195 | .bot-icon img {
196 | width: 100%;
197 | height: 100%;
198 | object-fit: cover;
199 | }
200 |
201 | .bot-name {
202 | font-weight: bold;
203 | }
204 |
205 |
206 | label {
207 | display: block;
208 | margin-bottom: 0.5rem;
209 | color: var(--secondary-color);
210 | }
211 |
212 | input[type="text"],
213 | input[type="file"] {
214 | width: 100%;
215 | padding: 0.5rem;
216 | border: none;
217 | background-color: rgba(255, 255, 255, 0.1);
218 | color: var(--text-color);
219 | border-radius: 5px;
220 | }
221 |
222 | button {
223 | background-color: var(--primary-color);
224 | color: var(--text-color);
225 | border: none;
226 | padding: 0.5rem 1rem;
227 | border-radius: 5px;
228 | cursor: pointer;
229 | transition: background-color 0.3s ease;
230 | }
231 |
232 | button:hover {
233 | background-color: var(--secondary-color);
234 | }
235 |
236 | @keyframes fadeInUp {
237 | from {
238 | opacity: 0;
239 | transform: translateY(20px);
240 | }
241 |
242 | to {
243 | opacity: 1;
244 | transform: translateY(0);
245 | }
246 | }
247 |
248 | @media (max-width: 768px) {
249 | .container {
250 | padding: 5rem 1rem 1rem;
251 | }
252 |
253 | .bot-details {
254 | grid-template-columns: 1fr;
255 | }
256 |
257 | .bot-header {
258 | flex-direction: column;
259 | text-align: center;
260 | }
261 |
262 | .bot-avatar {
263 | margin-right: 0;
264 | margin-bottom: 1rem;
265 | }
266 | }
--------------------------------------------------------------------------------
/admin/public/commands.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --primary-color: #a69cec;
3 | --secondary-color: #00cec9;
4 | --background-color: #2d3436;
5 | --card-background: rgba(255, 255, 255, 0.1);
6 | --text-color: #ffffff;
7 | --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
8 | }
9 |
10 | * {
11 | margin: 0;
12 | padding: 0;
13 | box-sizing: border-box;
14 | }
15 |
16 | body {
17 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
18 | background: linear-gradient(135deg, var(--background-color), #4834d4);
19 | color: var(--text-color);
20 | line-height: 1.6;
21 | min-height: 100vh;
22 | }
23 |
24 | .navbar {
25 | background-color: rgba(255, 255, 255, 0.1);
26 | backdrop-filter: blur(10px);
27 | padding: 1rem 2rem;
28 | display: flex;
29 | justify-content: space-between;
30 | align-items: center;
31 | position: fixed;
32 | width: 100%;
33 | top: 0;
34 | z-index: 1000;
35 | }
36 |
37 | .logo {
38 | font-size: 1.5rem;
39 | font-weight: bold;
40 | color: var(--text-color);
41 | }
42 |
43 | nav ul {
44 | list-style-type: none;
45 | display: flex;
46 | gap: 2rem;
47 | }
48 |
49 | .nav-link {
50 | color: var(--text-color);
51 | text-decoration: none;
52 | font-weight: bold;
53 | transition: color 0.3s ease, border-bottom 0.3s ease;
54 | padding-bottom: 0.25rem;
55 | }
56 |
57 | .nav-link:hover {
58 | color: var(--secondary-color);
59 | border-bottom: 2px solid var(--secondary-color);
60 | }
61 |
62 | .container {
63 | max-width: 1200px;
64 | margin: 0 auto;
65 | padding: 6rem 2rem 2rem;
66 | }
67 |
68 | .title {
69 | text-align: center;
70 | margin-bottom: 2rem;
71 | font-size: 2.5rem;
72 | color: var(--secondary-color);
73 | }
74 |
75 | .commands-section {
76 | margin-bottom: 3rem;
77 | }
78 |
79 | h2 {
80 | color: var(--secondary-color);
81 | margin-bottom: 1.5rem;
82 | font-size: 1.8rem;
83 | }
84 |
85 | .command-cards {
86 | display: grid;
87 | grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
88 | gap: 1.5rem;
89 | }
90 |
91 | .command-card {
92 | background-color: var(--card-background);
93 | border-radius: 10px;
94 | padding: 1.5rem;
95 | box-shadow: var(--card-shadow);
96 | transition: transform 0.3s ease, box-shadow 0.3s ease;
97 | opacity: 0;
98 | transform: translateY(20px);
99 | animation: fadeInUp 0.5s ease forwards;
100 | }
101 |
102 | .command-card:hover {
103 | transform: translateY(-5px);
104 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
105 | }
106 |
107 | .bot-button {
108 | display: flex;
109 | align-items: center;
110 | margin-left: 2rem;
111 | /* Adjust spacing as needed */
112 | }
113 |
114 | .bot-button .nav-link {
115 | display: flex;
116 | align-items: center;
117 | background-color: var(--secondary-color);
118 | padding: 0.5rem 1rem;
119 | border-radius: 20px;
120 | color: var(--text-color);
121 | transition: background-color 0.3s ease;
122 | }
123 |
124 | .bot-button .nav-link:hover {
125 | background-color: #009999;
126 | /* Darker shade for hover effect */
127 | }
128 |
129 | .bot-icon {
130 | width: 40px;
131 | height: 40px;
132 | border-radius: 50%;
133 | overflow: hidden;
134 | margin-right: 0.5rem;
135 | }
136 |
137 | .bot-icon img {
138 | width: 100%;
139 | height: 100%;
140 | object-fit: cover;
141 | }
142 |
143 | .bot-name {
144 | font-weight: bold;
145 | }
146 |
147 |
148 | .command-card h3 {
149 | color: var(--primary-color);
150 | margin-bottom: 0.5rem;
151 | font-size: 1.2rem;
152 | }
153 |
154 | .command-card p {
155 | font-size: 0.9rem;
156 | color: rgba(255, 255, 255, 0.8);
157 | }
158 |
159 | @keyframes fadeInUp {
160 | to {
161 | opacity: 1;
162 | transform: translateY(0);
163 | }
164 | }
165 |
166 | @media (max-width: 768px) {
167 | .container {
168 | padding: 5rem 1rem 1rem;
169 | }
170 |
171 | .command-cards {
172 | grid-template-columns: 1fr;
173 | }
174 | }
--------------------------------------------------------------------------------
/admin/public/config.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --primary-color: #ff6b6b;
3 | --secondary-color: #4ecdc4;
4 | --background-color: #1a1a2e;
5 | --text-color: #ffffff;
6 | --input-background: #2a2a3e;
7 | --input-text: #ffffff;
8 | --button-hover: #ff8787;
9 | }
10 |
11 |
12 | body {
13 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
14 | background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
15 | color: var(--text-color);
16 | display: flex;
17 | justify-content: center;
18 | align-items: center;
19 | padding: 2rem;
20 | }
21 |
22 | .container {
23 | background: linear-gradient(135deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05));
24 | backdrop-filter: blur(10px);
25 | border-radius: 20px;
26 | padding: 2rem;
27 | width: 100%;
28 | box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
29 | }
30 |
31 | h1 {
32 | text-align: center;
33 | margin-bottom: 2rem;
34 | color: var(--secondary-color);
35 | font-size: 2.5rem;
36 | text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
37 | }
38 |
39 | form {
40 | display: grid;
41 | gap: 2rem;
42 | }
43 |
44 | .form-row {
45 | display: grid;
46 | grid-template-columns: repeat(3, 1fr);
47 | gap: 1.5rem;
48 | }
49 |
50 | .form-group {
51 | display: flex;
52 | flex-direction: column;
53 | }
54 |
55 | label {
56 | margin-bottom: 0.5rem;
57 | font-weight: bold;
58 | color: var(--secondary-color);
59 | }
60 |
61 | input {
62 | padding: 0.75rem;
63 | border: none;
64 | border-radius: 8px;
65 | background-color: var(--input-background);
66 | color: var(--input-text);
67 | font-size: 1rem;
68 | transition: all 0.3s ease;
69 | }
70 |
71 | input:focus {
72 | outline: none;
73 | box-shadow: 0 0 0 2px var(--secondary-color);
74 | }
75 |
76 | .submit-button {
77 | background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
78 | color: white;
79 | border: none;
80 | padding: 1rem;
81 | border-radius: 8px;
82 | font-size: 1.1rem;
83 | cursor: pointer;
84 | transition: all 0.3s ease;
85 | text-transform: uppercase;
86 | letter-spacing: 1px;
87 | font-weight: bold;
88 | width: 100%;
89 | max-width: 300px;
90 | justify-self: center;
91 | }
92 |
93 | .submit-button:hover {
94 | background: linear-gradient(135deg, var(--button-hover), var(--secondary-color));
95 | transform: translateY(-2px);
96 | box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
97 | }
98 |
99 | .form-group-special {
100 | position: relative;
101 | overflow: hidden;
102 | }
103 |
104 | .form-group-special::before {
105 | content: '';
106 | position: absolute;
107 | top: -50%;
108 | left: -50%;
109 | width: 200%;
110 | height: 200%;
111 | background: conic-gradient(from 0deg, transparent, var(--primary-color), transparent 30%);
112 | animation: rotate 4s linear infinite;
113 | z-index: -1;
114 | }
115 |
116 | .form-group-special label,
117 | .form-group-special input {
118 | position: relative;
119 | z-index: 1;
120 | }
121 |
122 | @keyframes rotate {
123 | 100% {
124 | transform: rotate(360deg);
125 | }
126 | }
127 |
128 | @media (max-width: 768px) {
129 | .container {
130 | padding: 1.5rem;
131 | }
132 |
133 | h1 {
134 | font-size: 2rem;
135 | }
136 |
137 | .form-row {
138 | grid-template-columns: 1fr;
139 | }
140 | }
--------------------------------------------------------------------------------
/admin/public/errors.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --primary-color: #6c5ce7;
3 | --secondary-color: #00cec9;
4 | --background-color: #2d3436;
5 | --card-background: rgba(255, 255, 255, 0.1);
6 | --text-color: #ffffff;
7 | --error-color: #ff6b6b;
8 | --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
9 | }
10 |
11 | * {
12 | margin: 0;
13 | padding: 0;
14 | box-sizing: border-box;
15 | }
16 |
17 | body {
18 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
19 | background: linear-gradient(135deg, var(--background-color), #4834d4);
20 | color: var(--text-color);
21 | line-height: 1.6;
22 | min-height: 100vh;
23 | }
24 |
25 | .navbar {
26 | background-color: rgba(255, 255, 255, 0.1);
27 | backdrop-filter: blur(10px);
28 | padding: 1rem 2rem;
29 | display: flex;
30 | justify-content: space-between;
31 | align-items: center;
32 | position: fixed;
33 | width: 100%;
34 | top: 0;
35 | z-index: 1000;
36 | }
37 |
38 | .logo {
39 | font-size: 1.5rem;
40 | font-weight: bold;
41 | color: var(--text-color);
42 | }
43 |
44 | nav ul {
45 | list-style-type: none;
46 | display: flex;
47 | gap: 2rem;
48 | }
49 |
50 | .nav-link {
51 | color: var(--text-color);
52 | text-decoration: none;
53 | font-weight: bold;
54 | transition: color 0.3s ease, border-bottom 0.3s ease;
55 | padding-bottom: 0.25rem;
56 | }
57 |
58 | .nav-link:hover {
59 | color: var(--secondary-color);
60 | border-bottom: 2px solid var(--secondary-color);
61 | }
62 |
63 | .container {
64 | max-width: 1200px;
65 | margin: 0 auto;
66 | padding: 6rem 2rem 2rem;
67 | }
68 |
69 | .title {
70 | text-align: center;
71 | margin-bottom: 2rem;
72 | font-size: 2.5rem;
73 | color: var(--secondary-color);
74 | }
75 |
76 | .error-container {
77 | background-color: var(--card-background);
78 | border-radius: 10px;
79 | padding: 1.5rem;
80 | box-shadow: var(--card-shadow);
81 | margin-bottom: 1.5rem;
82 | transition: transform 0.3s ease, box-shadow 0.3s ease;
83 | opacity: 0;
84 | transform: translateY(20px);
85 | animation: fadeInUp 0.5s ease forwards;
86 | }
87 |
88 | .error-container:hover {
89 | transform: translateY(-5px);
90 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
91 | }
92 |
93 | .error-container h3 {
94 | color: var(--error-color);
95 | margin-bottom: 1rem;
96 | font-size: 1.2rem;
97 | }
98 |
99 | .bot-button {
100 | display: flex;
101 | align-items: center;
102 | margin-left: 2rem;
103 | /* Adjust spacing as needed */
104 | }
105 |
106 | .bot-button .nav-link {
107 | display: flex;
108 | align-items: center;
109 | background-color: var(--secondary-color);
110 | padding: 0.5rem 1rem;
111 | border-radius: 20px;
112 | color: var(--text-color);
113 | transition: background-color 0.3s ease;
114 | }
115 |
116 | .bot-button .nav-link:hover {
117 | background-color: #009999;
118 | /* Darker shade for hover effect */
119 | }
120 |
121 | .bot-icon {
122 | width: 40px;
123 | height: 40px;
124 | border-radius: 50%;
125 | overflow: hidden;
126 | margin-right: 0.5rem;
127 | }
128 |
129 | .bot-icon img {
130 | width: 100%;
131 | height: 100%;
132 | object-fit: cover;
133 | }
134 |
135 | .bot-name {
136 | font-weight: bold;
137 | }
138 |
139 | pre {
140 | background-color: rgba(0, 0, 0, 0.3);
141 | color: #f8f8f2;
142 | padding: 1rem;
143 | border-radius: 5px;
144 | overflow-x: auto;
145 | font-family: 'Courier New', Courier, monospace;
146 | font-size: 0.9rem;
147 | }
148 |
149 | .no-errors {
150 | text-align: center;
151 | font-size: 1.2rem;
152 | color: var(--secondary-color);
153 | }
154 |
155 | @keyframes fadeInUp {
156 | to {
157 | opacity: 1;
158 | transform: translateY(0);
159 | }
160 | }
161 |
162 | @media (max-width: 768px) {
163 | .container {
164 | padding: 5rem 1rem 1rem;
165 | }
166 | }
--------------------------------------------------------------------------------
/admin/public/guilds.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --primary-color: #a69cec;
3 | --secondary-color: #00cec9;
4 | --background-color: #2d3436;
5 | --card-background: rgba(255, 255, 255, 0.1);
6 | --text-color: #ffffff;
7 | --card-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
8 | }
9 |
10 | * {
11 | margin: 0;
12 | padding: 0;
13 | box-sizing: border-box;
14 | }
15 |
16 | body {
17 | font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
18 | background: linear-gradient(135deg, var(--background-color), #4834d4);
19 | color: var(--text-color);
20 | line-height: 1.6;
21 | min-height: 100vh;
22 | }
23 |
24 | .navbar {
25 | background-color: rgba(255, 255, 255, 0.1);
26 | backdrop-filter: blur(10px);
27 | padding: 1rem 2rem;
28 | display: flex;
29 | justify-content: space-between;
30 | align-items: center;
31 | position: fixed;
32 | height: 70px;
33 | width: 100%;
34 | top: 0;
35 | z-index: 1000;
36 | }
37 |
38 | .logo {
39 | font-size: 1.5rem;
40 | font-weight: bold;
41 | color: var(--text-color);
42 | }
43 |
44 | nav ul {
45 | list-style-type: none;
46 | display: flex;
47 | gap: 2rem;
48 | align-items: center;
49 | }
50 |
51 | .nav-link {
52 | color: var(--text-color);
53 | text-decoration: none;
54 | font-weight: bold;
55 | transition: color 0.3s ease, border-bottom 0.3s ease;
56 | padding-bottom: 0.25rem;
57 | }
58 |
59 | .nav-link:hover {
60 | color: var(--secondary-color);
61 | border-bottom: 2px solid var(--secondary-color);
62 | }
63 |
64 | .container {
65 | max-width: 1200px;
66 | margin: 0 auto;
67 | padding: 6rem 2rem 2rem;
68 | }
69 |
70 | .title {
71 | text-align: center;
72 | margin-bottom: 2rem;
73 | font-size: 2.5rem;
74 | color: var(--secondary-color);
75 | }
76 |
77 | .guilds-grid {
78 | display: grid;
79 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
80 | gap: 1.5rem;
81 | }
82 |
83 | .guild-card {
84 | background-color: var(--card-background);
85 | border-radius: 10px;
86 | padding: 1.5rem;
87 | box-shadow: var(--card-shadow);
88 | transition: transform 0.3s ease, box-shadow 0.3s ease;
89 | opacity: 0;
90 | transform: translateY(20px);
91 | animation: fadeInUp 0.5s ease forwards;
92 | }
93 |
94 | .guild-card:hover {
95 | transform: translateY(-5px);
96 | box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
97 | }
98 |
99 | .guild-header {
100 | display: flex;
101 | align-items: center;
102 | margin-bottom: 1rem;
103 | }
104 |
105 | .guild-icon {
106 | width: 64px;
107 | height: 64px;
108 | border-radius: 50%;
109 | margin-right: 1rem;
110 | object-fit: cover;
111 | }
112 |
113 | .guild-name {
114 | font-size: 1.2rem;
115 | font-weight: bold;
116 | color: var(--primary-color);
117 | }
118 |
119 | .guild-members {
120 | display: flex;
121 | align-items: center;
122 | color: var(--secondary-color);
123 | font-size: 1rem;
124 | }
125 |
126 | .guild-members::before {
127 | content: '\1F465';
128 | /* Unicode for 'busts in silhouette' emoji */
129 | margin-right: 0.5rem;
130 | font-size: 1.2rem;
131 | }
132 |
133 | @keyframes fadeInUp {
134 | to {
135 | opacity: 1;
136 | transform: translateY(0);
137 | }
138 | }
139 |
140 | @media (max-width: 768px) {
141 | .container {
142 | padding: 5rem 1rem 1rem;
143 | }
144 |
145 | .guilds-grid {
146 | grid-template-columns: 1fr;
147 | }
148 | }
--------------------------------------------------------------------------------
/admin/public/style.css:
--------------------------------------------------------------------------------
1 | body {
2 | margin: 0;
3 | padding: 0;
4 | font-family: 'Arial', sans-serif;
5 | background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
6 | color: #ffffff;
7 | min-height: 100vh;
8 | display: flex;
9 | width: 96vw;
10 | flex-direction: column;
11 | }
12 |
13 |
14 | .banner {
15 | margin-top: 80px;
16 | text-align: center;
17 | }
18 |
19 | .banner-img {
20 | width: 103.2%; /* Make the banner image responsive */
21 | max-height: 300px; /* Adjust as needed */
22 | object-fit: cover; /* Cover the space nicely */
23 | }
24 |
25 | .container {
26 | max-width: 1200px;
27 | margin: 0 auto;
28 | padding: 2rem;
29 | flex: 1;
30 | }
31 |
32 | .features {
33 | display: grid;
34 | grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
35 | gap: 2rem;
36 | margin-top: 2rem; /* Reduce space above the features */
37 | }
38 |
39 | .feature-card {
40 | background-color: rgba(255, 255, 255, 0.1);
41 | border-radius: 10px;
42 | padding: 2rem;
43 | text-align: center;
44 | transition: transform 0.3s ease;
45 | }
46 |
47 | .feature-card:hover {
48 | transform: translateY(-5px);
49 | }
50 |
51 | .feature-card h3 {
52 | font-size: 1.5rem;
53 | margin-bottom: 1rem;
54 | }
55 |
56 |
--------------------------------------------------------------------------------
/admin/views/botprofile.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 | 
41 | 123456789
45 |Loading..
49 |0
235 |0
239 |0
243 |