finshed...probably

This commit is contained in:
hokkqi 2020-07-03 00:06:48 +02:00
parent d1242ada64
commit 42ab59b6be
13 changed files with 1149 additions and 1152 deletions

2
.gitignore vendored
View file

@ -1 +1 @@
node_modules/ node_modules/

View file

@ -11,9 +11,6 @@
body { body {
font-family: 'Gotham', sans-serif; font-family: 'Gotham', sans-serif;
text-transform: uppercase; text-transform: uppercase;
}
.pbg {
background-image: url("../images/background.png"); background-image: url("../images/background.png");
background-size: cover; background-size: cover;
background-attachment: fixed; background-attachment: fixed;
@ -39,7 +36,7 @@ body {
} }
.socials a:hover { .socials a:hover {
color: #a865ff81; color: #E864EF;
} }
.links { .links {
@ -82,11 +79,11 @@ a {
text-decoration: none; text-decoration: none;
margin: 0; margin: 0;
padding: 0; padding: 0;
color: #8445fa; color: #ff58d567;
} }
.creator a:hover { .creator a:hover {
color: #8445fa50; color: #ff08c167;
} }
.them { .them {

View file

@ -1,6 +1,6 @@
{ {
"version": 3, "version": 3,
"mappings": "AAAA,UAAU;EACN,WAAW,EAAE,QAAQ;EACrB,GAAG,EAAE,2CAA2C;;;AAEpD,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;CAAG;;AAEjB,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,oBAAoB;EACjC,cAAc,EAAE,SAAS;CAAG;;AAEhC,AAAA,IAAI,CAAC;EACD,gBAAgB,EAAE,+BAA+B;EACjD,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;CAAG;;AAEnC,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,GAAG;EACd,IAAI,EAAE,CAAC;EACP,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;EACpB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,SAAS;CAOA;;AAhB7B,AAWI,QAXI,CAWJ,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;CAAG;;AAbzB,AAeI,QAfI,CAeJ,CAAC,AAAA,MAAM,CAAC;EACJ,KAAK,EAAE,SAAS;CAAG;;AAE3B,AAAA,MAAM,CAAC;EACH,OAAO,EAAE,YAAY;CAAG;;AAE5B,AAAA,CAAC,CAAC;EACE,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;CAAG;;AAErC,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;CAAG;;AAEnB,AAAA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAEzB,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,aAAa;EACtB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;CAAG;;AAEf,AAAA,QAAQ,CAAC,CAAC,CAAC;EACP,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,OAAO;CAAG;;AAErB,AAAA,QAAQ,CAAC,CAAC,AAAA,MAAM,CAAC;EACb,KAAK,EAAE,SAAS;CAAG;;AAEvB,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAEzB,AAAA,SAAS,CAAC;EACN,cAAc,EAAE,QAAQ;EACxB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAE,QAAQ;EACnC,yBAAyB,EAAE,WAAW;CAAG;;AAE7C,UAAU,CAAV,QAAU;EACN,IAAI;IACA,SAAS,EAAE,iBAAkB;;EACjC,GAAG;IACC,SAAS,EAAE,kBAAkB;;EACjC,EAAE;IACE,SAAS,EAAE,iBAAkB", "mappings": "AAAA,UAAU;EACN,WAAW,EAAE,QAAQ;EACrB,GAAG,EAAE,2CAA2C;;;AAEpD,AAAA,CAAC,CAAC;EACE,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;CAAG;;AAEjB,AAAA,IAAI,CAAC;EACD,WAAW,EAAE,oBAAoB;EACjC,cAAc,EAAE,SAAS;EACzB,gBAAgB,EAAE,+BAA+B;EACjD,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;CAAG;;AAEnC,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,GAAG;EACd,IAAI,EAAE,CAAC;EACP,WAAW,EAAE,GAAG;EAChB,cAAc,EAAE,IAAI;EACpB,QAAQ,EAAE,QAAQ;EAClB,UAAU,EAAE,MAAM;EAClB,GAAG,EAAE,GAAG;EACR,KAAK,EAAE,IAAI;EACX,cAAc,EAAE,SAAS;CAOF;;AAhB3B,AAWI,QAXI,CAWJ,CAAC,CAAC;EACE,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,OAAO;CAAG;;AAbzB,AAeI,QAfI,CAeJ,CAAC,AAAA,MAAM,CAAC;EACJ,KAAK,EAAE,OAAO;CAAG;;AAEzB,AAAA,MAAM,CAAC;EACH,OAAO,EAAE,YAAY;CAAG;;AAE5B,AAAA,CAAC,CAAC;EACE,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,aAAa;CAAG;;AAErC,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;CAAG;;AAEnB,AAAA,QAAQ,CAAC;EACL,QAAQ,EAAE,QAAQ;EAClB,IAAI,EAAE,GAAG;EACT,KAAK,EAAE,GAAG;EACV,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAEzB,AAAA,QAAQ,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,KAAK,EAAE,KAAK;EACZ,UAAU,EAAE,MAAM;EAClB,OAAO,EAAE,aAAa;EACtB,OAAO,EAAE,GAAG;EACZ,QAAQ,EAAE,QAAQ;EAClB,GAAG,EAAE,GAAG;CAAG;;AAEf,AAAA,QAAQ,CAAC,CAAC,CAAC;EACP,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,SAAS;CAAG;;AAEvB,AAAA,QAAQ,CAAC,CAAC,AAAA,MAAM,CAAC;EACb,KAAK,EAAE,SAAS;CAAG;;AAEvB,AAAA,KAAK,CAAC;EACF,KAAK,EAAE,IAAI;EACX,MAAM,EAAE,IAAI;EACZ,WAAW,EAAE,KAAK;CAAG;;AAEzB,AAAA,SAAS,CAAC;EACN,cAAc,EAAE,QAAQ;EACxB,kBAAkB,EAAE,EAAE;EACtB,yBAAyB,EAAE,QAAQ;EACnC,yBAAyB,EAAE,WAAW;CAAG;;AAE7C,UAAU,CAAV,QAAU;EACN,IAAI;IACA,SAAS,EAAE,iBAAkB;;EACjC,GAAG;IACC,SAAS,EAAE,kBAAkB;;EACjC,EAAE;IACE,SAAS,EAAE,iBAAkB",
"sources": [ "sources": [
"main.sass" "main.sass"
], ],

View file

@ -1,91 +1,89 @@
@font-face @font-face
font-family: 'Gotham' font-family: 'Gotham'
src: url('../fonts/Gotham-Font/Gotham-Bold.otf') src: url('../fonts/Gotham-Font/Gotham-Bold.otf')
* *
margin: 0 margin: 0
padding: 0 padding: 0
body body
font-family: 'Gotham', sans-serif font-family: 'Gotham', sans-serif
text-transform: uppercase text-transform: uppercase
background-image: url('../images/background.png')
.pbg background-size: cover
background-image: url('../images/background.png') background-attachment: fixed
background-size: cover background-position: center
background-attachment: fixed background-repeat: no-repeat
background-position: center
background-repeat: no-repeat .socials
font-size: 3vh
.socials left: 0
font-size: 3vh line-height: 4vh
left: 0 letter-spacing: 15px
line-height: 4vh position: absolute
letter-spacing: 15px text-align: center
position: absolute top: 25%
text-align: center width: 100%
top: 25% text-transform: uppercase
width: 100%
text-transform: uppercase a
text-decoration: none
a color: #ffffff
text-decoration: none
color: #ffffff a:hover
color: #E864EF
a:hover
color: #a865ff81 .links
display: inline-block
.links
display: inline-block a
display: flex
a justify-content: space-between
display: flex
justify-content: space-between .logo
width: auto
.logo height: 10vh
width: auto
height: 10vh .credits
position: absolute
.credits left: 50%
position: absolute right: 25%
left: 50% bottom: 30px
right: 25% margin-left: -50px
bottom: 30px
margin-left: -50px .creator
font-size: 2.5vh
.creator color: white
font-size: 2.5vh text-align: center
color: white display: table-caption
text-align: center padding: 1vh
display: table-caption position: absolute
padding: 1vh top: 95%
position: absolute
top: 95% .creator a
text-decoration: none
.creator a margin: 0
text-decoration: none padding: 0
margin: 0 color: #ff58d567
padding: 0
color: #8445fa .creator a:hover
color: #ff08c167
.creator a:hover
color: #8445fa50 .them
width: auto
.them height: 16vh
width: auto margin-left: -20px
height: 16vh
margin-left: -20px .floating
animation-name: floating
.floating animation-duration: 3s
animation-name: floating animation-iteration-count: infinite
animation-duration: 3s animation-timing-function: ease-in-out
animation-iteration-count: infinite
animation-timing-function: ease-in-out @keyframes floating
from
@keyframes floating transform: translate(0, 0px)
from 65%
transform: translate(0, 0px) transform: translate(0, 10px)
65% to
transform: translate(0, 10px)
to
transform: translate(0, -0px) transform: translate(0, -0px)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 1.2 MiB

View file

@ -1,6 +1,9 @@
module.exports = { module.exports = {
socials: { socials: {
discord: "https://discord.gg/eXST5gv", discord: "https://discord.gg/eXST5gv",
twitter: "https://twitter.com/BastardCrook", twitter: "https://twitter.com/BastardCrook",
}, comms: "https://crookart.carrd.co/",
}; trello: "https://trello.com/b/0laQEyFG/crooks-cueue",
kofi: "https://ko-fi.com/bastardcrook",
},
};

1650
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -1,22 +1,22 @@
{ {
"name": "sor-dog", "name": "sor-dog",
"version": "1.0.0", "version": "1.0.0",
"description": "", "description": "",
"main": "index.js", "main": "index.js",
"dependencies": { "dependencies": {
"chalk": "^3.0.0", "chalk": "^3.0.0",
"compression": "^1.7.4", "compression": "^1.7.4",
"cors": "^2.8.5", "cors": "^2.8.5",
"express": "^4.17.1", "express": "^4.17.1",
"express-handlebars": "^3.1.0", "express-handlebars": "^3.1.0",
"helmet": "^3.21.2", "helmet": "^3.21.2",
"morgan": "^1.9.1" "morgan": "^1.9.1"
}, },
"devDependencies": {}, "devDependencies": {},
"scripts": { "scripts": {
"test": "echo \"Error: no test specified\" && exit 1" "test": "echo \"Error: no test specified\" && exit 1"
}, },
"keywords": [], "keywords": [],
"author": "", "author": "",
"license": "ISC" "license": "ISC"
} }

4
run.js
View file

@ -1,3 +1,3 @@
const server = require('./server'); const server = require('./server');
server(); server();

18
run.sh
View file

@ -1,9 +1,9 @@
#!/bin/bash #!/bin/bash
FILE=run FILE=run
NODE=node NODE=node
while true; while true;
do do
$NODE run.js $NODE run.js
done done

218
server.js
View file

@ -1,109 +1,109 @@
//! Deps //! Deps
const express = require("express"); const express = require("express");
const helmet = require("helmet"); const helmet = require("helmet");
const compression = require("compression"); const compression = require("compression");
const cors = require("cors"); const cors = require("cors");
const morgan = require("morgan"); const morgan = require("morgan");
const chalk = require("chalk"); const chalk = require("chalk");
const hbs = require("express-handlebars"); const hbs = require("express-handlebars");
let { port, hostname } = { let { port, hostname } = {
port: 18726, port: 18726,
}; };
const con = require("./constants"); const con = require("./constants");
const app = express(); const app = express();
app.engine( app.engine(
"hbs", "hbs",
hbs({ hbs({
extname: "hbs", extname: "hbs",
defaultView: "default", defaultView: "default",
}) })
); );
app.set("view engine", "hbs"); app.set("view engine", "hbs");
app.set("json spaces", 4); app.set("json spaces", 4);
app.use("/assets", express.static("./assets")); app.use("/assets", express.static("./assets"));
app.use(express.json()); app.use(express.json());
app.use( app.use(
express.urlencoded({ express.urlencoded({
extended: true, extended: true,
}) })
); );
app.use(helmet()); app.use(helmet());
app.use(compression()); app.use(compression());
app.use(cors()); app.use(cors());
// Logging // Logging
app.use( app.use(
morgan((tokens, req, res) => { morgan((tokens, req, res) => {
return [ return [
chalk.hex("#34ace0").bold(`[ ${tokens.method(req, res)} ]`), chalk.hex("#34ace0").bold(`[ ${tokens.method(req, res)} ]`),
chalk.hex("#ffb142").bold(tokens.status(req, res)), chalk.hex("#ffb142").bold(tokens.status(req, res)),
chalk.hex("#ff5252").bold(req.hostname + tokens.url(req, res)), chalk.hex("#ff5252").bold(req.hostname + tokens.url(req, res)),
chalk.hex("#2ed573").bold(tokens["response-time"](req, res) + "ms"), chalk.hex("#2ed573").bold(tokens["response-time"](req, res) + "ms"),
chalk.hex("#f78fb3").bold("@ " + tokens.date(req, res)), chalk.hex("#f78fb3").bold("@ " + tokens.date(req, res)),
].join(" "); ].join(" ");
}) })
); );
function breakSocials(social) { function breakSocials(social) {
// if (typeof social !== String) throw new Error('This social media is not a string :eyes:') // if (typeof social !== String) throw new Error('This social media is not a string :eyes:')
return social.split(""); return social.split("");
} }
module.exports = (async) => { module.exports = (async) => {
app.get("/", async (req, res) => { app.get("/", async (req, res) => {
res.render("index", { res.render("index", {
layout: "main", layout: "main",
name: con.name, name: con.name,
host: req.hostname, host: req.hostname,
social: [ social: [
{ {
name: "Twitter", name: "Twitter",
link: "bastard.ink/twitter", link: "bastard.ink/twitter",
character: breakSocials("Twitter"), character: breakSocials("Twitter"),
}, },
{ {
name: "Discord", name: "Discord",
link: "bastard.ink/discord", link: "bastard.ink/discord",
character: breakSocials("Discord"), character: breakSocials("Discord"),
}, },
{ {
name: "Commissions", name: "Commissions",
link: "bastard.ink/commissions", link: "bastard.ink/commissions",
character: breakSocials("Commissions"), character: breakSocials("Commissions"),
}, },
{ {
name: "Trello", name: "Trello",
link: "bastard.ink/trello", link: "bastard.ink/trello",
character: breakSocials("Trello"), character: breakSocials("Trello"),
}, },
{ {
name: "Ko-Fi", name: "Ko-Fi",
link: "bastard.ink/kofi", link: "bastard.ink/kofi",
character: breakSocials("Ko-Fi"), character: breakSocials("Ko-Fi"),
}, },
], ],
}); });
}); });
app.get("/commissions", (req, res) => {
// TODO: Add Stuff app.get("/commissions", (req, res) => {
}); res.redirect(con.socials.comms);
});
app.get("/twitter", (req, res) => { app.get("/twitter", (req, res) => {
res.redirect(con.socials.twitter); res.redirect(con.socials.twitter);
}); });
app.get("/discord", (req, res) => { app.get("/discord", (req, res) => {
res.redirect(con.socials.discord); res.redirect(con.socials.discord);
}); });
app.get("/trello", (req, res) => { app.get("/trello", (req, res) => {
res.redirect(con.socials.trello); res.redirect(con.socials.trello);
}); });
app.get("/kofi", (req, res) => { app.get("/kofi", (req, res) => {
res.redirect(con.socials.kofi); res.redirect(con.socials.kofi);
}); });
app.listen(port /* , hostname */, () => { app.listen(port /* , hostname */, () => {
console.log(`[ Server ] Listening on ${port}`); console.log(`[ Server ] Listening on ${port}`);
}); });
}; };

View file

@ -1,47 +1,46 @@
<div class="pbg"></div> <div id="main">
<div id="main">
<section class="socials">
<section class="socials">
<div class="floating">
<div class="floating"> <img class="them" src="./assets/images/them.png" alt="Crooks's Icon" srcset="" />
<img class="them" src="./assets/images/them.png" alt="Crooks's Icon" srcset="" /> </div>
</div>
<br />
<br />
<div class="links">
<div class="links"> {{#each social}}
{{#each social}} <div id="{{name}}">
<div id="{{name}}"> <a href="https://{{link}}">
<a href="https://{{link}}"> {{#each character}}
{{#each character}} <span>
<span> {{this}}
{{this}} </span>
</span> {{/each}}
{{/each}} </a>
</a> </div>
</div> {{/each}}
{{/each}} </div>
</div>
</section>
</section>
</div>
</div>
{{!-- <div class="crook">
<div class="crook">
<div class="credits">
<div class="credits">
<img class="logo" src="./assets/images/crook_white.png" alt="Crook's Logo" />
<img class="logo" src="./assets/images/crook_white.png" alt="Crook's Logo" />
</div>
</div>
</div> --}}
</div>
<div class="creator">
<div class="creator">
<p>
<p> <a href="https://werewolf.computer">hokkqi</a>
<a href="https://hokkqido.download">hokkqi</a>
</p>
</p>
</div> </div>

View file

@ -1,36 +1,36 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>Crook | bastard.ink</title> <title>Crook | bastard.ink</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="./assets/css/main.css"> <link rel="stylesheet" type="text/css" href="./assets/css/main.css">
<link rel="icon" type="image/png" href="/assets/images/them.png" sizes="32x32"> <link rel="icon" type="image/png" href="/assets/images/them.png" sizes="32x32">
<link rel="icon" type="image/png" href="/assets/images/them.png" sizes="96x96"> <link rel="icon" type="image/png" href="/assets/images/them.png" sizes="96x96">
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/them.png"> <link rel="apple-touch-icon" sizes="180x180" href="/assets/images/them.png">
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
<meta property="og:title" content="sor"> <meta property="og:title" content="bastardcrook">
<meta property="og:type" content="website"> <meta property="og:type" content="website">
<meta property="og:url" content="https://bastard.ink"> <meta property="og:url" content="https://bastard.ink">
<meta property="og:description" content="everything about crook"> <meta property="og:description" content="everything about crook">
<meta property="og:image" content="/assets/images/them.png"> <meta property="og:image" content="/assets/images/them.png">
<meta name="description" content="everything about crook"> <meta name="description" content="everything about crook">
<meta name="keywords" content="bastard, crook, art, commissions,artist"> <meta name="keywords" content="bastard, crook, art, commissions,artist">
<meta name="twitter:card" content="summary"> <meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://bastard.ink/assets/images/them.png"> <meta name="twitter:image" content="https://bastard.ink/assets/images/them.png">
<meta name="twitter:creator" content="@BastardCrook"> <meta name="twitter:creator" content="@BastardCrook">
</head> </head>
<body> <body>
{{{body}}} {{{body}}}
</body> </body>
</html> </html>