res and basic templating

This commit is contained in:
Ben
2022-01-24 01:09:37 +00:00
parent 67ceff0327
commit 759d69fa9e
15 changed files with 5295 additions and 3348 deletions

View File

@@ -0,0 +1 @@
<!-- Basic NavBar template that uses logo.svg -->

View File

@@ -0,0 +1,6 @@
class Navbar extends HTMLElement {
constructor() {
super();
}
}

View File

@@ -3,5 +3,7 @@
<title>LegoLog Home!</title> <title>LegoLog Home!</title>
</head> </head>
<body> <body>
</body> </body>

View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.17 234.18"><defs><style>.cls-1{fill:#f2ca52;}.cls-2{fill:#dea54b;}.cls-3{fill:#e55744;}.cls-4{fill:#ce4c3e;}.cls-5{fill:#f5f6f6;}.cls-6{fill:#e1e3e4;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_8" data-name="Layer 8"><rect class="cls-1" x="0.11" y="115.07" width="162.77" height="52.66" rx="0.85"/><rect class="cls-2" x="13.31" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="49.49" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="90.12" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="126.94" y="100.94" width="22.85" height="14.12"/><rect class="cls-3" x="0.11" y="181.52" width="162.77" height="52.66" rx="0.88"/><rect class="cls-4" x="13.31" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="49.49" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="90.12" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="126.94" y="167.73" width="22.85" height="14.12"/><rect class="cls-5" x="3.7" y="28.8" width="162.77" height="52.66" rx="0.88" transform="translate(15.06 -18.19) rotate(13.37)"/><rect class="cls-6" x="26.17" y="2.45" width="22.85" height="14.12" transform="translate(3.22 -8.44) rotate(13.37)"/><rect class="cls-6" x="61.37" y="10.82" width="22.85" height="14.12" transform="translate(6.11 -16.35) rotate(13.37)"/><rect class="cls-6" x="100.9" y="20.22" width="22.85" height="14.12" transform="translate(9.36 -25.24) rotate(13.37)"/><rect class="cls-6" x="136.72" y="28.73" width="22.85" height="14.12" transform="translate(12.3 -33.29) rotate(13.37)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.7 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.7 KiB

File diff suppressed because one or more lines are too long

1
res/favicon.svg Normal file
View File

@@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170.17 234.18"><defs><style>.cls-1{fill:#f2ca52;}.cls-2{fill:#dea54b;}.cls-3{fill:#e55744;}.cls-4{fill:#ce4c3e;}.cls-5{fill:#f5f6f6;}.cls-6{fill:#e1e3e4;}</style></defs><g id="Layer_2" data-name="Layer 2"><g id="Layer_8" data-name="Layer 8"><rect class="cls-1" x="0.11" y="115.07" width="162.77" height="52.66" rx="0.85"/><rect class="cls-2" x="13.31" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="49.49" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="90.12" y="100.94" width="22.85" height="14.12"/><rect class="cls-2" x="126.94" y="100.94" width="22.85" height="14.12"/><rect class="cls-3" x="0.11" y="181.52" width="162.77" height="52.66" rx="0.88"/><rect class="cls-4" x="13.31" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="49.49" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="90.12" y="167.73" width="22.85" height="14.12"/><rect class="cls-4" x="126.94" y="167.73" width="22.85" height="14.12"/><rect class="cls-5" x="3.7" y="28.8" width="162.77" height="52.66" rx="0.88" transform="translate(15.06 -18.19) rotate(13.37)"/><rect class="cls-6" x="26.17" y="2.45" width="22.85" height="14.12" transform="translate(3.22 -8.44) rotate(13.37)"/><rect class="cls-6" x="61.37" y="10.82" width="22.85" height="14.12" transform="translate(6.11 -16.35) rotate(13.37)"/><rect class="cls-6" x="100.9" y="20.22" width="22.85" height="14.12" transform="translate(9.36 -25.24) rotate(13.37)"/><rect class="cls-6" x="136.72" y="28.73" width="22.85" height="14.12" transform="translate(12.3 -33.29) rotate(13.37)"/></g></g></svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
res/loading.fla Normal file

Binary file not shown.

BIN
res/loading.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 271 KiB

1
res/logo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.7 KiB

1
res/smallerlogo.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 5.7 KiB

View File

@@ -5,11 +5,22 @@ const dotenv = require('dotenv');
function load() { function load() {
Logger.info('Loading config...'); Logger.info('Loading config...');
const res = dotenv.config(); const res = dotenv.config();
Logger.debug(`Config: ${JSON.stringify(res.parsed)}`); Logger.debug(`CONFIG: ${JSON.stringify(res.parsed)}`);
Logger.debug(`Config: running in ${res.parsed.NODE_ENV}`); Logger.debug(`CONFIG: running in ${res.parsed.NODE_ENV} mode`);
// If NODE_ENV is dev, every config item that is dev is made into the actual one so that the // If NODE_ENV is dev, every config item that is dev is made into the actual one so that the
// individual modules do not need to care about hte mode of operation // individual modules do not need to care about hte mode of operation
if (res.parsed.NODE_ENV === 'dev') {
Object.keys(res.parsed).forEach(key => {
if (key.endsWith('_DEV')) {
const newKey = key.substring(0, key.length - 4);
process.env[newKey] = res.parsed[key];
Logger.debug(`CONFIG KEY: '${newKey}' DEVELOPMENT VALUE: '${process.env[newKey]}'`);
}
});
}
} }
module.exports = { module.exports = {

View File

@@ -15,11 +15,13 @@ function logRequest(req, res, next)
function listen(port) { function listen(port) {
const app = express(); const app = express();
app.listen(port); app.listen(port);
Logger.info(`Listening on port ${port}...`); Logger.info(`LISTENING ON ${port}...`);
Logger.info(`Setting up basic middleware...`); Logger.info(`Setting up basic middleware...`);
app.use(logRequest); app.use(logRequest);
app.use(express.static('client/public/'));
app.get('/', (req, res) => { res.end('lol') }) app.get('/', (req, res) => { res.end('lol') })
} }