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

View file

@ -1,6 +1,6 @@
{
"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": [
"main.sass"
],

View file

@ -1,91 +1,89 @@
@font-face
font-family: 'Gotham'
src: url('../fonts/Gotham-Font/Gotham-Bold.otf')
*
margin: 0
padding: 0
body
font-family: 'Gotham', sans-serif
text-transform: uppercase
.pbg
background-image: url('../images/background.png')
background-size: cover
background-attachment: fixed
background-position: center
background-repeat: no-repeat
.socials
font-size: 3vh
left: 0
line-height: 4vh
letter-spacing: 15px
position: absolute
text-align: center
top: 25%
width: 100%
text-transform: uppercase
a
text-decoration: none
color: #ffffff
a:hover
color: #a865ff81
.links
display: inline-block
a
display: flex
justify-content: space-between
.logo
width: auto
height: 10vh
.credits
position: absolute
left: 50%
right: 25%
bottom: 30px
margin-left: -50px
.creator
font-size: 2.5vh
color: white
text-align: center
display: table-caption
padding: 1vh
position: absolute
top: 95%
.creator a
text-decoration: none
margin: 0
padding: 0
color: #8445fa
.creator a:hover
color: #8445fa50
.them
width: auto
height: 16vh
margin-left: -20px
.floating
animation-name: floating
animation-duration: 3s
animation-iteration-count: infinite
animation-timing-function: ease-in-out
@keyframes floating
from
transform: translate(0, 0px)
65%
transform: translate(0, 10px)
to
@font-face
font-family: 'Gotham'
src: url('../fonts/Gotham-Font/Gotham-Bold.otf')
*
margin: 0
padding: 0
body
font-family: 'Gotham', sans-serif
text-transform: uppercase
background-image: url('../images/background.png')
background-size: cover
background-attachment: fixed
background-position: center
background-repeat: no-repeat
.socials
font-size: 3vh
left: 0
line-height: 4vh
letter-spacing: 15px
position: absolute
text-align: center
top: 25%
width: 100%
text-transform: uppercase
a
text-decoration: none
color: #ffffff
a:hover
color: #E864EF
.links
display: inline-block
a
display: flex
justify-content: space-between
.logo
width: auto
height: 10vh
.credits
position: absolute
left: 50%
right: 25%
bottom: 30px
margin-left: -50px
.creator
font-size: 2.5vh
color: white
text-align: center
display: table-caption
padding: 1vh
position: absolute
top: 95%
.creator a
text-decoration: none
margin: 0
padding: 0
color: #ff58d567
.creator a:hover
color: #ff08c167
.them
width: auto
height: 16vh
margin-left: -20px
.floating
animation-name: floating
animation-duration: 3s
animation-iteration-count: infinite
animation-timing-function: ease-in-out
@keyframes floating
from
transform: translate(0, 0px)
65%
transform: translate(0, 10px)
to
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 = {
socials: {
discord: "https://discord.gg/eXST5gv",
twitter: "https://twitter.com/BastardCrook",
},
};
module.exports = {
socials: {
discord: "https://discord.gg/eXST5gv",
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",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"chalk": "^3.0.0",
"compression": "^1.7.4",
"cors": "^2.8.5",
"express": "^4.17.1",
"express-handlebars": "^3.1.0",
"helmet": "^3.21.2",
"morgan": "^1.9.1"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}
{
"name": "sor-dog",
"version": "1.0.0",
"description": "",
"main": "index.js",
"dependencies": {
"chalk": "^3.0.0",
"compression": "^1.7.4",
"cors": "^2.8.5",
"express": "^4.17.1",
"express-handlebars": "^3.1.0",
"helmet": "^3.21.2",
"morgan": "^1.9.1"
},
"devDependencies": {},
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "",
"license": "ISC"
}

4
run.js
View file

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

18
run.sh
View file

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

218
server.js
View file

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

View file

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

View file

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