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/backups/temp.txt b/script/backups/temp.txt new file mode 100644 index 0000000..e69de29 diff --git a/script/config.js b/script/config.js new file mode 100644 index 0000000..b0e0570 --- /dev/null +++ b/script/config.js @@ -0,0 +1,12 @@ +module.exports = { + DontCompile: [ + "config" + ], + FileExtension: ".pjs", + Projects: { + Example: [ + "directory_1", + "directory_2" + ] + } +} \ 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/script/projects/temp.txt b/script/projects/temp.txt new file mode 100644 index 0000000..e69de29 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