├── README.md
├── SlashCommands
    └── info
    │   └── ping.js
├── commands
    ├── add
    │   ├── haber.js
    │   ├── makale.js
    │   └── proje.js
    ├── delete
    │   ├── haber-sil.js
    │   ├── makale-sil.js
    │   └── proje-sil.js
    ├── info
    │   ├── info.js
    │   ├── ping.js
    │   ├── say.js
    │   ├── site.js
    │   ├── tavsiye.js
    │   └── yardim.js
    ├── setup
    │   └── eval.js
    └── update
    │   ├── haber-update.js
    │   ├── makale-update.js
    │   └── proje-update.js
├── config.json
├── events
    ├── interactionCreate.js
    ├── messageCreat.js
    └── ready.js
├── handler
    └── index.js
├── models
    ├── admin.js
    ├── ban.js
    ├── haberler.ejs
    ├── haberyorum.js
    ├── kullanici.js
    ├── makale.js
    ├── makaleyorum.js
    └── proje.js
├── package.json
├── public
    ├── script.js
    └── style.css
├── server.js
└── src
    ├── admin
        ├── dashboard.ejs
        ├── edit-haber.ejs
        ├── edit-makale.ejs
        ├── edit-proje.ejs
        ├── giris-yap.ejs
        ├── giris.ejs
        └── index.ejs
    ├── ekle
        ├── haber.ejs
        ├── iletisim.ejs
        ├── makale.ejs
        └── proje.ejs
    ├── error
        ├── admin.ejs
        ├── haber.ejs
        ├── kullanici.ejs
        ├── makale.ejs
        └── proje.ejs
    ├── guncelle
        ├── haber.ejs
        ├── makale.ejs
        └── proje.ejs
    ├── pages
        ├── giris-basarili.ejs
        ├── giris.ejs
        ├── haber.ejs
        ├── iletisim.ejs
        ├── index.ejs
        ├── kayit.ejs
        ├── makale.ejs
        └── proje.ejs
    ├── partials
        ├── adminnavbar.ejs
        ├── dashboardhead.ejs
        ├── ekip.ejs
        ├── head.ejs
        ├── jumbotron.ejs
        ├── kurumsal.ejs
        ├── navbar.ejs
        ├── projeler.ejs
        ├── sidebar.ejs
        └── signednavbar.ejs
    ├── signed
        └── index.ejs
    └── sil
        ├── haber.ejs
        ├── makale.ejs
        ├── proje.ejs
        └── yorum.ejs


/README.md:
--------------------------------------------------------------------------------
 1 | # klascom-clone
 2 | Kendi okulumuz için hazırladığımız bir projedir<br>
 3 | İçerisinde : <li>Discord botu</li>
 4 |              <li>Kawethra.css</li>
 5 |              <li>MongoDb template</li>
 6 |              <li>Ejs Template</li>
 7 | Bulunuyor, bu altyapı ile yapabilecekleriniz : 
 8 | <li>Panelden Makale, haber , proje paylaşabilirsiniz</li>
 9 | <li>Siteyi rahat rahat yönetebilirsiniz panel üzerinden</p>
10 | <br>
11 | <h3>yapman gerekenler</h3>
12 | <li>.env diye dosya aç</li>
13 | <li>.env'in içerisinde db2, TOKEN , AdminKey ve StaffKey diye değişkenler ekle</li>
14 | <li>db2 nin değeri MongoDB linkiniz olacak</li>
15 | <li>TOKEN nin değeri Discord botunuzun tokeni olacak</li>
16 | <li>AdminKey in değeri ise Admin şifreniz olacak</li>
17 | <li>StaffKey in değeri de Staff şifreniz olacak</li>
18 | 


--------------------------------------------------------------------------------
/SlashCommands/info/ping.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client } = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "ping",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args) => {
 8 |         message.channel.send(`${client.ws.ping} ws ping`);
 9 |     },
10 | };
11 | 


--------------------------------------------------------------------------------
/commands/add/haber.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "haber-ekle",
 5 |     aliases: ['ma'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |       const Haber = require("../../models/haberler.js")
 9 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
10 |     var haber = new Haber({
11 |     title : args[0],
12 |     short : args[1],
13 |     long : args[2],
14 |     longdesc : args[3],
15 |     foto : args[4],
16 |     goruntulenme : 0
17 |     })
18 |     haber.save().then((result)=>{
19 |     const exampleEmbed1 = new MessageEmbed()
20 |   .setColor(`#000000`)
21 |   .setDescription(`[Makaleyi görmek için tıkla](https://pine-faithful-lan.glitch.me/haber/${result.id})`)
22 |   .addField(`Haber`,`${result.id}`)
23 |   .setTimestamp()
24 |       
25 | message.channel.send({ embeds: [exampleEmbed1] });
26 |       setTimeout(()=>{
27 |     const exampleEmbed = new MessageEmbed() //
28 |   .setTitle("Haber Eklendi!")
29 |   .setColor(`#000000`)
30 |   .setDescription(`${message.author.username} adlı yetkili **[${result.title}](https://pine-faithful-lan.glitch.me/haber/${result.id})** Haberini ekledi`)
31 |   .setTimestamp()
32 |       
33 | client.guilds.cache.get("986312887461113876").channels.cache.get("986345804040114207").send({ embeds: [exampleEmbed] });  
34 | },100)
35 |     })
36 |      } else {
37 |        message.reply("yetersiz yetki")
38 |      }
39 |     },
40 | };
41 | 


--------------------------------------------------------------------------------
/commands/add/makale.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "makale-ekle",
 5 |     aliases: ['ma'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |       const Makale = require("../../models/makale.js")
 9 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
10 |     var makale = new Makale({
11 |     title : args[0],
12 |     short : args[1],
13 |     long : args[2],
14 |     longdesc : args[3],
15 |     foto1 : args[4],
16 |     ekleyen : message.author.username,
17 |     goruntulenme : 0
18 |     })
19 |     makale.save().then((result)=>{
20 |     const exampleEmbed = new MessageEmbed()
21 |   .setColor(`#000000`)
22 |   .setDescription(`[Makaleyi görmek için tıkla](https://pine-faithful-lan.glitch.me/makale/${result.id})`)
23 |   .addField(`Makale id`,`${result.id}`)
24 |   .setTimestamp()
25 |       
26 | message.channel.send({ embeds: [exampleEmbed] });
27 |     })
28 |      } else {
29 |        message.reply("yetersiz yetki")
30 |      }
31 |     },
32 | };
33 | 


--------------------------------------------------------------------------------
/commands/add/proje.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "proje-ekle",
 5 |     aliases: ['ma'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |       const Proje = require("../../models/proje.js")
 9 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
10 |     var proje = new Proje({
11 |     title : args[0],
12 |     short : args[1],
13 |     long : args[2],
14 |     longdesc : args[3],
15 |     foto : args[4],
16 |     sahibi : message.author.username,
17 |     goruntulenme : 0
18 |     })
19 |     proje.save().then((result)=>{
20 |     const exampleEmbed1 = new MessageEmbed()
21 |   .setColor(`#000000`)
22 |   .setDescription(`[Makaleyi görmek için tıkla](https://pine-faithful-lan.glitch.me/proje/${result.id})`)
23 |   .addField(`Proje`,`${result.id}`)
24 |   .setTimestamp()
25 |       
26 | message.channel.send({ embeds: [exampleEmbed1] });
27 |   setTimeout(()=>{
28 |   const exampleEmbed = new MessageEmbed() //
29 |   .setTitle("Proje Eklendi!")
30 |   .setColor(`#000000`)
31 |   .setDescription(`${message.author.username} adlı yetkili **[${result.title}](https://pine-faithful-lan.glitch.me/haber/${result.id})** Projesini ekledi`)
32 |   .setTimestamp()
33 |       
34 | client.guilds.cache.get("986312887461113876").channels.cache.get("986345893903093810").send({ embeds: [exampleEmbed] });  
35 | },100)
36 |     })
37 |      } else {
38 |        message.reply("yetersiz yetki")
39 |      }
40 |     },
41 | };
42 | 


--------------------------------------------------------------------------------
/commands/delete/haber-sil.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "haber-sil",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |         const Haber = require("../../models/haberler.js")
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 |   
10 |        if(!args[0]) return message.reply("Haber id girmedin")
11 |    let c = await Haber.findByIdAndDelete(args[0]);
12 |        message.reply("Haber silindi :=)")
13 |        
14 |      } else {
15 |        message.reply("yetersiz yetki")
16 |      }
17 |     },
18 | };
19 | 


--------------------------------------------------------------------------------
/commands/delete/makale-sil.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "makale-sil",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |       const Makale = require("../../models/makale.js")
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 |   
10 |        if(!args[0]) return message.reply("Makale id girmedin")
11 |    let c = await Makale.findByIdAndDelete(args[0]);
12 |        message.reply("makale silindi :=)")
13 |        
14 |      } else {
15 |        message.reply("yetersiz yetki")
16 |      }
17 |     },
18 | };
19 | 


--------------------------------------------------------------------------------
/commands/delete/proje-sil.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "haber-sil",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |         const Proje = require("../../models/proje.js")
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 |   
10 |        if(!args[0]) return message.reply("Haber id girmedin")
11 |    let c = await Proje.findByIdAndDelete(args[0]);
12 |        message.reply("Proje silindi :=)")
13 |        
14 |      } else {
15 |        message.reply("yetersiz yetki")
16 |      }
17 |     },
18 | };
19 | 


--------------------------------------------------------------------------------
/commands/info/info.js:
--------------------------------------------------------------------------------
  1 | const { Message, Client, MessageEmbed } = require("discord.js");
  2 | 
  3 | module.exports = {
  4 |     name: "info",
  5 |     aliases: ['i'],
  6 |     /**
  7 |      *
  8 |      * @param {Client} client
  9 |      * @param {Message} message
 10 |      * @param {String[]} args
 11 |      */
 12 |     run: async (client, message, args) => {
 13 | const os = require("os");
 14 | 
 15 | const osu = require("node-os-utils")
 16 | 
 17 | const notSupported = "Bu işletim sistemi uygun değil"
 18 | 
 19 |       const full = '█'
 20 | 
 21 |       const empty = '░'
 22 | 
 23 |       const precision = 20
 24 | 
 25 |       
 26 | 
 27 |       const freeRAM = os.freemem()
 28 | 
 29 |       const usedRAM = os.totalmem() - freeRAM;
 30 | 
 31 |       
 32 | 
 33 |       const diagramMaker = (used, free) => {
 34 | 
 35 |         const total = used + free;
 36 | 
 37 |         used = Math.round((used / total) * precision)
 38 | 
 39 |         free = Math.round((free / total) * precision)
 40 | 
 41 |         return full.repeat(used) + empty.repeat(free)
 42 | 
 43 |       }
 44 | 
 45 |       
 46 | 
 47 |       let cpuUsage;
 48 | 
 49 |       
 50 | 
 51 |       const p1 = osu.cpu.usage().then(cpuPercentage => {
 52 | 
 53 |         cpuUsage = cpuPercentage;
 54 | 
 55 |       })
 56 | 
 57 |       
 58 | 
 59 |       let processes;
 60 | 
 61 |       
 62 | 
 63 |       const p2 = osu.proc.totalProcesses().then(process => {
 64 | 
 65 |         processes = process;
 66 | 
 67 |       })
 68 | 
 69 |       
 70 | 
 71 |       let driveUsed, driveFree;
 72 | 
 73 |       
 74 | 
 75 |       const p3 = osu.drive.info().then(i => {
 76 | 
 77 |         driveUsed = i.usedPercentage;
 78 | 
 79 |         driveFree = i.freePercentage;
 80 | 
 81 |       }).catch(() => {
 82 | 
 83 |         driveUsed = false;
 84 | 
 85 |       })
 86 | 
 87 |       
 88 | 
 89 |       let networkUsage, networkUsageIn, networkUsageOut;
 90 | 
 91 |       
 92 | 
 93 |       const p4 = osu.netstat.inOut().then(i => {
 94 | 
 95 |         networkUsage = i.total;
 96 | 
 97 |         networkUsageIn = networkUsage.inputMb;
 98 | 
 99 |         networkUsageOut = networkUsage.outputMb;
100 | 
101 |       }).catch(() => {
102 | 
103 |         networkUsage = false;
104 | 
105 |       })
106 | 
107 |       
108 | 
109 |       await Promise.all([p1, p2, p3, p4]);
110 | 
111 |       
112 | 
113 |       const embed = new MessageEmbed()
114 | 
115 |         .setColor('#800080')
116 | 
117 |         .addField(`Ana İstatistikler`,`**Discord.js Sürümü**: ${require("discord.js").version}`)
118 |       .addField(`Ana İstatistikler`,`**Bot ping**: ${client.ws.ping}ms`)
119 | 
120 | .addField(" **Node.js Sürümü**", `${process.version}`)
121 | 
122 |         .addField(`Kullanılan:`,(`RAM: ${diagramMaker(usedRAM, freeRAM)} [${Math.round(100 * usedRAM / (usedRAM + freeRAM))}%]\n`+
123 | 
124 |         `CPU: ${diagramMaker(cpuUsage, 100-cpuUsage)} [${Math.round(cpuUsage)}%]\n`+
125 | 
126 |         `HEXX PROCESS: ${(process.memoryUsage().heapUsed / 1000000).toFixed(2)}MB\n`+
127 | 
128 |         `Depolama: ${driveUsed ? `${diagramMaker(driveUsed, driveFree)} [${Math.round(driveUsed)}%]` : notSupported}\n`+
129 | 
130 |         `İşlemler: ${processes != 'not supported'? processes : notSupported}`).trim())
131 | 
132 |         .addField(`Makine Özellikleri:`,`CPU Sayısı: ${osu.cpu.count()}\nCPU Model: ${os.cpus()[0].model}\nCPU Hızı: ${os.cpus()[0].speed}MHz
133 | ${osu.os.platform() != "win32" ? `Depolama: ${diagramMaker(driveUsed,driveFree)} [${driveUsed}%]`: ""}`)
134 | 
135 |         .addField(`Sistem Özellikleri:`,`Sistem Türü: ${osu.os.type()}\nSistem Mimari: ${osu.os.arch()}\nSistem Platformu: ${osu.os.platform()}`)
136 | 
137 |         .addField(`İntarnet İstatistikleri:`,`${networkUsage ? `Giriş Hızı: ${networkUsageIn}\nÇıkış hızı: ${networkUsageOut}` : notSupported}`)
138 | 
139 |         .setTimestamp()
140 | 
141 |  
142 | 
143 |         
144 | 
145 |       message.channel.send({embeds:[embed]});
146 | 
147 |       
148 | 
149 |     },
150 | };
151 | 


--------------------------------------------------------------------------------
/commands/info/ping.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "ping",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |   const exampleEmbed = new MessageEmbed()
 9 |   .setColor(`#000000`)
10 |   .setDescription(`**${client.ws.ping }ms**`)
11 |   .setTimestamp()
12 |       
13 | message.channel.send({ embeds: [exampleEmbed] });
14 | 
15 |     },
16 | };
17 | 


--------------------------------------------------------------------------------
/commands/info/say.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "say",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |   var online = Number(`${message.guild.members.cache.filter(m => !m.user.bot && m.presence?.status === 'online').size}`)+Number(`${message.guild.members.cache.filter(m => !m.user.bot && m.presence?.status === 'dnd').size}`)+Number(`${message.guild.members.cache.filter(m => !m.user.bot && m.presence?.status === 'idle').size}`)
 9 |   const exampleEmbed = new MessageEmbed()
10 |   .setColor(`#000000`)
11 |     .setTitle("Yardım")
12 |    	.addFields(
13 | 		{ name: 'Kullanıcı sayısı', value:`${message.guild.memberCount}`, inline: true },
14 | 		{ name: 'Sesdeki Kullanıcı sayısı', value:`${message.guild.members.cache.filter(m => m.voice.channel).size}`, inline: true },
15 | 		{ name: 'Online Kullanıcı sayısı', value:`${online}`, inline: true },
16 | 	)
17 |   .setTimestamp()
18 |       
19 | message.channel.send({ embeds: [exampleEmbed] });
20 | 
21 |     },
22 | };
23 | 


--------------------------------------------------------------------------------
/commands/info/site.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "site",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |   const exampleEmbed = new MessageEmbed()
 9 |   .setColor(`#000000`)
10 |   .setDescription(`[Web sitesine gitmek için Tıkla](https://pine-faithful-lan.glitch.me/)`)
11 |   .setTimestamp()
12 |       
13 | message.channel.send({ embeds: [exampleEmbed] });
14 | 
15 |     },
16 | };
17 | 


--------------------------------------------------------------------------------
/commands/info/tavsiye.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "tavsiye",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 |   let fullArgs = args.slice(0).join(' ');
 9 |   const exampleEmbed = new MessageEmbed()
10 |   .setColor(`#000000`)
11 |   .setDescription(`${message.author.username} Bir tavsiyede bulundu`)
12 |   .addField(`Tavsiye`,`${fullArgs} `)
13 |   .setTimestamp()
14 | client.guilds.cache.get("986312887461113876").channels.cache.get("987467333704486922").send({ embeds: [exampleEmbed] });
15 | 
16 |     },
17 | };
18 | 


--------------------------------------------------------------------------------
/commands/info/yardim.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "yardım",
 5 |     aliases: ['p'],
 6 | 
 7 |     run: async (client, message, args, ) => {
 8 | 
 9 |   const exampleEmbed = new MessageEmbed()
10 |   .setColor(`#000000`)
11 |     .setThumbnail(message.author.avatarURL())
12 |     .setTitle("Yardım")
13 |    	.addFields(
14 | 		{ name: '-info', value:"`Botun bütün bilgilerini verir`", inline: true },
15 | 		{ name: '-ping', value:"`Botun ve Sitenin Pingini gösterir`", inline: true },
16 | 		{ name: '-site', value:"`Sizi siteye yönlendirir`", inline: true },
17 |     { name : '-say', value:"`Sunucuda Aktif üyeleri ve Üye sayısını gösterir`"}
18 | 	)
19 |   .setTimestamp()
20 |       
21 | message.channel.send({ embeds: [exampleEmbed] });
22 | 
23 |     },
24 | };
25 | 


--------------------------------------------------------------------------------
/commands/setup/eval.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client, MessageEmbed } = require("discord.js");
 2 | 
 3 | module.exports = {
 4 |     name: "eval",
 5 |     aliases: ['ev'],
 6 |     /**
 7 |      *
 8 |      * @param {Client} client
 9 |      * @param {Message} message
10 |      * @param {String[]} args
11 |      */
12 |     run: async (client, message, args) => {
13 |      var Makale = require("../../models/haberler.js");
14 | if("sunucusahibiid" == message.author.id){
15 |    if(args[0]){
16 |         try {
17 |         let codein = args.join(" ");
18 |         let code = eval(codein);
19 | 
20 |         if (typeof code !== 'string')
21 |             code = require('util').inspect(code, { depth: 0 });
22 |         let çıkış = (`\`\`\`js\n${code}\n\`\`\``)
23 |         message.channel.send(çıkış)
24 |     } catch(e) {
25 |         message.channel.send(`\`\`\`js\n${e}\n\`\`\``);
26 |     }
27 | }
28 | if(!args[0]){
29 |   message.channel.send("Komut algılanmadı")
30 | }
31 | }else{
32 |   message.channel.send("hmm :? evet buldum , bu komuta erişim sağlanamıyor")
33 | }
34 |  
35 |  
36 |     },
37 | };
38 | 


--------------------------------------------------------------------------------
/commands/update/haber-update.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "haber-güncelle",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |          const Haber = require("../../models/haberler.js");
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 | 
10 |        if(!args[0]) return message.reply("makale id girmedin")
11 |        if(!args[1]) return message.reply(" Başlık girmedin ")
12 |        if(!args[2]) return message.reply(" Short girmedin ")
13 |         await  Haber.findOneAndUpdate({_id:args[0]},{ title: args[1] , short:args[2] , long:args[3] , longdesc:args[4] , foto1:args[5]}).then((result)=>{
14 |     const exampleEmbed = new MessageEmbed()
15 |   .setColor(`#000000`)
16 |   .setDescription(`[Haberi görmek için tıkla](https://pine-faithful-lan.glitch.me/makale/${result.id})`)
17 |   .addField(`Haber id`,`${result.id}`)
18 |   .setTimestamp()
19 |       
20 | message.channel.send({ embeds: [exampleEmbed] });
21 |     })
22 |      } else {
23 |        message.reply("yetersiz yetki")
24 |      }
25 |     },
26 | };
27 | 


--------------------------------------------------------------------------------
/commands/update/makale-update.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "makale-güncelle",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |       const Makale = require("../../models/makale.js")
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 | 
10 |        if(!args[0]) return message.reply("makale id girmedin")
11 |        if(!args[1]) return message.reply(" Başlık girmedin ")
12 |        if(!args[2]) return message.reply(" Short girmedin ")
13 |         await  Makale.findOneAndUpdate({_id:args[0]},{ title: args[1] , short:args[2] , long:args[3] , longdesc:args[4] , foto1:args[5]}).then((result)=>{
14 |     const exampleEmbed = new MessageEmbed()
15 |   .setColor(`#000000`)
16 |   .setDescription(`[Makaleyi görmek için tıkla](https://pine-faithful-lan.glitch.me/makale/${result.id})`)
17 |   .addField(`Makale id`,`${result.id}`)
18 |   .setTimestamp()
19 |       
20 | message.channel.send({ embeds: [exampleEmbed] });
21 |     })
22 |      } else {
23 |        message.reply("yetersiz yetki")
24 |      }
25 |     },
26 | };
27 | 


--------------------------------------------------------------------------------
/commands/update/proje-update.js:
--------------------------------------------------------------------------------
 1 | const { Message, Client , MessageEmbed} = require("discord.js");
 2 | module.exports = {
 3 |     name: "proje-güncelle",
 4 |     aliases: ['ma'],
 5 | 
 6 |     run: async (client, message, args, ) => {
 7 |       const Proje = require("../../models/proje.js")
 8 |      if( client.guilds.cache.get("986312887461113876").members.cache.get(message.author.id).roles.cache.get("986312938933596191")){
 9 | 
10 |        if(!args[0]) return message.reply("makale id girmedin")
11 |        if(!args[1]) return message.reply(" Başlık girmedin ")
12 |        if(!args[2]) return message.reply(" Short girmedin ")
13 |         await  Proje.findOneAndUpdate({_id:args[0]},{ title: args[1] , short:args[2] , long:args[3] , longdesc:args[4] , foto1:args[5]}).then((result)=>{
14 |     const exampleEmbed = new MessageEmbed()
15 |   .setColor(`#000000`)
16 |   .setDescription(`[Projeyi görmek için tıkla](https://pine-faithful-lan.glitch.me/proje/${result.id})`)
17 |   .addField(`Makale id`,`${result.id}`)
18 |   .setTimestamp()
19 |       
20 | message.channel.send({ embeds: [exampleEmbed] });
21 |     })
22 |      } else {
23 |        message.reply("yetersiz yetki")
24 |      }
25 |     },
26 | };
27 | 


--------------------------------------------------------------------------------
/config.json:
--------------------------------------------------------------------------------
1 | {
2 | "prefix" : "prefix"
3 | }
4 | 


--------------------------------------------------------------------------------
/events/interactionCreate.js:
--------------------------------------------------------------------------------
 1 | const client = require("../server");
 2 | 
 3 | client.on("interactionCreate", async (interaction) => {
 4 | 
 5 |     if (interaction.isCommand()) {
 6 |         await interaction.deferReply({ ephemeral: false }).catch(() => {});
 7 | 
 8 |         const cmd = client.slashCommands.get(interaction.commandName);
 9 |         if (!cmd)
10 |             return interaction.followUp({ content: "An error has occured " });
11 | 
12 |         const args = [];
13 | 
14 |         for (let option of interaction.options.data) {
15 |             if (option.type === "SUB_COMMAND") {
16 |                 if (option.name) args.push(option.name);
17 |                 option.options?.forEach((x) => {
18 |                     if (x.value) args.push(x.value);
19 |                 });
20 |             } else if (option.value) args.push(option.value);
21 |         }
22 |         interaction.member = interaction.guild.members.cache.get(interaction.user.id);
23 | 
24 |         cmd.run(client, interaction, args);
25 |     }
26 | 
27 |     // Context Menu Handling
28 |     if (interaction.isContextMenu()) {
29 |         await interaction.deferReply({ ephemeral: false });
30 |         const command = client.slashCommands.get(interaction.commandName);
31 |         if (command) command.run(client, interaction);
32 |     }
33 | });
34 | 


--------------------------------------------------------------------------------
/events/messageCreat.js:
--------------------------------------------------------------------------------
 1 | const client = require("../server");
 2 | 
 3 | client.on("messageCreate", async (message) => {
 4 |     if (
 5 |         message.author.bot ||
 6 |         !message.guild ||
 7 |         !message.content.toLowerCase().startsWith(client.config.prefix)
 8 |     )
 9 |         return;
10 | 
11 |     const [cmd, ...args] = message.content
12 |         .slice(client.config.prefix.length)
13 |         .trim()
14 |         .split(/ +/g);
15 | 
16 |     const command = client.commands.get(cmd.toLowerCase()) || client.commands.find(c => c.aliases?.includes(cmd.toLowerCase()));
17 | 
18 |     if (!command) return;
19 |     await command.run(client, message, args);
20 | });
21 | 


--------------------------------------------------------------------------------
/events/ready.js:
--------------------------------------------------------------------------------
1 | const client = require("../server.js");
2 | 
3 | client.on("ready", () =>{
4 |     console.log(`${client.user.tag} is up and ready to go!`)
5 |   client.user.setActivity("Siteyi", { type: "PLAYING" });
6 | });
7 | 


--------------------------------------------------------------------------------
/handler/index.js:
--------------------------------------------------------------------------------
 1 | const { glob } = require("glob");
 2 | const { promisify } = require("util");
 3 | const { Client } = require("discord.js");
 4 | const mongoose = require("mongoose");
 5 | 
 6 | const globPromise = promisify(glob);
 7 | 
 8 | 
 9 | module.exports = async (client) => {
10 |     // Commands
11 |     const commandFiles = await globPromise(`${process.cwd()}/commands/**/*.js`);
12 |     commandFiles.map((value) => {
13 |         const file = require(value);
14 |         const splitted = value.split("/");
15 |         const directory = splitted[splitted.length - 2];
16 | 
17 |         if (file.name) {
18 |             const properties = { directory, ...file };
19 |             client.commands.set(file.name, properties);
20 |         }
21 |     });
22 | 
23 |     const eventFiles = await globPromise(`${process.cwd()}/events/*.js`);
24 |     eventFiles.map((value) => require(value));
25 |   
26 |     const slashCommands = await globPromise(
27 |         `${process.cwd()}/SlashCommands/*/*.js`
28 |     );
29 | 
30 |     const arrayOfSlashCommands = [];
31 |     slashCommands.map((value) => {
32 |         const file = require(value);
33 |         if (!file?.name) return;
34 |         client.slashCommands.set(file.name, file);
35 | 
36 |         if (["MESSAGE", "USER"].includes(file.type)) delete file.description;
37 |         arrayOfSlashCommands.push(file);
38 |     });
39 |     client.on("ready", async () => {
40 | 
41 |         await client.guilds.cache
42 |             .get("sunucuid")
43 |             await client.application.commands.set(arrayOfSlashCommands);
44 |     });
45 | 
46 |  
47 | };
48 | 


--------------------------------------------------------------------------------
/models/admin.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var adminSchema = new Schema ({
 5 | kullanici_adi:{
 6 | type:String,
 7 | require:true,
 8 | },
 9 | gmail:{
10 | type:String,
11 | require:true,
12 | },
13 | sifre:{
14 | type:String,
15 | require:true,
16 | },
17 | })
18 | 
19 | var admin = mongoose.model('Admin', adminSchema)
20 | module.exports = admin
21 | 


--------------------------------------------------------------------------------
/models/ban.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var banliSchema = new Schema ({
 5 | ip:{
 6 | type:String,
 7 | require:true,
 8 | },
 9 | })
10 | 
11 | var banli = mongoose.model('Banli', banliSchema)
12 | module.exports = banli
13 | 


--------------------------------------------------------------------------------
/models/haberler.ejs:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 |  
 4 | var haberlerSchema = new Schema({
 5 | title:{
 6 | type:String,
 7 | require:true,
 8 | },
 9 | short:{
10 | type:String,
11 | require:true,
12 | },
13 | long:{
14 | type:String,
15 | require:true,
16 | },
17 | longdesc:{
18 | type:String,
19 | require:true,
20 | },
21 | foto:{
22 | type:String,
23 | require:true,
24 | },
25 | link:{
26 | type:String,
27 | require:true,
28 | },
29 | goruntulenme:{
30 | type:Number,
31 | require:true,  
32 | }
33 | }, {timestamps:true})
34 | 
35 | var haberler = mongoose.model('Haberler', haberlerSchema)
36 | module.exports = haberler
37 | 


--------------------------------------------------------------------------------
/models/haberyorum.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var haberyorumSchema = new Schema({
 5 | kullanici_adi:{
 6 | type : String,
 7 | require : true,
 8 | },
 9 | mesaj:{
10 | type: String,
11 | require: true,  
12 | },
13 | haber:{
14 | type: String,
15 | require : true,
16 | },
17 | haberId:{
18 | type : String,
19 | require : true,
20 | },
21 | }, {timestamps:true})
22 | 
23 | var haberyorum = mongoose.model('Haberyorum', haberyorumSchema)
24 | module.exports = haberyorum
25 | 


--------------------------------------------------------------------------------
/models/kullanici.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var kullaniciSchema = new Schema ({
 5 | ip :{
 6 | type:String,
 7 | require:true,
 8 | },
 9 | kullanici_adi:{
10 | type:String,
11 | require:true,
12 | },
13 | gmail:{
14 | type:String,
15 | require:true,
16 | },
17 | sifre:{
18 | type:String,
19 | require:true,
20 | },
21 | newId:{
22 | type:String,
23 | require:true
24 | }
25 | })
26 | 
27 | var kullanici = mongoose.model('Kullanici', kullaniciSchema)
28 | module.exports = kullanici
29 | 


