finshed site
This commit is contained in:
monty
parent
0afa06cec5
commit
caba27bc79
12 changed files with 304 additions and 61 deletions
|
|
@ -16,17 +16,6 @@ body {
|
|||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background-color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -17,19 +17,6 @@ body {
|
|||
background-attachment: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
.light {
|
||||
color: black !important;
|
||||
background-color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//background: white !important;
|
||||
}
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
|||
101
assets/css/tos.css
Normal file
101
assets/css/tos.css
Normal file
|
|
@ -0,0 +1,101 @@
|
|||
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url("/assets/images/y.jpg");
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
-webkit-writing-mode: vertical-rl;
|
||||
-ms-writing-mode: tb-rl;
|
||||
writing-mode: vertical-rl;
|
||||
padding-left: .1vw;
|
||||
padding-top: 2vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
#credits a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#credits a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
|
||||
.center {
|
||||
display: -webkit-box;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
-webkit-box-align: center;
|
||||
-ms-flex-align: center;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.center .title {
|
||||
font-size: 7vw;
|
||||
}
|
||||
|
||||
#payment {
|
||||
-ms-flex-line-pack: center;
|
||||
align-content: center;
|
||||
-webkit-box-pack: center;
|
||||
-ms-flex-pack: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) {
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) .title {
|
||||
height: 10vh;
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.SectionHeader {
|
||||
font-size: 4vw;
|
||||
text-align: center;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 3.5vh;
|
||||
list-style-type: disc;
|
||||
margin: 8vh;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
/*# sourceMappingURL=tos.css.map */
|
||||
9
assets/css/tos.css.map
Normal file
9
assets/css/tos.css.map
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"version": 3,
|
||||
"mappings": "AAAA,OAAO,CAAC,kEAAI;AAEZ,AAAA,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,WAAW,EAAE,oBAAoB;CACjC;;AAED,AAAA,IAAI,CAAC;EACJ,gBAAgB,EAAE,KAAK;EACvB,KAAK,EAAE,KAAK;EACZ,gBAAgB,EAAE,2BAA2B;EAC7C,eAAe,EAAE,KAAK;EACtB,qBAAqB,EAAE,KAAK;EAC5B,mBAAmB,EAAE,MAAM;EAC3B,iBAAiB,EAAE,SAAS;EAC5B,eAAe,EAAE,KAAK;CAEtB;;AAED,AAAA,QAAQ,CAAC;EACR,SAAS,EAAE,KAAK;EAChB,OAAO,EAAE,aAAa;EACtB,YAAY,EAAE,WAAW;EACzB,YAAY,EAAE,IAAI;EAClB,WAAW,EAAE,GAAG;EAChB,KAAK,EAAE,SAAS;EAChB,OAAO,EAAE,GAAG;EACZ,MAAM,EAAE,OAAO;EACf,cAAc,EAAE,IAAI;CAWpB;;AApBD,AAUC,QAVO,CAUP,CAAC,CAAC;EACD,MAAM,EAAE,CAAC;EACT,OAAO,EAAE,CAAC;EACV,KAAK,EAAE,SAAS;EAChB,cAAc,EAAE,GAAG;EACnB,eAAe,EAAE,IAAI;CACrB;;AAhBF,AAiBC,QAjBO,CAiBP,CAAC,AAAA,MAAM,CAAC;EACP,KAAK,EAAE,SAAS;CAChB;;AAGF,AAAA,OAAO,CAAC;EACP,OAAO,EAAE,IAAI;EACb,eAAe,EAAE,MAAM;EACvB,cAAc,EAAE,MAAM;EACtB,WAAW,EAAE,MAAM;CAInB;;AARD,AAKC,OALM,CAKN,MAAM,CAAC;EACN,SAAS,EAAE,GAAG;CACd;;AAGF,AAAA,QAAQ,CAAC;EACR,aAAa,EAAE,MAAM;EACrB,eAAe,EAAE,MAAM;CACvB;;AAED,AAAA,OAAO,AAAA,aAAc,CAAA,KAAK,EAAE;EAC3B,MAAM,EAAE,IAAI;CAIZ;;AALD,AAEC,OAFM,AAAA,aAAc,CAAA,KAAK,EAEzB,MAAM,CAAC;EACN,MAAM,EAAE,IAAI;CACZ;;AAGF,AAAA,IAAI,AAAA,mBAAmB,CAAC;EACvB,KAAK,EAAE,CAAC;CACR;;AAED,AAAA,cAAc,CAAC;EACd,SAAS,EAAE,GAAG;EACd,UAAU,EAAE,MAAM;EAClB,MAAM,EAAE,GAAG;CACX;;AAED,AAAA,EAAE,CAAC,EAAE,CAAC;EACL,SAAS,EAAE,KAAK;EAChB,eAAe,EAAE,IAAI;EACrB,MAAM,EAAE,GAAG;CACX;;AAED,AAAA,CAAC,CAAC;EACD,eAAe,EAAE,IAAI;EACrB,KAAK,EAAE,KAAK;CACZ",
|
||||
"sources": [
|
||||
"tos.scss"
|
||||
],
|
||||
"names": [],
|
||||
"file": "tos.css"
|
||||
}
|
||||
84
assets/css/tos.scss
Normal file
84
assets/css/tos.scss
Normal file
|
|
@ -0,0 +1,84 @@
|
|||
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-family: 'Roboto', sans-serif;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: black;
|
||||
color: white;
|
||||
background-image: url('/assets/images/y.jpg');
|
||||
background-size: cover;
|
||||
background-attachment: fixed;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: cover;
|
||||
//font-size: 3vw;
|
||||
}
|
||||
|
||||
#credits {
|
||||
font-size: 2.5vh;
|
||||
display: table-caption;
|
||||
writing-mode: vertical-rl;
|
||||
padding-left: .1vw;
|
||||
padding-top: 2vh;
|
||||
color: #00000049;
|
||||
z-index: 999;
|
||||
cursor: pointer;
|
||||
pointer-events: none;
|
||||
a {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
color: #a0040449;
|
||||
pointer-events: all;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:hover {
|
||||
color: #d1363649;
|
||||
}
|
||||
}
|
||||
|
||||
.center {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
.title {
|
||||
font-size: 7vw;
|
||||
}
|
||||
}
|
||||
|
||||
#payment {
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
section:only-of-type(#home) {
|
||||
height: 10vh;
|
||||
.title {
|
||||
height: 10vh;
|
||||
}
|
||||
}
|
||||
|
||||
body::-webkit-scrollbar {
|
||||
width: 0;
|
||||
}
|
||||
|
||||
.SectionHeader {
|
||||
font-size: 4vw;
|
||||
text-align: center;
|
||||
margin: 1vh;
|
||||
}
|
||||
|
||||
ul li {
|
||||
font-size: 3.5vh;
|
||||
list-style-type: disc;
|
||||
margin: 8vh;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: white;
|
||||
}
|
||||
|
|
@ -1 +0,0 @@
|
|||
console.log('Lore Page');
|
||||
|
|
@ -1,32 +0,0 @@
|
|||
let scheme = window.matchMedia(`(prefers-color-scheme: dark)`);
|
||||
let theme = window.localStorage.getItem('prefer-light');
|
||||
let title = document.getElementsByClassName('title')[0];
|
||||
let body = document.getElementsByTagName('body')[0];
|
||||
let toggle = document.getElementsByClassName('toggle')[0];
|
||||
|
||||
if (theme === 'yes') {
|
||||
body.classList.add('light');
|
||||
} else if (theme === 'no') {
|
||||
console.log('User does not like light, removing Light');
|
||||
body.classList.remove('light');
|
||||
} else {
|
||||
if (scheme) {
|
||||
body.classList.remove('light');
|
||||
console.log('User has not yet visited, but prefers dark');
|
||||
} else {
|
||||
body.classList.add('light');
|
||||
console.log('User has not yet visited, but prefers light');
|
||||
}
|
||||
}
|
||||
|
||||
toggle.addEventListener('click', (e) => {
|
||||
//console.log(e);
|
||||
body.classList.toggle('light');
|
||||
if (body.classList.contains('light')) {
|
||||
window.localStorage.setItem('prefer-light', 'yes');
|
||||
console.log('user likes light');
|
||||
} else {
|
||||
window.localStorage.setItem('prefer-light', 'no');
|
||||
console.log('user likes dark');
|
||||
}
|
||||
});
|
||||
46
constants.js
46
constants.js
|
|
@ -1,4 +1,44 @@
|
|||
module.exports = {
|
||||
name: 'X',
|
||||
updateToken: 'qwertzuiop1234567890'
|
||||
let other = {
|
||||
kind: 'Other',
|
||||
points: [
|
||||
"I need a Reference Sheet! <smol>The only exception is if I am making a reference sheet FOR you, or its artistic liberty but even then i prefer to have a crude drawing with color done on MS paint over nothing. It doesn't have to be fancy, I just am not willing to read a 2000 word document about the intricacies of your character.</smol>",
|
||||
'Once you commission me, or buy an adopt from me, the art that i have drawn for you is yours! The only thing that i ask is that you do not claim it as your own, trace, steal, resell, etc. without explicit permission. If you want to use it in merchandising please ask me first.',
|
||||
"Please do not just randomly repost the art with no mention that you didn't draw it. If you are on a website you aren't sure that im on, just say that it was made by Yugen the Corgi or corgiyugy on twitter/instagram, etc.! Just be cool about it. You can make it your pfp, use it how you want, just dont claim it as your own.",
|
||||
'f you buy an adopt from me, however it is 100% yours. Do not trace/steal the art or claim you made the art but besides that there are no limits. It is your character to own and keep.',
|
||||
'I am open to drawing pretty much anything, as long as I have a vague idea of what it is. If it is a species I am not 100% familiar with or i think I might have trouble with it, i will inform you so you can make the decision if you want to go through with it!'
|
||||
]
|
||||
};
|
||||
let payment = {
|
||||
kind: 'Payment',
|
||||
points: [
|
||||
'All Payment is through Paypal or Ko-Fi right now!',
|
||||
'Payments must be paid in-full and upfront unless we aggree of a Payment plan that is suitable.',
|
||||
'I will not begin the commission until the Payment is made, but will gladly put you on my queue.',
|
||||
'I prefer not to make payment plans for anything below $30 but if it is more than that, im much more willing to negotiate with 50% up front and 50% at sketch',
|
||||
'If you are seeking a commission, please do not use my paypal.me! I will need the paypal email that is connected to your paypal, so I can send you an invoice! However, if you would like to use the paypal.me/yugycorgi for tips, feel free to as long as you communicate'
|
||||
]
|
||||
};
|
||||
|
||||
let turnaround = {
|
||||
kind: 'Turnaround',
|
||||
points: [
|
||||
'I am someone who is currently enrolled in Highschool, soon to be college. I work a part time job, do this, spend time with my boyfriend and my family and try to have freetime to relax so if you buy a commission from me PLEASE do not bother me about when it will be done every day. If there are any updates about it, i WILL message you! feel free to ask every week or every few days, etc. as I want you to be comfortable but bothering me will just make me stressed and wont make it come faster!',
|
||||
'If you have an issue with how long your commission is taking, please let me know so I can figure out if there is a way i can move you ahead in the queue!',
|
||||
'If you need the commission done for something specific (a birthday, an event, etc.) and need a completion date, I am totally willing to discuss an expedited commission process that might cost a little bit more to move you to the top of the queue!',
|
||||
'Expect an update on when i begin the sketch, when i finish the sketch, and when it is complete! if you want to approve lineart (which occasionally I send to you anyways if I am unsure), please tell me that you would like to see lineart, coloring, etc. through the process and I will be happy to do that!'
|
||||
]
|
||||
};
|
||||
let refunds = {
|
||||
kind: 'Refunds',
|
||||
points: [
|
||||
'I am happy to give a full refund for a commission that I have not started, however if I have sent a sketch to you then you are no longer eligible for refund',
|
||||
'Refunds will be discussed on a situational basis',
|
||||
'If you make a commission with me, and completely go off the grid for 2 or more weeks or your account is completely suspended and you do not make an attempt to contact me on any other social media, etc. your commission will be cancelled with no refund.'
|
||||
]
|
||||
};
|
||||
|
||||
module.exports = {
|
||||
name: 'yugen',
|
||||
updateToken: 'qwertzuiop1234567890',
|
||||
tos: [ payment, turnaround, refunds, other ]
|
||||
};
|
||||
|
|
|
|||
13
server.js
13
server.js
|
|
@ -80,6 +80,19 @@ module.exports = (client) => {
|
|||
});
|
||||
});
|
||||
|
||||
app.get('/tos', async (req, res) => {
|
||||
/* var ua = UA(req.headers['user-agent']);
|
||||
console.log(ua) */
|
||||
res.render('tos', {
|
||||
layout: 'tos',
|
||||
name: con.name,
|
||||
host: req.hostname,
|
||||
WillDraw: [ 'Furries', 'Toony', 'Cell Shaded', 'Any Species', 'SFW', 'Candy-/Softgore' ],
|
||||
WontDraw: [ 'NSFW', 'Hardgore', 'Feral (unless Chibi)', 'Realism', 'Humans', 'Hard fetish (ask)' ],
|
||||
tos: con.tos
|
||||
});
|
||||
});
|
||||
|
||||
app.listen(port /* , hostname */, () => {
|
||||
console.log(`[ Server ] Listening on ${port}`);
|
||||
});
|
||||
|
|
|
|||
32
views/layouts/tos.hbs
Normal file
32
views/layouts/tos.hbs
Normal file
|
|
@ -0,0 +1,32 @@
|
|||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="initial-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible">
|
||||
<title>TOS | Yugen the Corgi | yugen.work</title>
|
||||
<script src="../assets/js/main.js" async></script>
|
||||
<link rel="stylesheet" type="text/css" href="../assets/css/tos.css" />
|
||||
|
||||
<meta name="theme-color" content="#e4778d">
|
||||
<meta property="og:title" content="yugen">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:url" content="https://{{host}}">
|
||||
<meta property="og:image" content="/assets/images/icon.jpg">
|
||||
<meta property="og:description" content="Socials, TOS & more">
|
||||
|
||||
|
||||
<link rel="icon" type="image/png" href="/assets/images/icon.jpg" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="/assets/images/icon.jpg" sizes="96x96">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="/assets/images/icon.jpg">
|
||||
<meta name="msapplication-TileColor" content="#ffffff">
|
||||
<meta name="msapplication-TileImage" content="/mstile-144x144.png">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
{{{body}}}
|
||||
</body>
|
||||
|
||||
|
||||
</html>
|
||||
21
views/tos.hbs
Normal file
21
views/tos.hbs
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
<body>
|
||||
<section id="credits">
|
||||
<p>made by <a href="https://floofy.dev" target="_blank" rel="yugen">floofy.dev</a></p>
|
||||
</section>
|
||||
<section id="home">
|
||||
<div class="center">
|
||||
<h1 class="title"><a class="back" href="/">🡠</a> Terms of Service</h1>
|
||||
</div>
|
||||
</section>
|
||||
{{#each tos}}
|
||||
<section id="{{this.kind}}">
|
||||
<h1 class="SectionHeader">{{this.kind}}</h1>
|
||||
<ul>
|
||||
{{#each this.points}}
|
||||
<li>{{this}}</li>
|
||||
{{/each}}
|
||||
</ul>
|
||||
</section>
|
||||
{{/each}}
|
||||
|
||||
</body>
|
||||
Loading…
Reference in a new issue