From 781c2e18fe48d7c43702bbad3f29debc01b25ffc Mon Sep 17 00:00:00 2001 From: Philip Evans Date: Thu, 19 Mar 2026 03:55:13 +0000 Subject: [PATCH 1/3] Refactor CLI and website; replace JSON configs Convert JSON configs to JS modules and refactor both script and website code to use the new config objects. script/index.js and website/index.js were rewritten: synchronous file ops replaced with promise-based flows, improved logging and prompt helpers, better handling of compilation/backups via bytenode, and more robust directory/file processing. Update package.json files to remove/adjust unused deps (chalk removed, ejs and dependency list updated). Remove many placeholder README and legacy assets (including the large CSS file) and add small temp placeholder files where appropriate. Overall this streamlines config management and modernizes the compile/web workflows. --- script/Backups/temp.txt | 0 script/Projects/temp.txt | 0 script/backups/README.md | 1 - script/backups/temp.temp | 1 - script/config.js | 14 + script/config.json | 9 - script/index.js | 140 +-- script/package.json | 3 +- website/README.md | 2 +- website/backups/readme.md | 1 - website/backups/temp.txt | 0 website/config.js | 7 + website/config.json | 7 - website/files/readme.md | 1 - website/files/temp.txt | 0 website/index.js | 64 +- website/package.json | 8 +- website/public/assets/main.css | 1844 ----------------------------- website/views/index.ejs | 41 +- website/views/partials/footer.ejs | 1 - website/views/partials/header.ejs | 21 +- website/views/viewfiles.ejs | 32 +- 22 files changed, 160 insertions(+), 2037 deletions(-) create mode 100644 script/Backups/temp.txt create mode 100644 script/Projects/temp.txt delete mode 100644 script/backups/README.md delete mode 100644 script/backups/temp.temp create mode 100644 script/config.js delete mode 100644 script/config.json delete mode 100644 website/backups/readme.md create mode 100644 website/backups/temp.txt create mode 100644 website/config.js delete mode 100644 website/config.json delete mode 100644 website/files/readme.md create mode 100644 website/files/temp.txt delete mode 100644 website/public/assets/main.css diff --git a/script/Backups/temp.txt b/script/Backups/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/script/Projects/temp.txt b/script/Projects/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/script/backups/README.md b/script/backups/README.md deleted file mode 100644 index 1aec451..0000000 --- a/script/backups/README.md +++ /dev/null @@ -1 +0,0 @@ -Placeholder for backups. \ No newline at end of file diff --git a/script/backups/temp.temp b/script/backups/temp.temp deleted file mode 100644 index efdac98..0000000 --- a/script/backups/temp.temp +++ /dev/null @@ -1 +0,0 @@ -This is where backups will go. diff --git a/script/config.js b/script/config.js new file mode 100644 index 0000000..c95740f --- /dev/null +++ b/script/config.js @@ -0,0 +1,14 @@ +module.exports = { + DontCompile: [ + "config" + ], + FileExtension: ".pjs", + Projects: { + PLink: [ + "./projects/PLink/src/", + "./projects/PLink/src/utils/", + "./projects/PLink/src/routes/", + "./projects/PLink/src/api/" + ] + } +} \ No newline at end of file diff --git a/script/config.json b/script/config.json deleted file mode 100644 index 8ff11e7..0000000 --- a/script/config.json +++ /dev/null @@ -1,9 +0,0 @@ -{ - "do_not_compile": [ - "config" - ], - "file_extension": ".easycompile", - "project_types": { - "project name": ["directory1", "directory2"] - } -} diff --git a/script/index.js b/script/index.js index 0e55661..bf39888 100644 --- a/script/index.js +++ b/script/index.js @@ -1,84 +1,66 @@ -const fs = require('fs'), chalk = require(`chalk`), path = require('path'), config = require(`./config.json`), readline = require(`readline`), bytenode = require("bytenode"); +var fs = require('fs'), path = require('path'), readline = require('readline'), bytenode = require('bytenode'), cfg = require('./config'); +var rl = readline.createInterface({ input: process.stdin, output: process.stdout }); -const rl = readline.createInterface({ - input: process.stdin, - output: process.stdout, -}); -prompt(); - -async function prompt() { - console.clear(); - rl.question(`Provide the directory you would like to compile. Or provide the type of project.\n`, (res) => { - if (config.project_types[res]) return project(res); - encDir(res) +function Log(m, o) { + o = o || {}; + var p = ''; + if (o.bold) p += '\x1b[1m'; + if (o.color) p += `\x1b[${o.color}m`; + if (o.title) p += `[${o.title}]: \x1b[0m`; + console.log(`${p}${m}\x1b[0m`); +}; +function Prompt(msg) { + console.clear(); + rl.question(`${msg}\n`, function (i) { + var dirs = cfg.Projects[i] || i.split(',').map(function (d) { return d.trim(); }); + Compile(dirs); + }); +}; +function Repeat(total) { + setTimeout(function () { + Log(`✔ Compiled ${total} files.`, { color: 32 }); + rl.question('Would you like to run again [Y/N]\n', function (r) { + if (!/y/i.test(r)) return Log('Thank you for using.', { color: 32 }), process.exit(0); + Prompt('Provide the directory you would like to compile. Or provide the type of project.'); }); -} - -async function project(res) { - const date = new Date(Date.now()).toDateString().replaceAll(" ", "-"); - let directories = config.project_types[res]; - let total = 0; - console.clear(); - console.log(`Compiling directories for ${res}`); - for (let directory of directories) { - let files = await fs.readdirSync(directory); - files.forEach(async(file) => { - if (file.split(".")[1] !== "js") return; - if (config.do_not_compile.includes(file.split(".")[0])) return; - let data = fs.readFileSync(path.join(__dirname, directory, "/", file), "utf-8"); - console.log(chalk.italic("Creating backup for " + chalk.blue(`${directory}/${file}`))); - fs.writeFileSync(path.join(__dirname, "backups/", `${file.split(".")[0]}-${date}-${Date.now()}.js`), data); - bytenode.compileFile({ - filename: `./${directory}/${file}`, - output: `./${directory}/${file.split(".")[0]}${config.file_extension}` - }); - console.log(chalk.italic("Creating Easy Compile File for " + chalk.blue(`${directory}/${file}`))); - fs.unlink(path.join(__dirname, directory, "/", file), () => {}); - console.log(chalk.italic("Dropping file " + chalk.blue(`${directory}/${file}`))); - total++; - }); - }; - repeat(total); + }, 1000); }; - -async function encDir(dir) { - const date = new Date(Date.now()).toDateString().replaceAll(" ", "-"); - if (fs.existsSync(dir)) { - let total = 0; - const files = await fs.readdirSync(dir); - files.forEach(async(f) => { - if (f.split(".")[1] !== "js") return; - if (config.do_not_compile.includes(f.split(".")[0])) return; - let data = fs.readFileSync(path.join(__dirname, dir, "/", f), "utf-8"); - console.log(chalk.italic("Creating backup for " + chalk.blue(`${dir}/${f}`))); - fs.writeFileSync(path.join(__dirname, "backups/", `${f.split(".")[0]}-${date}-${Date.now}.js`), data); - bytenode.compileFile({ - filename: `./${dir}/${f}`, - output: `./${dir}/${f.split(".")[0]}${config.file_extension}` - }); - console.log(chalk.italic("Creating Easy Compile File for " + chalk.blue(`${dir}/${f}`))); - fs.unlink(path.join(__dirname, dir, "/", f), () => {}); - console.log(chalk.italic("Dropping file " + chalk.blue(`${dir}/${f}`))); - total++; +function Process(dir, file, t) { + if (!file.endsWith('.js') || cfg.DontCompile.includes(file.split('.')[0])) return Promise.resolve(0); + var full = path.join(__dirname, dir, file); + return fs.promises.readFile(full, 'utf-8').then(function (data) { + return fs.promises.writeFile(path.join(__dirname, 'backups', `${file.split('.')[0]}-${t}.js`), data); + }).then(function () { + bytenode.compileFile({ + filename: `./${dir}/${file}`, + output: `./${dir}/${file.split('.')[0]}${cfg.FileExtension}` + }); + return fs.promises.unlink(full); + }).then(function () { + return 1; + }); +}; +function Compile(dirs) { + var t = Date.now(), total = 0, jobs = [], compiled = []; + dirs.forEach(function (dir) { + if (!fs.existsSync(dir)) return Log(`Directory ${dir} does not exist.`, { color: 31, bold: true, title: 'ERROR' }); + jobs.push(fs.promises.readdir(dir).then(function (files) { + return Promise.all(files.map(function (file) { + return Process(dir, file, t).then(function (c) { + total += c; + if (c) compiled.push(`${dir}${file}`); }); - repeat(total); - } else { - console.log(`that directory ${chalk.red(`does not exist.`)}`); - repeat(0); - } -} + })); + })); + }); + Log('Creating backups...', { color: 34, title: 'BACKUP' }); + Promise.all(jobs).then(function () { + Log(`These files have been compiled:`, { title: 'COMPILED', color: 32, bold: true }); + compiled.forEach(function (f) { + Log(` - ${f}`, { color: 32 }); + }); + Repeat(total); + }); +}; -async function repeat(total) { - setTimeout(() => { - console.log(`✔ Compiled ${chalk.green(total)} files.`); - rl.question(`Would you like to run again ${chalk.red(`[Y/N]`)}\n`, (res) => { - if (res == "Y" || res == "y") { - prompt(); - } else { - console.clear(); - console.log(`Thank you for using Easy Compile.`); - process.exit(1); - } - }) - }, 3000) -} +Prompt('Provide the directory you would like to compile. Or provide the type of project.'); \ No newline at end of file diff --git a/script/package.json b/script/package.json index 8e58e18..8b4e70b 100644 --- a/script/package.json +++ b/script/package.json @@ -10,9 +10,8 @@ "license": "ISC", "dependencies": { "bytenode": "^1.3.4", - "chalk": "^4.1.2", "fs": "^0.0.1-security", "path": "^0.12.7", "readline": "^1.3.0" } -} +} \ No newline at end of file diff --git a/website/README.md b/website/README.md index 3d4eee2..06f333f 100644 --- a/website/README.md +++ b/website/README.md @@ -2,4 +2,4 @@ This is the Website version for Easy Compile. This can be used to secure your content via the webste by pasting code into it and getting the compiled file in return. -runs as an Express JS application. +Runs as an Express JS application. \ No newline at end of file diff --git a/website/backups/readme.md b/website/backups/readme.md deleted file mode 100644 index fcddf7f..0000000 --- a/website/backups/readme.md +++ /dev/null @@ -1 +0,0 @@ -Placeholder file for directory. diff --git a/website/backups/temp.txt b/website/backups/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/website/config.js b/website/config.js new file mode 100644 index 0000000..09eee47 --- /dev/null +++ b/website/config.js @@ -0,0 +1,7 @@ +module.exports = { + SiteInformation: { + ProcessPort: 3001, + Domain: "http://localhost:3001", + Extension: ".pjs" + } +} diff --git a/website/config.json b/website/config.json deleted file mode 100644 index 993ced5..0000000 --- a/website/config.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "siteInformation": { - "processPort": 3001, - "domain": "http://localhost:3001", - "fileExtension": ".easycompile" - } -} diff --git a/website/files/readme.md b/website/files/readme.md deleted file mode 100644 index fcddf7f..0000000 --- a/website/files/readme.md +++ /dev/null @@ -1 +0,0 @@ -Placeholder file for directory. diff --git a/website/files/temp.txt b/website/files/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/website/index.js b/website/index.js index 48a5f62..9dc3f3a 100644 --- a/website/index.js +++ b/website/index.js @@ -1,45 +1,45 @@ -// EasyCompile - created by FAXES & Pluto -const config = require('./config.json'), express = require('express'), app = express(), fs = require("fs"), ms = require("ms"), multer = require('multer'), bytenode = require('bytenode'); -let multerStorage = multer.memoryStorage(); +var cfg = require('./config'), exp = require('express'), app = exp(), fs = require("fs"), multer = require('multer'), bytenode = require('bytenode'); -app.use(multer({ - storage: multerStorage -}).any()); -app.use(express.static('public')); -app.use("/files", express.static("files")); +function Log(m, o) { + o = o || {}; + var p = ''; + if (o.bold) p += '\x1b[1m'; + if (o.color) p += `\x1b[${o.color}m`; + if (o.title) p += `[${o.title}]: \x1b[0m`; + console.log(`${p}${m}\x1b[0m`); +}; + +app.use(multer({ storage: multer.memoryStorage() }).any()); +app.use(exp.static('public')); +app.use("/files", exp.static("files")); app.set('view engine', 'ejs'); app.get('/', function (req, res) { - res.render('index'); + res.render('index'); }); - app.post('/sendform', function (req, res) { - const content = req.body.content; - const time = Date.now(); - const fileName = req.body.name; - fs.writeFileSync(`./files/${time}.temp`, content); - bytenode.compileFile({ - filename: `./files/${time}.temp`, - output: `./files/${fileName}${config.siteInformation.fileExtension.replaceAll(".", "")}`, - }); - res.download(`./files/${fileName}${config.siteInformation.fileExtension.replaceAll(".", "")}`); - fs.writeFileSync(`./backups/${fileName}-${time}.js`, content); - setTimeout(() => { - fs.unlink(`./files/${fileName}${config.siteInformation.extension}`, function () {}); - }, 60000); + var time = Date.now(); + fs.writeFileSync(`./files/${time}.temp`, req.body.content); + bytenode.compileFile({ + filename: `./files/${time}.temp`, + output: `./files/${req.body.name}${cfg.SiteInformation.Extension}`, + }); + res.download(`./files/${req.body.name}${cfg.SiteInformation.Extension}`); + fs.writeFileSync(`./backups/${req.body.name}-${time}.js`, req.body.content); + setTimeout(function () { + fs.promises.unlink(`./files/${req.body.name}${cfg.SiteInformation.Extension}`) + }, 60000); }); - app.get("/viewfiles", function (req, res) { - const files = fs.readdirSync("./files").filter(file => file.endsWith(config.siteInformation.fileExtension.replaceAll(".", ""))); - res.render('viewfiles', { - files - }); + fs.promises.readdir("./files").then(function (files) { + res.render('viewfiles', { files }); + }) }); -app.listen(config.siteInformation.processPort, function () { - console.log(`EasyCompile Started - Created by FAXES & Pluto.`) +app.listen(cfg.SiteInformation.ProcessPort, function () { + Log(`EasyCompile Started - Created by FAXES & Pluto.`, { color: 32, bold: true, title: "EasyCompile" }); }); app.use(function (req, res, next) { - if (res.status(404)) res.redirect('/') -}); + if (res.status(404)) res.redirect('/') +}); \ No newline at end of file diff --git a/website/package.json b/website/package.json index c6d9ff1..c4cf380 100644 --- a/website/package.json +++ b/website/package.json @@ -10,14 +10,10 @@ "author": "FAXES & Pluto", "license": "SEE LICENSE IN faxes.zone/tos", "dependencies": { - "axios": "^0.21.1", "bytenode": "^1.3.4", - "ejs": "^3.1.6", + "ejs": "^5.0.1", "express": "^4.17.1", - "express-session": "^1.17.1", "fs": "^0.0.1-security", - "ms": "^2.1.3", - "multer": "^1.4.2", - "mysql": "^2.18.1" + "multer": "^1.4.2" } } diff --git a/website/public/assets/main.css b/website/public/assets/main.css deleted file mode 100644 index a67210c..0000000 --- a/website/public/assets/main.css +++ /dev/null @@ -1,1844 +0,0 @@ -/* EasyCompile - created by FAXES & Pluto */ - -html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}mark{background-color:transparent;color:inherit}input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],select,textarea{-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;appearance:none} - -#drop_zone { - border: 5px solid blue; - width: 200px; - height: 100px; - } - -*, *:before, *:after { - box-sizing: border-box; -} - -body { - min-width: 320px; - min-height: 100vh; - line-height: 1.0; - word-wrap: break-word; - overflow-x: hidden; - background-color: #2f3136; -} - -u { - text-decoration: underline; -} - -strong { - color: inherit; - font-weight: bolder; -} - -em { - font-style: italic; -} - -code { - font-family: 'Lucida Console', 'Courier New', monospace; - font-weight: normal; - text-indent: 0; - letter-spacing: 0; - font-size: 0.9em; - margin: 0 0.25em; - padding: 0.25em 0.5em; - background-color: rgba(144,144,144,0.25); - border-radius: 0.25em; -} - -mark { - background-color: rgba(144,144,144,0.25); -} - -a { - -moz-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -webkit-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -ms-transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - transition: color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - color: inherit; - text-decoration: underline; -} - -s { - text-decoration: line-through; -} - -html { - font-size: 18pt; -} - -#wrapper { - -webkit-overflow-scrolling: touch; - display: flex; - -moz-flex-direction: column; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - -moz-justify-content: flex-start; - -webkit-justify-content: flex-start; - -ms-justify-content: flex-start; - justify-content: flex-start; - min-height: 100vh; - position: relative; - z-index: 2; - overflow: hidden; -} - -#main { - display: flex; - position: relative; - max-width: 100%; - z-index: 1; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - -moz-justify-content: center; - -webkit-justify-content: center; - -ms-justify-content: center; - justify-content: center; - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - -moz-flex-shrink: 0; - -webkit-flex-shrink: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; - text-align: center; -} - -#main > .inner { - position: relative; - z-index: 1; - border-radius: inherit; - padding: 3rem 3rem; - max-width: 100%; - width: 50rem; -} - -#main > .inner > * > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -#main > .inner > * > :first-child { - margin-top: 0 !important; -} - -#main > .inner > * > :last-child { - margin-bottom: 0 !important; -} - -#main > .inner > .full { - margin-left: calc(-3rem); - width: calc(100% + 6rem + 0.4725px); - max-width: calc(100% + 6rem + 0.4725px); -} - -#main > .inner > .full:first-child { - margin-top: -3rem !important; - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} - -#main > .inner > .full:last-child { - margin-bottom: -3rem !important; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} - -#main > .inner > .full.screen { - width: 100vw; - max-width: 100vw; - position: relative; - border-radius: 0 !important; - left: 50%; - right: auto; - margin-left: -50vw; -} - -#main > .inner > * > .full { - margin-left: calc(-3rem); - width: calc(100% + 6rem + 0.4725px); - max-width: calc(100% + 6rem + 0.4725px); -} - -#main > .inner > * > .full.screen { - width: 100vw; - max-width: 100vw; - position: relative; - border-radius: 0 !important; - left: 50%; - right: auto; - margin-left: -50vw; -} - -body.is-instant #main, body.is-instant #main > .inner > *,body.is-instant #main > .inner > section > * { - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; -} - -body.is-instant:after { - display: none !important; - -moz-transition: none !important; - -webkit-transition: none !important; - -ms-transition: none !important; - transition: none !important; -} - -h1 br + br, h2 br + br, h3 br + br, p br + br { - display: block; - content: ' '; -} - -h1 .li, h2 .li, h3 .li, p .li { - display: list-item; - padding-left: 0.5em; - margin: 0.75em 0 0 1em; -} - -#divider02:before { - width: 100%; - border-top: solid 1px rgba(255,255,255,0.271); - height: 1px; - margin-top: 15.5px; - padding: 15.5px; -} - -#text01 br + br { - margin-top: 0.9rem; -} - -#text01 { - text-align: left; - color: #FFFFFF; - font-family: 'Asap', sans-serif; - font-size: 1em; - line-height: 1.5; - font-weight: 500; -} - -#text01 a { - text-decoration: underline; -} - -#text01 a:hover { - text-decoration: none; -} - -#text04 br + br { - margin-top: 0.9rem; -} - -#text04 { - text-align: left; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 0.75em; - line-height: 1.5; - font-weight: 400; -} - -#text04 a { - text-decoration: underline; -} - -#text04 a:hover { - text-decoration: none; -} - -#text06 br + br { - margin-top: 0.9rem; -} - -#text06 { - text-align: left; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 1.5em; - line-height: 1.5; - font-weight: 400; -} - -#text06 a { - text-decoration: underline; -} - -#text06 a:hover { - text-decoration: none; -} - -#text05 br + br { - margin-top: 0.9rem; -} - -#text05 { - text-align: left; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 0.75em; - line-height: 1.5; - font-weight: 400; -} - -#text05 a { - text-decoration: underline; -} - -#text05 a:hover { - text-decoration: none; -} - -#text03 br + br { - margin-top: 0.9rem; -} - -#text03 { - text-align: left; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 1em; - line-height: 1.5; - font-weight: 400; -} - -#text03 a { - text-decoration: underline; -} - -#text03 a:hover { - text-decoration: none; -} - -#text07 br + br { - margin-top: 0.9rem; -} - -#text07 { - padding-top: 2em; - text-align: center; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 1em; - line-height: 1.5; - font-weight: 400; -} - -#text07 a { - text-decoration: underline; -} - -#text07 a:hover { - text-decoration: none; -} - -#text02 br + br { - margin-top: 0.9rem; -} - -#text02 { - color: #5C5C5C; - font-family: 'Asap', sans-serif; - font-size: 0.5em; - line-height: 1.5; - font-weight: 400; -} - -#text02 a { - color: #007DBA; - text-decoration: none; -} - -#text02 a:hover { - color: #3FABE0; -} - -.buttons { - cursor: default; - padding: 0; - letter-spacing: 0; -} - -.buttons li a { - text-decoration: none; - text-align: center; - white-space: nowrap; - max-width: 100%; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - -moz-justify-content: center; - -webkit-justify-content: center; - -ms-justify-content: center; - justify-content: center; - vertical-align: middle; -} - -#buttons01 { - width: calc(100% + 0.75rem); - margin-left: -0.375rem; -} - -#buttons01 li { - display: inline-block; - vertical-align: middle; - max-width: calc(100% - 0.75rem); - margin: 0.375rem; -} - -#buttons01 li a { - display: flex; - width: auto; - height: 1.5rem; - line-height: 1.5rem; - vertical-align: middle; - padding: 0 0.75rem; - font-size: 0.75em; - font-family: 'Asap', sans-serif; - font-weight: 500; - border-radius: 0.125rem; -} - -#buttons01 .button { - background-color: transparent; - color: #FFFFFF; -} - -#buttons01 .button:hover { - background-color: rgba(255,255,255,0.078) !important; -} - -.container { - position: relative; -} - -.container > .wrapper { - vertical-align: top; - position: relative; - max-width: 100%; - border-radius: inherit; -} - -.container > .wrapper > .inner { - vertical-align: top; - position: relative; - max-width: 100%; - border-radius: inherit; -} - -#main .container.full:first-child > .wrapper { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} - -#main .container.full:last-child > .wrapper { - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} - -#main .container.full:first-child > .wrapper > .inner { - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} - -#main .container.full:last-child > .wrapper > .inner { - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} - -#container01:not(:last-child) { - margin-bottom: 0.5rem !important; -} - -#container01 > .wrapper > .inner { - padding: 0rem 2rem; -} - -#container01 { - display: flex; - width: 100%; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - -moz-justify-content: center; - -webkit-justify-content: center; - -ms-justify-content: center; - justify-content: center; - background-color: #343A40; -} - -#container01 > .wrapper { - width: 100%; - max-width: 50rem; -} - -#container01.default > .wrapper > .inner > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -#container01.default > .wrapper > .inner > *:first-child { - margin-top: 0 !important; -} - -#container01.default > .wrapper > .inner > *:last-child { - margin-bottom: 0 !important; -} - -#container01.columns > .wrapper > .inner { - -moz-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - display: flex; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; -} - -#container01.columns > .wrapper > .inner > * { - -moz-flex-shrink: 0; - -webkit-flex-shrink: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - max-width: 100%; - padding: 0 0 0 2rem; -} - -#container01.columns > .wrapper > .inner > * > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; -} - -#container01.columns > .wrapper > .inner > * > *:first-child { - margin-top: 0 !important; -} - -#container01.columns > .wrapper > .inner > * > *:last-child { - margin-bottom: 0 !important; -} - -#container01.columns > .wrapper > .inner > *:first-child { - margin-left: -2rem; -} - -#container01.default > .wrapper > .inner > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - max-width: none; -} - -#container01.default > .wrapper > .inner > .full:first-child { - margin-top: 0rem !important; - border-top-left-radius: inherit; - border-top-right-radius: inherit; -} - -#container01.default > .wrapper > .inner > .full:last-child { - margin-bottom: 0rem !important; - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; -} - -#container01.columns > .wrapper > .inner > div > .full { - margin-left: calc(-1rem); - width: calc(100% + 2rem + 0.4725px); - max-width: none; -} - -#container01.columns > .wrapper > .inner > div:first-child > .full { - margin-left: calc(-2rem); - width: calc(100% + 3rem + 0.4725px); -} - -#container01.columns > .wrapper > .inner > div:last-child > .full { - width: calc(100% + 3rem + 0.4725px); -} - -#container01.columns > .wrapper > .inner > div > .full:first-child { - margin-top: calc(0rem) !important; -} - -#container01.columns > .wrapper > .inner > div > .full:last-child { - margin-bottom: calc(0rem) !important; -} - -#container01.columns > .wrapper > .inner > .full { - align-self: stretch; -} - -#container01.columns > .wrapper > .inner > .full:first-child { - border-top-left-radius: inherit; - border-bottom-left-radius: inherit; -} - -#container01.columns > .wrapper > .inner > .full:last-child { - border-top-right-radius: inherit; - border-bottom-right-radius: inherit; -} - -#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child { - height: calc(100% + 0rem); - border-radius: inherit; -} - -#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * { - position: absolute; - width: 100%; - height: 100%; - border-radius: inherit; -} - -#container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * { - height: 100%; - border-radius: inherit; -} - -#container01 > .wrapper > .inner > :nth-child(1) { - width: calc(40% + 1rem); -} - -#container01 > .wrapper > .inner > :nth-child(2) { - width: calc(60% + 1rem); - text-align: left; -} - -.table-wrapper { - max-width: 100%; - overflow-x: auto; - overflow-y: hidden; - -webkit-overflow-scrolling: touch; -} - -.table-inner { - display: inline-block; - max-width: 100%; -} - -table { - text-align: left; - width: 100%; -} - -th { - text-align: left; - font-weight: bolder; -} - -#table02 { - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 0.75em; - line-height: 1.5; - font-weight: 400; -} - -#table02 a { - color: #007DBA; - text-decoration: none; -} - -#table02 a:hover { - color: #3FABE0; -} - -#table02 .table-inner { - width: 100rem; -} - -#table02 th:nth-child(5), #table02 td:nth-child(5) { - text-align: right; -} - -#table02 th:nth-child(6), #table02 td:nth-child(6) { - text-align: right; -} - -#table02 thead { - border-bottom: solid 2px #000000; -} - -#table02 tbody tr { - border-top: solid 1px rgba(0,0,0,0.373); -} - -#table02 tbody tr:first-child { - border-top: 0; -} - -#table02 th, #table02 td { - padding: 0.5rem 0.6875rem; -} - -#table02 th:first-child, #table02 td:first-child { - padding-left: 0; -} - -#table02 th:last-child, #table02 td:last-child { - padding-right: 0; -} - -.list { - display: block; -} - -.list ul, .list ol { - display: inline-block; - max-width: 100%; - text-align: left; - vertical-align: middle; -} - -.list ul li, .list ol li { - display: flex; - position: relative; -} - -.list ul li:before, .list ol li:before { - background-repeat: no-repeat; - content: ''; - display: block; - position: relative; - letter-spacing: 0 !important; - font-variant: normal !important; - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - -moz-flex-shrink: 0; - -webkit-flex-shrink: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; -} - -.list ul li p, .list ol li p { - -moz-flex-grow: 1; - -webkit-flex-grow: 1; - -ms-flex-grow: 1; - flex-grow: 1; - -moz-flex-shrink: 1; - -webkit-flex-shrink: 1; - -ms-flex-shrink: 1; - flex-shrink: 1; -} - -.list ul li:first-child, .list ol li:first-child { - margin-top: 0 !important; -} - -#list01 { - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 0.75em; - line-height: 1.5; - font-weight: 400; -} - -#list01 a { - color: #007DBA; - text-decoration: none; -} - -#list01 a:hover { - color: #3FABE0; -} - -#list01 ul { - width: 100rem; -} - -#list01 ul li { - margin-top: 0rem; -} - -#list01 ul li p { - padding-left: 0.5rem; -} - -#list01 ul li:before { - background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2040%2040%22%3E%3Ccircle%20cx%3D%2220%22%20cy%3D%2220%22%20r%3D%2210%22%20fill%3D%22%23000000%22%20%2F%3E%3C%2Fsvg%3E'); - border-radius: 0.125rem; - line-height: 1.125rem; - height: 1.125rem; - background-position: left 60%; - background-size: contain; - min-width: 0.52734375rem; -} - -form .inner { - display: inline-flex; - max-width: 100%; - -moz-flex-wrap: wrap; - -webkit-flex-wrap: wrap; - -ms-flex-wrap: wrap; - flex-wrap: wrap; - -moz-flex-direction: column; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -form label { - display: block; -} - -form input[type="text"], form input[type="email"], form textarea, form select, form .file { - text-align: left; - display: block; - background-color: transparent; - border: 0; - width: 100%; - outline: 0; -} - -form textarea { - height: 10rem; - line-height: normal; -} - -form select { - background-size: 1rem; - background-repeat: no-repeat; - text-overflow: ellipsis; - -webkit-appearance: none; -} - -form select option { - background-color: white; - color: black; -} - -form select::-ms-expand { - display: none; -} - -form input[type="checkbox"] { - -webkit-appearance: none; - display: block; - float: left; - margin-right: -2rem; - opacity: 0; - width: 1rem; - z-index: -1; -} - -form input[type="checkbox"] + label { - display: inline-flex; - text-align: left; - line-height: 1.6; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; -} - -form input[type="checkbox"] + label:before { - content: ''; - display: inline-block; - background-position: center; - background-repeat: no-repeat; - vertical-align: middle; - cursor: pointer; - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - -moz-flex-shrink: 0; - -webkit-flex-shrink: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; -} - -form .file { - position: relative; -} - -form .file > input[type="file"] { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - opacity: 0; - cursor: pointer; -} - -form .file[data-filename]:before { - content: attr(data-filename); - display: block; - white-space: nowrap; - position: absolute; - top: 0; - height: 100%; - overflow: hidden; - text-overflow: ellipsis; - background-position: left; - background-repeat: no-repeat; -} - -form .file[data-filename=""]:before { - content: attr(data-placeholder); - background-image: none !important; - padding-left: 0 !important; -} - -form .file:after { - -moz-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -webkit-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -ms-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - background-color: transparent; - border: 0; - display: block; - content: ''; - position: absolute; - cursor: pointer; - -moz-pointer-events: none; - -webkit-pointer-events: none; - -ms-pointer-events: none; - pointer-events: none; - background-position: center; - background-repeat: no-repeat; -} - -form .actions { - max-width: 100%; -} - -form button { - background-color: transparent; - border: 0; - cursor: pointer; - text-align: center; - max-width: 100%; - white-space: nowrap; - -moz-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -webkit-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -ms-transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - transition: opacity 0.35s ease, color 0.25s ease, background-color 0.25s ease, border-color 0.25s ease; - -moz-display: inline-flex; - -webkit-display: inline-flex; - -ms-display: inline-flex; - display: inline-flex; - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - -moz-justify-content: center; - -webkit-justify-content: center; - -ms-justify-content: center; - justify-content: center; - vertical-align: middle; -} - -form button:disabled { - opacity: 0.35; - cursor: default; - -moz-pointer-events: none; - -webkit-pointer-events: none; - -ms-pointer-events: none; - pointer-events: none; -} - -@-moz-keyframes button-spinner { - 0% { - -moz-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-webkit-keyframes button-spinner { - 0% { - -moz-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@-ms-keyframes button-spinner { - 0% { - -moz-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -@keyframes button-spinner { - 0% { - -moz-transform: rotate(0deg); - -webkit-transform: rotate(0deg); - -ms-transform: rotate(0deg); - transform: rotate(0deg); - } - - 100% { - -moz-transform: rotate(360deg); - -webkit-transform: rotate(360deg); - -ms-transform: rotate(360deg); - transform: rotate(360deg); - } -} - -#form01 .inner > * { - margin: 0 0 0 0rem; -} - -#form01 .inner > :first-child { - margin: 0; -} - -#form01 .inner { - width: 100%; - /* -moz-flex-wrap: nowrap; - -webkit-flex-wrap: nowrap; - -ms-flex-wrap: nowrap; - flex-wrap: nowrap; - -moz-flex-direction: row; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; */ - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; -} - -#form01 label:first-child { - margin: 0.25rem 0 0.25rem 0; - font-size: 0.75em; - line-height: 1.5; - font-family: 'Asap', sans-serif; - font-weight: 400; - color: #ffffff; -} - -#form01 input[type="text"], #form01 input[type="email"], #form01 textarea, #form01 select, #form01 input[type="checkbox"] + label, #form01 .file { - font-size: 0.75em; - font-family: 'Asap', sans-serif; - font-weight: 400; - border-radius: 0rem; -} - -#form01 input[type="text"], #form01 input[type="email"], #form01 textarea, #form01 select, #form01 .file { - color: #000000; - border: solid 1px #999999; -} - -#form01 input[type="checkbox"] + label { - color: #ffffff; -} - -#form01 input[type="text"], #form01 input[type="email"], #form01 select, #form01 .file { - height: 1.5rem; - padding: 0 0.525rem; - line-height: calc(1.5rem - 2px); -} - -#form01 textarea { - padding: 0.525rem; - height: 20rem; - color: white; -} - -#form01 select { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='504' height='552' preserveAspectRatio='none' viewBox='0 0 504 552'%3E%3Cpath d='M483.9,210.9L252,442.9L20.1,210.9l67.9-67.9L252,307.1l164.1-164.1L483.9,210.9z' fill='%23212121' /%3E%3C/svg%3E"); - background-position: calc(100% - 0.525rem) center; - padding-right: 1.875rem; - color: white -} - -#form01 input[type="checkbox"] + label:before { - border-radius: 0rem; - color: #ffffff; - border: solid 1px #212121; - width: 1.125rem; - height: 1.125rem; - margin-right: 0.875rem; - background-size: 0.6375rem; -} - -#form01 input[type="checkbox"]:checked + label:before { - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='648' height='552' preserveAspectRatio='none' viewBox='0 0 648 552'%3E%3Cpath d='M225.3,517.7L2.1,293.1l68.1-67.7L226,382.3L578.1,35.6l67.4,68.4L225.3,517.7z' fill='%23000000' /%3E%3C/svg%3E"); -} - -#form01 .file:before { - width: calc(100% - 2.025rem); - background-size: 0.75rem; - padding-left: 1.05rem; - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M27.4,4.5c-0.4-0.4-0.8-0.7-1.5-0.9c-0.6-0.3-1.2-0.4-1.7-0.4H7.1c-0.5,0-0.9,0.2-1.3,0.5S5.3,4.5,5.3,5.1v30.7 c0,0.5,0.2,0.9,0.5,1.3c0.4,0.4,0.8,0.5,1.3,0.5h25.8c0.5,0,0.9-0.2,1.3-0.5c0.4-0.4,0.5-0.8,0.5-1.3V13.7c0-0.5-0.1-1.1-0.4-1.7 c-0.3-0.6-0.6-1.1-0.9-1.5L27.4,4.5z M25.7,6.2l6,6c0.2,0.2,0.3,0.4,0.4,0.8h-7.2V5.8C25.3,5.9,25.5,6.1,25.7,6.2z M7.7,35.2V5.7 h14.7v8c0,0.5,0.2,0.9,0.5,1.3c0.4,0.4,0.8,0.5,1.3,0.5h8v19.7H7.7z' style='opacity: 0.375' fill='%23000000' /%3E%3C/svg%3E"); -} - -#form01 .file:after { - width: 1.2rem; - height: 1.2rem; - line-height: 1.2rem; - background-size: 0.6rem; - border-radius: 0rem; - background-color: #212121; - background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M36.1,22.7l-5.7,7.1c-0.3,0.4-0.8,0.7-1.4,1c-0.6,0.3-1.2,0.4-1.7,0.4H6.2c-0.7,0-1-0.2-1-0.7c0-0.2,0.1-0.5,0.4-0.8 l5.7-7.1c0.3-0.4,0.8-0.7,1.4-1c0.6-0.3,1.1-0.4,1.7-0.4h21.2c0.7,0,1,0.2,1,0.7C36.5,22.1,36.4,22.4,36.1,22.7z M11.6,19.4 c-0.9,0.4-1.7,1-2.3,1.7l-5,6.1V10.7c0-0.5,0.2-1,0.5-1.3C5.2,9,5.7,8.8,6.2,8.8h6.2c0.5,0,1,0.2,1.3,0.5c0.4,0.4,0.5,0.8,0.5,1.3 v1.2c0,0.5,0.2,1,0.5,1.3c0.4,0.4,0.8,0.5,1.3,0.5h11.2c0.5,0,1,0.2,1.3,0.5c0.4,0.4,0.5,0.8,0.5,1.3v3.1H14.3 C13.4,18.8,12.5,19,11.6,19.4z M38.7,20.6c-0.3-0.6-0.7-1.1-1.3-1.4c-0.6-0.3-1.2-0.5-1.9-0.5h-3.7v-3.1c0-1.2-0.4-2.2-1.3-3.1 s-1.9-1.3-3.1-1.3H16.8v-0.6c0-1.2-0.4-2.2-1.3-3.1c-0.9-0.9-1.9-1.3-3.1-1.3H6.2C5,6.3,4,6.7,3.1,7.6s-1.3,1.9-1.3,3.1v18.7 c0,1.2,0.4,2.2,1.3,3.1s1.9,1.3,3.1,1.3h21.2c0.9,0,1.8-0.2,2.7-0.7c0.9-0.4,1.7-1,2.3-1.7l5.7-7.1c0.6-0.8,0.9-1.5,0.9-2.3 C39,21.5,38.9,21,38.7,20.6z' fill='%23FFFFFF' /%3E%3C/svg%3E"); - bottom: calc(0.15rem - 1px); - right: calc(0.15rem - 1px); -} - -#form01 .file:hover:after { - background-color: #000000; -} - -#form01 button { - height: 2.5rem; - width: 80%; - line-height: 1.5rem; - padding: 0 0.75rem; - font-size: 0.75em; - font-family: 'Asap', sans-serif; - font-weight: 400; - border-radius: 0rem; - background-color: #ebebeb; - color: #000000; - position: relative; -} - -#form01 button:hover { - background-color: #b1b1b1; -} - -#form01 .inner .field { - width: 100%; - /* -moz-flex-grow: 1; - -webkit-flex-grow: 1; - -ms-flex-grow: 1; - flex-grow: 1; - -moz-flex-shrink: 1; - -webkit-flex-shrink: 1; - -ms-flex-shrink: 1; - flex-shrink: 1; */ - padding: 1rem; -} - -#form01 .inner .actions { - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - -moz-flex-shrink: 0; - -webkit-flex-shrink: 0; - -ms-flex-shrink: 0; - flex-shrink: 0; - width: 100%; -} - -#form01 button:before { - -moz-pointer-events: none; - -webkit-pointer-events: none; - -ms-pointer-events: none; - pointer-events: none; - content: ''; - display: block; - width: 1.125rem; - height: 1.125rem; - position: absolute; - top: 50%; - left: 50%; - margin: -0.5625rem 0 0 -0.5625rem; - -moz-animation: button-spinner 1s infinite linear; - -webkit-animation: button-spinner 1s infinite linear; - -ms-animation: button-spinner 1s infinite linear; - animation: button-spinner 1s infinite linear; - -moz-transition: opacity 0.25s ease; - -webkit-transition: opacity 0.25s ease; - -ms-transition: opacity 0.25s ease; - transition: opacity 0.25s ease; - -moz-transition-delay: 0s; - -webkit-transition-delay: 0s; - -ms-transition-delay: 0s; - transition-delay: 0s; - opacity: 0; - background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPjxzdHlsZT5jaXJjbGUge2ZpbGw6IHRyYW5zcGFyZW50OyBzdHJva2U6ICNGRkZGRkY7IHN0cm9rZS13aWR0aDogMnB4OyB9PC9zdHlsZT48ZGVmcz48Y2xpcFBhdGggaWQ9ImNvcm5lciI+PHBvbHlnb24gcG9pbnRzPSIwLDAgNDgsMCA0OCw0OCA5Niw0OCA5Niw5NiAwLDk2IiAvPjwvY2xpcFBhdGg+PC9kZWZzPjxnIGNsaXAtcGF0aD0idXJsKCNjb3JuZXIpIj48Y2lyY2xlIGN4PSI0OCIgY3k9IjQ4IiByPSIzMiIvPjwvZz48L3N2Zz4='); - background-position: center; - background-repeat: no-repeat; - background-size: 1.125rem; -} - -#form01 button.waiting { - color: transparent; -} - -#form01 button.waiting svg { - fill: transparent; -} - -#form01 button.waiting:before { - opacity: 1.0; - -moz-transition-delay: 0.125s; - -webkit-transition-delay: 0.125s; - -ms-transition-delay: 0.125s; - transition-delay: 0.125s; -} - -#form01 ::-webkit-input-placeholder { - color: #000000; - opacity: 0.55; -} - -#form01 :-moz-placeholder { - color: #000000; - opacity: 0.55; -} - -#form01 ::-moz-placeholder { - color: #000000; - opacity: 0.55; -} - -#form01 :-ms-input-placeholder { - color: #000000; - opacity: 0.55; -} - -#form01 .file[data-filename=""]:before { - color: #000000; - opacity: 0.55; -} - -@media (max-width: 1680px) { - html { - font-size: 13pt; - } -} - -@media (max-width: 1280px) { - html { - font-size: 13pt; - } -} - -@media (max-width: 980px) { - html { - font-size: 11pt; - } -} - -@media (max-width: 736px) { - html { - font-size: 11pt; - } - - #main > .inner { - padding: 3rem 2rem; - } - - #main > .inner > * > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - - #main > .inner > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - max-width: calc(100% + 4rem + 0.4725px); - } - - #main > .inner > .full:first-child { - margin-top: -3rem !important; - } - - #main > .inner > .full:last-child { - margin-bottom: -3rem !important; - } - - #main > .inner > .full.screen { - margin-left: -50vw; - } - - #main > .inner > * > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - max-width: calc(100% + 4rem + 0.4725px); - } - - #main > .inner > * > .full.screen { - margin-left: -50vw; - } - - #text01 { - letter-spacing: 0rem; - width: 100%; - font-size: 1em; - line-height: 1.5; - } - - #text04 { - letter-spacing: 0rem; - width: 100%; - font-size: 0.75em; - line-height: 1.5; - } - - #text06 { - letter-spacing: 0rem; - width: 100%; - font-size: 1.5em; - line-height: 1.5; - } - - #text05 { - letter-spacing: 0rem; - width: 100%; - font-size: 0.75em; - line-height: 1.5; - } - - #text03 { - letter-spacing: 0rem; - width: 100%; - font-size: 1em; - line-height: 1.5; - } - - #text02 { - letter-spacing: 0rem; - width: 100%; - font-size: 0.5em; - line-height: 1.5; - } - - #buttons01 li a { - font-size: 0.75em; - } - - #container01:not(:last-child) { - margin-bottom: 0.375rem !important; - } - - #container01 > .wrapper > .inner { - padding: 0rem 2rem; - } - - #container01 > .wrapper { - max-width: 100%; - } - - #container01.default > .wrapper > .inner > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - - #container01.columns > .wrapper > .inner { - -moz-flex-direction: column !important; - -webkit-flex-direction: column !important; - -ms-flex-direction: column !important; - flex-direction: column !important; - -moz-flex-wrap: nowrap !important; - -webkit-flex-wrap: nowrap !important; - -ms-flex-wrap: nowrap !important; - flex-wrap: nowrap !important; - } - - #container01.columns > .wrapper > .inner > span { - display: none; - } - - #container01.columns > .wrapper > .inner > * > * { - margin-top: 0.75rem; - margin-bottom: 0.75rem; - } - - #container01.columns > .wrapper > .inner > * { - padding: 1rem 0 !important; - } - - #container01.columns > .wrapper > .inner > *:first-child { - margin-left: 0 !important; - padding-top: 0 !important; - } - - #container01.columns > .wrapper > .inner > *:last-child { - padding-bottom: 0 !important; - } - - #container01.columns > .wrapper > .inner > div.after-spacer { - padding-top: 0 !important; - } - - #container01.columns > .wrapper > .inner > div.before-spacer { - padding-bottom: 0 !important; - } - - #container01.default > .wrapper > .inner > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - } - - #container01.default > .wrapper > .inner > .full:first-child { - margin-top: 0rem !important; - } - - #container01.default > .wrapper > .inner > .full:last-child { - margin-bottom: 0rem !important; - } - - #container01.columns > .wrapper > .inner > div > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div:first-of-type > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div:last-of-type > .full { - margin-left: calc(-2rem); - width: calc(100% + 4rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div > .full:first-child { - margin-top: -1rem !important; - } - - #container01.columns > .wrapper > .inner > div > .full:last-child { - margin-bottom: -1rem !important; - } - - #container01.columns > .wrapper > .inner > div:first-of-type > .full:first-child { - margin-top: calc(0rem) !important; - } - - #container01.columns > .wrapper > .inner > div:last-of-type > .full:last-child { - margin-bottom: calc(0rem) !important; - } - - #container01.columns > .wrapper > .inner > div:first-of-type, #container01.columns > .wrapper > .inner > div:first-of-type > .full:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - } - - #container01.columns > .wrapper > .inner > div:last-of-type, #container01.columns > .wrapper > .inner > div:last-of-type > .full:last-child { - border-bottom-left-radius: inherit; - border-bottom-right-radius: inherit; - } - - #container01.columns > .wrapper > .inner > div:first-of-type, #container01.columns > .wrapper > .inner > div:first-of-type > .full:last-child { - border-bottom-left-radius: 0 !important; - } - - #container01.columns > .wrapper > .inner > div:last-of-type, #container01.columns > .wrapper > .inner > div:last-of-type > .full:first-child { - border-top-right-radius: 0 !important; - } - - #container01.columns > .wrapper > .inner > .full > .full:first-child:last-child { - height: auto; - } - - #container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * { - position: relative; - width: 100%; - height: auto; - } - - #container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > * { - height: auto; - } - - #container01.columns > .wrapper > .inner > .full > .full:first-child:last-child > * > iframe { - height: 100%; - } - - #container01 > .wrapper > .inner > :nth-child(1) { - width: 100% !important; - min-height: 100% !important; - text-align: inherit !important; - } - - #container01 > .wrapper > .inner > :nth-child(2) { - width: 100% !important; - min-height: 100% !important; - text-align: inherit !important; - } - - #table02 { - letter-spacing: 0rem; - font-size: 0.75em; - line-height: 1.5; - } - - #table02 th, #table02 td { - padding: 0.5rem 0.6875rem; - } - - #list01 { - letter-spacing: 0rem; - font-size: 0.75em; - line-height: 1.5; - } - - #list01 ul li p { - padding-left: 0.5rem; - } - - #list01 ul li:before { - line-height: 1.125rem; - height: 1.125rem; - min-width: 0.52734375rem; - } - - #form01 label:first-child { - font-size: 0.75em; - line-height: 1.5; - letter-spacing: 0rem; - } - - #form01 input[type="text"], #form01 input[type="email"], #form01 textarea, #form01 select, #form01 input[type="checkbox"] + label, #form01 .file { - font-size: 0.75em; - letter-spacing: 0rem; - } - - - - #form01 button { - font-size: 0.75em; - letter-spacing: 0rem; - } - - #form01 .inner { - -moz-flex-direction: column; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - #form01 .inner .field { - -moz-flex-grow: 0; - -webkit-flex-grow: 0; - -ms-flex-grow: 0; - flex-grow: 0; - } - - #form01 .inner > * { - margin: 0rem 0 0 0; - } - - #form01 .inner > :first-child { - margin: 0; - } -} - -@media (max-width: 480px) { - #main > .inner > * > * { - margin-top: 0.65625rem; - margin-bottom: 0.65625rem; - } - - #buttons01 { - margin-left: 0; - width: 100%; - padding: 0.375rem 0; - } - - #buttons01 li { - max-width: 100%; - display: block; - margin: 0.75rem 0; - } - - #buttons01 li:first-child { - margin-top: 0; - } - - #buttons01 li:last-child { - margin-bottom: 0; - } - - #buttons01 li a { - display: inline-flex; - width: 100%; - max-width: 32rem; - } - - #container01.default > .wrapper > .inner > * { - margin-top: 0.65625rem; - margin-bottom: 0.65625rem; - } - - #container01.columns > .wrapper > .inner > * > * { - margin-top: 0.65625rem; - margin-bottom: 0.65625rem; - } - - #form01 .inner .actions { - width: 100%; - } - - #form01 button { - width: 100%; - max-width: 32rem; - } -} - -@media (max-width: 360px) { - #main > .inner { - padding: 2.25rem 1.5rem; - } - - #main > .inner > * > * { - margin-top: 0.5625rem; - margin-bottom: 0.5625rem; - } - - #main > .inner > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - max-width: calc(100% + 3rem + 0.4725px); - } - - #main > .inner > .full:first-child { - margin-top: -2.25rem !important; - } - - #main > .inner > .full:last-child { - margin-bottom: -2.25rem !important; - } - - #main > .inner > .full.screen { - margin-left: -50vw; - } - - #main > .inner > * > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - max-width: calc(100% + 3rem + 0.4725px); - } - - #main > .inner > * > .full.screen { - margin-left: -50vw; - } - - #text01 { - font-size: 1em; - } - - #text04 { - font-size: 0.75em; - } - - #text06 { - font-size: 1.5em; - } - - #text05 { - font-size: 0.75em; - } - - #text03 { - font-size: 1em; - } - - #text02 { - font-size: 0.5em; - } - - #buttons01 { - width: 100%; - margin-left: 0; - padding: 0.28125rem 0; - } - - #buttons01 li { - max-width: 100%; - margin: 0.5625rem 0; - } - - #container01 > .wrapper > .inner { - padding: 0rem 1.5rem; - } - - #container01.default > .wrapper > .inner > * { - margin-top: 0.5625rem; - margin-bottom: 0.5625rem; - } - - #container01.columns > .wrapper > .inner > * > * { - margin-top: 0.5625rem; - margin-bottom: 0.5625rem; - } - - #container01.default > .wrapper > .inner > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - } - - #container01.default > .wrapper > .inner > .full:first-child { - margin-top: -0rem !important; - } - - #container01.default > .wrapper > .inner > .full:last-child { - margin-bottom: -0rem !important; - } - - #container01.columns > .wrapper > .inner > div > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div:first-of-type > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div:last-of-type > .full { - margin-left: calc(-1.5rem); - width: calc(100% + 3rem + 0.4725px); - } - - #container01.columns > .wrapper > .inner > div > .full:first-child { - margin-top: -1rem !important; - } - - #container01.columns > .wrapper > .inner > div > .full:last-child { - margin-bottom: -1rem !important; - } - - #container01.columns > .wrapper > .inner > div:first-of-type > .full:first-child { - margin-top: calc(-0rem) !important; - } - - #container01.columns > .wrapper > .inner > div:last-of-type > .full:last-child { - margin-bottom: calc(-0rem) !important; - } - - #table02 { - font-size: 0.75em; - } - - #list01 { - font-size: 0.75em; - } - - #list01 ul li p { - padding-left: 0.5rem; - } - - #list01 ul li:before { - line-height: 1.125rem; - height: 1.125rem; - min-width: 0.52734375rem; - } -} - -.blur { - filter: blur(5px); -} - -.blur:hover { - filter: none; -} - -/* Convertions */ - -.convertPara { - text-align: left; - color: #000000; - font-family: 'Asap', sans-serif; - font-size: 0.75em; - line-height: 1.5; - font-weight: 400; -} - -.convertPara a { - text-decoration: none; - color: #007DBA; -} - -.convertPara a:hover { - color: #3FABE0; -} - -.scrollFlow { - overflow: scroll; - height: 30em; -} - -/* Scrollbar */ -/* width */ -::-webkit-scrollbar { - width: 10px; -} - -/* Track */ -::-webkit-scrollbar-track { - /* background: #f1f1f1; */ - background: rgba(255, 0, 0, 0); - /* background-color: transparent; */ -} - -/* Handle */ -::-webkit-scrollbar-thumb { - background: rgba(136, 136, 136, 0.075); -} - -/* Handle on hover */ -::-webkit-scrollbar-thumb:hover { - background: rgba(136, 136, 136, 0.445); -} - -::-webkit-scrollbar-corner { - background: rgba(136, 136, 136, 0); -} - -.topnav { - overflow: hidden; - background-color: #333; -} - -.topnav a { - float: left; - color: #f2f2f2; - text-align: center; - padding: 14px 16px; - text-decoration: none; - font-size: 17px; -} - -.topnav a:hover { - background-color: #ddd; - color: black; -} \ No newline at end of file diff --git a/website/views/index.ejs b/website/views/index.ejs index a70495a..5293a72 100644 --- a/website/views/index.ejs +++ b/website/views/index.ejs @@ -1,27 +1,22 @@ - <%- include('partials/header.ejs') %> -
-
-
-

EasyCompile

-
-
-
-

File Name:

- -
-
-

JavaScript Code:

- -
-
- -
-
-
+
+
+

EasyCompile

+
+
+ +
-
+
+ + +
+
+ +
+ +
<%- include('partials/footer.ejs') %> \ No newline at end of file diff --git a/website/views/partials/footer.ejs b/website/views/partials/footer.ejs index 9870926..691287b 100644 --- a/website/views/partials/footer.ejs +++ b/website/views/partials/footer.ejs @@ -1,3 +1,2 @@ - \ No newline at end of file diff --git a/website/views/partials/header.ejs b/website/views/partials/header.ejs index e3e8718..e7754f2 100644 --- a/website/views/partials/header.ejs +++ b/website/views/partials/header.ejs @@ -1,6 +1,5 @@ - EasyCompile @@ -9,14 +8,14 @@ - - + + - - -
- Home - Files - GitHub -
\ No newline at end of file + + \ No newline at end of file diff --git a/website/views/viewfiles.ejs b/website/views/viewfiles.ejs index 4e10f73..720d074 100644 --- a/website/views/viewfiles.ejs +++ b/website/views/viewfiles.ejs @@ -1,21 +1,17 @@ - - <%- include('partials/header.ejs') %> -
-
-
-

Here are all your compiled files!

-
- -
-
+
+
+

Here are all your compiled files!

+
+
    + <% files.forEach(function(f) { %> +
  • + + <%= f %> + +
    • + <% }); %> +
+
<%- include('partials/footer.ejs') %> \ No newline at end of file From 6d1bdc9abbba8c80580981c615ea4a1c046b2922 Mon Sep 17 00:00:00 2001 From: Philip Evans Date: Fri, 20 Mar 2026 14:07:17 +0000 Subject: [PATCH 2/3] More Updates --- script/Backups/temp.txt | 0 script/Projects/temp.txt | 0 script/config.js | 8 +++----- 3 files changed, 3 insertions(+), 5 deletions(-) delete mode 100644 script/Backups/temp.txt delete mode 100644 script/Projects/temp.txt diff --git a/script/Backups/temp.txt b/script/Backups/temp.txt deleted file mode 100644 index e69de29..0000000 diff --git a/script/Projects/temp.txt b/script/Projects/temp.txt deleted file mode 100644 index e69de29..0000000 diff --git a/script/config.js b/script/config.js index c95740f..b0e0570 100644 --- a/script/config.js +++ b/script/config.js @@ -4,11 +4,9 @@ module.exports = { ], FileExtension: ".pjs", Projects: { - PLink: [ - "./projects/PLink/src/", - "./projects/PLink/src/utils/", - "./projects/PLink/src/routes/", - "./projects/PLink/src/api/" + Example: [ + "directory_1", + "directory_2" ] } } \ No newline at end of file From be0f59fa4f19e38cbfa8529cbacbd7478c5368cd Mon Sep 17 00:00:00 2001 From: Philip Evans Date: Fri, 20 Mar 2026 14:07:30 +0000 Subject: [PATCH 3/3] Updates --- script/backups/temp.txt | 0 script/projects/temp.txt | 0 2 files changed, 0 insertions(+), 0 deletions(-) create mode 100644 script/backups/temp.txt create mode 100644 script/projects/temp.txt diff --git a/script/backups/temp.txt b/script/backups/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/script/projects/temp.txt b/script/projects/temp.txt new file mode 100644 index 0000000..e69de29