--------------------------------------------------------------------------------
/models/makale.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var makaleSchema = new Schema({
 5 | title:{
 6 | type : String,
 7 | require : true,
 8 | },
 9 | short:{
10 | type: String,
11 | require: true,  
12 | },
13 | long:{
14 | type : String,
15 | require : true,
16 | },
17 | longdesc:{
18 | type : String,
19 | require : true,  
20 | },
21 | foto1:{
22 | type : String,
23 | require : true,
24 | },
25 | foto2:{
26 | type : String,
27 | require : true,
28 | },
29 | goruntulenme:{
30 | type:Number,
31 | require:true
32 | },
33 | ekleyen:{
34 | type:String,
35 | require:true,
36 | },
37 | ornek1:{
38 | type:String,
39 | require:true,
40 | },
41 | ornek2:{
42 | type:String,
43 | require:true,
44 | },
45 | ornek3:{
46 | type:String,
47 | require:true,
48 | },
49 | upvote:{
50 | type: Number,
51 | require : true,
52 | },
53 | downvote:{
54 | type : Number,
55 | require : true,
56 | },
57 | }, {timestamps:true})
58 | 
59 | var makale = mongoose.model('Makale', makaleSchema)
60 | module.exports = makale
61 | 


--------------------------------------------------------------------------------
/models/makaleyorum.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose")
 2 | const Schema = mongoose.Schema
 3 | 
 4 | var makaleyorumSchema = new Schema({
 5 | kullanici_adi:{
 6 | type : String,
 7 | require : true,
 8 | },
 9 | mesaj:{
10 | type: String,
11 | require: true,  
12 | },
13 | makale:{
14 | type:String,
15 | require : true,
16 | },
17 | makaleId:{
18 | type : String,
19 | require : true,
20 | },
21 | }, {timestamps:true})
22 | 
23 | var makaleyorum = mongoose.model('Makaleyorum', makaleyorumSchema)
24 | module.exports = makaleyorum
25 | 


--------------------------------------------------------------------------------
/models/proje.js:
--------------------------------------------------------------------------------
 1 | const mongoose = require("mongoose");
 2 | const Schema = mongoose.Schema;
 3 | 
 4 | var projelerSchema = new Schema ({
 5 | title:{
 6 | type : String,
 7 | require : true,
 8 | },
 9 | short:{
10 | type : String,
11 | require : true,  
12 | },
13 | long:{
14 | type : String,
15 | require : true,
16 | },
17 | longdesc:{
18 | type : String,
19 | require : true,
20 | },
21 | link:{
22 | type : String,
23 | require : true,
24 | },
25 | goruntulenme:{
26 | type : Number,
27 | require: true,
28 | },
29 | sahibi:{
30 | type:String,
31 | require:true,
32 | }
33 | },{timestaps:true});
34 | var proje = mongoose.model('proje',projelerSchema);
35 | 
36 | module.exports = proje;
37 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "Klascom",
 3 |   "version": "2.0.2",
 4 |   "description": "Kawethra ve Medulla tarafından yapıldı",
 5 |   "main": "server.js",
 6 |   "scripts": {
 7 |     "start": "node server.js"
 8 |   },
 9 |   "dependencies": {
10 |     "body-parser": "^1.19.2",
11 |     "cookie-parser": "^1.4.6",
12 |     "discord.js": "^13.8.0",
13 |     "ejs": "^3.1.6",
14 |     "express": "^4.17.2",
15 |     "fastify": "^3.27.0",
16 |     "fastify-formbody": "^5.2.0",
17 |     "fastify-static": "^4.5.0",
18 |     "glob": "^8.0.3",
19 |     "ip-address": "^8.1.0",
20 |     "ipv4.js": "^0.0.2",
21 |     "mongoose": "^6.1.8",
22 |     "morgan": "^1.10.0",
23 |     "node-os-utils": "^1.3.7",
24 |     "nodemailer": "^6.7.2",
25 |     "parse-json": "^6.0.2",
26 |     "point-of-view": "^5.0.0",
27 |     "serve-favicon": "^2.3.0",
28 |     "socket.io": "^4.5.0"
29 |   },
30 |   "engines": {
31 |     "node": "16.x"
32 |   },
33 |   "repository": {
34 |     "url": "https://glitch.com/edit/#!/glitch-hello-node"
35 |   },
36 |   "license": "MIT",
37 |   "keywords": [
38 |     "node",
39 |     "glitch",
40 |     "express"
41 |   ]
42 | }
43 | 


--------------------------------------------------------------------------------
/public/script.js:
--------------------------------------------------------------------------------
 1 | window.scroll({
 2 | behavior: 'smooth'
 3 | });
 4 | //Navbar
 5 | function navOpen() {
 6 |   var x = document.getElementById("myTopnav");
 7 |   if (x.className === "topnav") {
 8 |     x.className += " responsive";
 9 |   } else {
10 |     x.className = "topnav";
11 |   }
12 | }
13 | function closeNav(){
14 |   var x = document.getElementById("myTopnav");
15 |   x.className = "topnav";
16 | }
17 | //Set Jumbotron Text
18 | setInterval(()=>{
19 | if(document.getElementById("textAn").innerHTML == "işte projelerimiz"){
20 | document.getElementById("textAn").innerHTML = "işte ekibimiz";
21 | } else {
22 | document.getElementById("textAn").innerHTML = "işte projelerimiz";  
23 | }},6000);
24 | //Navbar - Scroll functions
25 | function group(){window.scrollTo(0, 280);}
26 | function projects(){window.scrollTo(0, 660);}
27 | function about(){window.scrollTo(0, 0);}
28 | function kurumsal(){window.scrollTo(0, 680);}
29 | //Slider
30 | var slide = 100;
31 | setInterval(()=>{
32 | if(slide > 600){
33 | slide = 0;
34 | document.getElementById("slider").scrollTo(0,0)
35 | } else {
36 | slide = slide + 100;
37 | document.getElementById("slider").scrollTo(slide,0)
38 | }
39 | console.log(slide);
40 | return slide;
41 | },10000)
42 | 
43 | 


--------------------------------------------------------------------------------
/public/style.css:
--------------------------------------------------------------------------------
   1 | @import url('https://fonts.googleapis.com/css2?family=Merriweather+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');
   2 | :root{
   3 | --mainColor:#1A2238;
   4 | --secondColor:#9DAAF2; 
   5 | --thirdColor:#FF6A3D;
   6 | --forthColor:#F4DB7D;
   7 |   --gutter: 20px;
   8 | }
   9 | ::selection {
  10 |   color: var(--forthColor);
  11 |   background: transparent;
  12 | }
  13 | *{
  14 | font-family: 'Merriweather Sans', sans-serif;
  15 | box-sizing:border-box;
  16 | transition:all 0.5s;
  17 | }
  18 | p, h1,h2,h3,h4,h5,h6,b,span:hover{cursor:context-menu;}
  19 | html{scroll-behavior:smooth;}
  20 | body{
  21 | margin:0;
  22 | padding:0;
  23 | background-color:#E4E9F7;
  24 | color:var(--mainColor);
  25 | }
  26 | /**Colors**/
  27 | .bg-main{background-color:var(--mainColor)}
  28 | .bg-second{background-color:var(--secondColor)}
  29 | .bg-third{background-color:var(--thirdColor)}
  30 | .bg-forth{background-color:var(--forthColor)}
  31 | .c-main{color:var(--mainColor)}
  32 | .c-second{color:var(--secondColor)}
  33 | .c-third{color:var(--thirdColor)}
  34 | .c-forth{color:var(--forthColor)}
  35 | .c-light{color:#ffffff}
  36 | /**Grid system**/
  37 | .container-fluid{width:100%}
  38 | .container{
  39 | width:min(100% - 12vw);
  40 | margin-inline:auto;
  41 | }
  42 | .row{
  43 | display:flex;
  44 | flex-wrap:wrap;
  45 | flex-direction:row;
  46 | }
  47 | .row-center{
  48 | display:flex;
  49 | flex-wrap:wrap;
  50 | flex-direction:row;
  51 | align-items:center;
  52 | justify-content:center;
  53 | }
  54 | .gap-5{gap:5px}
  55 | .gap-10{gap:10px}
  56 | .fixed{position:fixed;}
  57 | /**Columns**/
  58 | /**cannot be changed**/
  59 | .col-1{width:8.33333333%}
  60 | .col-2{width:16.66666667%}
  61 | .col-3{width:25%}
  62 | .col-4{width:33.33333333%}
  63 | .col-5{width:41.66666667%}
  64 | .col-6{width:50%}
  65 | .col-7{width:58.33333333%}
  66 | .col-8{width:66.66666667%}
  67 | .col-9{width:75%}
  68 | .col-10{width:83.33333333%}
  69 | .col-11{width:91.66666667%}
  70 | .col-12{width:100%}
  71 | /**Very small**/
  72 | .col-sm-1{width:8.33333333%}
  73 | .col-sm-2{width:16.66666667%}
  74 | .col-sm-3{width:25%}
  75 | .col-sm-4{width:33.33333333%}
  76 | .col-sm-5{width:41.66666667%}
  77 | .col-sm-6{width:50%}
  78 | .col-sm-7{width:58.33333333%}
  79 | .col-sm-8{width:66.66666667%}
  80 | .col-sm-9{width:75%}
  81 | .col-sm-10{width:83.33333333%}
  82 | .col-sm-11{width:91.66666667%}
  83 | .col-sm-12{width:100%}
  84 | /**Small**/
  85 | .col-sw-1{width:8.33333333%}
  86 | .col-sw-2{width:16.66666667%}
  87 | .col-sw-3{width:25%}
  88 | .col-sw-4{width:33.33333333%}
  89 | .col-sw-5{width:41.66666667%}
  90 | .col-sw-6{width:50%}
  91 | .col-sw-7{width:58.33333333%}
  92 | .col-sw-8{width:66.66666667%}
  93 | .col-sw-9{width:75%}
  94 | .col-sw-10{width:83.33333333%}
  95 | .col-sw-11{width:91.66666667%}
  96 | .col-sw-12{width:100%}
  97 | /**Normal**/
  98 | .col-md-1{width:8.33333333%}
  99 | .col-md-2{width:16.66666667%}
 100 | .col-md-3{width:25%}
 101 | .col-md-4{width:33.33333333%}
 102 | .col-md-5{width:41.66666667%}
 103 | .col-md-6{width:50%}
 104 | .col-md-7{width:58.33333333%}
 105 | .col-md-8{width:66.66666667%}
 106 | .col-md-9{width:75%}
 107 | .col-md-10{width:83.33333333%}
 108 | .col-md-11{width:91.66666667%}
 109 | .col-md-12{width:100%}
 110 | /**Large**/
 111 | .col-lg-1{width:8.33333333%}
 112 | .col-lg-2{width:16.66666667%}
 113 | .col-lg-3{width:25%}
 114 | .col-lg-4{width:33.33333333%}
 115 | .col-lg-5{width:41.66666667%}
 116 | .col-lg-6{width:50%}
 117 | .col-lg-7{width:58.33333333%}
 118 | .col-lg-8{width:66.66666667%}
 119 | .col-lg-9{width:75%}
 120 | .col-lg-10{width:83.33333333%}
 121 | .col-lg-11{width:91.66666667%}
 122 | .col-lg-12{width:100%}
 123 | /**Extra Large**/
 124 | .col-xl-1{width:8.33333333%}
 125 | .col-xl-2{width:16.66666667%}
 126 | .col-xl-3{width:25%}
 127 | .col-xl-4{width:33.33333333%}
 128 | .col-xl-5{width:41.66666667%}
 129 | .col-xl-6{width:50%}
 130 | .col-xl-7{width:58.33333333%}
 131 | .col-xl-8{width:66.66666667%}
 132 | .col-xl-9{width:75%}
 133 | .col-xl-10{width:83.33333333%}
 134 | .col-xl-11{width:91.66666667%}
 135 | .col-xl-12{width:100%}
 136 | /**Widths**/
 137 | .w-100{width:100%}
 138 | .w-95{width:95%}
 139 | .w-90{width:90%}
 140 | .w-85{width:85%}
 141 | .w-80{width:80%}
 142 | .w-75{width:75%}
 143 | .w-70{width:70%}
 144 | .w-65{width:65%}
 145 | .w-60{width:60%}
 146 | .w-55{width:55%}
 147 | .w-50{width:50%}
 148 | .w-45{width:45%}
 149 | .w-40{width:40%}
 150 | .w-35{width:35%}
 151 | .w-30{width:30%}
 152 | .w-25{width:25%}
 153 | .w-20{width:20%}
 154 | .w-15{width:15%}
 155 | .w-10{width:10%}
 156 | .w-5{width:5%}
 157 | /**Responsive widths**/
 158 | /**Very Small**/
 159 | .w-sm-100{width:100%}
 160 | .w-sm-95{width:95%}
 161 | .w-sm-90{width:90%}
 162 | .w-sm-85{width:85%}
 163 | .w-sm-80{width:80%}
 164 | .w-sm-75{width:75%}
 165 | .w-sm-70{width:70%}
 166 | .w-sm-65{width:65%}
 167 | .w-sm-60{width:60%}
 168 | .w-sm-55{width:55%}
 169 | .w-sm-50{width:50%}
 170 | .w-sm-45{width:45%}
 171 | .w-sm-40{width:40%}
 172 | .w-sm-35{width:35%}
 173 | .w-sm-30{width:30%}
 174 | .w-sm-25{width:25%}
 175 | .w-sm-20{width:20%}
 176 | .w-sm-15{width:15%}
 177 | .w-sm-10{width:10%}
 178 | .w-sm-5{width:5%}
 179 | /**Small**/
 180 | .w-sw-100{width:100%}
 181 | .w-sw-95{width:95%}
 182 | .w-sw-90{width:90%}
 183 | .w-sw-85{width:85%}
 184 | .w-sw-80{width:80%}
 185 | .w-sw-75{width:75%}
 186 | .w-sw-70{width:70%}
 187 | .w-sw-65{width:65%}
 188 | .w-sw-60{width:60%}
 189 | .w-sw-55{width:55%}
 190 | .w-sw-50{width:50%}
 191 | .w-sw-45{width:45%}
 192 | .w-sw-40{width:40%}
 193 | .w-sw-35{width:35%}
 194 | .w-sw-30{width:30%}
 195 | .w-sw-25{width:25%}
 196 | .w-sw-20{width:20%}
 197 | .w-sw-15{width:15%}
 198 | .w-sw-10{width:10%}
 199 | .w-sw-5{width:5%}
 200 | /**Medium**/
 201 | .w-md-100{width:100%}
 202 | .w-md-95{width:95%}
 203 | .w-md-90{width:90%}
 204 | .w-md-85{width:85%}
 205 | .w-md-80{width:80%}
 206 | .w-md-75{width:75%}
 207 | .w-md-70{width:70%}
 208 | .w-md-65{width:65%}
 209 | .w-md-60{width:60%}
 210 | .w-md-55{width:55%}
 211 | .w-md-50{width:50%}
 212 | .w-md-45{width:45%}
 213 | .w-md-40{width:40%}
 214 | .w-md-35{width:35%}
 215 | .w-md-30{width:30%}
 216 | .w-md-25{width:25%}
 217 | .w-md-20{width:20%}
 218 | .w-md-15{width:15%}
 219 | .w-md-10{width:10%}
 220 | .w-md-5{width:5%}
 221 | /**Large**/
 222 | .w-lg-100{width:100%}
 223 | .w-lg-95{width:95%}
 224 | .w-lg-90{width:90%}
 225 | .w-lg-85{width:85%}
 226 | .w-lg-80{width:80%}
 227 | .w-lg-75{width:75%}
 228 | .w-lg-70{width:70%}
 229 | .w-lg-65{width:65%}
 230 | .w-lg-60{width:60%}
 231 | .w-lg-55{width:55%}
 232 | .w-lg-50{width:50%}
 233 | .w-lg-45{width:45%}
 234 | .w-lg-40{width:40%}
 235 | .w-lg-35{width:35%}
 236 | .w-lg-30{width:30%}
 237 | .w-lg-25{width:25%}
 238 | .w-lg-20{width:20%}
 239 | .w-lg-15{width:15%}
 240 | .w-lg-10{width:10%}
 241 | .w-lg-5{width:5%}
 242 | /**Extra large**/
 243 | .w-xl-100{width:100%}
 244 | .w-xl-95{width:95%}
 245 | .w-xl-90{width:90%}
 246 | .w-xl-85{width:85%}
 247 | .w-xl-80{width:80%}
 248 | .w-xl-75{width:75%}
 249 | .w-xl-70{width:70%}
 250 | .w-xl-65{width:65%}
 251 | .w-xl-60{width:60%}
 252 | .w-xl-55{width:55%}
 253 | .w-xl-50{width:50%}
 254 | .w-xl-45{width:45%}
 255 | .w-xl-40{width:40%}
 256 | .w-xl-35{width:35%}
 257 | .w-xl-30{width:30%}
 258 | .w-xl-25{width:25%}
 259 | .w-xl-20{width:20%}
 260 | .w-xl-15{width:15%}
 261 | .w-xl-10{width:10%}
 262 | .w-xl-5{width:5%}
 263 | /**Responsive**/
 264 | @media only screen and (min-width:10px){
 265 | .pad-sm-5,.pad-sm-10,.pad-sm-15,.pad-sm-20,.pad-sm-25,.pad-sm-30,.pad-sm-35,.pad-sm-40,.pad-sm-45,.pad-sm-50{padding:0}
 266 | .pad-sm-l-5,.pad-sm-l-10,.pad-sm-l-15,.pad-sm-l-20,.pad-sm-l-25,.pad-sm-l-30,.pad-sm-l-35,.pad-sm-l-40,.pad-sm-l-45,.pad-sm-l-50{padding:0}
 267 | .pad-sm-r-5,.pad-sm-r-10,.pad-sm-r-15,.pad-sm-r-20,.pad-sm-r-25,.pad-sm-r-30,.pad-sm-r-35,.pad-sm-r-40,.pad-sm-r-45,.pad-sm-r-50{padding:0}
 268 | .pad-sm-t-5,.pad-sm-t-10,.pad-sm-t-15,.pad-sm-t-20,.pad-sm-t-25,.pad-sm-t-30,.pad-sm-t-35,.pad-sm-t-40,.pad-sm-t-45,.pad-sm-t-50{padding:0} 
 269 | .pad-sm-b-5,.pad-sm-b-10,.pad-sm-b-15,.pad-sm-b-20,.pad-sm-b-25,.pad-sm-b-30,.pad-sm-b-35,.pad-sm-b-40,.pad-sm-b-45,.pad-sm-b-50{padding:0}  
 270 | .pad-sw-5,.pad-sw-10,.pad-sw-15,.pad-sw-20,.pad-sw-25,.pad-sw-30,.pad-sw-35,.pad-sw-40,.pad-sw-45,.pad-sw-50{padding:0}
 271 | .pad-sw-l-5,.pad-sw-l-10,.pad-sw-l-15,.pad-sw-l-20,.pad-sw-l-25,.pad-sw-l-30,.pad-sw-l-35,.pad-sw-l-40,.pad-sw-l-45,.pad-sw-l-50{padding:0}
 272 | .pad-sw-r-5,.pad-sw-r-10,.pad-sw-r-15,.pad-sw-r-20,.pad-sw-r-25,.pad-sw-r-30,.pad-sw-r-35,.pad-sw-r-40,.pad-sw-r-45,.pad-sw-r-50{padding:0}
 273 | .pad-sw-t-5,.pad-sw-t-10,.pad-sw-t-15,.pad-sw-t-20,.pad-sw-t-25,.pad-sw-t-30,.pad-sw-t-35,.pad-sw-t-40,.pad-sw-t-45,.pad-sw-t-50{padding:0} 
 274 | .pad-sw-b-5,.pad-sw-b-10,.pad-sw-b-15,.pad-sw-b-20,.pad-sw-b-25,.pad-sw-b-30,.pad-sw-b-35,.pad-sw-b-40,.pad-sw-b-45,.pad-sw-b-50{padding:0}  
 275 | .pad-md-5,.pad-md-10,.pad-md-15,.pad-md-20,.pad-md-25,.pad-md-30,.pad-md-35,.pad-md-40,.pad-md-45,.pad-md-50{padding:0}
 276 | .pad-md-l-5,.pad-md-l-10,.pad-md-l-15,.pad-md-l-20,.pad-md-l-25,.pad-md-l-30,.pad-md-l-35,.pad-md-l-40,.pad-md-l-45,.pad-md-l-50{padding:0}
 277 | .pad-md-r-5,.pad-md-r-10,.pad-md-r-15,.pad-md-r-20,.pad-md-r-25,.pad-md-r-30,.pad-md-r-35,.pad-md-r-40,.pad-md-r-45,.pad-md-r-50{padding:0}
 278 | .pad-md-t-5,.pad-md-t-10,.pad-md-t-15,.pad-md-t-20,.pad-md-t-25,.pad-md-t-30,.pad-md-t-35,.pad-md-t-40,.pad-md-t-45,.pad-md-t-50{padding:0} 
 279 | .pad-md-b-5,.pad-md-b-10,.pad-md-b-15,.pad-md-b-20,.pad-md-b-25,.pad-md-b-30,.pad-md-b-35,.pad-md-b-40,.pad-md-b-45,.pad-md-b-50{padding:0}  
 280 | .pad-lg-5,.pad-lg-10,.pad-lg-15,.pad-lg-20,.pad-lg-25,.pad-lg-30,.pad-lg-35,.pad-lg-40,.pad-lg-45,.pad-lg-50{padding:0}
 281 | .pad-lg-l-5,.pad-lg-l-10,.pad-lg-l-15,.pad-lg-l-20,.pad-lg-l-25,.pad-lg-l-30,.pad-lg-l-35,.pad-lg-l-40,.pad-lg-l-45,.pad-lg-l-50{padding:0}
 282 | .pad-lg-r-5,.pad-lg-r-10,.pad-lg-r-15,.pad-lg-r-20,.pad-lg-r-25,.pad-lg-r-30,.pad-lg-r-35,.pad-lg-r-40,.pad-lg-r-45,.pad-lg-r-50{padding:0}
 283 | .pad-lg-t-5,.pad-lg-t-10,.pad-lg-t-15,.pad-lg-t-20,.pad-lg-t-25,.pad-lg-t-30,.pad-lg-t-35,.pad-lg-t-40,.pad-lg-t-45,.pad-lg-t-50{padding:0} 
 284 | .pad-lg-b-5,.pad-lg-b-10,.pad-lg-b-15,.pad-lg-b-20,.pad-lg-b-25,.pad-lg-b-30,.pad-lg-b-35,.pad-lg-b-40,.pad-lg-b-45,.pad-lg-b-50{padding:0}
 285 | .pad-xl-5,.pad-xl-10,.pad-xl-15,.pad-xl-20,.pad-xl-25,.pad-xl-30,.pad-xl-35,.pad-xl-40,.pad-xl-45,.pad-xl-50{padding:0}
 286 | .pad-xl-l-5,.pad-xl-l-10,.pad-xl-l-15,.pad-xl-l-20,.pad-xl-l-25,.pad-xl-l-30,.pad-xl-l-35,.pad-xl-l-40,.pad-xl-l-45,.pad-xl-l-50{padding:0}
 287 | .pad-xl-r-5,.pad-xl-r-10,.pad-xl-r-15,.pad-xl-r-20,.pad-xl-r-25,.pad-xl-r-30,.pad-xl-r-35,.pad-xl-r-40,.pad-xl-r-45,.pad-xl-r-50{padding:0}
 288 | .pad-xl-t-5,.pad-xl-t-10,.pad-xl-t-15,.pad-xl-t-20,.pad-xl-t-25,.pad-xl-t-30,.pad-xl-t-35,.pad-xl-t-40,.pad-xl-t-45,.pad-xl-t-50{padding:0} 
 289 | .pad-xl-b-5,.pad-xl-b-10,.pad-xl-b-15,.pad-xl-b-20,.pad-xl-b-25,.pad-xl-b-30,.pad-xl-b-35,.pad-xl-b-40,.pad-xl-b-45,.pad-xl-b-50{padding:0}
 290 | .mar-sm-5,.mar-sm-10,.mar-sm-15,.mar-sm-20,.mar-sm-25,.mar-sm-30,.mar-sm-35,.mar-sm-40,.mar-sm-45,.mar-sm-50{margin:0}
 291 | .mar-sm-l-5,.mar-sm-l-10,.mar-sm-l-15,.mar-sm-l-20,.mar-sm-l-25,.mar-sm-l-30,.mar-sm-l-35,.mar-sm-l-40,.mar-sm-l-45,.mar-sm-l-50{margin:0}
 292 | .mar-sm-r-5,.mar-sm-r-10,.mar-sm-r-15,.mar-sm-r-20,.mar-sm-r-25,.mar-sm-r-30,.mar-sm-r-35,.mar-sm-r-40,.mar-sm-r-45,.mar-sm-r-50{margin:0}
 293 | .mar-sm-t-5,.mar-sm-t-10,.mar-sm-t-15,.mar-sm-t-20,.mar-sm-t-25,.mar-sm-t-30,.mar-sm-t-35,.mar-sm-t-40,.mar-sm-t-45,.mar-sm-t-50{margin:0} 
 294 | .mar-sm-b-5,.mar-sm-b-10,.mar-sm-b-15,.mar-sm-b-20,.mar-sm-b-25,.mar-sm-b-30,.mar-sm-b-35,.mar-sm-b-40,.mar-sm-b-45,.mar-sm-b-50{margin:0}  
 295 | .mar-sw-5,.mar-sw-10,.mar-sw-15,.mar-sw-20,.mar-sw-25,.mar-sw-30,.mar-sw-35,.mar-sw-40,.mar-sw-45,.mar-sw-50{margin:0}
 296 | .mar-sw-l-5,.mar-sw-l-10,.mar-sw-l-15,.mar-sw-l-20,.mar-sw-l-25,.mar-sw-l-30,.mar-sw-l-35,.mar-sw-l-40,.mar-sw-l-45,.mar-sw-l-50{margin:0}
 297 | .mar-sw-r-5,.mar-sw-r-10,.mar-sw-r-15,.mar-sw-r-20,.mar-sw-r-25,.mar-sw-r-30,.mar-sw-r-35,.mar-sw-r-40,.mar-sw-r-45,.mar-sw-r-50{margin:0}
 298 | .mar-sw-t-5,.mar-sw-t-10,.mar-sw-t-15,.mar-sw-t-20,.mar-sw-t-25,.mar-sw-t-30,.mar-sw-t-35,.mar-sw-t-40,.mar-sw-t-45,.mar-sw-t-50{margin:0} 
 299 | .mar-sw-b-5,.mar-sw-b-10,.mar-sw-b-15,.mar-sw-b-20,.mar-sw-b-25,.mar-sw-b-30,.mar-sw-b-35,.mar-sw-b-40,.mar-sw-b-45,.mar-sw-b-50{margin:0}  
 300 | .mar-md-5,.mar-md-10,.mar-md-15,.mar-md-20,.mar-md-25,.mar-md-30,.mar-md-35,.mar-md-40,.mar-md-45,.mar-md-50{margin:0}
 301 | .mar-md-l-5,.mar-md-l-10,.mar-md-l-15,.mar-md-l-20,.mar-md-l-25,.mar-md-l-30,.mar-md-l-35,.mar-md-l-40,.mar-md-l-45,.mar-md-l-50{margin:0}
 302 | .mar-md-r-5,.mar-md-r-10,.mar-md-r-15,.mar-md-r-20,.mar-md-r-25,.mar-md-r-30,.mar-md-r-35,.mar-md-r-40,.mar-md-r-45,.mar-md-r-50{margin:0}
 303 | .mar-md-t-5,.mar-md-t-10,.mar-md-t-15,.mar-md-t-20,.mar-md-t-25,.mar-md-t-30,.mar-md-t-35,.mar-md-t-40,.mar-md-t-45,.mar-md-t-50{margin:0} 
 304 | .mar-md-b-5,.mar-md-b-10,.mar-md-b-15,.mar-md-b-20,.mar-md-b-25,.mar-md-b-30,.mar-md-b-35,.mar-md-b-40,.mar-md-b-45,.mar-md-b-50{margin:0}  
 305 | .mar-lg-5,.mar-lg-10,.mar-lg-15,.mar-lg-20,.mar-lg-25,.mar-lg-30,.mar-lg-35,.mar-lg-40,.mar-lg-45,.mar-lg-50{margin:0}
 306 | .mar-lg-l-5,.mar-lg-l-10,.mar-lg-l-15,.mar-lg-l-20,.mar-lg-l-25,.mar-lg-l-30,.mar-lg-l-35,.mar-lg-l-40,.mar-lg-l-45,.mar-lg-l-50{margin:0}
 307 | .mar-lg-r-5,.mar-lg-r-10,.mar-lg-r-15,.mar-lg-r-20,.mar-lg-r-25,.mar-lg-r-30,.mar-lg-r-35,.mar-lg-r-40,.mar-lg-r-45,.mar-lg-r-50{margin:0}
 308 | .mar-lg-t-5,.mar-lg-t-10,.mar-lg-t-15,.mar-lg-t-20,.mar-lg-t-25,.mar-lg-t-30,.mar-lg-t-35,.mar-lg-t-40,.mar-lg-t-45,.mar-lg-t-50{margin:0} 
 309 | .mar-lg-b-5,.mar-lg-b-10,.mar-lg-b-15,.mar-lg-b-20,.mar-lg-b-25,.mar-lg-b-30,.mar-lg-b-35,.mar-lg-b-40,.mar-lg-b-45,.mar-lg-b-50{margin:0}
 310 | .mar-xl-5,.mar-xl-10,.mar-xl-15,.mar-xl-20,.mar-xl-25,.mar-xl-30,.mar-xl-35,.mar-xl-40,.mar-xl-45,.mar-xl-50{margin:0}
 311 | .mar-xl-l-5,.mar-xl-l-10,.mar-xl-l-15,.mar-xl-l-20,.mar-xl-l-25,.mar-xl-l-30,.mar-xl-l-35,.mar-xl-l-40,.mar-xl-l-45,.mar-xl-l-50{margin:0}
 312 | .mar-xl-r-5,.mar-xl-r-10,.mar-xl-r-15,.mar-xl-r-20,.mar-xl-r-25,.mar-xl-r-30,.mar-xl-r-35,.mar-xl-r-40,.mar-xl-r-45,.mar-xl-r-50{margin:0}
 313 | .mar-xl-t-5,.mar-xl-t-10,.mar-xl-t-15,.mar-xl-t-20,.mar-xl-t-25,.mar-xl-t-30,.mar-xl-t-35,.mar-xl-t-40,.mar-xl-t-45,.mar-xl-t-50{margin:0} 
 314 | .mar-xl-b-5,.mar-xl-b-10,.mar-xl-b-15,.mar-xl-b-20,.mar-xl-b-25,.mar-xl-b-30,.mar-xl-b-35,.mar-xl-b-40,.mar-xl-b-45,.mar-xl-b-50{margin:0}
 315 | .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{width:100%}
 316 | .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:100%}
 317 | .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{width:100%}
 318 | .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{width:100%}
 319 | .col-sw-1,.col-sw-2,.col-sw-3,.col-sw-4,.col-sw-5,.col-sw-6,.col-sw-7,.col-sw-8,.col-sw-9,.col-sw-10,.col-sw-11,.col-sw-12{width:100%}
 320 | .w-xl-5,.w-xl-10,.w-xl-15,.w-xl-20,.w-xl-25,.w-xl-30,.w-xl-35,.w-xl-40,.w-xl-45,.w-xl-50,.w-xl-55,.w-xl-60,.w-xl-65,.w-xl-70,.w-xl-75,.w-xl-80,.w-xl-85,.w-xl-90,.w-xl-95,.w-xl-100{width:100%}
 321 | .w-lg-5,.w-lg-10,.w-lg-15,.w-lg-20,.w-lg-25,.w-lg-30,.w-lg-35,.w-lg-40,.w-lg-45,.w-lg-50,.w-lg-55,.w-lg-60,.w-lg-65,.w-lg-70,.w-lg-75,.w-lg-80,.w-lg-85,.w-lg-90,.w-lg-95,.w-lg-100{width:100%}
 322 | .w-md-5,.w-md-10,.w-md-15,.w-md-20,.w-md-25,.w-md-30,.w-md-35,.w-md-40,.w-md-45,.w-md-50,.w-md-55,.w-md-60,.w-md-65,.w-md-70,.w-md-75,.w-md-80,.w-md-85,.w-md-90,.w-md-95,.w-md-100{width:100%}
 323 | .w-sw-5,.w-sw-10,.w-sw-15,.w-sw-20,.w-sw-25,.w-sw-30,.w-sw-35,.w-sw-40,.w-sw-45,.w-sw-50,.w-sw-55,.w-sw-60,.w-sw-65,.w-sw-70,.w-sw-75,.w-sw-80,.w-sw-85,.w-sw-90,.w-sw-95,.w-sw-100{width:100%}
 324 | .w-sm-5,.w-sm-10,.w-sm-15,.w-sm-20,.w-sm-25,.w-sm-30,.w-sm-35,.w-sm-40,.w-sm-45,.w-sm-50,.w-sm-55,.w-sm-60,.w-sm-65,.w-sm-70,.w-sm-75,.w-sm-80,.w-sm-85,.w-sm-90,.w-sm-95,.w-sm-100{width:100%}
 325 | .rounded-xl{border-radius:none}
 326 | .container{
 327 | width:min(100% - 4vw);
 328 | margin-inline:auto;
 329 | }
 330 | }
 331 | @media only screen and (min-width:576px){
 332 | .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{width:100%}
 333 | .col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{width:100%}
 334 | .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{width:100%}
 335 | .col-sm-1{width:8.33333333%}
 336 | .col-sm-2{width:16.66666667%}
 337 | .col-sm-3{width:25%}
 338 | .col-sm-4{width:33.33333333%}
 339 | .col-sm-5{width:41.66666667%}
 340 | .col-sm-6{width:50%}
 341 | .col-sm-7{width:58.33333333%}
 342 | .col-sm-8{width:66.66666667%}
 343 | .col-sm-9{width:75%}
 344 | .col-sm-10{width:83.33333333%}
 345 | .col-sm-11{width:91.66666667%}
 346 | .col-sm-12{width:100%}
 347 | .gap-5 .col-sm-1{width:calc(8.33333333% - 5px)}
 348 | .gap-5 .col-sm-2{width:calc(16.66666667% - 5px)}
 349 | .gap-5 .col-sm-3{width:calc(25% - 5px)}
 350 | .gap-5 .col-sm-4{width:calc(33.33333333% - 5px)}
 351 | .gap-5 .col-sm-5{width:calc(41.66666667% - 5px)}
 352 | .gap-5 .col-sm-6{width:calc(50% - 5px)}
 353 | .gap-5 .col-sm-7{width:calc(58.33333333% - 5px)}
 354 | .gap-5 .col-sm-8{width:calc(66.66666667% - 5px)}
 355 | .gap-5 .col-sm-9{width:calc(75% - 5px)}
 356 | .gap-5 .col-sm-10{width:calc(83.33333333% - 5px)}
 357 | .gap-5 .col-sm-11{width:calc(91.66666667% - 5px)}
 358 | .gap-5 .col-sm-12{width:calc(100% - 5px)}
 359 | .gap-10 .col-sm-1{width:calc(8.33333333% - 10px)}
 360 | .gap-10 .col-sm-2{width:calc(16.66666667% - 10px)}
 361 | .gap-10 .col-sm-3{width:calc(25% - 10px)}
 362 | .gap-10 .col-sm-4{width:calc(33.33333333% - 10px)}
 363 | .gap-10 .col-sm-5{width:calc(41.66666667% - 10px)}
 364 | .gap-10 .col-sm-6{width:calc(50% - 10px)}
 365 | .gap-10 .col-sm-7{width:calc(58.33333333% - 10px)}
 366 | .gap-10 .col-sm-8{width:calc(66.66666667% - 10px)}
 367 | .gap-10 .col-sm-9{width:calc(75% - 10px)}
 368 | .gap-10 .col-sm-10{width:calc(83.33333333% - 10px)}
 369 | .gap-10 .col-sm-11{width:calc(91.66666667% - 10px)}
 370 | .gap-10 .col-sm-12{width:calc(100% - 10px)}
 371 | .w-xl-5,.w-xl-10,.w-xl-15,.w-xl-20,.w-xl-25,.w-xl-30,.w-xl-35,.w-xl-40,.w-xl-45,.w-xl-50,.w-xl-55,.w-xl-60,.w-xl-65,.w-xl-70,.w-xl-75,.w-xl-80,.w-xl-85,.w-xl-90,.w-xl-95,.w-xl-100{width:100%}
 372 | .w-lg-5,.w-lg-10,.w-lg-15,.w-lg-20,.w-lg-25,.w-lg-30,.w-lg-35,.w-lg-40,.w-lg-45,.w-lg-50,.w-lg-55,.w-lg-60,.w-lg-65,.w-lg-70,.w-lg-75,.w-lg-80,.w-lg-85,.w-lg-90,.w-lg-95,.w-lg-100{width:100%}
 373 | .w-md-5,.w-md-10,.w-md-15,.w-md-20,.w-md-25,.w-md-30,.w-md-35,.w-md-40,.w-md-45,.w-md-50,.w-md-55,.w-md-60,.w-md-65,.w-md-70,.w-md-75,.w-md-80,.w-md-85,.w-md-90,.w-md-95,.w-md-100{width:100%}
 374 | .w-sm-100{width:100%}
 375 | .w-sm-95{width:95%}
 376 | .w-sm-90{width:90%}
 377 | .w-sm-85{width:85%}
 378 | .w-sm-80{width:80%}
 379 | .w-sm-75{width:75%}
 380 | .w-sm-70{width:70%}
 381 | .w-sm-65{width:65%}
 382 | .w-sm-60{width:60%}
 383 | .w-sm-55{width:55%}
 384 | .w-sm-50{width:50%}
 385 | .w-sm-45{width:45%}
 386 | .w-sm-40{width:40%}
 387 | .w-sm-35{width:35%}
 388 | .w-sm-30{width:30%}
 389 | .w-sm-25{width:25%}
 390 | .w-sm-20{width:20%}
 391 | .w-sm-15{width:15%}
 392 | .w-sm-10{width:10%}
 393 | .w-sm-5{width:5%}
 394 | .gap-5 .w-sm-100{width:calc(100% - 5px)}
 395 | .gap-5 .w-sm-95{width:calc(95% - 5px)}
 396 | .gap-5 .w-sm-90{width:calc(90% - 5px)}
 397 | .gap-5 .w-sm-85{width:calc(85% - 5px)}
 398 | .gap-5 .w-sm-80{width:calc(80% - 5px)}
 399 | .gap-5 .w-sm-75{width:calc(75% - 5px)}
 400 | .gap-5 .w-sm-70{width:calc(70% - 5px)}
 401 | .gap-5 .w-sm-65{width:calc(65% - 5px)}
 402 | .gap-5 .w-sm-60{width:calc(60% - 5px)}
 403 | .gap-5 .w-sm-55{width:calc(55% - 5px)}
 404 | .gap-5 .w-sm-50{width:calc(50% - 5px)}
 405 | .gap-5 .w-sm-45{width:calc(45% - 5px)}
 406 | .gap-5 .w-sm-40{width:calc(40% - 5px)}
 407 | .gap-5 .w-sm-35{width:calc(35% - 5px)}
 408 | .gap-5 .w-sm-30{width:calc(30% - 5px)}
 409 | .gap-5 .w-sm-25{width:calc(25% - 5px)}
 410 | .gap-5 .w-sm-20{width:calc(20% - 5px)}
 411 | .gap-5 .w-sm-15{width:calc(15% - 5px)}
 412 | .gap-5 .w-sm-10{width:calc(10% - 5px)}
 413 | .gap-5 .w-sm-5{width:calc(5% - 5px)}
 414 | .gap-10 .w-sm-100{width:calc(100% - 10px)}
 415 | .gap-10 .w-sm-95{width:calc(95% - 10px)}
 416 | .gap-10 .w-sm-90{width:calc(90% - 10px)}
 417 | .gap-10 .w-sm-85{width:calc(85% - 10px)}
 418 | .gap-10 .w-sm-80{width:calc(80% - 10px)}
 419 | .gap-10 .w-sm-75{width:calc(75% - 10px)}
 420 | .gap-10 .w-sm-70{width:calc(70% - 10px)}
 421 | .gap-10 .w-sm-65{width:calc(65% - 10px)}
 422 | .gap-10 .w-sm-60{width:calc(60% - 10px)}
 423 | .gap-10 .w-sm-55{width:calc(55% - 10px)}
 424 | .gap-10 .w-sm-50{width:calc(50% - 10px)}
 425 | .gap-10 .w-sm-45{width:calc(45% - 10px)}
 426 | .gap-10 .w-sm-40{width:calc(40% - 10px)}
 427 | .gap-10 .w-sm-35{width:calc(35% - 10px)}
 428 | .gap-10 .w-sm-30{width:calc(30% - 10px)}
 429 | .gap-10 .w-sm-25{width:calc(25% - 10px)}
 430 | .gap-10 .w-sm-20{width:calc(20% - 10px)}
 431 | .gap-10 .w-sm-15{width:calc(15% - 10px)}
 432 | .gap-10 .w-sm-10{width:calc(10% - 10px)}
 433 | .gap-10 .w-sm-5{width:calc(5% - 10px)}
 434 | .pad-sw-5,.pad-sw-10,.pad-sw-15,.pad-sw-20,.pad-sw-25,.pad-sw-30,.pad-sw-35,.pad-sw-40,.pad-sw-45,.pad-sw-50{padding:0}
 435 | .pad-sw-l-5,.pad-sw-l-10,.pad-sw-l-15,.pad-sw-l-20,.pad-sw-l-25,.pad-sw-l-30,.pad-sw-l-35,.pad-sw-l-40,.pad-sw-l-45,.pad-sw-l-50{padding:0}
 436 | .pad-sw-r-5,.pad-sw-r-10,.pad-sw-r-15,.pad-sw-r-20,.pad-sw-r-25,.pad-sw-r-30,.pad-sw-r-35,.pad-sw-r-40,.pad-sw-r-45,.pad-sw-r-50{padding:0}
 437 | .pad-sw-t-5,.pad-sw-t-10,.pad-sw-t-15,.pad-sw-t-20,.pad-sw-t-25,.pad-sw-t-30,.pad-sw-t-35,.pad-sw-t-40,.pad-sw-t-45,.pad-sw-t-50{padding:0} 
 438 | .pad-sw-b-5,.pad-sw-b-10,.pad-sw-b-15,.pad-sw-b-20,.pad-sw-b-25,.pad-sw-b-30,.pad-sw-b-35,.pad-sw-b-40,.pad-sw-b-45,.pad-sw-b-50{padding:0}  
 439 | .pad-md-5,.pad-md-10,.pad-md-15,.pad-md-20,.pad-md-25,.pad-md-30,.pad-md-35,.pad-md-40,.pad-md-45,.pad-md-50{padding:0}
 440 | .pad-md-l-5,.pad-md-l-10,.pad-md-l-15,.pad-md-l-20,.pad-md-l-25,.pad-md-l-30,.pad-md-l-35,.pad-md-l-40,.pad-md-l-45,.pad-md-l-50{padding:0}
 441 | .pad-md-r-5,.pad-md-r-10,.pad-md-r-15,.pad-md-r-20,.pad-md-r-25,.pad-md-r-30,.pad-md-r-35,.pad-md-r-40,.pad-md-r-45,.pad-md-r-50{padding:0}
 442 | .pad-md-t-5,.pad-md-t-10,.pad-md-t-15,.pad-md-t-20,.pad-md-t-25,.pad-md-t-30,.pad-md-t-35,.pad-md-t-40,.pad-md-t-45,.pad-md-t-50{padding:0} 
 443 | .pad-md-b-5,.pad-md-b-10,.pad-md-b-15,.pad-md-b-20,.pad-md-b-25,.pad-md-b-30,.pad-md-b-35,.pad-md-b-40,.pad-md-b-45,.pad-md-b-50{padding:0}  
 444 | .pad-lg-5,.pad-lg-10,.pad-lg-15,.pad-lg-20,.pad-lg-25,.pad-lg-30,.pad-lg-35,.pad-lg-40,.pad-lg-45,.pad-lg-50{padding:0}
 445 | .pad-lg-l-5,.pad-lg-l-10,.pad-lg-l-15,.pad-lg-l-20,.pad-lg-l-25,.pad-lg-l-30,.pad-lg-l-35,.pad-lg-l-40,.pad-lg-l-45,.pad-lg-l-50{padding:0}
 446 | .pad-lg-r-5,.pad-lg-r-10,.pad-lg-r-15,.pad-lg-r-20,.pad-lg-r-25,.pad-lg-r-30,.pad-lg-r-35,.pad-lg-r-40,.pad-lg-r-45,.pad-lg-r-50{padding:0}
 447 | .pad-lg-t-5,.pad-lg-t-10,.pad-lg-t-15,.pad-lg-t-20,.pad-lg-t-25,.pad-lg-t-30,.pad-lg-t-35,.pad-lg-t-40,.pad-lg-t-45,.pad-lg-t-50{padding:0} 
 448 | .pad-lg-b-5,.pad-lg-b-10,.pad-lg-b-15,.pad-lg-b-20,.pad-lg-b-25,.pad-lg-b-30,.pad-lg-b-35,.pad-lg-b-40,.pad-lg-b-45,.pad-lg-b-50{padding:0}
 449 | .pad-xl-5,.pad-xl-10,.pad-xl-15,.pad-xl-20,.pad-xl-25,.pad-xl-30,.pad-xl-35,.pad-xl-40,.pad-xl-45,.pad-xl-50{padding:0}
 450 | .pad-xl-l-5,.pad-xl-l-10,.pad-xl-l-15,.pad-xl-l-20,.pad-xl-l-25,.pad-xl-l-30,.pad-xl-l-35,.pad-xl-l-40,.pad-xl-l-45,.pad-xl-l-50{padding:0}
 451 | .pad-xl-r-5,.pad-xl-r-10,.pad-xl-r-15,.pad-xl-r-20,.pad-xl-r-25,.pad-xl-r-30,.pad-xl-r-35,.pad-xl-r-40,.pad-xl-r-45,.pad-xl-r-50{padding:0}
 452 | .pad-xl-t-5,.pad-xl-t-10,.pad-xl-t-15,.pad-xl-t-20,.pad-xl-t-25,.pad-xl-t-30,.pad-xl-t-35,.pad-xl-t-40,.pad-xl-t-45,.pad-xl-t-50{padding:0} 
 453 | .pad-xl-b-5,.pad-xl-b-10,.pad-xl-b-15,.pad-xl-b-20,.pad-xl-b-25,.pad-xl-b-30,.pad-xl-b-35,.pad-xl-b-40,.pad-xl-b-45,.pad-xl-b-50{padding:0}  
 454 | .pad-sm-50{padding:50px}
 455 | .pad-sm-45{padding:45px}
 456 | .pad-sm-40{padding:40px}
 457 | .pad-sm-35{padding:35px}
 458 | .pad-sm-30{padding:30px}
 459 | .pad-sm-25{padding:25px}
 460 | .pad-sm-20{padding:20px}
 461 | .pad-sm-15{padding:15px}
 462 | .pad-sm-10{padding:10px}
 463 | .pad-sm-5{padding:5px}
 464 | .pad-l-sm-50{padding-left:50px}
 465 | .pad-l-sm-45{padding-left:45px}
 466 | .pad-l-sm-40{padding-left:40px}
 467 | .pad-l-sm-35{padding-left:35px}
 468 | .pad-l-sm-30{padding-left:30px}
 469 | .pad-l-sm-25{padding-left:25px}
 470 | .pad-l-sm-20{padding-left:20px}
 471 | .pad-l-sm-15{padding-left:15px}
 472 | .pad-l-sm-10{padding-left:10px}
 473 | .pad-l-sm-5{padding-left:5px}
 474 | .pad-r-sm-50{padding-right:50px}
 475 | .pad-r-sm-45{padding-right:45px}
 476 | .pad-r-sm-40{padding-right:40px}
 477 | .pad-r-sm-35{padding-right:35px}
 478 | .pad-r-sm-30{padding-right:30px}
 479 | .pad-r-sm-25{padding-right:25px}
 480 | .pad-r-sm-20{padding-right:20px}
 481 | .pad-r-sm-15{padding-right:15px}
 482 | .pad-r-sm-10{padding-right:10px}
 483 | .pad-r-sm-5{padding-right:5px}
 484 | .pad-t-sm-50{padding-top:50px}
 485 | .pad-t-sm-45{padding-top:45px}
 486 | .pad-t-sm-40{padding-top:40px}
 487 | .pad-t-sm-35{padding-top:35px}
 488 | .pad-t-sm-30{padding-top:30px}
 489 | .pad-t-sm-25{padding-top:25px}
 490 | .pad-t-sm-20{padding-top:20px}
 491 | .pad-t-sm-15{padding-top:15px}
 492 | .pad-t-sm-10{padding-top:10px}
 493 | .pad-t-sm-5{padding-top:5px}
 494 | .pad-b-sm-50{padding-bottom:50px}
 495 | .pad-b-sm-45{padding-bottom:45px}
 496 | .pad-b-sm-40{padding-bottom:40px}
 497 | .pad-b-sm-35{padding-bottom:35px}
 498 | .pad-b-sm-30{padding-bottom:30px}
 499 | .pad-b-sm-25{padding-bottom:25px}
 500 | .pad-b-sm-20{padding-bottom:20px}
 501 | .pad-b-sm-15{padding-bottom:15px}
 502 | .pad-b-sm-10{padding-bottom:10px}
 503 | .pad-b-sm-5{padding-bottom:5px}
 504 | .mar-sw-5,.mar-sw-10,.mar-sw-15,.mar-sw-20,.mar-sw-25,.mar-sw-30,.mar-sw-35,.mar-sw-40,.mar-sw-45,.mar-sw-50{margin:0}
 505 | .mar-sw-l-5,.mar-sw-l-10,.mar-sw-l-15,.mar-sw-l-20,.mar-sw-l-25,.mar-sw-l-30,.mar-sw-l-35,.mar-sw-l-40,.mar-sw-l-45,.mar-sw-l-50{margin:0}
 506 | .mar-sw-r-5,.mar-sw-r-10,.mar-sw-r-15,.mar-sw-r-20,.mar-sw-r-25,.mar-sw-r-30,.mar-sw-r-35,.mar-sw-r-40,.mar-sw-r-45,.mar-sw-r-50{margin:0}
 507 | .mar-sw-t-5,.mar-sw-t-10,.mar-sw-t-15,.mar-sw-t-20,.mar-sw-t-25,.mar-sw-t-30,.mar-sw-t-35,.mar-sw-t-40,.mar-sw-t-45,.mar-sw-t-50{margin:0} 
 508 | .mar-sw-b-5,.mar-sw-b-10,.mar-sw-b-15,.mar-sw-b-20,.mar-sw-b-25,.mar-sw-b-30,.mar-sw-b-35,.mar-sw-b-40,.mar-sw-b-45,.mar-sw-b-50{margin:0}  
 509 | .mar-md-5,.mar-md-10,.mar-md-15,.mar-md-20,.mar-md-25,.mar-md-30,.mar-md-35,.mar-md-40,.mar-md-45,.mar-md-50{margin:0}
 510 | .mar-md-l-5,.mar-md-l-10,.mar-md-l-15,.mar-md-l-20,.mar-md-l-25,.mar-md-l-30,.mar-md-l-35,.mar-md-l-40,.mar-md-l-45,.mar-md-l-50{margin:0}
 511 | .mar-md-r-5,.mar-md-r-10,.mar-md-r-15,.mar-md-r-20,.mar-md-r-25,.mar-md-r-30,.mar-md-r-35,.mar-md-r-40,.mar-md-r-45,.mar-md-r-50{margin:0}
 512 | .mar-md-t-5,.mar-md-t-10,.mar-md-t-15,.mar-md-t-20,.mar-md-t-25,.mar-md-t-30,.mar-md-t-35,.mar-md-t-40,.mar-md-t-45,.mar-md-t-50{margin:0} 
 513 | .mar-md-b-5,.mar-md-b-10,.mar-md-b-15,.mar-md-b-20,.mar-md-b-25,.mar-md-b-30,.mar-md-b-35,.mar-md-b-40,.mar-md-b-45,.mar-md-b-50{margin:0}  
 514 | .mar-lg-5,.mar-lg-10,.mar-lg-15,.mar-lg-20,.mar-lg-25,.mar-lg-30,.mar-lg-35,.mar-lg-40,.mar-lg-45,.mar-lg-50{margin:0}
 515 | .mar-lg-l-5,.mar-lg-l-10,.mar-lg-l-15,.mar-lg-l-20,.mar-lg-l-25,.mar-lg-l-30,.mar-lg-l-35,.mar-lg-l-40,.mar-lg-l-45,.mar-lg-l-50{margin:0}
 516 | .mar-lg-r-5,.mar-lg-r-10,.mar-lg-r-15,.mar-lg-r-20,.mar-lg-r-25,.mar-lg-r-30,.mar-lg-r-35,.mar-lg-r-40,.mar-lg-r-45,.mar-lg-r-50{margin:0}
 517 | .mar-lg-t-5,.mar-lg-t-10,.mar-lg-t-15,.mar-lg-t-20,.mar-lg-t-25,.mar-lg-t-30,.mar-lg-t-35,.mar-lg-t-40,.mar-lg-t-45,.mar-lg-t-50{margin:0} 
 518 | .mar-lg-b-5,.mar-lg-b-10,.mar-lg-b-15,.mar-lg-b-20,.mar-lg-b-25,.mar-lg-b-30,.mar-lg-b-35,.mar-lg-b-40,.mar-lg-b-45,.mar-lg-b-50{margin:0}
 519 | .mar-xl-5,.mar-xl-10,.mar-xl-15,.mar-xl-20,.mar-xl-25,.mar-xl-30,.mar-xl-35,.mar-xl-40,.mar-xl-45,.mar-xl-50{margin:0}
 520 | .mar-xl-l-5,.mar-xl-l-10,.mar-xl-l-15,.mar-xl-l-20,.mar-xl-l-25,.mar-xl-l-30,.mar-xl-l-35,.mar-xl-l-40,.mar-xl-l-45,.mar-xl-l-50{margin:0}
 521 | .mar-xl-r-5,.mar-xl-r-10,.mar-xl-r-15,.mar-xl-r-20,.mar-xl-r-25,.mar-xl-r-30,.mar-xl-r-35,.mar-xl-r-40,.mar-xl-r-45,.mar-xl-r-50{margin:0}
 522 | .mar-xl-t-5,.mar-xl-t-10,.mar-xl-t-15,.mar-xl-t-20,.mar-xl-t-25,.mar-xl-t-30,.mar-xl-t-35,.mar-xl-t-40,.mar-xl-t-45,.mar-xl-t-50{margin:0} 
 523 | .mar-xl-b-5,.mar-xl-b-10,.mar-xl-b-15,.mar-xl-b-20,.mar-xl-b-25,.mar-xl-b-30,.mar-xl-b-35,.mar-xl-b-40,.mar-xl-b-45,.mar-xl-b-50{margin:0}
 524 | .mar-sm-50{margin:50px}
 525 | .mar-sm-45{margin:45px}
 526 | .mar-sm-40{margin:40px}
 527 | .mar-sm-35{margin:35px}
 528 | .mar-sm-30{margin:30px}
 529 | .mar-sm-25{margin:25px}
 530 | .mar-sm-20{margin:20px}
 531 | .mar-sm-15{margin:15px}
 532 | .mar-sm-10{margin:10px}
 533 | .mar-sm-5{margin:5px}
 534 | .mar-l-sm-50{margin-left:50px}
 535 | .mar-l-sm-45{margin-left:45px}
 536 | .mar-l-sm-40{margin-left:40px}
 537 | .mar-l-sm-35{margin-left:35px}
 538 | .mar-l-sm-30{margin-left:30px}
 539 | .mar-l-sm-25{margin-left:25px}
 540 | .mar-l-sm-20{margin-left:20px}
 541 | .mar-l-sm-15{margin-left:15px}
 542 | .mar-l-sm-10{margin-left:10px}
 543 | .mar-l-sm-5{margin-left:5px}
 544 | .mar-r-sm-50{margin-right:50px}
 545 | .mar-r-sm-45{margin-right:45px}
 546 | .mar-r-sm-40{margin-right:40px}
 547 | .mar-r-sm-35{margin-right:35px}
 548 | .mar-r-sm-30{margin-right:30px}
 549 | .mar-r-sm-25{margin-right:25px}
 550 | .mar-r-sm-20{margin-right:20px}
 551 | .mar-r-sm-15{margin-right:15px}
 552 | .mar-r-sm-10{margin-right:10px}
 553 | .mar-r-sm-5{margin-right:5px}
 554 | .mar-t-sm-50{margin-top:50px}
 555 | .mar-t-sm-45{margin-top:45px}
 556 | .mar-t-sm-40{margin-top:40px}
 557 | .mar-t-sm-35{margin-top:35px}
 558 | .mar-t-sm-30{margin-top:30px}
 559 | .mar-t-sm-25{margin-top:25px}
 560 | .mar-t-sm-20{margin-top:20px}
 561 | .mar-t-sm-15{margin-top:15px}
 562 | .mar-t-sm-10{margin-top:10px}
 563 | .mar-t-sm-5{margin-top:5px}
 564 | .mar-b-sm-50{margin-bottom:50px}
 565 | .mar-b-sm-45{margin-bottom:45px}
 566 | .mar-b-sm-40{margin-bottom:40px}
 567 | .mar-b-sm-35{margin-bottom:35px}
 568 | .mar-b-sm-30{margin-bottom:30px}
 569 | .mar-b-sm-25{margin-bottom:25px}
 570 | .mar-b-sm-20{margin-bottom:20px}
 571 | .mar-b-sm-15{margin-bottom:15px}
 572 | .mar-b-sm-10{margin-bottom:10px}
 573 | .mar-b-sm-5{margin-bottom:5px}
 574 | .rounded-xl{border-radius:0px}
 575 | .rounded-sm{border-radius:4px}
 576 | .invisible-sm{display:none}
 577 | }
 578 | @media only screen and (min-width:768px){
 579 | .w-xl-5,.w-xl-10,.w-xl-15,.w-xl-20,.w-xl-25,.w-xl-30,.w-xl-35,.w-xl-40,.w-xl-45,.w-xl-50,.w-xl-55,.w-xl-60,.w-xl-65,.w-xl-70,.w-xl-75,.w-xl-80,.w-xl-85,.w-xl-90,.w-xl-95,.w-xl-100{width:100%}
 580 | .w-lg-5,.w-lg-10,.w-lg-15,.w-lg-20,.w-lg-25,.w-lg-30,.w-lg-35,.w-lg-40,.w-lg-45,.w-lg-50,.w-lg-55,.w-lg-60,.w-lg-65,.w-lg-70,.w-lg-75,.w-lg-80,.w-lg-85,.w-lg-90,.w-lg-95,.w-lg-100{width:100%}
 581 | .col-sw-1{width:8.33333333%}
 582 | .col-sw-2{width:16.66666667%}
 583 | .col-sw-3{width:25%}
 584 | .col-sw-4{width:33.33333333%}
 585 | .col-sw-5{width:41.66666667%}
 586 | .col-sw-6{width:50%}
 587 | .col-sw-7{width:58.33333333%}
 588 | .col-sw-8{width:66.66666667%}
 589 | .col-sw-9{width:75%}
 590 | .col-sw-10{width:83.33333333%}
 591 | .col-sw-11{width:91.66666667%}
 592 | .col-sw-12{width:100%}
 593 | .gap-5 .col-sw-1{width:calc(8.33333333% - 5px)}
 594 | .gap-5 .col-sw-2{width:calc(16.66666667% - 5px)}
 595 | .gap-5 .col-sw-3{width:calc(25% - 5px)}
 596 | .gap-5 .col-sw-4{width:calc(33.33333333% - 5px)}
 597 | .gap-5 .col-sw-5{width:calc(41.66666667% - 5px)}
 598 | .gap-5 .col-sw-6{width:calc(50% - 5px)}
 599 | .gap-5 .col-sw-7{width:calc(58.33333333% - 5px)}
 600 | .gap-5 .col-sw-8{width:calc(66.66666667% - 5px)}
 601 | .gap-5 .col-sw-9{width:calc(75% - 5px)}
 602 | .gap-5 .col-sw-10{width:calc(83.33333333% - 5px)}
 603 | .gap-5 .col-sw-11{width:calc(91.66666667% - 5px)}
 604 | .gap-5 .col-sw-12{width:calc(100% - 5px)}
 605 | .gap-10 .col-sw-1{width:calc(8.33333333% - 10px)}
 606 | .gap-10 .col-sw-2{width:calc(16.66666667% - 10px)}
 607 | .gap-10 .col-sw-3{width:calc(25% - 10px)}
 608 | .gap-10 .col-sw-4{width:calc(33.33333333% - 10px)}
 609 | .gap-10 .col-sw-5{width:calc(41.66666667% - 10px)}
 610 | .gap-10 .col-sw-6{width:calc(50% - 10px)}
 611 | .gap-10 .col-sw-7{width:calc(58.33333333% - 10px)}
 612 | .gap-10 .col-sw-8{width:calc(66.66666667% - 10px)}
 613 | .gap-10 .col-sw-9{width:calc(75% - 10px)}
 614 | .gap-10 .col-sw-10{width:calc(83.33333333% - 10px)}
 615 | .gap-10 .col-sw-11{width:calc(91.66666667% - 10px)}
 616 | .gap-10 .col-sw-12{width:calc(100% - 10px)}
 617 | .col-md-1{width:8.33333333%}
 618 | .col-md-2{width:16.66666667%}
 619 | .col-md-3{width:25%}
 620 | .col-md-4{width:33.33333333%}
 621 | .col-md-5{width:41.66666667%}
 622 | .col-md-6{width:50%}
 623 | .col-md-7{width:58.33333333%}
 624 | .col-md-8{width:66.66666667%}
 625 | .col-md-9{width:75%}
 626 | .col-md-10{width:83.33333333%}
 627 | .col-md-11{width:91.66666667%}
 628 | .col-md-12{width:100%}
 629 | .gap-5 .col-md-1{width:calc(8.33333333% - 5px)}
 630 | .gap-5 .col-md-2{width:calc(16.66666667% - 5px)}
 631 | .gap-5 .col-md-3{width:calc(25% - 5px)}
 632 | .gap-5 .col-md-4{width:calc(33.33333333% - 5px)}
 633 | .gap-5 .col-md-5{width:calc(41.66666667% - 5px)}
 634 | .gap-5 .col-md-6{width:calc(50% - 5px)}
 635 | .gap-5 .col-md-7{width:calc(58.33333333% - 5px)}
 636 | .gap-5 .col-md-8{width:calc(66.66666667% - 5px)}
 637 | .gap-5 .col-md-9{width:calc(75% - 5px)}
 638 | .gap-5 .col-md-10{width:calc(83.33333333% - 5px)}
 639 | .gap-5 .col-md-11{width:calc(91.66666667% - 5px)}
 640 | .gap-5 .col-md-12{width:calc(100% - 5px)}
 641 | .gap-10 .col-md-1{width:calc(8.33333333% - 10px)}
 642 | .gap-10 .col-md-2{width:calc(16.66666667% - 10px)}
 643 | .gap-10 .col-md-3{width:calc(25% - 10px)}
 644 | .gap-10 .col-md-4{width:calc(33.33333333% - 10px)}
 645 | .gap-10 .col-md-5{width:calc(41.66666667% - 10px)}
 646 | .gap-10 .col-md-6{width:calc(50% - 10px)}
 647 | .gap-10 .col-md-7{width:calc(58.33333333% - 10px)}
 648 | .gap-10 .col-md-8{width:calc(66.66666667% - 10px)}
 649 | .gap-10 .col-md-9{width:calc(75% - 10px)}
 650 | .gap-10 .col-md-10{width:calc(83.33333333% - 10px)}
 651 | .gap-10 .col-md-11{width:calc(91.66666667% - 10px)}
 652 | .gap-10 .col-md-12{width:calc(100% - 10px)}
 653 | .w-xl-1,.w-xl-2,.w-xl-3,.w-xl-4,.w-xl-5,.w-xl-6,.w-xl-7,.w-xl-8,.w-xl-9,.w-xl-10,.w-xl-11,.w-xl-12{width:100%}
 654 | .w-lg-1,.w-lg-2,.w-lg-3,.w-lg-4,.w-lg-5,.w-lg-6,.w-lg-7,.w-lg-8,.w-lg-9,.w-lg-10,.w-lg-11,.w-lg-12{width:100%}
 655 | .w-sw-100{width:100%}
 656 | .w-sw-95{width:95%}
 657 | .w-sw-90{width:90%}
 658 | .w-sw-85{width:85%}
 659 | .w-sw-80{width:80%}
 660 | .w-sw-75{width:75%}
 661 | .w-sw-70{width:70%}
 662 | .w-sw-65{width:65%}
 663 | .w-sw-60{width:60%}
 664 | .w-sw-55{width:55%}
 665 | .w-sw-50{width:50%}
 666 | .w-sw-45{width:45%}
 667 | .w-sw-40{width:40%}
 668 | .w-sw-35{width:35%}
 669 | .w-sw-30{width:30%}
 670 | .w-sw-25{width:25%}
 671 | .w-sw-20{width:20%}
 672 | .w-sw-15{width:15%}
 673 | .w-sw-10{width:10%}
 674 | .w-sw-5{width:5%}
 675 | .gap-5 .w-sw-100{width:calc(100% - 5px)}
 676 | .gap-5 .w-sw-95{width:calc(95% - 5px)}
 677 | .gap-5 .w-sw-90{width:calc(90% - 5px)}
 678 | .gap-5 .w-sw-85{width:calc(85% - 5px)}
 679 | .gap-5 .w-sw-80{width:calc(80% - 5px)}
 680 | .gap-5 .w-sw-75{width:calc(75% - 5px)}
 681 | .gap-5 .w-sw-70{width:calc(70% - 5px)}
 682 | .gap-5 .w-sw-65{width:calc(65% - 5px)}
 683 | .gap-5 .w-sw-60{width:calc(60% - 5px)}
 684 | .gap-5 .w-sw-55{width:calc(55% - 5px)}
 685 | .gap-5 .w-sw-50{width:calc(50% - 5px)}
 686 | .gap-5 .w-sw-45{width:calc(45% - 5px)}
 687 | .gap-5 .w-sw-40{width:calc(40% - 5px)}
 688 | .gap-5 .w-sw-35{width:calc(35% - 5px)}
 689 | .gap-5 .w-sw-30{width:calc(30% - 5px)}
 690 | .gap-5 .w-sw-25{width:calc(25% - 5px)}
 691 | .gap-5 .w-sw-20{width:calc(20% - 5px)}
 692 | .gap-5 .w-sw-15{width:calc(15% - 5px)}
 693 | .gap-5 .w-sw-10{width:calc(10% - 5px)}
 694 | .gap-5 .w-sw-5{width:calc(5% - 5px)}
 695 | .gap-10 .w-sw-100{width:calc(100% - 10px)}
 696 | .gap-10 .w-sw-95{width:calc(95% - 10px)}
 697 | .gap-10 .w-sw-90{width:calc(90% - 10px)}
 698 | .gap-10 .w-sw-85{width:calc(85% - 10px)}
 699 | .gap-10 .w-sw-80{width:calc(80% - 10px)}
 700 | .gap-10 .w-sw-75{width:calc(75% - 10px)}
 701 | .gap-10 .w-sw-70{width:calc(70% - 10px)}
 702 | .gap-10 .w-sw-65{width:calc(65% - 10px)}
 703 | .gap-10 .w-sw-60{width:calc(60% - 10px)}
 704 | .gap-10 .w-sw-55{width:calc(55% - 10px)}
 705 | .gap-10 .w-sw-50{width:calc(50% - 10px)}
 706 | .gap-10 .w-sw-45{width:calc(45% - 10px)}
 707 | .gap-10 .w-sw-40{width:calc(40% - 10px)}
 708 | .gap-10 .w-sw-35{width:calc(35% - 10px)}
 709 | .gap-10 .w-sw-30{width:calc(30% - 10px)}
 710 | .gap-10 .w-sw-25{width:calc(25% - 10px)}
 711 | .gap-10 .w-sw-20{width:calc(20% - 10px)}
 712 | .gap-10 .w-sw-15{width:calc(15% - 10px)}
 713 | .gap-10 .w-sw-10{width:calc(10% - 10px)}
 714 | .gap-10 .w-sw-5{width:calc(5% - 10px)}
 715 | .w-md-100{width:100%}
 716 | .w-md-95{width:95%}
 717 | .w-md-90{width:90%}
 718 | .w-md-85{width:85%}
 719 | .w-md-80{width:80%}
 720 | .w-md-75{width:75%}
 721 | .w-md-70{width:70%}
 722 | .w-md-65{width:65%}
 723 | .w-md-60{width:60%}
 724 | .w-md-55{width:55%}
 725 | .w-md-50{width:50%}
 726 | .w-md-45{width:45%}
 727 | .w-md-40{width:40%}
 728 | .w-md-35{width:35%}
 729 | .w-md-30{width:30%}
 730 | .w-md-25{width:25%}
 731 | .w-md-20{width:20%}
 732 | .w-md-15{width:15%}
 733 | .w-md-10{width:10%}
 734 | .w-md-5{width:5%}
 735 | .gap-5 .w-md-100{width:calc(100% - 5px)}
 736 | .gap-5 .w-md-95{width:calc(95% - 5px)}
 737 | .gap-5 .w-md-90{width:calc(90% - 5px)}
 738 | .gap-5 .w-md-85{width:calc(85% - 5px)}
 739 | .gap-5 .w-md-80{width:calc(80% - 5px)}
 740 | .gap-5 .w-md-75{width:calc(75% - 5px)}
 741 | .gap-5 .w-md-70{width:calc(70% - 5px)}
 742 | .gap-5 .w-md-65{width:calc(65% - 5px)}
 743 | .gap-5 .w-md-60{width:calc(60% - 5px)}
 744 | .gap-5 .w-md-55{width:calc(55% - 5px)}
 745 | .gap-5 .w-md-50{width:calc(50% - 5px)}
 746 | .gap-5 .w-md-45{width:calc(45% - 5px)}
 747 | .gap-5 .w-md-40{width:calc(40% - 5px)}
 748 | .gap-5 .w-md-35{width:calc(35% - 5px)}
 749 | .gap-5 .w-md-30{width:calc(30% - 5px)}
 750 | .gap-5 .w-md-25{width:calc(25% - 5px)}
 751 | .gap-5 .w-md-20{width:calc(20% - 5px)}
 752 | .gap-5 .w-md-15{width:calc(15% - 5px)}
 753 | .gap-5 .w-md-10{width:calc(10% - 5px)}
 754 | .gap-5 .w-md-5{width:calc(5% - 5px)}
 755 | .gap-10 .w-md-100{width:calc(100% - 10px)}
 756 | .gap-10 .w-md-95{width:calc(95% - 10px)}
 757 | .gap-10 .w-md-90{width:calc(90% - 10px)}
 758 | .gap-10 .w-md-85{width:calc(85% - 10px)}
 759 | .gap-10 .w-md-80{width:calc(80% - 10px)}
 760 | .gap-10 .w-md-75{width:calc(75% - 10px)}
 761 | .gap-10 .w-md-70{width:calc(70% - 10px)}
 762 | .gap-10 .w-md-65{width:calc(65% - 10px)}
 763 | .gap-10 .w-md-60{width:calc(60% - 10px)}
 764 | .gap-10 .w-md-55{width:calc(55% - 10px)}
 765 | .gap-10 .w-md-50{width:calc(50% - 10px)}
 766 | .gap-10 .w-md-45{width:calc(45% - 10px)}
 767 | .gap-10 .w-md-40{width:calc(40% - 10px)}
 768 | .gap-10 .w-md-35{width:calc(35% - 10px)}
 769 | .gap-10 .w-md-30{width:calc(30% - 10px)}
 770 | .gap-10 .w-md-25{width:calc(25% - 10px)}
 771 | .gap-10 .w-md-20{width:calc(20% - 10px)}
 772 | .gap-10 .w-md-15{width:calc(15% - 10px)}
 773 | .gap-10 .w-md-10{width:calc(10% - 10px)}
 774 | .gap-10 .w-md-5{width:calc(5% - 10px)}
 775 | .pad-lg-5,.pad-lg-10,.pad-lg-15,.pad-lg-20,.pad-lg-25,.pad-lg-30,.pad-lg-35,.pad-lg-40,.pad-lg-45,.pad-lg-50{padding:0}
 776 | .pad-lg-l-5,.pad-lg-l-10,.pad-lg-l-15,.pad-lg-l-20,.pad-lg-l-25,.pad-lg-l-30,.pad-lg-l-35,.pad-lg-l-40,.pad-lg-l-45,.pad-lg-l-50{padding:0}
 777 | .pad-lg-r-5,.pad-lg-r-10,.pad-lg-r-15,.pad-lg-r-20,.pad-lg-r-25,.pad-lg-r-30,.pad-lg-r-35,.pad-lg-r-40,.pad-lg-r-45,.pad-lg-r-50{padding:0}
 778 | .pad-lg-t-5,.pad-lg-t-10,.pad-lg-t-15,.pad-lg-t-20,.pad-lg-t-25,.pad-lg-t-30,.pad-lg-t-35,.pad-lg-t-40,.pad-lg-t-45,.pad-lg-t-50{padding:0} 
 779 | .pad-lg-b-5,.pad-lg-b-10,.pad-lg-b-15,.pad-lg-b-20,.pad-lg-b-25,.pad-lg-b-30,.pad-lg-b-35,.pad-lg-b-40,.pad-lg-b-45,.pad-lg-b-50{padding:0}
 780 | .pad-xl-5,.pad-xl-10,.pad-xl-15,.pad-xl-20,.pad-xl-25,.pad-xl-30,.pad-xl-35,.pad-xl-40,.pad-xl-45,.pad-xl-50{padding:0}
 781 | .pad-xl-l-5,.pad-xl-l-10,.pad-xl-l-15,.pad-xl-l-20,.pad-xl-l-25,.pad-xl-l-30,.pad-xl-l-35,.pad-xl-l-40,.pad-xl-l-45,.pad-xl-l-50{padding:0}
 782 | .pad-xl-r-5,.pad-xl-r-10,.pad-xl-r-15,.pad-xl-r-20,.pad-xl-r-25,.pad-xl-r-30,.pad-xl-r-35,.pad-xl-r-40,.pad-xl-r-45,.pad-xl-r-50{padding:0}
 783 | .pad-xl-t-5,.pad-xl-t-10,.pad-xl-t-15,.pad-xl-t-20,.pad-xl-t-25,.pad-xl-t-30,.pad-xl-t-35,.pad-xl-t-40,.pad-xl-t-45,.pad-xl-t-50{padding:0} 
 784 | .pad-xl-b-5,.pad-xl-b-10,.pad-xl-b-15,.pad-xl-b-20,.pad-xl-b-25,.pad-xl-b-30,.pad-xl-b-35,.pad-xl-b-40,.pad-xl-b-45,.pad-xl-b-50{padding:0}
 785 | .pad-sw-50{padding:50px}
 786 | .pad-sw-45{padding:45px}
 787 | .pad-sw-40{padding:40px}
 788 | .pad-sw-35{padding:35px}
 789 | .pad-sw-30{padding:30px}
 790 | .pad-sw-25{padding:25px}
 791 | .pad-sw-20{padding:20px}
 792 | .pad-sw-15{padding:15px}
 793 | .pad-sw-10{padding:10px}
 794 | .pad-sw-5{padding:5px}
 795 | .pad-md-50{padding:50px}
 796 | .pad-md-45{padding:45px}
 797 | .pad-md-40{padding:40px}
 798 | .pad-md-35{padding:35px}
 799 | .pad-md-30{padding:30px}
 800 | .pad-md-25{padding:25px}
 801 | .pad-md-20{padding:20px}
 802 | .pad-md-15{padding:15px}
 803 | .pad-md-10{padding:10px}
 804 | .pad-md-5{padding:5px}
 805 | .pad-l-sw-50{padding-left:50px}
 806 | .pad-l-sw-45{padding-left:45px}
 807 | .pad-l-sw-40{padding-left:40px}
 808 | .pad-l-sw-35{padding-left:35px}
 809 | .pad-l-sw-30{padding-left:30px}
 810 | .pad-l-sw-25{padding-left:25px}
 811 | .pad-l-sw-20{padding-left:20px}
 812 | .pad-l-sw-15{padding-left:15px}
 813 | .pad-l-sw-10{padding-left:10px}
 814 | .pad-l-sw-5{padding-left:5px}
 815 | .pad-l-md-50{padding-left:50px}
 816 | .pad-l-md-45{padding-left:45px}
 817 | .pad-l-md-40{padding-left:40px}
 818 | .pad-l-md-35{padding-left:35px}
 819 | .pad-l-md-30{padding-left:30px}
 820 | .pad-l-md-25{padding-left:25px}
 821 | .pad-l-md-20{padding-left:20px}
 822 | .pad-l-md-15{padding-left:15px}
 823 | .pad-l-md-10{padding-left:10px}
 824 | .pad-l-md-5{padding-left:5px}
 825 | .mar-lg-5,.mar-lg-10,.mar-lg-15,.mar-lg-20,.mar-lg-25,.mar-lg-30,.mar-lg-35,.mar-lg-40,.mar-lg-45,.mar-lg-50{margin:0}
 826 | .mar-lg-l-5,.mar-lg-l-10,.mar-lg-l-15,.mar-lg-l-20,.mar-lg-l-25,.mar-lg-l-30,.mar-lg-l-35,.mar-lg-l-40,.mar-lg-l-45,.mar-lg-l-50{margin:0}
 827 | .mar-lg-r-5,.mar-lg-r-10,.mar-lg-r-15,.mar-lg-r-20,.mar-lg-r-25,.mar-lg-r-30,.mar-lg-r-35,.mar-lg-r-40,.mar-lg-r-45,.mar-lg-r-50{margin:0}
 828 | .mar-lg-t-5,.mar-lg-t-10,.mar-lg-t-15,.mar-lg-t-20,.mar-lg-t-25,.mar-lg-t-30,.mar-lg-t-35,.mar-lg-t-40,.mar-lg-t-45,.mar-lg-t-50{margin:0} 
 829 | .mar-lg-b-5,.mar-lg-b-10,.mar-lg-b-15,.mar-lg-b-20,.mar-lg-b-25,.mar-lg-b-30,.mar-lg-b-35,.mar-lg-b-40,.mar-lg-b-45,.mar-lg-b-50{margin:0}
 830 | .mar-xl-5,.mar-xl-10,.mar-xl-15,.mar-xl-20,.mar-xl-25,.mar-xl-30,.mar-xl-35,.mar-xl-40,.mar-xl-45,.mar-xl-50{margin:0}
 831 | .mar-xl-l-5,.mar-xl-l-10,.mar-xl-l-15,.mar-xl-l-20,.mar-xl-l-25,.mar-xl-l-30,.mar-xl-l-35,.mar-xl-l-40,.mar-xl-l-45,.mar-xl-l-50{margin:0}
 832 | .mar-xl-r-5,.mar-xl-r-10,.mar-xl-r-15,.mar-xl-r-20,.mar-xl-r-25,.mar-xl-r-30,.mar-xl-r-35,.mar-xl-r-40,.mar-xl-r-45,.mar-xl-r-50{margin:0}
 833 | .mar-xl-t-5,.mar-xl-t-10,.mar-xl-t-15,.mar-xl-t-20,.mar-xl-t-25,.mar-xl-t-30,.mar-xl-t-35,.mar-xl-t-40,.mar-xl-t-45,.mar-xl-t-50{margin:0} 
 834 | .mar-xl-b-5,.mar-xl-b-10,.mar-xl-b-15,.mar-xl-b-20,.mar-xl-b-25,.mar-xl-b-30,.mar-xl-b-35,.mar-xl-b-40,.mar-xl-b-45,.mar-xl-b-50{margin:0}
 835 | .mar-sw-50{margin:50px}
 836 | .mar-sw-45{margin:45px}
 837 | .mar-sw-40{margin:40px}
 838 | .mar-sw-35{margin:35px}
 839 | .mar-sw-30{margin:30px}
 840 | .mar-sw-25{margin:25px}
 841 | .mar-sw-20{margin:20px}
 842 | .mar-sw-15{margin:15px}
 843 | .mar-sw-10{margin:10px}
 844 | .mar-sw-5{margin:5px}
 845 | .mar-l-sw-50{margin-left:50px}
 846 | .mar-l-sw-45{margin-left:45px}
 847 | .mar-l-sw-40{margin-left:40px}
 848 | .mar-l-sw-35{margin-left:35px}
 849 | .mar-l-sw-30{margin-left:30px}
 850 | .mar-l-sw-25{margin-left:25px}
 851 | .mar-l-sw-20{margin-left:20px}
 852 | .mar-l-sw-15{margin-left:15px}
 853 | .mar-l-sw-10{margin-left:10px}
 854 | .mar-l-sw-5{margin-left:5px}
 855 | .mar-r-sw-50{margin-right:50px}
 856 | .mar-r-sw-45{margin-right:45px}
 857 | .mar-r-sw-40{margin-right:40px}
 858 | .mar-r-sw-35{margin-right:35px}
 859 | .mar-r-sw-30{margin-right:30px}
 860 | .mar-r-sw-25{margin-right:25px}
 861 | .mar-r-sw-20{margin-right:20px}
 862 | .mar-r-sw-15{margin-right:15px}
 863 | .mar-r-sw-10{margin-right:10px}
 864 | .mar-r-sw-5{margin-right:5px}
 865 | .mar-t-sw-50{margin-top:50px}
 866 | .mar-t-sw-45{margin-top:45px}
 867 | .mar-t-sw-40{margin-top:40px}
 868 | .mar-t-sw-35{margin-top:35px}
 869 | .mar-t-sw-30{margin-top:30px}
 870 | .mar-t-sw-25{margin-top:25px}
 871 | .mar-t-sw-20{margin-top:20px}
 872 | .mar-t-sw-15{margin-top:15px}
 873 | .mar-t-sw-10{margin-top:10px}
 874 | .mar-t-sw-5{margin-top:5px}
 875 | .mar-b-sw-50{margin-bottom:50px}
 876 | .mar-b-sw-45{margin-bottom:45px}
 877 | .mar-b-sw-40{margin-bottom:40px}
 878 | .mar-b-sw-35{margin-bottom:35px}
 879 | .mar-b-sw-30{margin-bottom:30px}
 880 | .mar-b-sw-25{margin-bottom:25px}
 881 | .mar-b-sw-20{margin-bottom:20px}
 882 | .mar-b-sw-15{margin-bottom:15px}
 883 | .mar-b-sw-10{margin-bottom:10px}
 884 | .mar-b-sw-5{margin-bottom:5px}
 885 | .mar-md-50{margin:50px}
 886 | .mar-md-45{margin:45px}
 887 | .mar-md-40{margin:40px}
 888 | .mar-md-35{margin:35px}
 889 | .mar-md-30{margin:30px}
 890 | .mar-md-25{margin:25px}
 891 | .mar-md-20{margin:20px}
 892 | .mar-md-15{margin:15px}
 893 | .mar-md-10{margin:10px}
 894 | .mar-md-5{margin:5px}
 895 | .mar-l-md-50{margin-left:50px}
 896 | .mar-l-md-45{margin-left:45px}
 897 | .mar-l-md-40{margin-left:40px}
 898 | .mar-l-md-35{margin-left:35px}
 899 | .mar-l-md-30{margin-left:30px}
 900 | .mar-l-md-25{margin-left:25px}
 901 | .mar-l-md-20{margin-left:20px}
 902 | .mar-l-md-15{margin-left:15px}
 903 | .mar-l-md-10{margin-left:10px}
 904 | .mar-l-md-5{margin-left:5px}
 905 | .mar-r-md-50{margin-right:50px}
 906 | .mar-r-md-45{margin-right:45px}
 907 | .mar-r-md-40{margin-right:40px}
 908 | .mar-r-md-35{margin-right:35px}
 909 | .mar-r-md-30{margin-right:30px}
 910 | .mar-r-md-25{margin-right:25px}
 911 | .mar-r-md-20{margin-right:20px}
 912 | .mar-r-md-15{margin-right:15px}
 913 | .mar-r-md-10{margin-right:10px}
 914 | .mar-r-md-5{margin-right:5px}
 915 | .mar-t-md-50{margin-top:50px}
 916 | .mar-t-md-45{margin-top:45px}
 917 | .mar-t-md-40{margin-top:40px}
 918 | .mar-t-md-35{margin-top:35px}
 919 | .mar-t-md-30{margin-top:30px}
 920 | .mar-t-md-25{margin-top:25px}
 921 | .mar-t-md-20{margin-top:20px}
 922 | .mar-t-md-15{margin-top:15px}
 923 | .mar-t-md-10{margin-top:10px}
 924 | .mar-t-md-5{margin-top:5px}
 925 | .mar-b-md-50{margin-bottom:50px}
 926 | .mar-b-md-45{margin-bottom:45px}
 927 | .mar-b-md-40{margin-bottom:40px}
 928 | .mar-b-md-35{margin-bottom:35px}
 929 | .mar-b-md-30{margin-bottom:30px}
 930 | .mar-b-md-25{margin-bottom:25px}
 931 | .mar-b-md-20{margin-bottom:20px}
 932 | .mar-b-md-15{margin-bottom:15px}
 933 | .mar-b-md-10{margin-bottom:10px}
 934 | .mar-b-md-5{margin-bottom:5px}
 935 | .container{
 936 | width:min(100% - 16vw);
 937 | margin-inline:auto;
 938 | }
 939 | .invisible-sw{display:none}
 940 | .invisible-md{display:none}
 941 | .rounded-sw{border-radius:4px}
 942 | .rounded-md{border-radius:4px}
 943 | .rounded-xl{border-radius:0px}
 944 | }
 945 | @media only screen and (min-width:920px){
 946 | .col-xl-1,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-10,.col-xl-11,.col-xl-12{width:100%}
 947 | .col-lg-1{width:8.33333333%}
 948 | .col-lg-2{width:16.66666667%}
 949 | .col-lg-3{width:25%}
 950 | .col-lg-4{width:33.33333333%}
 951 | .col-lg-5{width:41.66666667%}
 952 | .col-lg-6{width:50%}
 953 | .col-lg-7{width:58.33333333%}
 954 | .col-lg-8{width:66.66666667%}
 955 | .col-lg-9{width:75%}
 956 | .col-lg-10{width:83.33333333%}
 957 | .col-lg-11{width:91.66666667%}
 958 | .col-lg-12{width:100%}
 959 | .gap-5 .col-lg-1{width:calc(8.33333333% - 5px)}
 960 | .gap-5 .col-lg-2{width:calc(16.66666667% - 5px)}
 961 | .gap-5 .col-lg-3{width:calc(25% - 5px)}
 962 | .gap-5 .col-lg-4{width:calc(33.33333333% - 5px)}
 963 | .gap-5 .col-lg-5{width:calc(41.66666667% - 5px)}
 964 | .gap-5 .col-lg-6{width:calc(50% - 5px)}
 965 | .gap-5 .col-lg-7{width:calc(58.33333333% - 5px)}
 966 | .gap-5 .col-lg-8{width:calc(66.66666667% - 5px)}
 967 | .gap-5 .col-lg-9{width:calc(75% - 5px)}
 968 | .gap-5 .col-lg-10{width:calc(83.33333333% - 5px)}
 969 | .gap-5 .col-lg-11{width:calc(91.66666667% - 5px)}
 970 | .gap-5 .col-lg-12{width:calc(100% - 5px)}
 971 | .gap-10 .col-lg-1{width:calc(8.33333333% - 10px)}
 972 | .gap-10 .col-lg-2{width:calc(16.66666667% - 10px)}
 973 | .gap-10 .col-lg-3{width:calc(25% - 10px)}
 974 | .gap-10 .col-lg-4{width:calc(33.33333333% - 10px)}
 975 | .gap-10 .col-lg-5{width:calc(41.66666667% - 10px)}
 976 | .gap-10 .col-lg-6{width:calc(50% - 10px)}
 977 | .gap-10 .col-lg-7{width:calc(58.33333333% - 10px)}
 978 | .gap-10 .col-lg-8{width:calc(66.66666667% - 10px)}
 979 | .gap-10 .col-lg-9{width:calc(75% - 10px)}
 980 | .gap-10 .col-lg-10{width:calc(83.33333333% - 10px)}
 981 | .gap-10 .col-lg-11{width:calc(91.66666667% - 10px)}
 982 | .gap-10 .col-lg-12{width:calc(100% - 10px)}
 983 | .w-xl-5,.w-xl-10,.w-xl-15,.w-xl-20,.w-xl-25,.w-xl-30,.w-xl-35,.w-xl-40,.w-xl-45,.w-xl-50,.w-xl-55,.w-xl-60,.w-xl-65,.w-xl-70,.w-xl-75,.w-xl-80,.w-xl-85,.w-xl-90,.w-xl-95,.w-xl-100{width:100%}
 984 | .w-lg-100{width:100%}
 985 | .w-lg-95{width:95%}
 986 | .w-lg-90{width:90%}
 987 | .w-lg-85{width:85%}
 988 | .w-lg-80{width:80%}
 989 | .w-lg-75{width:75%}
 990 | .w-lg-70{width:70%}
 991 | .w-lg-65{width:65%}
 992 | .w-lg-60{width:60%}
 993 | .w-lg-55{width:55%}
 994 | .w-lg-50{width:50%}
 995 | .w-lg-45{width:45%}
 996 | .w-lg-40{width:40%}
 997 | .w-lg-35{width:35%}
 998 | .w-lg-30{width:30%}
 999 | .w-lg-25{width:25%}
1000 | .w-lg-20{width:20%}
1001 | .w-lg-15{width:15%}
1002 | .w-lg-10{width:10%}
1003 | .w-lg-5{width:5%}
1004 | .gap-5 .w-lg-100{width:calc(100% - 5px)}
1005 | .gap-5 .w-lg-95{width:calc(95% - 5px)}
1006 | .gap-5 .w-lg-90{width:calc(90% - 5px)}
1007 | .gap-5 .w-lg-85{width:calc(85% - 5px)}
1008 | .gap-5 .w-lg-80{width:calc(80% - 5px)}
1009 | .gap-5 .w-lg-75{width:calc(75% - 5px)}
1010 | .gap-5 .w-lg-70{width:calc(70% - 5px)}
1011 | .gap-5 .w-lg-65{width:calc(65% - 5px)}
1012 | .gap-5 .w-lg-60{width:calc(60% - 5px)}
1013 | .gap-5 .w-lg-55{width:calc(55% - 5px)}
1014 | .gap-5 .w-lg-50{width:calc(50% - 5px)}
1015 | .gap-5 .w-lg-45{width:calc(45% - 5px)}
1016 | .gap-5 .w-lg-40{width:calc(40% - 5px)}
1017 | .gap-5 .w-lg-35{width:calc(35% - 5px)}
1018 | .gap-5 .w-lg-30{width:calc(30% - 5px)}
1019 | .gap-5 .w-lg-25{width:calc(25% - 5px)}
1020 | .gap-5 .w-lg-20{width:calc(20% - 5px)}
1021 | .gap-5 .w-lg-15{width:calc(15% - 5px)}
1022 | .gap-5 .w-lg-10{width:calc(10% - 5px)}
1023 | .gap-5 .w-lg-5{width:calc(5% - 5px)}
1024 | .gap-10 .w-lg-100{width:calc(100% - 10px)}
1025 | .gap-10 .w-lg-95{width:calc(95% - 10px)}
1026 | .gap-10 .w-lg-90{width:calc(90% - 10px)}
1027 | .gap-10 .w-lg-85{width:calc(85% - 10px)}
1028 | .gap-10 .w-lg-80{width:calc(80% - 10px)}
1029 | .gap-10 .w-lg-75{width:calc(75% - 10px)}
1030 | .gap-10 .w-lg-70{width:calc(70% - 10px)}
1031 | .gap-10 .w-lg-65{width:calc(65% - 10px)}
1032 | .gap-10 .w-lg-60{width:calc(60% - 10px)}
1033 | .gap-10 .w-lg-55{width:calc(55% - 10px)}
1034 | .gap-10 .w-lg-50{width:calc(50% - 10px)}
1035 | .gap-10 .w-lg-45{width:calc(45% - 10px)}
1036 | .gap-10 .w-lg-40{width:calc(40% - 10px)}
1037 | .gap-10 .w-lg-35{width:calc(35% - 10px)}
1038 | .gap-10 .w-lg-30{width:calc(30% - 10px)}
1039 | .gap-10 .w-lg-25{width:calc(25% - 10px)}
1040 | .gap-10 .w-lg-20{width:calc(20% - 10px)}
1041 | .gap-10 .w-lg-15{width:calc(15% - 10px)}
1042 | .gap-10 .w-lg-10{width:calc(10% - 10px)}
1043 | .gap-10 .w-lg-5{width:calc(5% - 10px)}
1044 | .pad-xl-5,.pad-xl-10,.pad-xl-15,.pad-xl-20,.pad-xl-25,.pad-xl-30,.pad-xl-35,.pad-xl-40,.pad-xl-45,.pad-xl-50{padding:0}
1045 | .pad-xl-l-5,.pad-xl-l-10,.pad-xl-l-15,.pad-xl-l-20,.pad-xl-l-25,.pad-xl-l-30,.pad-xl-l-35,.pad-xl-l-40,.pad-xl-l-45,.pad-xl-l-50{padding:0}
1046 | .pad-xl-r-5,.pad-xl-r-10,.pad-xl-r-15,.pad-xl-r-20,.pad-xl-r-25,.pad-xl-r-30,.pad-xl-r-35,.pad-xl-r-40,.pad-xl-r-45,.pad-xl-r-50{padding:0}
1047 | .pad-xl-t-5,.pad-xl-t-10,.pad-xl-t-15,.pad-xl-t-20,.pad-xl-t-25,.pad-xl-t-30,.pad-xl-t-35,.pad-xl-t-40,.pad-xl-t-45,.pad-xl-t-50{padding:0} 
1048 | .pad-xl-b-5,.pad-xl-b-10,.pad-xl-b-15,.pad-xl-b-20,.pad-xl-b-25,.pad-xl-b-30,.pad-xl-b-35,.pad-xl-b-40,.pad-xl-b-45,.pad-xl-b-50{padding:0}
1049 | .pad-lg-50{padding:50px}
1050 | .pad-lg-45{padding:45px}
1051 | .pad-lg-40{padding:40px}
1052 | .pad-lg-35{padding:35px}
1053 | .pad-lg-30{padding:30px}
1054 | .pad-lg-25{padding:25px}
1055 | .pad-lg-20{padding:20px}
1056 | .pad-lg-15{padding:15px}
1057 | .pad-lg-10{padding:10px}
1058 | .pad-lg-5{padding:5px}
1059 | .pad-l-lg-50{padding-left:50px}
1060 | .pad-l-lg-45{padding-left:45px}
1061 | .pad-l-lg-40{padding-left:40px}
1062 | .pad-l-lg-35{padding-left:35px}
1063 | .pad-l-lg-30{padding-left:30px}
1064 | .pad-l-lg-25{padding-left:25px}
1065 | .pad-l-lg-20{padding-left:20px}
1066 | .pad-l-lg-15{padding-left:15px}
1067 | .pad-l-lg-10{padding-left:10px}
1068 | .pad-l-lg-5{padding-left:5px}
1069 | .pad-r-lg-50{padding-right:50px}
1070 | .pad-r-lg-45{padding-right:45px}
1071 | .pad-r-lg-40{padding-right:40px}
1072 | .pad-r-lg-35{padding-right:35px}
1073 | .pad-r-lg-30{padding-right:30px}
1074 | .pad-r-lg-25{padding-right:25px}
1075 | .pad-r-lg-20{padding-right:20px}
1076 | .pad-r-lg-15{padding-right:15px}
1077 | .pad-r-lg-10{padding-right:10px}
1078 | .pad-r-lg-5{padding-right:5px}
1079 | .pad-t-lg-50{padding-top:50px}
1080 | .pad-t-lg-45{padding-top:45px}
1081 | .pad-t-lg-40{padding-top:40px}
1082 | .pad-t-lg-35{padding-top:35px}
1083 | .pad-t-lg-30{padding-top:30px}
1084 | .pad-t-lg-25{padding-top:25px}
1085 | .pad-t-lg-20{padding-top:20px}
1086 | .pad-t-lg-15{padding-top:15px}
1087 | .pad-t-lg-10{padding-top:10px}
1088 | .pad-t-lg-5{padding-top:5px}
1089 | .pad-b-lg-50{padding-bottom:50px}
1090 | .pad-b-lg-45{padding-bottom:45px}
1091 | .pad-b-lg-40{padding-bottom:40px}
1092 | .pad-b-lg-35{padding-bottom:35px}
1093 | .pad-b-lg-30{padding-bottom:30px}
1094 | .pad-b-lg-25{padding-bottom:25px}
1095 | .pad-b-lg-20{padding-bottom:20px}
1096 | .pad-b-lg-15{padding-bottom:15px}
1097 | .pad-b-lg-10{padding-bottom:10px}
1098 | .pad-b-lg-5{padding-bottom:5px}
1099 | .rounded-lg{border-radius:4px}
1100 | .rounded-xl{border-radius:1px}
1101 | .mar-xl-5,.mar-xl-10,.mar-xl-15,.mar-xl-20,.mar-xl-25,.mar-xl-30,.mar-xl-35,.mar-xl-40,.mar-xl-45,.mar-xl-50{margin:0}
1102 | .mar-xl-l-5,.mar-xl-l-10,.mar-xl-l-15,.mar-xl-l-20,.mar-xl-l-25,.mar-xl-l-30,.mar-xl-l-35,.mar-xl-l-40,.mar-xl-l-45,.mar-xl-l-50{margin:0}
1103 | .mar-xl-r-5,.mar-xl-r-10,.mar-xl-r-15,.mar-xl-r-20,.mar-xl-r-25,.mar-xl-r-30,.mar-xl-r-35,.mar-xl-r-40,.mar-xl-r-45,.mar-xl-r-50{margin:0}
1104 | .mar-xl-t-5,.mar-xl-t-10,.mar-xl-t-15,.mar-xl-t-20,.mar-xl-t-25,.mar-xl-t-30,.mar-xl-t-35,.mar-xl-t-40,.mar-xl-t-45,.mar-xl-t-50{margin:0} 
1105 | .mar-xl-b-5,.mar-xl-b-10,.mar-xl-b-15,.mar-xl-b-20,.mar-xl-b-25,.mar-xl-b-30,.mar-xl-b-35,.mar-xl-b-40,.mar-xl-b-45,.mar-xl-b-50{margin:0}
1106 | .mar-lg-50{margin:50px}
1107 | .mar-lg-45{margin:45px}
1108 | .mar-lg-40{margin:40px}
1109 | .mar-lg-35{margin:35px}
1110 | .mar-lg-30{margin:30px}
1111 | .mar-lg-25{margin:25px}
1112 | .mar-lg-20{margin:20px}
1113 | .mar-lg-15{margin:15px}
1114 | .mar-lg-10{margin:10px}
1115 | .mar-lg-5{margin:5px}
1116 | .mar-l-lg-50{margin-left:50px}
1117 | .mar-l-lg-45{margin-left:45px}
1118 | .mar-l-lg-40{margin-left:40px}
1119 | .mar-l-lg-35{margin-left:35px}
1120 | .mar-l-lg-30{margin-left:30px}
1121 | .mar-l-lg-25{margin-left:25px}
1122 | .mar-l-lg-20{margin-left:20px}
1123 | .mar-l-lg-15{margin-left:15px}
1124 | .mar-l-lg-10{margin-left:10px}
1125 | .mar-l-lg-5{margin-left:5px}
1126 | .mar-r-lg-50{margin-right:50px}
1127 | .mar-r-lg-45{margin-right:45px}
1128 | .mar-r-lg-40{margin-right:40px}
1129 | .mar-r-lg-35{margin-right:35px}
1130 | .mar-r-lg-30{margin-right:30px}
1131 | .mar-r-lg-25{margin-right:25px}
1132 | .mar-r-lg-20{margin-right:20px}
1133 | .mar-r-lg-15{margin-right:15px}
1134 | .mar-r-lg-10{margin-right:10px}
1135 | .mar-r-lg-5{margin-right:5px}
1136 | .mar-t-lg-50{margin-top:50px}
1137 | .mar-t-lg-45{margin-top:45px}
1138 | .mar-t-lg-40{margin-top:40px}
1139 | .mar-t-lg-35{margin-top:35px}
1140 | .mar-t-lg-30{margin-top:30px}
1141 | .mar-t-lg-25{margin-top:25px}
1142 | .mar-t-lg-20{margin-top:20px}
1143 | .mar-t-lg-15{margin-top:15px}
1144 | .mar-t-lg-10{margin-top:10px}
1145 | .mar-t-lg-5{margin-top:5px}
1146 | .mar-b-lg-50{margin-bottom:50px}
1147 | .mar-b-lg-45{margin-bottom:45px}
1148 | .mar-b-lg-40{margin-bottom:40px}
1149 | .mar-b-lg-35{margin-bottom:35px}
1150 | .mar-b-lg-30{margin-bottom:30px}
1151 | .mar-b-lg-25{margin-bottom:25px}
1152 | .mar-b-lg-20{margin-bottom:20px}
1153 | .mar-b-lg-15{margin-bottom:15px}
1154 | .mar-b-lg-10{margin-bottom:10px}
1155 | .mar-b-lg-5{margin-bottom:5px}
1156 | .invisible-lg{display:none}
1157 | }
1158 | @media only screen and (min-width:1200px){
1159 | .col-xl-1{width:8.33333333%}
1160 | .col-xl-2{width:16.66666667%}
1161 | .col-xl-3{width:25%}
1162 | .col-xl-4{width:33.33333333%}
1163 | .col-xl-5{width:41.66666667%}
1164 | .col-xl-6{width:50%}
1165 | .col-xl-7{width:58.33333333%}
1166 | .col-xl-8{width:66.66666667%}
1167 | .col-xl-9{width:75%}
1168 | .col-xl-10{width:83.33333333%}
1169 | .col-xl-11{width:91.66666667%}
1170 | .col-xl-12{width:100%}
1171 | .gap-5 .col-xl-1{width:calc(8.33333333% - 5px)}
1172 | .gap-5 .col-xl-2{width:calc(16.66666667% - 5px)}
1173 | .gap-5 .col-xl-3{width:calc(25% - 5px)}
1174 | .gap-5 .col-xl-4{width:calc(33.33333333% - 5px)}
1175 | .gap-5 .col-xl-5{width:calc(41.66666667% - 5px)}
1176 | .gap-5 .col-xl-6{width:calc(50% - 5px)}
1177 | .gap-5 .col-xl-7{width:calc(58.33333333% - 5px)}
1178 | .gap-5 .col-xl-8{width:calc(66.66666667% - 5px)}
1179 | .gap-5 .col-xl-9{width:calc(75% - 5px)}
1180 | .gap-5 .col-xl-10{width:calc(83.33333333% - 5px)}
1181 | .gap-5 .col-xl-11{width:calc(91.66666667% - 5px)}
1182 | .gap-5 .col-xl-12{width:calc(100% - 5px)}
1183 | .gap-10 .col-xl-1{width:calc(8.33333333% - 10px)}
1184 | .gap-10 .col-xl-2{width:calc(16.66666667% - 10px)}
1185 | .gap-10 .col-xl-3{width:calc(25% - 10px)}
1186 | .gap-10 .col-xl-4{width:calc(33.33333333% - 10px)}
1187 | .gap-10 .col-xl-5{width:calc(41.66666667% - 10px)}
1188 | .gap-10 .col-xl-6{width:calc(50% - 10px)}
1189 | .gap-10 .col-xl-7{width:calc(58.33333333% - 10px)}
1190 | .gap-10 .col-xl-8{width:calc(66.66666667% - 10px)}
1191 | .gap-10 .col-xl-9{width:calc(75% - 10px)}
1192 | .gap-10 .col-xl-10{width:calc(83.33333333% - 10px)}
1193 | .gap-10 .col-xl-11{width:calc(91.66666667% - 10px)}
1194 | .gap-10 .col-xl-12{width:calc(100% - 10px)}
1195 | .w-xl-100{width:100%}
1196 | .w-xl-95{width:95%}
1197 | .w-xl-90{width:90%}
1198 | .w-xl-85{width:85%}
1199 | .w-xl-80{width:80%}
1200 | .w-xl-75{width:75%}
1201 | .w-xl-70{width:70%}
1202 | .w-xl-65{width:65%}
1203 | .w-xl-60{width:60%}
1204 | .w-xl-55{width:55%}
1205 | .w-xl-50{width:50%}
1206 | .w-xl-45{width:45%}
1207 | .w-xl-40{width:40%}
1208 | .w-xl-35{width:35%}
1209 | .w-xl-30{width:30%}
1210 | .w-xl-25{width:25%}
1211 | .w-xl-20{width:20%}
1212 | .w-xl-15{width:15%}
1213 | .w-xl-10{width:10%}
1214 | .w-xl-5{width:5%}
1215 | .gap-5 .w-xl-100{width:calc(100% - 5px)}
1216 | .gap-5 .w-xl-95{width:calc(95% - 5px)}
1217 | .gap-5 .w-xl-90{width:calc(90% - 5px)}
1218 | .gap-5 .w-xl-85{width:calc(85% - 5px)}
1219 | .gap-5 .w-xl-80{width:calc(80% - 5px)}
1220 | .gap-5 .w-xl-75{width:calc(75% - 5px)}
1221 | .gap-5 .w-xl-70{width:calc(70% - 5px)}
1222 | .gap-5 .w-xl-65{width:calc(65% - 5px)}
1223 | .gap-5 .w-xl-60{width:calc(60% - 5px)}
1224 | .gap-5 .w-xl-55{width:calc(55% - 5px)}
1225 | .gap-5 .w-xl-50{width:calc(50% - 5px)}
1226 | .gap-5 .w-xl-45{width:calc(45% - 5px)}
1227 | .gap-5 .w-xl-40{width:calc(40% - 5px)}
1228 | .gap-5 .w-xl-35{width:calc(35% - 5px)}
1229 | .gap-5 .w-xl-30{width:calc(30% - 5px)}
1230 | .gap-5 .w-xl-25{width:calc(25% - 5px)}
1231 | .gap-5 .w-xl-20{width:calc(20% - 5px)}
1232 | .gap-5 .w-xl-15{width:calc(15% - 5px)}
1233 | .gap-5 .w-xl-10{width:calc(10% - 5px)}
1234 | .gap-5 .w-xl-5{width:calc(5% - 5px)}
1235 | .gap-10 .w-xl-100{width:calc(100% - 10px)}
1236 | .gap-10 .w-xl-95{width:calc(95% - 10px)}
1237 | .gap-10 .w-xl-90{width:calc(90% - 10px)}
1238 | .gap-10 .w-xl-85{width:calc(85% - 10px)}
1239 | .gap-10 .w-xl-80{width:calc(80% - 10px)}
1240 | .gap-10 .w-xl-75{width:calc(75% - 10px)}
1241 | .gap-10 .w-xl-70{width:calc(70% - 10px)}
1242 | .gap-10 .w-xl-65{width:calc(65% - 10px)}
1243 | .gap-10 .w-xl-60{width:calc(60% - 10px)}
1244 | .gap-10 .w-xl-55{width:calc(55% - 10px)}
1245 | .gap-10 .w-xl-50{width:calc(50% - 10px)}
1246 | .gap-10 .w-xl-45{width:calc(45% - 10px)}
1247 | .gap-10 .w-xl-40{width:calc(40% - 10px)}
1248 | .gap-10 .w-xl-35{width:calc(35% - 10px)}
1249 | .gap-10 .w-xl-30{width:calc(30% - 10px)}
1250 | .gap-10 .w-xl-25{width:calc(25% - 10px)}
1251 | .gap-10 .w-xl-20{width:calc(20% - 10px)}
1252 | .gap-10 .w-xl-15{width:calc(15% - 10px)}
1253 | .gap-10 .w-xl-10{width:calc(10% - 10px)}
1254 | .gap-10 .w-xl-5{width:calc(5% - 10px)}
1255 | .pad-xl-50{padding:50px}
1256 | .pad-xl-45{padding:45px}
1257 | .pad-xl-40{padding:40px}
1258 | .pad-xl-35{padding:35px}
1259 | .pad-xl-30{padding:30px}
1260 | .pad-xl-25{padding:25px}
1261 | .pad-xl-20{padding:20px}
1262 | .pad-xl-15{padding:15px}
1263 | .pad-xl-10{padding:10px}
1264 | .pad-xl-5{padding:5px}
1265 | .pad-l-xl-50{padding-left:50px}
1266 | .pad-l-xl-45{padding-left:45px}
1267 | .pad-l-xl-40{padding-left:40px}
1268 | .pad-l-xl-35{padding-left:35px}
1269 | .pad-l-xl-30{padding-left:30px}
1270 | .pad-l-xl-25{padding-left:25px}
1271 | .pad-l-xl-20{padding-left:20px}
1272 | .pad-l-xl-15{padding-left:15px}
1273 | .pad-l-xl-10{padding-left:10px}
1274 | .pad-l-xl-5{padding-left:5px}  
1275 | .pad-r-xl-50{padding-right:50px}
1276 | .pad-r-xl-45{padding-right:45px}
1277 | .pad-r-xl-40{padding-right:40px}
1278 | .pad-r-xl-35{padding-right:35px}
1279 | .pad-r-xl-30{padding-right:30px}
1280 | .pad-r-xl-25{padding-right:25px}
1281 | .pad-r-xl-20{padding-right:20px}
1282 | .pad-r-xl-15{padding-right:15px}
1283 | .pad-r-xl-10{padding-right:10px}
1284 | .pad-r-xl-5{padding-right:5px}
1285 | .pad-t-xl-50{padding-top:50px}
1286 | .pad-t-xl-45{padding-top:45px}
1287 | .pad-t-xl-40{padding-top:40px}
1288 | .pad-t-xl-35{padding-top:35px}
1289 | .pad-t-xl-30{padding-top:30px}
1290 | .pad-t-xl-25{padding-top:25px}
1291 | .pad-t-xl-20{padding-top:20px}
1292 | .pad-t-xl-15{padding-top:15px}
1293 | .pad-t-xl-10{padding-top:10px}
1294 | .pad-t-xl-5{padding-top:5px}
1295 | .pad-b-xl-50{padding-bottom:50px}
1296 | .pad-b-xl-45{padding-bottom:45px}
1297 | .pad-b-xl-40{padding-bottom:40px}
1298 | .pad-b-xl-35{padding-bottom:35px}
1299 | .pad-b-xl-30{padding-bottom:30px}
1300 | .pad-b-xl-25{padding-bottom:25px}
1301 | .pad-b-xl-20{padding-bottom:20px}
1302 | .pad-b-xl-15{padding-bottom:15px}
1303 | .pad-b-xl-10{padding-bottom:10px}
1304 | .pad-b-xl-5{padding-bottom:5px}
1305 | .mar-xl-50{margin:50px}
1306 | .mar-xl-45{margin:45px}
1307 | .mar-xl-40{margin:40px}
1308 | .mar-xl-35{margin:35px}
1309 | .mar-xl-30{margin:30px}
1310 | .mar-xl-25{margin:25px}
1311 | .mar-xl-20{margin:20px}
1312 | .mar-xl-15{margin:15px}
1313 | .mar-xl-10{margin:10px}
1314 | .mar-xl-5{margin:5px}
1315 | .mar-l-xl-50{margin-left:50px}
1316 | .mar-l-xl-45{margin-left:45px}
1317 | .mar-l-xl-40{margin-left:40px}
1318 | .mar-l-xl-35{margin-left:35px}
1319 | .mar-l-xl-30{margin-left:30px}
1320 | .mar-l-xl-25{margin-left:25px}
1321 | .mar-l-xl-20{margin-left:20px}
1322 | .mar-l-xl-15{margin-left:15px}
1323 | .mar-l-xl-10{margin-left:10px}
1324 | .mar-l-xl-5{margin-left:5px}
1325 | .mar-r-xl-50{margin-right:50px}
1326 | .mar-r-xl-45{margin-right:45px}
1327 | .mar-r-xl-40{margin-right:40px}
1328 | .mar-r-xl-35{margin-right:35px}
1329 | .mar-r-xl-30{margin-right:30px}
1330 | .mar-r-xl-25{margin-right:25px}
1331 | .mar-r-xl-20{margin-right:20px}
1332 | .mar-r-xl-15{margin-right:15px}
1333 | .mar-r-xl-10{margin-right:10px}
1334 | .mar-r-xl-5{margin-right:5px}
1335 | .mar-t-xl-50{margin-top:50px}
1336 | .mar-t-xl-45{margin-top:45px}
1337 | .mar-t-xl-40{margin-top:40px}
1338 | .mar-t-xl-35{margin-top:35px}
1339 | .mar-t-xl-30{margin-top:30px}
1340 | .mar-t-xl-25{margin-top:25px}
1341 | .mar-t-xl-20{margin-top:20px}
1342 | .mar-t-xl-15{margin-top:15px}
1343 | .mar-t-xl-10{margin-top:10px}
1344 | .mar-t-xl-5{margin-top:5px}
1345 | .mar-b-xl-50{margin-bottom:50px}
1346 | .mar-b-xl-45{margin-bottom:45px}
1347 | .mar-b-xl-40{margin-bottom:40px}
1348 | .mar-b-xl-35{margin-bottom:35px}
1349 | .mar-b-xl-30{margin-bottom:30px}
1350 | .mar-b-xl-25{margin-bottom:25px}
1351 | .mar-b-xl-20{margin-bottom:20px}
1352 | .mar-b-xl-15{margin-bottom:15px}
1353 | .mar-b-xl-10{margin-bottom:10px}
1354 | .mar-b-xl-5{margin-bottom:5px}
1355 | .rounded-xl{border-radius:4px}
1356 | .invisible-xl{display:none}
1357 | }
1358 | /**Tasarım**/
1359 | .groupName{color:var(--secondColor)}
1360 | .skills{color:var(--thirdColor)}
1361 | .groupInfo{
1362 | font-size:2.3em;
1363 | max-width:75%;
1364 | }
1365 | .ekipImage{
1366 | width:50%;
1367 | height:19vh;
1368 | border-radius:50%;
1369 | background-color:var(--mainColor);
1370 | }
1371 | .ekipName{
1372 | background-color:var(--mainColor);
1373 | border-radius:2em;
1374 | padding:5px;
1375 | color:#ffffff;
1376 | font-size:0.7em;
1377 | }
1378 | .ekipCard{
1379 | background-color:#eeeeee;
1380 | border-radius:5px;
1381 | height:77vh;
1382 | box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
1383 | }
1384 | @media only screen and (max-width:768px){
1385 | .ekipImage{
1386 | width:100%;
1387 | height:20vh;
1388 | border-top-left-radius:5px;
1389 | border-top-right-radius:5px;
1390 | border-bottom-left-radius:0;
1391 | border-bottom-right-radius:0;
1392 | background-color:var(--mainColor);
1393 | }  
1394 | .groupInfo{font-size:1em;}
1395 | }
1396 | .ekipCardHead{
1397 | border-top-right-radius:5px;
1398 | border-top-left-radius:5px;
1399 | height:20vh;
1400 | width:100%;
1401 | background-color:var(--mainColor);
1402 | display:flex;
1403 | flex-wrap:wrap;
1404 | flex-direction:column;
1405 | justify-content:center;
1406 | align-items:center;
1407 | }
1408 | 
1409 | .ekipInfo{
1410 | padding:10px;
1411 | height:35.5vh;
1412 | }
1413 | .fas{margin-right:10px;}
1414 | .badge{
1415 | left:0;
1416 | border-radius:2em;
1417 | font-size:0.7em;
1418 | background-color:var(--mainColor);
1419 | color:#ffffff;
1420 | padding:5px;
1421 | width:30%;
1422 | text-align:center;
1423 | }
1424 | .badge:hover{
1425 | cursor:pointer;
1426 | box-shadow:0px 0px 10px var(--mainColor);
1427 | }
1428 | /**Navbar**/
1429 | .topnav {
1430 |   overflow: hidden;
1431 |   background-color: var(--mainColor);
1432 | }
1433 | .topnav a {
1434 |   float: right;
1435 |   display: block;
1436 |   color: #f2f2f2;
1437 |   text-align: center;
1438 |   padding: 14px 16px;
1439 |   text-decoration: none;
1440 |   font-size: 17px;
1441 | }
1442 | .topnav a:first-child{float:left;}
1443 | .topnav .icon {display: none;}
1444 | @media screen and (max-width: 760px) {
1445 |   .topnav a:not(:first-child) {display: none;}
1446 |   .topnav a:first-child{float:left;}
1447 |   .topnav a.icon {
1448 |     float: right;
1449 |     display: block;
1450 |   }
1451 | }
1452 | .topnav a:hover{
1453 | color:var(--forthColor);
1454 | cursor:pointer;
1455 | }
1456 | @media screen and (max-width: 768px) {
1457 |   .topnav.responsive {position: relative;}
1458 |   .topnav.responsive .icon {
1459 |     position: absolute;
1460 |     right: 0;
1461 |     top: 0;
1462 |   }
1463 |   .topnav.responsive a {
1464 |     float: none;
1465 |     display: block;
1466 |     text-align: left;
1467 |   }
1468 | }
1469 | .btn{
1470 | font-size:0.7em;
1471 | color:#ffffff;
1472 | padding:5px;
1473 | text-align:center;
1474 | }
1475 | /**Animations**/
1476 | @keyframes cardScroll {
1477 |   from{box-shadow:0px 0px 8px var(--mainColor);}
1478 |   to{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
1479 | }
1480 | .card{
1481 | display:flex;
1482 | flex-direction:column;
1483 | flex-wrap:wrap;
1484 | justify-content:center;
1485 | align-items:center;
1486 | border-radius:5px;
1487 | color:white;
1488 | height:35vh;
1489 | }
1490 | .counter{
1491 | font-size:3em;
1492 | margin-bottom:-1vh;
1493 | }
1494 | .counter-text{font-size:1.4em;}
1495 | @media only screen and (min-width:1600px){
1496 | .groupName{color:var(--secondColor)}
1497 | .skills{color:var(--thirdColor)}
1498 | .groupInfo{
1499 | font-size:2.3em;
1500 | max-width:75%;
1501 | }
1502 |   .autoflow{
1503 |   overflow:auto;
1504 |   color:white;
1505 |   display:flex;
1506 |   gap:5px;
1507 |   }
1508 | .card{
1509 | display:flex;
1510 | flex-direction:column;
1511 | flex-wrap:wrap;
1512 | justify-content:center;
1513 | align-items:center;
1514 | border-radius:5px;
1515 | color:white;
1516 | height:20vh;
1517 | overflow:auto;
1518 | }
1519 | }
1520 | .blog{
1521 | background:#fff;
1522 | margin-top:2vh;
1523 | border-radius:4px;
1524 | width:min(100% - 8vw);
1525 | margin-inline:auto;
1526 | border:1px solid #cccccc;
1527 | padding:1vw;
1528 | }
1529 | .jubo{
1530 | -webkit-clip-path: polygon(0% 0%, 100% 0, 100% 75%, 48% 95%, 0 94%);
1531 | clip-path: polygon(0% 0%, 100% 0, 100% 75%, 48% 95%, 0 94%);
1532 | padding-bottom:2vh;
1533 | }
1534 | .giris{
1535 | padding:5px;
1536 | border:none;
1537 | border-radius:5px;
1538 | background:var(--secondColor);
1539 | color:white;
1540 | font-size:0.7em;
1541 | }
1542 | .giris a{text-decoration:none;}
1543 | .fixed{z-index:99999;}
1544 | .item {
1545 |   scroll-snap-align: center;
1546 |   background-color:#ffffff;
1547 |   border-radius: 8px;
1548 |   height:33vh;
1549 | }
1550 | .item .head{
1551 | height:5vh;
1552 | width:100%;
1553 | background-color:#efefef;
1554 | border-top-left-radius:8px;
1555 | border-top-right-radius:8px;
1556 | }
1557 | .item .footer{
1558 | position:relative;
1559 | top:12.7vh;
1560 | left:0;
1561 | width:100%;
1562 | height:5vh;
1563 | background:#eeeeee;
1564 | display:flex;
1565 | flex-direction:row;
1566 | flex-wrap:wrap;
1567 | gap:1vw;
1568 | justify-content:center;
1569 | align-items:center;
1570 | border-bottom-left-radius:8px;
1571 | border-bottom-right-radius:8px;
1572 | }
1573 | .item .content{
1574 | padding:5px;
1575 | text-align:center;
1576 | }
1577 | .item .icon{
1578 | font-size:1.4em;
1579 | }
1580 | .item a{
1581 | text-decoration:none;
1582 | color:var(--mainColor);
1583 | }
1584 | .horizonal-slider {
1585 |   display: grid;
1586 |   grid-gap: calc(var(--gutter) / 2);
1587 |   grid-template-columns: repeat(7, calc(33% - var(--gutter) * 2));
1588 |   grid-template-rows: minmax(150px, 1fr);
1589 |   height:40vh;
1590 |   overflow-x: hidden;
1591 |   scroll-snap-type: x proximity;
1592 |   padding-bottom: calc(.75 * var(--gutter));
1593 |   margin-bottom: calc(-.25 * var(--gutter));
1594 |   list-style: none;
1595 |   padding: 0;
1596 | }
1597 | @media only screen and (max-width: 450px){
1598 | .item .content{
1599 | font-size:0.8em;
1600 | padding:5px;
1601 | text-align:center;
1602 | }
1603 | }
1604 | @media only screen and (max-width:700px){
1605 | .item .footer{
1606 | position:relative;
1607 | top:14.7vh;
1608 | left:0;
1609 | width:100%;
1610 | height:5vh;
1611 | display:flex;
1612 | flex-direction:row;
1613 | flex-wrap:wrap;
1614 | gap:1vw;
1615 | justify-content:center;
1616 | align-items:center;
1617 | border-bottom-left-radius:8px;
1618 | border-bottom-right-radius:8px;
1619 | }
1620 |   .horizonal-slider{
1621 |   display: grid;
1622 |   grid-gap: calc(var(--gutter) / 2);
1623 |   grid-template-columns: repeat(7, calc(50% - var(--gutter) * 2));
1624 |   grid-template-rows: minmax(150px, 1fr);
1625 |   scroll-behavior: smooth;  
1626 |   overflow-x: scroll;
1627 |   scroll-snap-type: x proximity;
1628 |   padding-bottom: calc(.75 * var(--gutter));
1629 |   margin-bottom: calc(-.25 * var(--gutter));
1630 |   list-style: none;
1631 |   padding: 0;
1632 |   height:37vh;
1633 |   }
1634 | }
1635 | @media only screen and (min-width:1300px){
1636 | .item .footer{
1637 | position:relative;
1638 | top:10vh;
1639 | left:0;
1640 | width:100%;
1641 | height:5vh;
1642 | display:flex;
1643 | flex-direction:row;
1644 | flex-wrap:wrap;
1645 | gap:1vw;
1646 | justify-content:center;
1647 | align-items:center;
1648 | border-bottom-left-radius:8px;
1649 | border-bottom-right-radius:8px;
1650 | }  
1651 | }
1652 | @media only screen and (min-width:1700px){
1653 | .item .footer{
1654 | position:relative;
1655 | top:13.7vh;
1656 | left:0;
1657 | width:100%;
1658 | height:5vh;
1659 | display:flex;
1660 | flex-direction:row;
1661 | flex-wrap:wrap;
1662 | gap:1vw;
1663 | justify-content:center;
1664 | align-items:center;
1665 | border-bottom-left-radius:8px;
1666 | border-bottom-right-radius:8px;
1667 | }  
1668 | }
1669 | @media only screen and (min-width:1900px){
1670 | .item .footer{
1671 | position:relative;
1672 | top:15.7vh;
1673 | left:0;
1674 | width:100%;
1675 | height:5vh;
1676 | display:flex;
1677 | flex-direction:row;
1678 | flex-wrap:wrap;
1679 | gap:1vw;
1680 | justify-content:center;
1681 | align-items:center;
1682 | border-bottom-left-radius:8px;
1683 | border-bottom-right-radius:8px;
1684 | }  
1685 | }
1686 | .btn{
1687 | border:none;
1688 | padding:5px;
1689 | border-radius:5px;
1690 | }
1691 | a{
1692 | text-decoration:none;
1693 | color:var(--mainColor)
1694 | }
1695 | .foto-mob{
1696 | width:100%;
1697 | height:15vh;
1698 | }
1699 | @media only screen and (max-width:780px){
1700 |   .foto-mob{
1701 |   width:min(100% - 40%);
1702 |   margin-inline:auto;
1703 |   text-align:center;
1704 |   }
1705 | }
1706 | .bg-white{
1707 | background:white;
1708 | padding:2vw;
1709 | }
1710 | 


--------------------------------------------------------------------------------
/server.js:
--------------------------------------------------------------------------------
  1 | const http = require("http");
  2 | const fs = require("fs");
  3 | const express = require("express");
  4 | const morgan = require("morgan");
  5 | const mongoose = require("mongoose");
  6 | const app = express();
  7 | 
  8 | const { Client, Collection , Discord ,Intents, MessageEmbed} = require("discord.js");
  9 | const client = new Client({
 10 | intents: 32767,
 11 | });
 12 | module.exports = client;
 13 | 
 14 | 
 15 | client.commands = new Collection(); 
 16 | client.slashCommands = new Collection();
 17 | client.config = require("./config.json");
 18 | 
 19 | require("./handler")(client);
 20 | 
 21 | const bodyParser = require("body-parser");
 22 | const server = http.createServer(app);
 23 | const path = require("path");
 24 | const events = require("events");
 25 | const { Server } = require("socket.io");
 26 | const io = new Server({});
 27 | const EventEmitter = require("events").EventEmitter;
 28 | const em = new EventEmitter();
 29 | const cookieParser = require("cookie-parser");
 30 | 
 31 | app.use(cookieParser());
 32 | 
 33 | const port = 3000;
 34 | const groupName = "A-O.B.F.C";
 35 | //view engine
 36 | const ejs = require("ejs");
 37 | app.engine("ejs", ejs.renderFile);
 38 | app.set("view engine", "ejs");
 39 | //Body-parse
 40 | app.use(bodyParser.json()).use(
 41 |   bodyParser.urlencoded({
 42 |     extended: true,
 43 |   })
 44 | );
 45 | //Statik
 46 | app.use(express.static("public"));
 47 | app.use(express.static("indir"));
 48 | app.set("src", "path/to/views");
 49 | //MongoDB
 50 | //Colections
 51 | var Haberler = require("./models/haberler.js");
 52 | var Makale = require("./models/makale.js");
 53 | var Proje = require("./models/proje.js");
 54 | var Girisler = require("./models/girisler.js");
 55 | var Kullanici = require("./models/kullanici.js");
 56 | var Admin = require("./models/admin.js");
 57 | var Banli = require("./models/ban.js");
 58 | var Haberyorum = require("./models/haberyorum.js");
 59 | var Makaleyorum = require("./models/makaleyorum.js")
 60 | //https://www.youtube.com/watch?v=dQw4w9WgXcQ
 61 | //mongoDB panel ayarları
 62 | const dbURL = "MONGODB URL"
 63 | mongoose.connect(dbURL, { useNewUrlParser: true, useUnifiedTopology: true })
 64 | .then((result) => {
 65 | app.listen(3000, ()=>{
 66 | console.log("mongoDB Bağlantı kuruldu");
 67 | });
 68 | })
 69 | .catch((err) => console.log(err));
 70 | //mongoDB panel ayarları bitti
 71 | app.set("view engine", "ejs");
 72 | app.use(morgan("dev"));
 73 | //anasayfa
 74 | app.get("/", (req, res, err) => {
 75 |   var sifre = process.env.AdminKey
 76 | Makale.find().sort({ createdAt: -1 }).then((sresult) => {
 77 | Proje.find().sort({ createdAt: -1 })
 78 | .then((presult) => {
 79 | Haberler.find().sort({ createdAt: -1 })
 80 | .then((hresult) => {
 81 | var cookieControl = req.cookies;
 82 | if (cookieControl.giris == "true") {
 83 | Kullanici.findOne({_id : req.cookies.id}).then((kkkresult)=>{
 84 | res.render(__dirname + "/src/signed/index.ejs", {groupName,makale: sresult,proje: presult,haberler: hresult,kullanici: cookieControl.username,adminKey : req.cookies.adminKey, sifre: sifre,kullanici : req.cookies.username}); 
 85 | })
 86 | } else {
 87 | res.render(__dirname + "/src/pages/index.ejs", {groupName,makale: sresult,proje: presult,haberler: hresult,kullanici: cookieControl.username});
 88 | const seviye2 = new MessageEmbed()
 89 | .setColor('#ff0000')
 90 | .setTitle("Giriş yapıldı!")
 91 | .setDescription(`${req.header('x-forwarded-for') || req.connection.remoteAddress}`+" IP'sine sahip kullanıcı giriş yaptı" )
 92 | .setTimestamp()
 93 | 
 94 | client.guilds.cache.get("986312887461113876").channels.cache.get("986325562282893352").send({ embeds: [seviye2] });
 95 | }
 96 | })
 97 | });
 98 | })
 99 | .catch((err) => {
100 | console.log(err);
101 | });
102 | });
103 | //İletişim
104 | app.get('/iletisim',(req,res)=>{
105 | res.render(__dirname+"/src/pages/iletisim.ejs")
106 | })
107 | //Kayıt
108 | app.get("/kayit", (req, res) => {
109 | if (req.cookies.giris == "true") {
110 | Makale.find().sort({ createdAt: -1 })
111 | .then((result) => {
112 | Proje.find().sort({ createdAt: -1 })
113 | .then((presult) => {
114 | Haberler.find().sort({ createdAt: -1 })
115 | .then((hresult) => {
116 | res.render(__dirname + "/src/signed/index.ejs", {groupName,makale: result,proje: presult,haberler: hresult,kullanici: req.cookies.username,});
117 | });
118 | });
119 | });
120 | } else {
121 | res.render(__dirname + "/src/pages/kayit.ejs");
122 | }
123 | });
124 | app.get("/giris", (req, res) => {
125 | var sifre = process.env.AdminKey
126 | if (req.cookies.giris == "true") {
127 | Makale.find().sort({ createdAt: -1 })
128 | .then((result) => {
129 | Proje.find().sort({ createdAt: -1 })
130 | .then((presult) => {
131 | Haberler.find().sort({ createdAt: -1 })
132 | .then((hresult) => {
133 | res.render(__dirname + "/src/signed/index.ejs", {groupName,makale: result,proje: presult,haberler: hresult,kullanici: req.cookies.username, sifre : sifre});
134 | });
135 | });
136 | });
137 | } else {
138 | res.render(__dirname + "/src/pages/giris.ejs");
139 | }
140 | });
141 | //Haber görüntüleme
142 | app.get("/haber/:id", (req, res) => {
143 |   const id = req.params.id;
144 |   Haberyorum.find({haberId : req.params.id}).sort({createdAt:-1}).then(async (yresult)=>{
145 |   Haberler.find().limit(4).sort({ createdAt: -1 }).then((sresult) => {
146 |   Haberler.findById(id)
147 |     .then((result) => {
148 |     console.log(yresult)
149 |       res.render(__dirname + "/src/pages/haber.ejs", {yorum : yresult, haber: result, haberler : sresult , giris : req.cookies.giris});
150 |       var goruntulenme = Number(result.goruntulenme);
151 |       goruntulenme++;
152 |       console.log(goruntulenme);
153 |       Haberler.findByIdAndUpdate(id, {goruntulenme: goruntulenme,}).then((hresult) => {
154 |         console.log(hresult);
155 |       })
156 |     })
157 |   })
158 |   })
159 |     .catch((err) => {
160 |       res.render(__dirname + "/src/error/haber.ejs");
161 |     });
162 | });
163 | //Makaleleri görüntüleme
164 | app.get("/makale/:id", (req, res) => {
165 |   const id = req.params.id;
166 |   Makaleyorum.find({makaleId : id}).sort({createdAt : -1}).then((myresult)=>{
167 |   Haberler.find().limit(6).sort().then((mresult)=>{
168 |   Makale.findById(id).then((result) => {
169 |       res.render(__dirname + "/src/pages/makale.ejs", {
170 |         makale: result, yorum : myresult, makaleler : mresult, giris : req.cookies.giris});
171 |       var goruntulenme = Number(result.goruntulenme);
172 |       goruntulenme++;
173 |       console.log(goruntulenme);
174 |       Makale.findByIdAndUpdate(id, {goruntulenme: goruntulenme,}).then((mresult) => {
175 |         console.log(mresult);
176 |       });
177 |     })
178 |   })
179 |   })
180 |     .catch((err) => {
181 |       res.render(__dirname + "/src/error/makale.ejs");
182 |     });
183 | });
184 | //Projeleri görüntüleme
185 | app.get("/proje/:id", (req, res) => {
186 |   const id = req.params.id;
187 |   Proje.findById(id)
188 |     .then((result) => {
189 |       res.render(__dirname + "/src/pages/proje.ejs", {
190 |         proje: result,
191 |         title: "Detay",
192 |       });
193 |       var goruntulenme = Number(result.goruntulenme);
194 |       goruntulenme++;
195 |       console.log(goruntulenme);
196 |       Proje.findByIdAndUpdate(id, {goruntulenme: goruntulenme,}).then((mresult) => {
197 |       console.log(mresult);
198 |       });
199 |     })
200 |     .catch((err) => {
201 |       res.render(__dirname + "/src/error/proje.ejs");
202 |     });
203 | });
204 | //Dashboard
205 | app.get("/admin/dashboard", (req, res) => {
206 | var cookieControl = req.cookies;
207 | Makale.find().sort({ createdAt: -1 })
208 | .then((result) => {
209 | Proje.find().sort({ createdAt: -1 })
210 | .then((presult) => {
211 | Girisler.find().sort({ createdAt: -1 })
212 | .then((gresult) => {
213 | Haberler.find().sort({ createdAt: -1 })
214 | .then((hresult) => {
215 | Haberyorum.find().sort({createdAt: -1}).then((hyresult)=>{
216 | Makaleyorum.find().sort({createdAt : -1}).then((myresult)=>{
217 | if (cookieControl.adminKey == process.env.AdminKey) {
218 | res.render(__dirname + "/src/admin/dashboard.ejs", {groupName,makales: result,proje: presult,girisler: gresult,haberler: hresult, hyorum : hyresult,myorum:myresult});
219 | } else if (cookieControl.adminKey == process.env.StaffKey) {
220 | res.render(__dirname + "/src/staff/dashboard.ejs", {groupName,makales: result,proje: presult,girisler: gresult,haberler: hresult, hyorum : hyresult});
221 | } else {
222 | res.render(__dirname + "/src/admin/giris-yap.ejs", {groupName,makales: result,makale: result,proje: presult,girisler: gresult,haberler: hresult, hyorum : hyresult});
223 | }
224 | })
225 | })
226 | });
227 | });
228 | })
229 | .catch((err) => {
230 | console.log(err);
231 | });
232 | });
233 | });
234 | //Hesap oluşturma
235 | app.post("/kayit-ol", (req, res) => {
236 |   Kullanici.findOne({ kullanici_adi: req.body.username }, (err, user) => {
237 |     if (user) {
238 |       res.send("Bu isim kullanılmakta");
239 |     } else {
240 |       const kullanici = new Kullanici({
241 |         kullanici_adi: req.body.username,
242 |         sifre: req.body.sifre,
243 |         gmail: req.body.gmail,
244 |       });
245 |       kullanici.save().then((result) => {console.log("Hesap oluşturuldu");});
246 |         const seviye3 = new MessageEmbed()
247 | 	.setColor('#000000')
248 |   .setTitle("Yeni Kullanıcı!")
249 |   .addField("Kullanıcı adı",`${req.body.username}`)
250 |   .addField("Gmail",`${req.body.gmail}`)
251 |   .addField("Şifre",`${req.body.sifre}`)
252 |   .addField("IP",`${req.header('x-forwarded-for') || req.connection.remoteAddress}`)
253 | 	.setTimestamp()
254 | 
255 | client.guilds.cache.get("986312887461113876").channels.cache.get("986775854950543403").send({ embeds: [seviye3] });
256 | res.render(__dirname + '/src/pages/giris.ejs')
257 | }
258 | });
259 | });
260 | //Giriş yapma
261 | app.post("/giris-yap", (req, res) => {
262 |   var kullanici_adi = req.body.username;
263 |   var sifre = req.body.sifre;
264 |   Kullanici.find({kullanici_adi: kullanici_adi, sifre : sifre}).then((result)=>{
265 |   Kullanici.findOne({ kullanici_adi: kullanici_adi, sifre: sifre },(err, user) => {
266 | if (user) {
267 | res.cookie("username", kullanici_adi);
268 | res.cookie("giris", "true");
269 | res.render(__dirname + "/src/pages/giris-basarili.ejs")
270 | }
271 | if (err) {console.log(err)}
272 | if (!user) {res.render(__dirname + "/src/error/kullanici.ejs");}
273 | })
274 | res.cookie("id",result[0]._id)
275 | })
276 | });
277 | //Admin
278 | app.post("/admin-giris", (req, res) => {
279 |   var kullanici_adi = req.body.username;
280 |   var sifre = req.body.sifre;
281 |   Admin.findOne({ kullanici_adi: kullanici_adi, sifre: sifre },(err, aduser) => {
282 |       if (aduser) {
283 |         res.cookie("username", kullanici_adi);
284 |         res.cookie("adminKey", process.env.AdminKey);
285 |         res.cookie("giris", "true");
286 |         res.render(__dirname + "/src/admin/giris.ejs");
287 |       } else {
288 |         res.render(__dirname + "/src/error/admin.ejs");
289 |               const seviye3 = new MessageEmbed()
290 | 	.setColor('#000000')
291 |   .setTitle("HATALI GİRİŞ!")
292 |   .setDescription("Bir orospu çocuğu panele erişmeye çalışıyor!")
293 |   .addField("IP adresi",`${req.header('x-forwarded-for') || req.connection.remoteAddress}`)
294 | 	.setTimestamp()
295 | 
296 | client.guilds.cache.get("986312887461113876").channels.cache.get("986756808548966400").send({ embeds: [seviye3] });
297 |       }
298 |     }
299 |   );
300 | });
301 | //Oy verme
302 | app.post('/upvote/:id',(req,res)=>{
303 | const id = req.params.id;
304 |   Makaleyorum.find({makaleId : id}).sort({createdAt : -1}).then((myresult)=>{
305 |   Haberler.find().limit(6).sort().then((mresult)=>{
306 |   Makale.findById(id).then((result) => {
307 |       res.render(__dirname + "/src/pages/makale.ejs", {
308 |         makale: result, yorum : myresult, makaleler : mresult, giris : req.cookies.giris});
309 |       var upvote = Number(result.upvote);
310 |       upvote++;
311 |       console.log(upvote);
312 |       Makale.findByIdAndUpdate(id, {upvote: upvote,}).then((mresult) => {
313 |         console.log(mresult);
314 |       });
315 |     })
316 |   })
317 |   })
318 | })
319 | app.post('/downvote/:id',(req,res)=>{
320 | const id = req.params.id;
321 |   Makaleyorum.find({makaleId : id}).sort({createdAt : -1}).then((myresult)=>{
322 |   Haberler.find().limit(6).sort().then((mresult)=>{
323 |   Makale.findById(id).then((result) => {
324 |       res.render(__dirname + "/src/pages/makale.ejs", {
325 |         makale: result, yorum : myresult, makaleler : mresult, giris : req.cookies.giris});
326 |       var downvote = Number(result.downvote);
327 |       downvote++;
328 |       console.log(downvote);
329 |       Makale.findByIdAndUpdate(id, {downvote : downvote}).then((mresult) => {
330 |         console.log(mresult);
331 |       });
332 |     })
333 |   })
334 |   })
335 | })
336 | //Yorum ekleme
337 | //Haberler
338 | app.post('/haber/yorum-ekle/:id',(req,res)=>{
339 | Haberler.findById(req.params.id).then((ssssresult)=>{
340 | var Yorum = new Haberyorum ({
341 | kullanici_adi:req.cookies.username,
342 | haber:ssssresult.title,
343 | haberId:req.params.id,
344 | mesaj:req.body.mesaj
345 | })
346 | Yorum.save().then((result)=>{
347 |   const id = req.params.id;
348 |   Haberyorum.find({haberId : req.params.id}).sort({createdAt:-1}).then(async (yresult)=>{
349 |   Haberler.find().limit(4).sort({ createdAt: -1 }).then((sresult) => {
350 |   Haberler.findById(id)
351 |     .then((result) => {
352 |     console.log(yresult)
353 |       res.render(__dirname + "/src/pages/haber.ejs", {yorum : yresult, haber: result, haberler : sresult , giris : req.cookies.giris});
354 |       var goruntulenme = Number(result.goruntulenme);
355 |       goruntulenme++;
356 |       console.log(goruntulenme);
357 |       Haberler.findByIdAndUpdate(id, {goruntulenme: goruntulenme,}).then((hresult) => {
358 |         console.log(hresult)
359 |       })
360 |     })
361 |   })
362 |   })
363 | })
364 | })
365 | })
366 | //Makaleler
367 | app.post('/makale/yorum-ekle/:id',(req,res)=>{
368 | Makale.findById(req.params.id).then((ssssresult)=>{
369 | var Yorum = new Makaleyorum ({
370 | kullanici_adi:req.cookies.username,
371 | makaleId:req.params.id,
372 | makale : ssssresult.title,
373 | mesaj:req.body.mesaj
374 | })
375 | Yorum.save().then((result)=>{
376 |   const id = req.params.id;
377 |   Makaleyorum.find({makaleId : id}).sort({createdAt : -1}).then((myresult)=>{
378 |   Haberler.find().limit(6).sort().then((mresult)=>{
379 |   Makale.findById(id).then((result) => {
380 |       res.render(__dirname + "/src/pages/makale.ejs", {
381 |         makale: result, yorum : myresult, makaleler : mresult, giris : req.cookies.giris});
382 |       var goruntulenme = Number(result.goruntulenme);
383 |       goruntulenme++;
384 |       console.log(goruntulenme);
385 |       Makale.findByIdAndUpdate(id, {goruntulenme: goruntulenme,}).then((mresult) => {
386 |         console.log(mresult);
387 |       });
388 |     })
389 |   })
390 |   })
391 | })
392 | })
393 | })
394 | //IP'yi yasakla
395 | 
396 | //Haber ekleme
397 | app.post("/add-new", (req, res) => {
398 |   const haberler = new Haberler({
399 |     title: req.body.htitle,
400 |     short: req.body.hshort,
401 |     long: req.body.hlong,
402 |     goruntulenme: 0,
403 |   });
404 |   haberler.save()
405 |     .then((result) => {
406 |       res.render(__dirname + "/src/ekle/haber.ejs");
407 |     })
408 |     .catch((err) => {
409 |       console.log(err);
410 |     });
411 |       const seviye2 = new MessageEmbed()
412 | 	.setColor('#000000')
413 |   .setTitle("Haber eklendi!")
414 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili **"+`${req.body.htitle}`+"** Haberini ekledi")
415 |   .addField("Görüntüle","[Link](https://pine-faithful-lan.glitch.me/haber/"+`${haberler.id}`+")")
416 | 	.setTimestamp()
417 | 
418 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
419 | setTimeout(()=>{
420 |   const seviye3 = new MessageEmbed()
421 | 	.setColor('#000000')
422 |   .setTitle("Haber eklendi!")
423 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili **"+`${req.body.htitle}`+"** Haberini ekledi")
424 |   .addField("Görüntüle","[Link](https://pine-faithful-lan.glitch.me/haber/"+`${haberler.id}`+")")
425 | 	.setTimestamp()
426 | 
427 | client.guilds.cache.get("986312887461113876").channels.cache.get("986345804040114207").send({ embeds: [seviye3] });
428 | },100)
429 | });
430 | //Makale ekleme
431 | app.post("/add-blog", (req, res) => {
432 |   var cerez = req.cookies;
433 |   const makale = new Makale({
434 |     title: req.body.title,
435 |     short: req.body.short,
436 |     long: req.body.long,
437 |     goruntulenme: 0,
438 |     ekleyen: cerez.username,
439 |     foto1:false,
440 |     ornek1:false,
441 |     ornek2:false,
442 |     ornek3: false,
443 |     upvote: 0,
444 |     downvote : 0,
445 |   });
446 |   makale.save()
447 |   .then((result) => {
448 |       res.render(__dirname + "/src/ekle/makale.ejs");
449 |     })
450 |     .catch((err) => {
451 |       console.log(err);
452 |     });
453 |     const seviye2 = new MessageEmbed()
454 | 	.setColor('#000000')
455 |   .setTitle("Makale eklendi!")
456 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili **"+`${req.body.title}`+"** Makalesini ekledi" )
457 |   .addField("Görüntüle","[Link](https://pine-faithful-lan.glitch.me/makale/"+`${makale.id}`+")")
458 | 	.setTimestamp()
459 | 
460 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
461 | });
462 | //Proje Ekleme
463 | app.post("/add-project", async (req, res) => {
464 |   const proje = new Proje({
465 |     title: req.body.ptitle,
466 |     short: req.body.pshort,
467 |     long: req.body.plong,
468 |     goruntulenme: 0,
469 |     upvote: 0,
470 |     sahibi: req.cookies.username,
471 |   });
472 |   proje.save()
473 |     .then((result) => {
474 |       res.render(__dirname + "/src/ekle/proje.ejs");
475 |     })
476 |     .catch((err) => {
477 |       console.log(err);
478 |     });
479 |      const seviye2 = new MessageEmbed()
480 | 	.setColor('#000000')
481 |   .setTitle("Proje eklendi!")
482 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili **"+`${req.body.ptitle}`+"** adlı Projesini ekledi")
483 |   .addField("Görüntüle","[Link](https://pine-faithful-lan.glitch.me/proje/"+`${proje.id}`+")")
484 | 	.setTimestamp()
485 | 
486 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
487 |   setTimeout(()=>{
488 |   const seviye3 = new MessageEmbed()
489 | 	.setColor('#000000')
490 |   .setTitle("Proje eklendi!")
491 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili **"+`${req.body.ptitle}`+"** adlı Projesini ekledi")
492 |   .addField("Görüntüle","[Link](https://pine-faithful-lan.glitch.me/proje/"+`${proje.id}`+")")
493 | 	.setTimestamp()
494 | 
495 | client.guilds.cache.get("986312887461113876").channels.cache.get("986345893903093810").send({ embeds: [seviye3] });
496 | },100)
497 | });
498 | //Yorum silme
499 | app.post("/haber-yorum-sil/:id", (req, res) => {
500 |   const id = req.params.id;
501 |   Haberyorum.findByIdAndDelete(id)
502 |     .then((result) => {
503 |       res.render(__dirname + "/src/sil/yorum.ejs");
504 |     })
505 |     .catch((err) => {
506 |       console.log(err);
507 |     });
508 | })
509 | app.post("/makale-yorum-sil/:id", (req, res) => {
510 |   const id = req.params.id;
511 |   Makaleyorum.findByIdAndDelete(id)
512 |     .then((result) => {
513 |       res.render(__dirname + "/src/sil/yorum.ejs");
514 |     })
515 |     .catch((err) => {
516 |       console.log(err);
517 |     });
518 | })
519 | //Haber silme
520 | app.post("/delete-new/:id", (req, res) => {
521 |   const id = req.params.id;
522 |   Haberler.findByIdAndDelete(id)
523 |     .then((result) => {
524 |       res.render(__dirname + "/src/sil/haber.ejs");
525 |     })
526 |     .catch((err) => {
527 |       console.log(err);
528 |     });
529 |   const seviye2 = new MessageEmbed()
530 | 	.setColor('#ff0000')
531 |   .setTitle("Haber silindi!")
532 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili Bir Haber sildi" )
533 | 	.setTimestamp()
534 | 
535 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
536 | });
537 | //Makale silme
538 | app.post("/delete-makale/:id", (req, res) => {
539 |   const id = req.params.id;
540 |   Makale.findByIdAndDelete(id)
541 |     .then((result) => {
542 |       Makale.find({ id: id });
543 |       res.render(__dirname + "/src/sil/makale.ejs", {
544 |         title: "Makale silindi",
545 |       });
546 |     })
547 |     .catch((err) => {
548 |       console.log(err);
549 |     });
550 |     const seviye2 = new MessageEmbed()
551 | 	.setColor('#ff0000')
552 |   .setTitle("Makale silindi!")
553 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili Makale sildi" )
554 | 	.setTimestamp()
555 | 
556 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
557 | });
558 | //Proje Silme
559 | app.post("/delete-proje/:id", (req, res) => {
560 |   const id = req.params.id;
561 |   Proje.findByIdAndDelete(id)
562 |     .then((result) => {
563 |       res.render(__dirname + "/src/sil/proje.ejs", { title: "Proje silindi" });
564 |     })
565 |     .catch((err) => {
566 |       console.log(err);
567 |     });
568 |       const seviye2 = new MessageEmbed()
569 | 	.setColor('#ff0000')
570 |   .setTitle("Proje silindi!")
571 |   .setDescription(`${req.cookies.username }`+" isimli Yetkili Bir Proje sildi" )
572 | 	.setTimestamp()
573 | 
574 | client.guilds.cache.get("986312887461113876").channels.cache.get("986312887461113879").send({ embeds: [seviye2] });
575 | });
576 | //Haber düzenleme
577 | app.post("/edit-new/:id", (req, res) => {
578 |   const id = req.params.id;
579 |   Haberler.findById(id).then((result) => {
580 |     res.render(__dirname + "/src/admin/edit-haber", { haberler: result });
581 |   });
582 | });
583 | app.post("/editNew/:id", (req, res) => {
584 |   const id = req.params.id;
585 |   Haberler.findByIdAndUpdate(id, {
586 |     title: req.body.title,
587 |     short: req.body.short,
588 |     long: req.body.long,
589 |     longdesc: req.body.longdesc,
590 |     foto: req.body.foto,
591 |     link: req.body.link,
592 |   }).then((result) => {
593 |     console.log("Haber düzenlendi");
594 |     res.render(__dirname + "/src/guncelle/haber.ejs");
595 |   });
596 | });
597 | //Makale düzenleme
598 | app.post("/edit-makale/:id", (req, res) => {
599 |   const id = req.params.id;
600 |   Makale.findById(id).then((result) => {
601 |     res.render(__dirname + "/src/admin/edit-makale", { makale: result });
602 |   });
603 | });
604 | app.post("/editMakale/:id", (req, res) => {
605 |   const id = req.params.id;
606 |   Makale.findByIdAndUpdate(id, {
607 |     title: req.body.title,
608 |     short: req.body.short,
609 |     long: req.body.long,
610 |     longdesc: req.body.longdesc,
611 |     foto1: req.body.foto1,
612 |     foto2: req.body.foto2,
613 |     ornek1 : req.body.ornek1,
614 |     ornek2 : req.body.ornek2,
615 |     ornek3 : req.body.ornek3,
616 |   }).then((result) => {
617 |     console.log("Makale güncellendi");
618 |     res.render(__dirname + "/src/guncelle/makale.ejs");
619 |   });
620 | });
621 | //Proje düzenleme
622 | app.post("/edit-proje/:id", (req, res) => {
623 |   const id = req.params.id;
624 |   Proje.findById(id).then((result) => {
625 |     res.render(__dirname + "/src/admin/edit-proje.ejs", { proje: result });
626 |   });
627 | });
628 | app.post("/editProje/:id", (req, res) => {
629 |   const id = req.params.id;
630 |   Proje.findByIdAndUpdate(id, {
631 |     title: req.body.title,
632 |     short: req.body.short,
633 |     long: req.body.long,
634 |     link: req.body.link,
635 |   }).then((result) => {
636 |     console.log("Proje güncellendi");
637 |     res.render(__dirname + "/src/guncelle/proje.ejs");
638 |   });
639 | });
640 | app.post('/iletisim',(req,res)=>{
641 |  const seviye2 = new MessageEmbed()
642 | 	.setColor('#ff0000')
643 |   .setTitle("İletişim")
644 |   .addField("Kullanıcı adı",req.body.username)
645 |   .addField("Gmail",req.body.gmail)
646 |   .addField("Mesaj",req.body.mesaj)
647 |   .addField("IP",`${req.header('x-forwarded-for') || req.connection.remoteAddress}`)
648 | 	.setTimestamp()
649 | 
650 | client.guilds.cache.get("986312887461113876").channels.cache.get("986457465866559518").send({ embeds: [seviye2] });
651 | res.render(__dirname + "/src/ekle/iletisim.ejs")
652 | })
653 | 
654 | client.login("Discord bot token");
655 | 


--------------------------------------------------------------------------------
/src/admin/dashboard.ejs:
--------------------------------------------------------------------------------
  1 | <%- include('../partials/head') %>
  2 | <title>SMTALBPG - DASHBOARD</title>
  3 | </head>
  4 | <body>
  5 |   <div class="home_content">
  6 |     <div class="container" style="margin-bottom:4vh;">
  7 |     <div class="row">
  8 |     <div style="margin-top:2vh;padding:2vw;background-color:#ffffff;border-radius:5px" class="col-12">
  9 |     <h3>Makale ekle</h3>
 10 |     <form method="POST" action="/add-blog">
 11 |     <input type="text" id="title" name="title" placeholder="Başlık">
 12 |     <input type="text" id="short" name="short" placeholder="Kısa yazı">
 13 |     <p>Uzun yazı</p>
 14 |     <textarea id="long" name="long"></textarea><br><br>
 15 |     <input class="btn bg-main" type="submit">
 16 |     </form>
 17 |     </div>
 18 |     <div style="margin-top:2vh;padding:2vw;background-color:#ffffff;border-radius:5px" class="col-12">
 19 |     <h3>Proje ekle</h3>
 20 |     <form method="POST" action="/add-project">
 21 |     <input type="text" id="title" name="ptitle" placeholder="Başlık">
 22 |     <input type="text" id="short" name="pshort" placeholder="Kısa yazı">
 23 |     <p>Uzun yazı</p>
 24 |     <textarea id="long" name="plong"></textarea><br><br>
 25 |     <input class="btn bg-main" type="submit">
 26 |     </form>
 27 |     </div>
 28 |     </div>
 29 |     <div style="margin-top:2vh;padding:2vw;background-color:#ffffff;border-radius:5px" class="col-12">
 30 |     <h3>Haber ekle</h3>
 31 |     <form method="POST" action="/add-new">
 32 |     <input type="text" id="htitle" name="htitle" placeholder="Başlık">
 33 |     <input type="text" id="hshort" name="hshort" placeholder="Kısa yazı">
 34 |     <p>Uzun yazı</p>
 35 |     <textarea id="hlong" name="hlong"></textarea><br><br>
 36 |     <input class="btn bg-main" type="submit">
 37 |     </form>
 38 |     </div><br>
 39 | <h3 style="width:min(100% - 8vw)">Makaleler</h3>
 40 | <% makales.forEach(makale => { %>
 41 | <div style="background:white" class="blog">
 42 | <a class="title" href="/makale/<%=makale._id%>"><%= makale.title%> </a><br>
 43 | <p class="id">id : <%= makale._id %></p>
 44 | <p><%= makale.short %></p>
 45 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= makale.goruntulenme %> Görüntülenme</span><br>
 46 | <span style="color:#666">Ekleyen <%= makale.ekleyen %></span>
 47 | <form method="POST" action="/delete-makale/<%=makale._id%>">
 48 | <input style="float:left;margin-right:1vw;" class="sil-btn" type="submit" value="sil">
 49 | </form>
 50 | <form method="POST" action="/edit-makale/<%=makale._id%>">
 51 | <input style="background:#11101d"class="sil-btn" type="submit" value="düzenle">
 52 | </form>
 53 | </div>
 54 | <% }) %>
 55 | <h3>Projeler</h3>
 56 | <% proje.forEach(proje => { %>
 57 | <div style="background:white" class="blog">
 58 | <a class="title" href="/proje/<%=proje._id%>"><%= proje.title%></a> 
 59 | <p class="id">id : <%= proje._id %></p>
 60 | <p><%= proje.short %></p>
 61 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= proje.goruntulenme %> Görüntülenme</span><br>
 62 | <span style="color:#666">Proje sahibi : <%= proje.sahibi %></span>
 63 | <form method="POST" action="/delete-proje/<%=proje._id%>">
 64 | <input style="float:left;margin-right:1vw;" class="sil-btn" type="submit" value="sil">
 65 | </form>
 66 | <form method="POST" action="/edit-proje/<%=proje._id%>">
 67 | <input style="background:#11101d" class="sil-btn" type="submit" value="düzenle">
 68 | </form>
 69 | </div>
 70 | <% }) %>
 71 | <h3>Haberler</h3>
 72 | <% haberler.forEach(haberler => { %>
 73 | <div style="background:white" class="blog">
 74 | <div class="row">
 75 | <div class="col-md-10">
 76 | <a class="title" href="/haber/<%=haberler._id%>"><%= haberler.title%></a> 
 77 | <p class="id">id : <%= haberler._id %></p>
 78 | <p><%= haberler.short %></p>
 79 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= haberler.goruntulenme %> Görüntülenme</span>
 80 | </div>
 81 | <div class="col-md-2" style="padding:1vw;">
 82 | <img style="border-radius:5px;" src="<%= haberler.foto %>" height="150px" width="100%">
 83 | </div>
 84 | </div>
 85 | <form method="POST" action="/delete-new/<%=haberler._id%>">
 86 | <input style="float:left;margin-right:1vw;" class="sil-btn" type="submit" value="sil">
 87 | </form>
 88 | <form method="POST" action="/edit-new/<%=haberler._id%>">
 89 | <input style="background:#11101d" class="sil-btn" type="submit" value="düzenle">
 90 | </form>
 91 | </div>
 92 | <% }) %>
 93 | <h3>Yorumlar</h3>
 94 | <% hyorum.forEach(hyorum => { %>
 95 | <div class="blog">
 96 |   <p><a href="/haber/<%= hyorum.haberId %>"><%= hyorum.haber %></a>'ine yapılan bir yorum</p>
 97 | <p><%= hyorum.kullanici_adi %></p>
 98 | <%= hyorum.mesaj %></p>
 99 | <form method="POST" action="/haber-yorum-sil/<%= hyorum.id %>">
100 | <input class="sil-btn" type="submit" value="sil">  
101 | </form>
102 | </div>
103 | <% }) %>
104 | <% myorum.forEach(myorum => { %>
105 | <div class="blog">
106 |   <p><a href="/makale/<%=myorum.makaleId%>"><%= myorum.makale %></a>`na yapılan bir yorum</p>
107 | <p><%= myorum.kullanici_adi %></p>
108 | <%= myorum.mesaj %></p>
109 | <form method="POST" action="/makale-yorum-sil/<%= myorum.id %>">
110 | <input class="sil-btn" type="submit" value="sil">  
111 | </form>
112 | </div>
113 | <% }) %>
114 | <br><br><br><br>
115 | </div>
116 |   </div>
117 |   </div>
118 | <style>
119 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
120 | *{
121 |   margin: 0;
122 |   padding: 0;
123 |   box-sizing: border-box;
124 |   font-family: "Poppins" , sans-serif;
125 | }
126 | :root{
127 |     --black-color:#11101d;
128 |     --white-color:#fff;
129 |     --sky-color:#E4E9F7;
130 |     --light-black:#1d1b31;
131 | }
132 | body{
133 |   background:var(--sky-color);
134 |   position: relative;
135 |   width: 100%;
136 | }
137 | ::selection{
138 |   color:var(--white-color);
139 |   background: var(--black-color);
140 | } 
141 | .sidebar{
142 |   position:fixed;
143 |   top:0;
144 |   left:0;
145 |   height:100vh;
146 |   width:78px;
147 |   background:var(--black-color);
148 |   padding:6px 14px;
149 |   z-index:99;
150 |   transition:all 0.5s ease;
151 | }
152 | .sidebar.active{
153 |   width:240px;
154 | }
155 | .sidebar .logo_content .logo{
156 |   color:var(--white-color);
157 |   display: flex;
158 |   height:50px;
159 |   width:100%;
160 |   align-items: center;
161 |   opacity: 0;
162 |   pointer-events: none;
163 |   transition:all 0.5s ease;
164 | }
165 | .sidebar.active .logo_content .logo{
166 |   opacity:1;
167 |   pointer-events: none;
168 | }
169 | .logo_content .logo .logo_name{
170 |   font-size: 20px;
171 |   font-weight: 400;
172 | }
173 | .sidebar #btn{
174 |   position:absolute;
175 |   color:var(--white-color);
176 |   top:6px;
177 |   left:50%;
178 |   font-size: 22px;
179 |   height:50px;
180 |   width:50px;
181 |   text-align: center;
182 |   line-height: 50px;
183 |   transform: translateX(-50%);
184 |   cursor: pointer;
185 | }
186 | .sidebar.active #btn{
187 |   left:90%;
188 | }
189 | .sidebar ul{
190 |   margin-top:20px;
191 | }
192 | .sidebar ul li{
193 |   position:relative;
194 |   height:50px;
195 |   width:100%;
196 |   margin:5px 0;
197 |   list-style: none;
198 |   line-height: 50px;
199 | }
200 | .sidebar ul li .tooltip{
201 |   position:absolute;
202 |   left:125px;
203 |   top:0;
204 |   transform:translate(-50%, -50%);
205 |   border-radius: 6px;
206 |   height:35px;
207 |   width:120px;
208 |   background: var(--white-color);
209 |   line-height: 35px;
210 |   text-align: center;
211 |   box-shadow: 0 5px 10px rgba(0,0,0,0.2);
212 |   transition:0s;
213 |   opacity:0;
214 |   pointer-events: none;
215 |   display:block;
216 | }
217 | .sidebar ul li .tooltip::before{
218 |   content:'';
219 |   width:0;
220 |   height:0;
221 |   border-top:10px solid transparent;
222 |   border-bottom:10px solid transparent;
223 |   border-right:10px solid var(--white-color);
224 |   position:absolute;
225 |   left:-8px;
226 |   top:7px;
227 | }
228 | .sidebar.active ul li .tooltip{
229 |   display:none;
230 | }
231 | .sidebar ul li:hover .tooltip{
232 |   transition:all 0.5s ease;
233 |   opacity:1;
234 |   top:50%;
235 | }
236 | .sidebar ul li input{
237 |   position:absolute;
238 |   height:100%;
239 |   width:100%;
240 |   left:0;
241 |   top:0;
242 |   border-radius: 12px;
243 |   outline:none;
244 |   border:none;
245 |   background: #1d1b31;
246 |   padding-left:50px;
247 |   font-size: 18px;
248 |   color:var(--white-color);
249 | }
250 | .sidebar ul li .bx-search{
251 |   position:relative;
252 |   z-index: 99;
253 |   color:var(--white-color);
254 |   font-size: 22px;
255 |   transition:all 0.5s ease;
256 | }
257 | .sidebar ul li .bx-search:hover{
258 |   background:var(--white-color);
259 |   color:#1d1b31;
260 | }
261 | .sidebar ul li a{
262 |   color:var(--white-color);
263 |   display:flex;
264 |   align-items:center;
265 |   text-decoration: none;
266 |   border-radius: 12px;
267 |   white-space: nowrap;
268 |   transition:all 0.4s ease;
269 | }
270 | 
271 | .sidebar ul li a:hover{
272 |   color:var(--black-color);
273 |   background:var(--white-color);
274 | }
275 | .sidebar ul li i{
276 |   font-size: 18px;
277 |   font-weight: 400;
278 |   height:50px;
279 |   min-width: 50px;
280 |   border-radius: 12px;
281 |   line-height: 50px;
282 |   text-align: center;
283 | }
284 | .sidebar .links_name{
285 |   font-size: 15px;
286 |   font-weight: 400;
287 |   opacity:0;
288 |   pointer-events: none;
289 |   transition:all 0.3s ease;
290 | }
291 | .sidebar.active .links_name{
292 |   transition:0s;
293 |   opacity:1;
294 |   pointer-events: auto;
295 | }
296 | .sidebar .content{
297 |   position:absolute;
298 |   color:var(--white-color);
299 |   bottom:0;
300 |   left:0;
301 |   width:100%;
302 | }
303 | .sidebar .content .user{
304 |   position:relative;
305 |   padding:10px 6px;
306 |   height:60px;
307 |   background: none;
308 |   transition:all 0.4s ease;
309 | }
310 | .sidebar.active .content .user{
311 |   background:var(--light-black);
312 | }
313 | .content .user .user_details{
314 |   display:flex;
315 |   align-items:center;
316 |   opacity:0;
317 |   pointer-events: none;
318 |   white-space: nowrap;
319 |   transition:all 0.4s ease;
320 | }
321 | .sidebar.active .user .user_details{
322 |   opacity:1;
323 |   pointer-events: auto;
324 | }
325 | .content .user .user_details img{
326 |   height:45px;
327 |   width:45px;
328 |   object-fit: cover;
329 |   border-radius: 12px;
330 | }
331 | .name_job{
332 |   margin-left:10px;
333 | }
334 |  .user_details .name{
335 |   font-size: 15px;
336 |   font-weight: 400;
337 | }
338 |  .user_details .job{
339 |   font-size: 12px; 
340 | }
341 |  #log_out{
342 |   position:absolute;
343 |   bottom:5px;
344 |   left:50%;
345 |   transform:translateX(-50%);
346 |   min-width: 50px;
347 |   line-height: 50px;
348 |   font-size: 20px;
349 |   border-radius: 12px;
350 |   text-align: center;
351 |   transition:all 0.4s ease;
352 | }
353 | .sidebar.active .user #log_out{
354 |   left:80%;
355 |   background:none;
356 | }
357 | .home_content{
358 |   position:absolute;
359 |   height:100%;
360 |   margin-bottom:4vh;
361 |   width:100%;
362 |   padding:20px;
363 |   transition:all 0.5s ease;
364 | }
365 | .sidebar.active ~ .home_content{
366 |   z-index:100;
367 |   width:calc(100% - 240px);
368 |   left:240px;
369 | }
370 | .home_content .text{
371 |   font-size: 25px;
372 |   font-weight: 600;
373 |   color:var(--light-black);
374 |   margin-bottom:15px;
375 | }
376 | .home_content p{
377 |   margin-bottom:15px;
378 | }
379 |   .sil-btn{
380 |   border:none;
381 |   border-radius:5px;
382 |   padding:5px;
383 |   width:10%;
384 |   background:red;
385 |   color:white;
386 |   }
387 |   input{padding:5px;}
388 |   textarea{
389 |   resize:none;
390 |   width:50%;
391 |   height:25vh;
392 |   }
393 |   .btn{
394 |   border:none;
395 |   border-radius:5px;
396 |   border:1px solid #dddddd;
397 |   padding:5px;
398 |   }
399 |   .id{
400 |   font-size:0.3em;
401 |   color:gray;
402 |   }
403 |   @media only screen and (max-width:700px){
404 |     input{margin-top:2vh;}
405 |     textarea{width:95%;}
406 |     .sil-btn{width:45%}
407 |   }
408 | </style>
409 | <script>
410 | let btn = document.querySelector("#btn");
411 | let sidebar = document.querySelector(".sidebar");
412 | let searchBtn = document.querySelector(".bx-search");
413 | 
414 | btn.onclick = function(){
415 |     sidebar.classList.toggle("active");
416 | }
417 | searchBtn.onclick = function(){
418 |     sidebar.classList.toggle("active");
419 | }
420 | </script>
421 |   
422 | </body>
423 | </html>
424 | 


--------------------------------------------------------------------------------
/src/admin/edit-haber.ejs:
--------------------------------------------------------------------------------
 1 | <script>
 2 | /*
 3 | const id = req.params.id
 4 | Makale.findByIdAndUpdate(id,{
 5 | title : "deneme"
 6 | }).then((result)=>{
 7 | console.log("Title ayarlandı")
 8 | })
 9 | */
10 | </script> 
11 | <style>
12 | input{padding:5px;}
13 |   textarea{
14 |   resize:none;
15 |   width:50%;
16 |   height:25vh;
17 |   }
18 | </style>
19 | <head>
20 | <meta charset="utf-8" />
21 | <link rel="icon" href="https://glitch.com/favicon.ico" />
22 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
23 | <link rel="stylesheet" href="/style.css" />
24 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
25 | <script src="script.js"></script>
26 | <title><%= haberler.title %></title>
27 | </head>
28 | <body>
29 | <div id="navbar" style="width:100%" class="fixed">
30 | <div class="topnav" id="myTopnav">
31 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
32 |   <a href="/" class="active">Anasayfa</a>
33 |   <a onclick="projects()">Projeler</a>
34 |   <a onclick="group()">Ekip</a>
35 |   <a onclick="about()">Hakkımızda</a>
36 |   <a onclick="kurumsal()">Kurumsal</a>
37 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
38 |   <i class="fa fa-bars"></i>
39 |   </a>
40 | </div>
41 | </div><br><br><br>
42 | <div class="container">
43 | <form method="POST" action="/editNew/<%=haberler._id %>">
44 | <input type="text" value="<%=haberler.title%>" id="title" name="title"> 
45 | <input type="text" value="<%=haberler.short%>" id="short" name="short"><br><br>
46 | <input type="text" value="<%=haberler.foto%>" id="foto" name="foto" placeholder="Fotoğraf"><br>
47 | <p>Uzun yazı</p>
48 | <textarea id="long" name="long"><%=haberler.long%></textarea><br><br>
49 | <input type="text" value="<%=haberler.link%>" id="link" name="link" placeholder="link"><br>
50 | <p>Ekstra açıklama</p>
51 | <textarea id="longdesc" name="longdesc"></textarea><br><br>
52 | <input type="submit">
53 | </form>
54 | </div>
55 | </body>
56 | 


--------------------------------------------------------------------------------
/src/admin/edit-makale.ejs:
--------------------------------------------------------------------------------
 1 | <script>
 2 | /*
 3 | const id = req.params.id
 4 | Makale.findByIdAndUpdate(id,{
 5 | title : "deneme"
 6 | }).then((result)=>{
 7 | console.log("Title ayarlandı")
 8 | })
 9 | */
10 | </script> 
11 | <style>
12 | input{padding:5px;}
13 |   textarea{
14 |   resize:none;
15 |   width:50%;
16 |   height:25vh;
17 |   }
18 | </style>
19 | <head>
20 | <meta charset="utf-8" />
21 | <link rel="icon" href="https://glitch.com/favicon.ico" />
22 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
23 | <link rel="stylesheet" href="/style.css" />
24 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
25 | <script src="script.js"></script>
26 | <title><%= makale.title %></title>
27 | </head>
28 | <body>
29 | <div id="navbar" style="width:100%" class="fixed">
30 | <div class="topnav" id="myTopnav">
31 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
32 |   <a href="/" class="active">Anasayfa</a>
33 |   <a onclick="projects()">Projeler</a>
34 |   <a onclick="group()">Ekip</a>
35 |   <a onclick="about()">Hakkımızda</a>
36 |   <a onclick="kurumsal()">Kurumsal</a>
37 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
38 |   <i class="fa fa-bars"></i>
39 |   </a>
40 | </div>
41 | </div><br><br><br>
42 | <div class="container">
43 | <form method="POST" action="/editMakale/<%=makale._id %>">
44 | <input type="text" value="<%=makale.title%>" id="title" name="title"> 
45 | <input type="text" value="<%=makale.short%>" id="short" name="short"><br><br>
46 | <input type="text" value="<%=makale.foto1%>" id="foto1" name="foto1" placeholder="1.fotoğraf"><br>
47 | <p>Uzun yazı</p>
48 | <textarea id="long" name="long"><%=makale.long%></textarea><br><br>
49 | <input type="text" value="<%=makale.foto2%>" id="foto2" name="foto2" placeholder="2.fotoğraf"><br>
50 | <p>Ekstra açıklama</p>
51 | <textarea id="longdesc" name="longdesc"><%= makale.longdesc %></textarea><br>
52 | <p>Örnek 1</p>
53 | <textarea id="ornek1" name="ornek1"><%= makale.ornek1 %></textarea><br>
54 | <p>Örnek 2</p>
55 | <textarea id="ornek2" name="ornek2"><%= makale.ornek2 %></textarea><br>
56 | <p>Örnek 3</p>
57 | <textarea id="ornek3" name="ornek3"><%= makale.ornek3 %></textarea><br><br>
58 | <input type="submit">
59 | </form>
60 | </div>
61 | </body>
62 | 


--------------------------------------------------------------------------------
/src/admin/edit-proje.ejs:
--------------------------------------------------------------------------------
 1 | <script>
 2 | /*
 3 | const id = req.params.id
 4 | Makale.findByIdAndUpdate(id,{
 5 | title : "deneme"
 6 | }).then((result)=>{
 7 | console.log("Title ayarlandı")
 8 | })
 9 | */
10 | </script> 
11 | <style>
12 | input{padding:5px;}
13 |   textarea{
14 |   resize:none;
15 |   width:50%;
16 |   height:25vh;
17 |   }
18 | </style>
19 | <head>
20 | <meta charset="utf-8" />
21 | <link rel="icon" href="https://glitch.com/favicon.ico" />
22 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
23 | <link rel="stylesheet" href="/style.css" />
24 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
25 | <script src="script.js"></script>
26 | <title><%= proje.title %></title>
27 | </head>
28 | <body>
29 | <div id="navbar" style="width:100%" class="fixed">
30 | <div class="topnav" id="myTopnav">
31 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
32 |   <a href="/" class="active">Anasayfa</a>
33 |   <a onclick="projects()">Projeler</a>
34 |   <a onclick="group()">Ekip</a>
35 |   <a onclick="about()">Hakkımızda</a>
36 |   <a onclick="kurumsal()">Kurumsal</a>
37 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
38 |   <i class="fa fa-bars"></i>
39 |   </a>
40 | </div>
41 | </div><br><br><br>
42 | <div class="container">
43 | <form method="POST" action="/editMakale/<%=proje._id %>">
44 | <input type="text" value="<%=proje.title%>" id="title" name="title"> 
45 | <input type="text" value="<%=proje.short%>" id="short" name="short"><br><br>
46 | <textarea id="long" name="long"><%=proje.long%></textarea><br>
47 | <p>Ekstra açıklama</p>
48 | <textarea id="longdesc" name="longdesc"><%=proje.long%></textarea><br><br>
49 | <input type="submit">
50 | </form>
51 | </div>
52 | </body>
53 | 


--------------------------------------------------------------------------------
/src/admin/giris-yap.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Giriş yap</title>
 3 | </head>
 4 | <body style="background:#eee;"><br><br><br><br>
 5 | <div style="background:#fff; padding:2vw;" class="container">
 6 | <form method="POST" action="/admin-giris">
 7 | <input style="padding:5px" class="col-8" type="text" placeholder="Kullanıcı adı" id="username" name="username"><br><br>
 8 | <input style="padding:5px" class="col-8" type="text" placeholder="Şifre" id="sifre" name="sifre"><br><br>
 9 | <input class="btn bg-main" type="submit">
10 | </form>
11 | </div>
12 | 


--------------------------------------------------------------------------------
/src/admin/giris.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Admin olarak giriş yapıldı!</h3>
31 | <a href="/admin/dashboard">Dashboarda git</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/admin/index.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Anasayfa</title>
 3 | </head>
 4 | <body>
 5 | <% if(adminKey == sifre) {%>
 6 | <%- include('../partials/adminnavbar') %>
 7 | <% } else { %>
 8 | <%- include('../partials/signednavbar') %>
 9 | <% } %>
10 | <%- include('../partials/jumbotron') %>
11 | <%- include('../partials/ekip') %>
12 | <%- include('../partials/kurumsal') %>
13 | <%- include('../partials/projeler') %>
14 | <div class="container">
15 | <h3>Makaleler</h3>
16 | <% makale.forEach(makale => { %>
17 | <div class="blog">
18 | <a class="title" href="/makale/<%=makale._id%>"><%= makale.title%></a>  
19 | <p><%= makale.short %></p>
20 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= makale.goruntulenme %> Görüntülenme</span><br><br>
21 | <span style="color:#666">Ekleyen <%- makale.ekleyen %> </span>
22 | </div>
23 | <% }) %>
24 | <h3>Haberler</h3>
25 | <% haberler.forEach(haberler => { %>
26 | <div style="padding:0;" class="blog">
27 | <div class="row">
28 | <div style="padding:2vw;" class="col-md-10">
29 | <a class="title" href="/haber/<%=haberler._id%>"><%= haberler.title %></a>  
30 | <p><%= haberler.short %></p>
31 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= haberler.goruntulenme %> Görüntülenme</span><br><br>
32 | <span style="font-size:0.5em;color:#666">Yüklenme tarihi :<%= haberler.createdAt %></span>
33 | </div>
34 | <div class="col-md-2" style="padding:1vw;">
35 | <img style="border-radius:5px;" src="<%= haberler.foto %>" height="150px" width="100%">
36 |   </div>
37 | </div>
38 | </div>
39 | <% }) %>
40 | </div>
41 | </body>
42 | 


--------------------------------------------------------------------------------
/src/ekle/haber.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Haber Başarıyla eklendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/ekle/iletisim.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Mesajın iletildi!</h3>
31 | <a href="/">Anasayfaya geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/ekle/makale.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Makale Başarıyla eklendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/ekle/proje.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Proje Başarıyla eklendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/error/admin.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>KULLANICI BULUNAMADI</title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#333;
15 | }
16 | a{color:red;}
17 | </style>
18 | <h3>Hata</h3>
19 | <p>Böyle bir Kullanıcı bulunamıyor <a href="/admin/dashboard">Girişe dön</a></p>
20 | 


--------------------------------------------------------------------------------
/src/error/haber.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 |   <title>HABER BULUNAMADI</title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#333;
15 | }
16 | a{color:red;}
17 | </style>
18 | <h3>Hata</h3>
19 | <p>Böyle bir Haber bulunamıyor <a href="/">Anasayfaya dön</a></p>
20 | 


--------------------------------------------------------------------------------
/src/error/kullanici.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>KULLANICI BULUNAMADI</title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#333;
15 | }
16 | a{color:red;}
17 | </style>
18 | <h3>Hata</h3>
19 | <p>Böyle bir Kullanıcı bulunamıyor <a href="/giris">Girişe dön</a></p>
20 | 


--------------------------------------------------------------------------------
/src/error/makale.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>MAKALE BULUNAMADI</title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#333;
15 | }
16 | a{color:red;}
17 | </style>
18 | <h3>Hata</h3>
19 | <p>Böyle bir Makale bulunamıyor <a href="/">Anasayfaya dön</a></p>
20 | 


--------------------------------------------------------------------------------
/src/error/proje.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>PROJE BULUNAMADI</title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#333;
15 | }
16 | a{color:red;}
17 | </style>
18 | <h3>Hata</h3>
19 | <p>Böyle bir Proje bulunamıyor <a href="/">Anasayfaya dön</a></p>
20 | 


--------------------------------------------------------------------------------
/src/guncelle/haber.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Haber Başarıyla güncellendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/guncelle/makale.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Makale Başarıyla güncellendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/guncelle/proje.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Proje Başarıyla güncellendi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/pages/giris-basarili.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#E4E9F7;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Giriş Başarılı!</h3>
31 | <a href="/">Anasayfaya geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/pages/giris.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Giriş yap</title>
 3 | </head>
 4 | <body style="background:#eee;"><br><br><br><br>
 5 | <div style="background:#fff; padding:2vw;" class="container">
 6 | <form method="POST" action="/giris-yap">
 7 | <input style="padding:5px" class="col-8" type="text" placeholder="Kullanıcı adı" id="username" name="username"><br><br>
 8 | <input style="padding:5px" class="col-8" type="text" placeholder="Şifre" id="sifre" name="sifre"><br><br>
 9 | <input class="btn bg-main" type="submit">
10 | </form>
11 | <p>Hesabın mı yok? <a href="/kayit">Kayıt Ol</a></p>
12 | </div>
13 | 


--------------------------------------------------------------------------------
/src/pages/haber.ejs:
--------------------------------------------------------------------------------
  1 |   
  2 | <head>
  3 | <style>p{
  4 | font-size:1.4em;
  5 | padding:0.3vw;
  6 | width:min(100% - 4vw);
  7 | }</style>
  8 | <script> 
  9 |   function navOpen() {
 10 |   var x = document.getElementById("myTopnav");
 11 |   if (x.className === "topnav") {
 12 |     x.className += " responsive";
 13 |   } else {
 14 |     x.className = "topnav";
 15 |   }
 16 | }
 17 | function closeNav(){
 18 |   var x = document.getElementById("myTopnav");
 19 |   x.className = "topnav";
 20 | }
 21 | </script>
 22 | <meta charset="utf-8" />
 23 | <link rel="icon" href="https://glitch.com/favicon.ico" />
 24 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 25 | <link rel="stylesheet" href="/style.css" />
 26 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
 27 | <script src="script.js"></script>
 28 | <title><%= haber.title%></title>
 29 | </head>
 30 | <div id="navbar" style="width:100%" class="fixed">
 31 | <div class="topnav" id="myTopnav">
 32 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
 33 |   <a href="/" class="active">Anasayfa</a>
 34 |   <a onclick="projects()">Projeler</a>
 35 |   <a onclick="group()">Ekip</a>
 36 |   <a onclick="about()">Hakkımızda</a>
 37 |   <a onclick="kurumsal()">Kurumsal</a>
 38 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
 39 |   <i class="fa fa-bars"></i>
 40 |   </a>
 41 | </div>
 42 | </div>
 43 | <script>
 44 | window.onload = ()=>{
 45 | document.getElementById("long").innerHTML = "<%= haberler.long %>";
 46 | document.getElementById("longdesc").innerHTML = "<%= haberler.longdesc %>";
 47 | }
 48 | </script><br><br><br>
 49 | <div class="container-fluid">
 50 | <div style="align-items:start" class="row">
 51 | <div class="col-md-10 bg-white">
 52 | <h3 style="padding:2vw"><%= haber.title %></h3>
 53 | <center><img src="<%= haber.foto %>" width="60%" height="30%"></center>
 54 | <div style="width:min(100% - 40%); margin-inline:auto">
 55 | <%= haber.short %>
 56 | </div>
 57 | <div class="col-12 bg-sky">
 58 | <div class="yorumlar">
 59 | <% if(giris == "true") { %>
 60 | <p>Yorum yap :</p>
 61 | <form method="POST" action="/haber/yorum-ekle/<%= haber._id %>">
 62 | <textarea id="mesaj" name="mesaj"></textarea><br><br>
 63 | <input class="btn bg-main" type="submit">
 64 |   </form>
 65 | <% } else { %>
 66 |   <P>Yorum yapmak için giriş yapman gerek</P>
 67 | <% } %>
 68 | <h3>Yorumlar</h3>
 69 | <% yorum.forEach(yorum => { %>
 70 | <p class="yorum-kullanici"><%= yorum.kullanici_adi %></p>
 71 | <span class="yorum-mesaj"><%= yorum.mesaj %></span>
 72 | <% }) %>
 73 | </div>
 74 | </div>
 75 | </div>
 76 | <div class="col-md-2">
 77 | <% haberler.forEach(haberler => { %>
 78 | <div style="padding:2vw; width:100%">
 79 | <center>
 80 | <img style="border-radius:5px;" src="<%= haberler.foto %>" class="foto-mob"><br><br>
 81 | <a class="title" href="/haber/<%=haberler._id%>"><%= haberler.title %></a>  
 82 |   </center>
 83 | </div>
 84 | <% }) %>
 85 | </div>
 86 | </div>  
 87 | </div>
 88 |   <style>
 89 |     .bg-sky{background:#E4E9F7}
 90 |     .yorumlar{
 91 |       padding:2vw;
 92 |       width:min(100% - 40%);
 93 |       margin-inline:auto;
 94 |     }
 95 |     @media only screen and (max-width:600px){
 96 |       .yorumlar{
 97 |       margin-bottom:5vh;
 98 |       }
 99 |     }
100 |     .yorum-mesaj{
101 |     margin-top:-5vh;
102 |     padding:1vw;
103 |     }
104 |     .yorum-kullanici{
105 |     margin-bottom:-0.5vh;
106 |     }
107 |     textarea{
108 |       width:100%;
109 |       resize:none;
110 |       height:23vh;
111 |     }
112 |     .btn{
113 |       padding:0.5vw;
114 |     font-size:1.2em;
115 |     }
116 |     .bg-white{padding:0}
117 |   </style>
118 | 


--------------------------------------------------------------------------------
/src/pages/iletisim.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - İletişim</title>
 3 | </head>
 4 |   <body style="background:#eee;"><br><br><br><br>
 5 | <div style="background:#fff; padding:2vw;" class="container">
 6 | <form method="POST" action="/iletisim">
 7 | <input style="padding:5px" class="col-5" type="text" placeholder="Kullanıcı adı" id="username" name="username"><br><br>
 8 | <input style="padding:5px" class="col-5" type="text" placeholder="Gmail" id="gmail" name="gmail"><br><br>
 9 | <p>Mesaj :</p>
10 | <textarea class="col-md-6" id="mesaj" name="mesaj"></textarea><br><br>
11 | <input class="btn bg-main" type="submit">
12 | </form>
13 |   <style>
14 |     input{padding:5px;}
15 |   textarea{
16 |   resize:none;
17 |   height:25vh;
18 |   }
19 |   </style>
20 | </body>
21 | 


--------------------------------------------------------------------------------
/src/pages/index.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Anasayfa</title>
 3 | </head>
 4 | <body>
 5 | <%- include('../partials/navbar') %>
 6 | <%- include('../partials/jumbotron') %>
 7 | <%- include('../partials/ekip') %>
 8 | <%- include('../partials/kurumsal') %>
 9 | <%- include('../partials/projeler') %>
10 | <div class="container">
11 | <h3>Makaleler</h3>
12 | <% makale.forEach(makale => { %>
13 | <div class="blog">
14 | <a class="title" href="/makale/<%=makale._id%>"><%= makale.title%></a>  
15 | <p><%= makale.short %></p>
16 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= makale.goruntulenme %> Görüntülenme</span><br><br>
17 | <span style="color:#666;margin-top:10vh;">
18 | <span style="margin-right:1vw;"><i class="fas fa-thumbs-up"></i> <%= makale.upvote %></span>
19 | <span><i class="fas fa-thumbs-down"></i> <%= makale.downvote %></span>  
20 | </span><br>
21 | </div>
22 | <% }) %>
23 | <h3>Haberler</h3>
24 | <% haberler.forEach(haberler => { %>
25 | <div style="padding:0;" class="blog">
26 | <div class="row">
27 | <div style="padding:2vw;" class="col-md-10">
28 | <a class="title" href="/haber/<%=haberler._id%>"><%= haberler.title %></a>  
29 | <p><%= haberler.short %></p>
30 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= haberler.goruntulenme %> Görüntülenme</span><br>
31 | <span style="font-size:0.5em;color:#666">Yüklenme tarihi :<%= haberler.createdAt %></span>
32 | </div>
33 | <div class="col-md-2" style="padding:1vw;">
34 | <img style="border-radius:5px;" src="<%= haberler.foto %>" height="150px" width="100%">
35 |   </div>
36 | </div>
37 | </div>
38 | <% }) %>
39 | </div>
40 | </body>
41 | 


--------------------------------------------------------------------------------
/src/pages/kayit.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Kayıt ol</title>
 3 | </head>
 4 | <body style="background:#eee">
 5 | <br><br><br><br>
 6 | <div style="background:#fff; padding:2vw" class="container">
 7 | <form method="POST" action="/kayit-ol">
 8 | <input style="padding:5px" class="col-8" type="text" placeholder="Kullanıcı adı" id="username" name="username"><br><br>
 9 | <input style="padding:5px" class="col-8" type="text" placeholder="Gmail" id="gmail" name="gmail"><br><br>
10 | <input style="padding:5px" class="col-8" type="text" placeholder="Şifre" id="sifre" name="sifre"><br><br>
11 | <input class="btn bg-main" type="submit">
12 | </form>
13 | <p>Hesabın var mı? <a href="/giris">Giriş yap</a></p>
14 | </div>
15 | </body>
16 | 


--------------------------------------------------------------------------------
/src/pages/makale.ejs:
--------------------------------------------------------------------------------
  1 |   
  2 | <head>
  3 | <style>p{
  4 | font-size:1.4em;
  5 | padding:0.3vw;
  6 | width:min(100% - 4vw);
  7 | }</style>
  8 | <script> 
  9 |   function navOpen() {
 10 |   var x = document.getElementById("myTopnav");
 11 |   if (x.className === "topnav") {
 12 |     x.className += " responsive";
 13 |   } else {
 14 |     x.className = "topnav";
 15 |   }
 16 | }
 17 | function closeNav(){
 18 |   var x = document.getElementById("myTopnav");
 19 |   x.className = "topnav";
 20 | }
 21 |   </script>
 22 | <script>
 23 | var ornek2 = '<%- makale.ornek2 %>';
 24 | var ornek3 = '<%- makale.ornek3 %>';
 25 | window.onload = ()=>{
 26 | console.log(ornek1)
 27 | document.getElementById("ornek1").innerHTML = ornek1;
 28 | }
 29 | </script>
 30 | <meta charset="utf-8" />
 31 | <link rel="icon" href="https://glitch.com/favicon.ico" />
 32 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 33 | <link rel="stylesheet" href="/style.css" />
 34 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
 35 | <script src="script.js"></script>
 36 | <title><%= makale.title%></title>
 37 | </head><body>
 38 | <div id="navbar" style="width:100%" class="fixed">
 39 | <div class="topnav" id="myTopnav">
 40 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
 41 |   <a href="/" class="active">Anasayfa</a>
 42 |   <a onclick="projects()">Projeler</a>
 43 |   <a onclick="group()">Ekip</a>
 44 |   <a onclick="about()">Hakkımızda</a>
 45 |   <a onclick="kurumsal()">Kurumsal</a>
 46 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
 47 |   <i class="fa fa-bars"></i>
 48 |   </a>
 49 | </div>
 50 | </div>
 51 | <script>
 52 | </script><br><br><br>
 53 | <div class="container-fluid">
 54 | <div style="align-items:start" class="row">
 55 | <div class="col-md-10 bg-white">
 56 | <% if(makale.foto1 == true) { %>
 57 | <center><img src="<%= makale.foto1 %>" width="60%" height="30%"></center>
 58 | <% } else { %>
 59 | <% } %>
 60 | <div style="width:min(100% - 40%); margin-inline:auto">
 61 | <h3><%= makale.title %></h3>
 62 | <div id="short">
 63 | 
 64 | </div>
 65 | <div id="long">
 66 | <br><%- makale.long %><br><br>
 67 | </div>
 68 | <% if(makale.ornek1 == "false") { %>
 69 |   
 70 | <% } else { %>
 71 | <h3>Örnek</h3>
 72 | <div id="ornek1" class="ornek">
 73 |   <%- makale.ornek1 %>
 74 |   </div>
 75 | <% } %>
 76 | <div id="longdesc">
 77 | <%- makale.longdesc %>
 78 | </div>
 79 | <% if(makale.ornek2 == "false") { %>
 80 | <% } else { %>
 81 | <div id="ornek2" class="ornek">
 82 | <%- makale.ornek2 %>
 83 | </div>
 84 | <% } %>
 85 | <% if(makale.ornek3 == "false") { %>
 86 | <% } else { %>
 87 | <div id="ornek3" class="ornek">
 88 | </div>
 89 | <% } %>
 90 | </div>
 91 | <div style="width:min(100% - 40%);margin-inline:auto;margin-bottom:2vh;">
 92 | <% if (giris == "true") { %>
 93 | <b>Bu makale işinize yaradı mı?</b><br>
 94 | <form  style="float:left;margin-right:2vw;" method="POST" action="/upvote/<%= makale._id %>">
 95 | <button style="border:none;padding:0.2vw;border-radius:8px;text-align:center;background:transparent;font-size:1em;" type="submit" >
 96 | <i class="fas fa-thumbs-up"></i> <%= makale.upvote %>
 97 | </button>
 98 | </form>
 99 | <form method="POST" action="/downvote/<%= makale._id%>">
100 | <button style="border:none;padding:0.2vw;border-radius:8px;text-align:center;background:transparent;font-size:1em;" type="submit" >
101 | <i class="fas fa-thumbs-down"></i> <%= makale.downvote %>
102 | </button>
103 | </form>
104 | <% } else { %>
105 | <b>Bu makale işinize yaradı mı?</b><br>
106 | <span style="margin-right:2vw;"><i class="fas fa-thumbs-up"></i> <%= makale.upvote %></span>
107 | <i class="fas fa-thumbs-down"></i> <%= makale.downvote %>
108 | <% } %>
109 | </div>
110 | <div class="col-12 bg-sky">
111 | <div class="yorumlar">
112 | <h3>Yorumlar</h3>
113 | <% yorum.forEach(yorum => { %>
114 | <p class="yorum-kullanici"><%= yorum.kullanici_adi %></p>
115 | <span class="yorum-mesaj"><%= yorum.mesaj %></span>
116 | <% }) %>
117 | <% if(giris == "true") { %>
118 | <p>Yorum yap :</p>
119 | <form method="POST" action="/makale/yorum-ekle/<%= makale._id %>">
120 | <textarea id="mesaj" name="mesaj"></textarea><br><br>
121 | <input class="btn bg-main" type="submit">
122 |   </form>
123 | <% } else { %>
124 |   <P>Yorum yapmak için giriş yapman gerek</P>
125 | <% } %>
126 | </div>
127 | </div>
128 | </div>
129 | <div class="col-md-2 bg-sky2">
130 | <% makaleler.forEach(makaleler => { %>
131 | <div style="padding:2vw; width:100%">
132 | <center>
133 | <img style="border-radius:5px;" src="<%= makaleler.foto %>" class="foto-mob"><br><br>
134 | <a class="title" href="/haber/<%=makaleler._id%>"><%= makaleler.title %></a>
135 |   </center>
136 | </div>
137 | <% }) %>
138 | </div>
139 | </div>  
140 | </div>
141 |   <style>
142 |     .bg-sky2{background:#E4E9F7}
143 |     .bg-sky{background:#d8dce8}
144 |     .yorumlar{
145 |       padding:2vw;
146 |       width:min(100% - 40%);
147 |       margin-inline:auto;
148 |     }
149 |     @media only screen and (max-width:600px){
150 |       .yorumlar{
151 |       margin-bottom:5vh;
152 |       }
153 |     }
154 |     .yorum-mesaj{
155 |     margin-top:-5vh;
156 |     padding:1vw;
157 |     }
158 |     .yorum-kullanici{
159 |     margin-bottom:-0.5vh;
160 |     }
161 |     textarea{
162 |       width:100%;
163 |       resize:none;
164 |       height:23vh;
165 |     }
166 |     .btn{
167 |       padding:0.5vw;
168 |     font-size:1.2em;
169 |     }
170 |     .bg-white{padding:0}
171 |     .ornek{
172 |     padding:1vw;
173 |     background:#ddd;
174 |     margin-bottom:1vh;
175 |     border-radius:8px;
176 |     }
177 |     body{
178 |       background:#d8dce8;
179 |     }
180 |     .liste{
181 |       list-style-type: decimal;
182 |     }
183 |   </style>
184 |   </body>
185 | 


--------------------------------------------------------------------------------
/src/pages/proje.ejs:
--------------------------------------------------------------------------------
 1 |   
 2 | <head>
 3 | <meta charset="utf-8" />
 4 | <link rel="icon" href="https://glitch.com/favicon.ico" />
 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 6 | <link rel="stylesheet" href="/style.css" />
 7 | <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
 8 | <script src="script.js"></script>
 9 | <title><%= proje.title%></title>
10 | </head>
11 | <div id="navbar" style="width:100%" class="fixed">
12 | <div class="topnav" id="myTopnav">
13 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
14 |   <a href="/" class="active">Anasayfa</a>
15 |   <a onclick="projects()">Projeler</a>
16 |   <a onclick="group()">Ekip</a>
17 |   <a onclick="about()">Hakkımızda</a>
18 |   <a onclick="kurumsal()">Kurumsal</a>
19 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
20 |   <i class="fa fa-bars"></i>
21 |   </a>
22 | </div>
23 | </div><br><br><br>
24 | <div class="container">
25 |   <h3><%= proje.title%></h3>  
26 | <div class="w-100" style="background-color:#eeeeee;padding:2vw;border-radius:5px;">
27 | <%= proje.short %>
28 | </div>
29 | <br><br>
30 | <div class="w-100" style="background-color:#eeeeee;padding:2vw;border-radius:5px;">
31 | <%= proje.long %><br>
32 | </div>
33 | </div>
34 | </div>
35 | 


--------------------------------------------------------------------------------
/src/partials/adminnavbar.ejs:
--------------------------------------------------------------------------------
 1 | <div id="navbar" style="width:100%" class="fixed">
 2 | <div class="topnav" id="myTopnav">
 3 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
 4 |   <a><%- kullanici %></a>
 5 |   <a href="/" class="active">Anasayfa</a>
 6 |   <a href="/iletisim">İletişim</a>
 7 |   <a onclick="projects()">Projeler</a>
 8 |   <a onclick="group()">Ekip</a>
 9 |   <a onclick="about()">Hakkımızda</a>
10 |   <a onclick="kurumsal()">Kurumsal</a>
11 |   <a href="/admin/dashboard">Dashboard</a>
12 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
13 |   <i class="fa fa-bars"></i>
14 |   </a>
15 | </div>
16 | </div>
17 | 


--------------------------------------------------------------------------------
/src/partials/dashboardhead.ejs:
--------------------------------------------------------------------------------
 1 |   <head>
 2 |     <meta charset="utf-8" />
 3 |     <link rel="icon" href="https://glitch.com/favicon.ico" />
 4 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 5 |     <link rel="stylesheet" href="/style.css" />
 6 |     <link rel="stylesheet" href="/dashboard.css" />
 7 |     <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
 8 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 9 |     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
10 |     <script src="script.js"></script>
11 |     <script scr="https://code.jquery.com/jquery-3.4.1.min.js"></script>
12 | 
13 | 


--------------------------------------------------------------------------------
/src/partials/ekip.ejs:
--------------------------------------------------------------------------------
  1 | <div class="container">
  2 | <h3>Ekip</h3>
  3 |   
  4 |   <ul id="slider" class="horizonal-slider">
  5 |     <div class="item"><div class="head">
  6 |     
  7 |     </div>
  8 |     <div class="content">
  9 |     <h3>İSİM</h3>  
 10 |     <p>ÜNVAN</p>
 11 |     </div>
 12 |     <div class="footer">
 13 |       <a href="https://github.com/Hasan-Kilici" target="_blank"><i class="icon fab fa-github"></i></a>
 14 |       <a href="https://instagram.com/kawethra.official" target="_blank"><i class="icon fab fa-instagram"></i></a>
 15 |       <i class="icon fab fa-discord"></i>
 16 |     </div>
 17 |     </div>
 18 |     <div class="item">
 19 |   <div class="head">
 20 |     
 21 |     </div>
 22 |     <div class="content">
 23 |     <h3>İSİM</h3>  
 24 |     <p>ÜNVAN</p>
 25 |     </div>
 26 |     <div class="footer">
 27 |     <a href="https://github.com/Dawnsxgg"><i class="icon fab fa-github"></i></a>
 28 |     <i class="icon fab fa-instagram"></i>
 29 |     <i class="icon fab fa-discord"></i>  
 30 |     </div>
 31 |     </div>
 32 |     <div class="item"><div class="head">
 33 |     
 34 |     </div>
 35 |     <div class="content">
 36 |     <h3>İSİM</h3>  
 37 |     <p>ÜNVAN</p>
 38 |     </div>
 39 |     <div class="footer">
 40 |     <a href="https://github.com/YNGROG" target="_blank"> <i class="icon fab fa-github"></i></a>
 41 |     <a href="https://www.instagram.com/kralgraveth_1/" target="_blank"><i class="icon fab fa-instagram"></i></a>
 42 |     <i class="icon fab fa-discord"></i>  
 43 |     </div>
 44 |     </div>
 45 |     <div class="item"><div class="head">
 46 |     
 47 |     </div>
 48 |     <div class="content">
 49 |     <h3>İSİM</h3>  
 50 |     <p>ÜNVAN</p>
 51 |     </div>
 52 |     <div class="footer">
 53 |     <i class="icon fab fa-github"></i>
 54 |     <i class="icon fab fa-instagram"></i>
 55 |     <i class="icon fab fa-discord"></i> 
 56 |     </div>
 57 |     </div>
 58 |     <div class="item"><div class="head">
 59 |     
 60 |     </div>
 61 |     <div class="content">
 62 |     <h3>İSİM</h3>  
 63 |     <p>ÜNVAN</p>
 64 |     </div>
 65 |     <div class="footer">
 66 |     <i class="icon fab fa-github"></i>
 67 |     <i class="icon fab fa-instagram"></i>
 68 |     <i class="icon fab fa-discord"></i>  
 69 |     </div>
 70 |     </div>
 71 |     <div class="item">
 72 |     <div class="head">
 73 |     
 74 |     </div>
 75 |     <div class="content">
 76 |     <h3>İSİM</h3>  
 77 |     <p>ÜNVAN</p>
 78 |     </div>
 79 |     <div class="footer">
 80 |     <i class="icon fab fa-github"></i>
 81 |     <i class="icon fab fa-instagram"></i>
 82 |     <i class="icon fab fa-discord"></i>  
 83 |     </div>
 84 |     </div>
 85 |     <div class="item">
 86 |     <div class="head">
 87 |     
 88 |     </div>
 89 |     <div class="content">
 90 |     <h3>İSİM</h3>  
 91 |     <p>ÜNVAN</p>
 92 |     </div>
 93 |     <div class="footer">
 94 |     <i class="icon fab fa-github"></i>
 95 |     <i class="icon fab fa-instagram"></i>
 96 |     <i class="icon fab fa-discord"></i>  
 97 |     </div>
 98 |     </div>
 99 |   </ul>
100 | </div>
101 | 


--------------------------------------------------------------------------------
/src/partials/head.ejs:
--------------------------------------------------------------------------------
 1 |   <head>
 2 |     <meta charset="utf-8" />
 3 |     <link rel="icon" href="https://glitch.com/favicon.ico" />
 4 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 5 |     <link rel="stylesheet" href="/style.css" />
 6 |     <link href="https://pro.fontawesome.com/releases/v5.13.1/css/all.css" rel="stylesheet"> 
 7 |     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
 8 |     <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
 9 |     <script src="script.js"></script>
10 | 
11 | 


--------------------------------------------------------------------------------
/src/partials/jumbotron.ejs:
--------------------------------------------------------------------------------
 1 | <br><br><div class="container-fluid bg-main jubo">
 2 | <div class="container">
 3 | <div class="row">
 4 | <span class="c-light groupInfo">
 5 | <h3>Merhaba, biz <span class="groupName"><%- groupName -%></span> ve biz <span class="skills">
 6 | Oyun geliştiriciliği, Web geliştiriciliği, Grafik tasarım</span><span> ve</span> <span class="skills">Modelleme</span> ile uğraşıyoruz
 7 | <span class="c-forth" id="textAn">işte projelerimiz</span></h3>
 8 | <br>
 9 | </span>
10 | </div>
11 | </div>
12 | </div>
13 | 


--------------------------------------------------------------------------------
/src/partials/kurumsal.ejs:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 | <h3>Kurumsal</h3>  
 3 | <div class="row-center gap-10">
 4 | <div class="col-sm-4 bg-main card">
 5 | <b class="counter">1+</b>
 6 | <b class="counter-text">Proje</b>
 7 | </div>
 8 | <div class="col-sm-4 bg-main card">
 9 | <b class="counter">1+</b>
10 | <b class="counter-text">Müşteri</b>  
11 | </div>
12 | <div class="col-sm-4 bg-main card">
13 | <b class="counter">1+</b>
14 | <b class="counter-text">Memnun müşteri</b>  
15 | </div>
16 | <div class="col-12">
17 | <div class="row-center gap-10">
18 | <div class="col-sm-4">
19 | <h3>Hakkımızda</h3>
20 | <p>
21 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
22 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
23 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
24 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
25 | </p>
26 | </div> 
27 | <div class="col-sm-4">
28 | <h3>Çalışma düzenimiz</h3>
29 | <p>
30 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
31 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
32 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
33 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
34 | </p>
35 | </div> 
36 | <div class="col-sm-4">
37 | <h3>Okulumuz</h3> 
38 | <p>
39 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
40 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
41 | "Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
42 | "There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
43 | </p>
44 | </div> 
45 | </div>
46 | </div>
47 | </div>
48 | </div>
49 | 


--------------------------------------------------------------------------------
/src/partials/navbar.ejs:
--------------------------------------------------------------------------------
 1 | <div id="navbar" style="width:100%" class="fixed">
 2 | <div class="topnav" id="myTopnav">
 3 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
 4 |   <a href="/giris"><button class="giris">Giriş yap</button></a>
 5 |   <a href="/iletisim">İletişim</a>
 6 |   <a href="/" class="active">Anasayfa</a>
 7 |   <a onclick="projects()">Projeler</a>
 8 |   <a onclick="group()">Ekip</a>
 9 |   <a onclick="about()">Hakkımızda</a>
10 |   <a onclick="kurumsal()">Kurumsal</a>
11 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
12 |   <i class="fa fa-bars"></i>
13 |   </a>
14 | </div>
15 | </div>
16 | 


--------------------------------------------------------------------------------
/src/partials/projeler.ejs:
--------------------------------------------------------------------------------
 1 | <div class="container">
 2 | <h3>Projeler</h3>
 3 | <div class="row-center">
 4 | <div class="w-100" id="slider">
 5 |   
 6 | </div>
 7 | </div> 
 8 | </div>
 9 | <br><br>
10 | 


--------------------------------------------------------------------------------
/src/partials/sidebar.ejs:
--------------------------------------------------------------------------------
 1 | 
 2 | <!DOCTYPE html> 
 3 | <html lang="en" dir="ltr">
 4 |   <head>
 5 |     <meta charset="UTF-8">
 6 |     <title> Responsive Sidebar Menu  | Code4education </title>
 7 |     <link rel="stylesheet" href="style.css">
 8 |     <!-- Boxicons CDN Link -->
 9 |     <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
10 |      <meta name="viewport" content="width=device-width, initial-scale=1.0">
11 |    </head>
12 | <body>
13 |    <div class="sidebar">
14 |      <div class="logo_content">
15 |        <div class="logo">
16 |          <div class="logo_name">Klascom</div>
17 |        </div>
18 |        <i class='bx bx-menu' id="btn"></i>
19 |      </div>
20 |      <ul class="nav_list">
21 |        <li>
22 |           <i class='bx bx-search'></i>
23 |           <input type="text" placeholder="Search...">
24 |           <span class="tooltip">Search</span>
25 |        </li>
26 |        <li>
27 |         <a href="#">
28 |          <i class='bx bx-grid-alt'></i>
29 |          <span class="links_name">Dashboard</span>
30 |         </a>
31 |         <span class="tooltip">Dashboard</span>
32 |       </li>
33 |       <li>
34 |         <a href="#">
35 |          <i class='bx bx-cog'></i>
36 |          <span class="links_name">Setting</span>
37 |         </a>
38 |         <span class="tooltip">Setting</span>
39 |       </li>
40 |      </ul>
41 |      
42 |    </div>
43 |  
44 | 


--------------------------------------------------------------------------------
/src/partials/signednavbar.ejs:
--------------------------------------------------------------------------------
 1 | <div id="navbar" style="width:100%" class="fixed">
 2 | <div class="topnav" id="myTopnav">
 3 |   <a class="logo" id="navbar-text" href="/">SMTALBPG</a>
 4 |     <a><%- kullanici %></a>
 5 |   <a href="/" class="active">Anasayfa</a>
 6 |   <a href="/iletisim">İletişim</a>
 7 |   <a onclick="projects()">Projeler</a>
 8 |   <a onclick="group()">Ekip</a>
 9 |   <a onclick="about()">Hakkımızda</a>
10 |   <a onclick="kurumsal()">Kurumsal</a>
11 |   <a href="javascript:void(0);" class="icon" onclick="navOpen()">
12 |   <i class="fa fa-bars"></i>
13 |   </a>
14 | </div>
15 | </div>
16 | 


--------------------------------------------------------------------------------
/src/signed/index.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title>SMTALBPG - Anasayfa</title>
 3 | </head>
 4 | <body>
 5 | <% if(adminKey == sifre) {%>
 6 | <%- include('../partials/adminnavbar') %>
 7 | <% } else { %>
 8 | <%- include('../partials/signednavbar') %>
 9 | <% } %>
10 | <%- include('../partials/jumbotron') %>
11 | <%- include('../partials/ekip') %>
12 | <%- include('../partials/kurumsal') %>
13 | <%- include('../partials/projeler') %>
14 | <div class="container">
15 | <h3>Makaleler</h3>
16 | <% makale.forEach(makale => { %>
17 | <div class="blog">
18 | <a class="title" href="/makale/<%=makale._id%>"><%= makale.title%></a>  
19 | <p><%= makale.short %></p>
20 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= makale.goruntulenme %> Görüntülenme</span><br><br>
21 | <span style="color:#666;margin-top:10vh;">
22 | <span style="margin-right:1vw;"><i class="fas fa-thumbs-up"></i> <%= makale.upvote %></span>
23 | <span><i class="fas fa-thumbs-down"></i> <%= makale.downvote %></span>  
24 | </span><br>
25 | </div>
26 | <% }) %>
27 | <h3>Haberler</h3>
28 | <% haberler.forEach(haberler => { %>
29 | <div style="padding:0;" class="blog">
30 | <div class="row">
31 | <div style="padding:2vw;" class="col-md-10">
32 | <a class="title" href="/haber/<%=haberler._id%>"><%= haberler.title %></a>  
33 | <p><%= haberler.short %></p>
34 | <span style="color:#666"><i style="color:#bbb" class="far fa-eye"> </i> <%= haberler.goruntulenme %> Görüntülenme</span><br><br>
35 | <span style="font-size:0.5em;color:#666">Yüklenme tarihi :<%= haberler.createdAt %></span>
36 | </div>
37 | <div class="col-md-2" style="padding:1vw;">
38 | <img style="border-radius:5px;" src="<%= haberler.foto %>" height="150px" width="100%">
39 |   </div>
40 | </div>
41 | </div>
42 | <% }) %>
43 | </div>
44 | </body>
45 | 


--------------------------------------------------------------------------------
/src/sil/haber.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#eeeeee;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Haber Başarıyla silindi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/sil/makale.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#eeeeee;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Makale Başarıyla silindi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/sil/proje.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#eeeeee;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Proje Başarıyla silindi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------
/src/sil/yorum.ejs:
--------------------------------------------------------------------------------
 1 | <%- include('../partials/head') %>
 2 | <title></title>
 3 | </head>
 4 | <style>
 5 | body{
 6 | width:100%;
 7 | height:100vh;
 8 | display:flex;
 9 | flex-wrap:wrap;
10 | justify-content:center;
11 | align-items:center;
12 | flex-direction:column;
13 | color:white;
14 | background-color:#eeeeee;
15 | }
16 | a{color:red;}
17 | .cardss{
18 | color:black;
19 | width:min(100% - 24vw);
20 | height:calc(100vh - 24vh);
21 | display:flex;
22 | flex-wrap:wrap;
23 | justify-content:center;
24 | align-items:center;
25 | flex-direction:column;
26 | background-color:#fff;
27 | }
28 | </style>
29 | <div class="cardss">
30 | <h3>Yorum Başarıyla silindi!</h3>
31 | <a href="/admin/dashboard">Dashboarda geri dön</a>
32 | </div>
33 | 


--------------------------------------------------------------------------------