We should improve abtmtr.link site commissions somewhat.
Yet you participate in abtmtr.link site commissions. Curious! I am very intelligent.
This commit is contained in:
parent
1805431a58
commit
bbfd96c304
13 changed files with 166 additions and 200 deletions
|
|
@ -5,7 +5,7 @@ html, body {
|
||||||
|
|
||||||
body {
|
body {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
margin: 0 1rem;
|
margin: 0 2rem;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -73,7 +73,8 @@ input[readonly], textarea[readonly] {
|
||||||
opacity: 0.5;
|
opacity: 0.5;
|
||||||
}
|
}
|
||||||
|
|
||||||
input, textarea {
|
input, textarea,
|
||||||
|
button {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
border: 1px solid currentColor;
|
border: 1px solid currentColor;
|
||||||
|
|
@ -83,7 +84,8 @@ input, textarea {
|
||||||
|
|
||||||
input[type=submit],
|
input[type=submit],
|
||||||
input[type=reset],
|
input[type=reset],
|
||||||
input[type=button] {
|
input[type=button],
|
||||||
|
button {
|
||||||
border: 2px solid currentColor;
|
border: 2px solid currentColor;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
padding: 8px 16px;
|
padding: 8px 16px;
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 1.9 KiB |
BIN
assets/imgs/pricing/type_cool.png
Normal file
BIN
assets/imgs/pricing/type_cool.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.4 KiB |
BIN
assets/imgs/pricing/type_nice.png
Normal file
BIN
assets/imgs/pricing/type_nice.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
|
|
@ -54,7 +54,7 @@ main .cakeView {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
min-height: calc(100svh - 14rem);
|
min-height: calc(100svh - 14rem);
|
||||||
margin-bottom: calc((100vh - 100svh) + 4rem);
|
/* margin-bottom: calc((100vh - 100svh) + 4rem); */
|
||||||
}
|
}
|
||||||
|
|
||||||
main .cakeView section {
|
main .cakeView section {
|
||||||
|
|
@ -121,7 +121,8 @@ button {
|
||||||
margin-inline-start: -1em;
|
margin-inline-start: -1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
.satisfiedBox a {
|
.satisfiedBox a,
|
||||||
|
.cta {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
background-color: rgb(var(--bg));
|
background-color: rgb(var(--bg));
|
||||||
|
|
@ -132,14 +133,26 @@ button {
|
||||||
filter: invert(100%);
|
filter: invert(100%);
|
||||||
text-decoration-color: transparent;
|
text-decoration-color: transparent;
|
||||||
padding: 4px;
|
padding: 4px;
|
||||||
margin: -4px;
|
margin: -4px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta:hover {
|
||||||
|
filter: invert(100%);
|
||||||
|
text-decoration-color: transparent;
|
||||||
|
padding: 8px 16px;
|
||||||
|
border-color: rgb(var(--bg));
|
||||||
}
|
}
|
||||||
|
|
||||||
.satisfiedBox a:active {
|
.satisfiedBox a:active {
|
||||||
translate: 4px 0;
|
translate: 4px 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.satisfiedBox a::after {
|
.cta:active {
|
||||||
|
translate: 0 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.satisfiedBox a::after,
|
||||||
|
.cta::after {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
content: ">>";
|
content: ">>";
|
||||||
margin-inline-start: 0;
|
margin-inline-start: 0;
|
||||||
|
|
@ -150,7 +163,16 @@ button {
|
||||||
transition: width 0.25s, margin 0.25s;
|
transition: width 0.25s, margin 0.25s;
|
||||||
}
|
}
|
||||||
|
|
||||||
.satisfiedBox a:hover::after {
|
.cta::after {
|
||||||
|
content: "↓";
|
||||||
|
}
|
||||||
|
|
||||||
|
.satisfiedBox a:hover::after,
|
||||||
|
.cta:hover::after {
|
||||||
margin-inline-start: 1ch;
|
margin-inline-start: 1ch;
|
||||||
width: 2ch;
|
width: 2ch;
|
||||||
|
}
|
||||||
|
|
||||||
|
.cta:hover::after {
|
||||||
|
width: 1ch;
|
||||||
}
|
}
|
||||||
4
index.js
4
index.js
|
|
@ -21,10 +21,6 @@ app.get('/', async (req, res) => {
|
||||||
res.render('index');
|
res.render('index');
|
||||||
})
|
})
|
||||||
|
|
||||||
app.get('/whaticando', async (req, res) => {
|
|
||||||
res.render('whaticando');
|
|
||||||
})
|
|
||||||
|
|
||||||
app.get('/tos', async (req, res) => {
|
app.get('/tos', async (req, res) => {
|
||||||
res.render('tos');
|
res.render('tos');
|
||||||
})
|
})
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
<footer style="text-align: center;">
|
<footer style="text-align: center;">
|
||||||
<h1>abtmtr.link site commissions v1</h1>
|
<h1>abtmtr.link site commissions v1</h1>
|
||||||
<p>© abtmtr.link 2024</p>
|
<p>© abtmtr.link 2024</p>
|
||||||
<p>fonts are <a href="https://fonts.google.com/specimen/Red+Hat+Display" target="_blank">Red Hat Display</a> and <a href="https://fonts.google.com/specimen/Red+Hat+Text" target="_blank">Red Hat Text</a>.</p>
|
<p>Fonts are <a href="https://fonts.google.com/specimen/Red+Hat+Display" target="_blank">Red Hat Display</a> and <a href="https://fonts.google.com/specimen/Red+Hat+Text" target="_blank">Red Hat Text</a>.</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
@ -1,13 +1,12 @@
|
||||||
<header style="text-align: center;">
|
<header style="text-align: center;">
|
||||||
<h1>abtmtr.link site commissions</h1>
|
<h1>abtmtr.link site commissions</h1>
|
||||||
<p>commissions are <b>open</b>.</p>
|
<p>Commissions are <b>open</b>.</p>
|
||||||
<%- include(__dirname + "/views/components/linkView.ejs", {
|
<%- include(__dirname + "/views/components/linkView.ejs", {
|
||||||
links: [
|
links: [
|
||||||
["home", "/"],
|
["Start", "/"],
|
||||||
["wicd", "/whaticando/"],
|
["Terms of Service", "/tos/"],
|
||||||
["tos", "/tos/"],
|
["Pricing", "/pricing/"],
|
||||||
["pricing", "/pricing/"],
|
["Contact", "/contact/"],
|
||||||
["contact", "/contact/"],
|
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
</header>
|
</header>
|
||||||
|
|
@ -9,14 +9,14 @@
|
||||||
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
||||||
image: "/assets/imgs/emailMatkap.png",
|
image: "/assets/imgs/emailMatkap.png",
|
||||||
alt: "matkap staring dazed at a physical letter with the letter \"E\" on it, signifying e-mail. he says \"WOW\" at it.",
|
alt: "matkap staring dazed at a physical letter with the letter \"E\" on it, signifying e-mail. he says \"WOW\" at it.",
|
||||||
title: "welcome to the contact page!",
|
title: "Let's get this started.",
|
||||||
description: `you made it! are you ready?
|
description: `Welcome to the contact page. You made it! Are you ready?
|
||||||
to make sure you are, so far you should know what you want, what i can do, have acknowledged my terms of service, have chosen a site type, and are sure that you want to continue with this commission request.
|
To make sure you are, so far you should know what you want, what I can do, have acknowledged my terms of service, have chosen a site type, and are sure that you want to continue with this commission request.
|
||||||
|
|
||||||
got that? then go ahead and shoot me a request!`
|
Got that? then go ahead and shoot me a request!`
|
||||||
}) %>
|
}) %>
|
||||||
<h2>use the contact form</h2>
|
<h2>Use the contact form</h2>
|
||||||
<p>if you're nervous about starting emails like I am sometimes, try this contact form.</p>
|
<p>If you're nervous about starting emails like I am sometimes, try this contact form.</p>
|
||||||
<form action="mailto:me@abtmtr.link" method="get" target="_blank">
|
<form action="mailto:me@abtmtr.link" method="get" target="_blank">
|
||||||
<p>
|
<p>
|
||||||
<label for="to">To:</label>
|
<label for="to">To:</label>
|
||||||
|
|
@ -37,7 +37,7 @@ Thanks!</textarea>
|
||||||
</p>
|
</p>
|
||||||
<input type="submit" id="submit" value="Send email" />
|
<input type="submit" id="submit" value="Send email" />
|
||||||
</form>
|
</form>
|
||||||
<h2>email me directly</h2>
|
<h2>Email me directly</h2>
|
||||||
<p>Or, if you're more confident, you can send me an email by yourself.</p>
|
<p>Or, if you're more confident, you can send me an email by yourself.</p>
|
||||||
<p><a href="mailto:me@abtmtr.link" target="_blank">me@abtmtr.link</a></p>
|
<p><a href="mailto:me@abtmtr.link" target="_blank">me@abtmtr.link</a></p>
|
||||||
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
||||||
|
|
|
||||||
|
|
@ -9,56 +9,32 @@
|
||||||
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
||||||
image: "/assets/imgs/homosuckMatkap.png",
|
image: "/assets/imgs/homosuckMatkap.png",
|
||||||
alt: "matkap looking ridiculous with his hands in the air",
|
alt: "matkap looking ridiculous with his hands in the air",
|
||||||
title: "hey, i'm Meowca­Theo­Range.",
|
title: "I make sites that stand out.",
|
||||||
description: `i've got a feeling you want a <b>good site</b> that's <b>special</b>, <b>performs well</b> on <b>all devices</b>, and <b>pleases new visitors</b> and <b>existing fans</b> alike.
|
description: `I've got a feeling you want a place to showcase your commissions - you want it to bring attention to what you do and what you're selling.
|
||||||
you want it to <b>bring attention to what you do</b>, what you <b>dedicate yourself to</b>, what you're <b>passionate about</b>, or <b>what you're selling</b>... but you <b>don't quite have the know-how to get it done</b>.
|
well, that's the kind of thing I'm good at making.
|
||||||
|
|
||||||
don't worry - in that case, <b>i've got your back</b>!`
|
<button class="cta" onclick="document.querySelector('hr').scrollIntoView({behavior:'smooth',block:'start'})">Check it out</button>`
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/compareView.ejs", {
|
|
||||||
image: "/assets/imgs/perplexedPerson.png",
|
|
||||||
alt: "some person looking perplexed at their computer loading a website",
|
|
||||||
title: "why you should consider my services",
|
|
||||||
description: [
|
|
||||||
["i know how to make sites perform well.", `i design my sites in HTML, only using JavaScript for flair and utility. this speeds up loading times by not requiring as much as a modern site would demand.`],
|
|
||||||
["after i make wewbsite you can extend it i dont care"],
|
|
||||||
["every single carrd pro feature is included in commission price except for the domain and hosting stuff i can't do that for you",
|
|
||||||
`if you'd like a form to send you an email, Google Analytics, or a special HTML thingy on your site, it'll run you no extra cost.`],
|
|
||||||
["i am building the website for you"],
|
|
||||||
["styling is separate from page content", `if you aren't sure about a color, the layout, or the font of a page, you won't have to go through every element to do it. changing any of these (even while I'm working on it) will run you no extra cost.`]
|
|
||||||
]
|
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/compareView.ejs", {
|
|
||||||
image: "/assets/imgs/smellyCarrd.png",
|
|
||||||
alt: "a large red no-entry symbol over a smelly computer with a carrd page on it",
|
|
||||||
title: "why you shouldn't use carrd",
|
|
||||||
description: [
|
|
||||||
["you've got a limited amount of elements", `if you've ever tried to seriously use carrd, you've probably hit the limits of elements at least once.`],
|
|
||||||
["it's only one page", `fancy site transitions are nice, but it runs the cost of having *all of your site* on one page loaded at once, which isn't that good.`],
|
|
||||||
["you still have to build your site yourself!"]
|
|
||||||
]
|
|
||||||
}) %>
|
}) %>
|
||||||
<%- include(__dirname + "/views/components/listView.ejs", {
|
<%- include(__dirname + "/views/components/listView.ejs", {
|
||||||
title: "what you'll need",
|
title: "I've been making functional sites for a while",
|
||||||
description: [
|
description: [
|
||||||
["some idea of what you'll want your site to look like.",
|
["I've had 4 years of experience in web design, and have been programming my whole life."],
|
||||||
`what colors? what font? what will the pages be? what will they look like? what content will they have? do you want anything to be interactive? any galleries?
|
["I'm good at CSS and styling", "If you can put it on a piece of paper, I can probably do it in CSS."],
|
||||||
|
["I'm a very fast learner", "If you want something new that I don't already know, I'll probably be able to implement it effectively."],
|
||||||
this is a storm of questions, sure, but they're only here to get you thinking.`
|
["I can also use frameworks.", "I've had experience in Next.js, React in general, and EJS (my favourite)."]
|
||||||
],
|
]
|
||||||
["some idea of what you'll want your site to do.",
|
}) %>
|
||||||
`at the moment, i'm looking to work on commission sites specifically. i might be able to do other types of sites if requested, but anything personal is out of my scope.`],
|
<%- include(__dirname + "/views/components/galleryView.ejs", {
|
||||||
["the ability to send and recieve emails.",
|
title: "My examples",
|
||||||
`i don't have any social media other than FurAffinity. no Twitter, no Instagram, nothing. regarding commission requests, i'll only accept email.`],
|
images: [
|
||||||
["the ability to send and recieve Cash App requests.",
|
["/assets/imgs/examples/abtmtr_link.png", "My personal site, abtmtr.link.", "https://abtmtr.link/"],
|
||||||
`Stripe screwed me, PayPal exposes PII, and Ko-fi requires one of both. Cash App is sketch, sure, but it's one of the only ways i can get money into my bank account.`],
|
["/assets/imgs/examples/sp_abtmtr_link.png", "sp.abtmtr.link, with SVGs and JavaScript to make visualizations.", "https://sp.abtmtr.link/"],
|
||||||
["patience.",
|
["/assets/imgs/examples/tv_abtmtr_link.png", "I did the styling on tv.abtmtr.link.", "https://tv.abtmtr.link/"],
|
||||||
`making a website takes a long time, and while (i think) i may be faster at it than most, i'll still need some time. i will send occasional updates about the site, though.`]
|
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<section class="satisfiedBox">
|
<section class="satisfiedBox">
|
||||||
<h2>is this looking good so far?</h2>
|
<h2>Like what you see?</h2>
|
||||||
<p>you should check out <a href="/whaticando/">what i can do</a>.</p>
|
<p>Continue by making sure you're aware of <a href="/tos/">my terms of service</a>.</p>
|
||||||
</section>
|
</section>
|
||||||
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -9,103 +9,103 @@
|
||||||
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
||||||
image: "/assets/imgs/trustmeMatkap.png",
|
image: "/assets/imgs/trustmeMatkap.png",
|
||||||
alt: "matkap, wall-eyed, with a wide grin, top-hat, and an improperly-worn tie.",
|
alt: "matkap, wall-eyed, with a wide grin, top-hat, and an improperly-worn tie.",
|
||||||
title: "it's business time.",
|
title: "It's business time.",
|
||||||
description: `so, you've seen what i can do, and you've given what you want a little thought... now what's the cost of all of this?
|
description: `So, you've seen what I can do, and you've given what you want a little thought... now what's the cost of all of this?
|
||||||
|
|
||||||
check out the site types and see what fits you.`
|
Check out the site types and see what fits you.`
|
||||||
}) %>
|
}) %>
|
||||||
<%- include(__dirname + "/views/components/compareView.ejs", {
|
<%- include(__dirname + "/views/components/compareView.ejs", {
|
||||||
image: "/assets/imgs/pricing/type_all.png",
|
image: "/assets/imgs/pricing/type_all.png",
|
||||||
alt: "matkap smiling at the viewer, with a browser on the other side. sparkles are around both.",
|
alt: "matkap smiling at the viewer, with a browser on the other side. sparkles are around both.",
|
||||||
title: "all site types can/will include",
|
title: "All site types can/will include",
|
||||||
description: [
|
description: [
|
||||||
["a 404 page (not included in page count)", `let me know what you're using to host, and i'll adjust the file accordingly.`],
|
["A 404 page (not included in page count)", `Let me know what you're using to host, and I'll adjust the file accordingly.`],
|
||||||
["static assets (images, favicon, videos, JSON files, etc.)"],
|
["Static assets (images, favicon, videos, JSON files, etc.)"],
|
||||||
["HTML and CSS"],
|
["HTML and CSS"],
|
||||||
["no limits on page content"],
|
["No limits on page content"],
|
||||||
["no limits on widgets, embeds, 88x31s, blinkies, whatever"],
|
["No limits on widgets, embeds, 88x31s, blinkies, whatever"],
|
||||||
["no abtmtr.link watermark or whatever", "credit me if you want, though"],
|
["No abtmtr.link watermark or whatever", "Credit me if you want, though"],
|
||||||
["no hosting on abtmtr.link"],
|
["No hosting on abtmtr.link"],
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<br />
|
<br />
|
||||||
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
||||||
image: "/assets/imgs/pricing/type_basic.png",
|
image: "/assets/imgs/pricing/type_basic.png",
|
||||||
alt: "some pages, and a browser accessing the first page in the list with a person extending their right arm up to the browser.",
|
alt: "A browser displaying the word HELLO, with some generic content after it.",
|
||||||
title: "basic site ($20 USD)",
|
title: "Basic Site ($20 USD)",
|
||||||
description: `the most basic site you can get from me.
|
description: `The most basic site you can get from me.
|
||||||
|
|
||||||
this site type is good if you just want a website. nothing sparkly, just a site that looks good and works well.
|
This site type is good if you just want a website that can do just about what you'd need.
|
||||||
if you've got socials, a toyhouse, and a ko-fi, this can be your go-to.
|
|
||||||
|
|
||||||
minimum deadline: 4 weeks
|
Minimum deadline: 2 weeks
|
||||||
est. time: 1-2 weeks`,
|
Est. time: Less than a week`,
|
||||||
yes: [
|
yes: [
|
||||||
["3 pages max (incl. homepage)"],
|
["Homepage with brief socials/pricing/terms of service"],
|
||||||
["HTML forms"],
|
],
|
||||||
|
no: [
|
||||||
|
["Separate terms of service page"],
|
||||||
|
["Separate contact/socials page"],
|
||||||
|
["Google Analytics"],
|
||||||
|
["Gallery page"],
|
||||||
|
["Contact form"],
|
||||||
|
]
|
||||||
|
}) %>
|
||||||
|
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
||||||
|
image: "/assets/imgs/pricing/type_nice.png",
|
||||||
|
alt: "A browser displaying miscellaneous content, and a path leading from a house to a script to a contact icon.",
|
||||||
|
title: "Nice Site ($30 USD)",
|
||||||
|
description: `Something that's a little nicer.
|
||||||
|
|
||||||
|
This site type is good if you need comprehensive information about what you're selling, how you're selling it, and where you're selling it.
|
||||||
|
|
||||||
|
Minimum deadline: 4 weeks
|
||||||
|
Est. time: 2-4 weeks`,
|
||||||
|
yes: [
|
||||||
|
["Homepage/pricing page"],
|
||||||
|
["Terms of service page"],
|
||||||
|
["Contact/socials page"],
|
||||||
["Google Analytics (if you want)"],
|
["Google Analytics (if you want)"],
|
||||||
],
|
],
|
||||||
no: [
|
no: [
|
||||||
["JavaScript"],
|
["Gallery page"],
|
||||||
["subpages"],
|
["Contact form"],
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
||||||
image: "/assets/imgs/pricing/type_good.png",
|
image: "/assets/imgs/pricing/type_cool.png",
|
||||||
alt: "a couple pages, and a browser with a gallery and an advertisement with an among us crewmate and the word \"adversising [sic]\".",
|
alt: "A browser displaying a gallery and a form, with arrows coming out of the form pointing to the Twitter logo, an email icon, and three question marks. An arrow points from the gallery showing more images.",
|
||||||
title: "good site ($30 USD)",
|
title: "Cool Site ($50 USD)",
|
||||||
description: `this site type is good if you don't need a lot out of your site.
|
description: `A site with the works.
|
||||||
if you use some kind of commission management system, and are happy with just making your requests more parseable, this is a good pick for you.
|
|
||||||
|
This site type is good if you'd like this site to front your operations.
|
||||||
|
If you use some kind of commission management system, and are happy with making your requests work better, this is a good pick for you.
|
||||||
|
|
||||||
minimum deadline: 1 month
|
Minimum deadline: 2 months
|
||||||
est. time: 2-4 weeks`,
|
Est. time: 4-6 weeks`,
|
||||||
yes: [
|
yes: [
|
||||||
["Everything from <i>basic site</i>"],
|
["Homepage/pricing page"],
|
||||||
["5 pages max (incl. homepage)"],
|
["Terms of service page"],
|
||||||
["basic JavaScript"],
|
["Contact/socials page"],
|
||||||
["JS forms"],
|
["Google Analytics (if you want)"],
|
||||||
["gallery views (image only)"],
|
["Gallery page"],
|
||||||
["subpages"],
|
["Contact form (for Twitter, e-mail, etc.)", "Ask for what platform you use for contacts, and I'll see if I can work it out."],
|
||||||
],
|
|
||||||
no: [
|
|
||||||
]
|
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
|
||||||
image: "/assets/imgs/pricing/type_awesome.png",
|
|
||||||
alt: "a portfolio website, with a sale dialog over it. the sale code is \"HIIIIALL\".",
|
|
||||||
title: "awesome site ($50 USD)",
|
|
||||||
description: `good site, but better. or: matkap special, but more basic.
|
|
||||||
the Nitro Basic of abtmtr.link's site commissions.
|
|
||||||
|
|
||||||
this site type is good for an advanced commissions site - one that can count slots, availability, types of commissions, whatever you'll need.
|
|
||||||
|
|
||||||
minimum deadline: 2 months
|
|
||||||
est. time: 1-2 months`,
|
|
||||||
yes: [
|
|
||||||
["Everything from <i>good site</i>"],
|
|
||||||
["10 pages max (incl. homepage)"],
|
|
||||||
["functional cookies, local storage, and session storage"],
|
|
||||||
["popups and stuff"],
|
|
||||||
],
|
],
|
||||||
no: [
|
no: [
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<br />
|
<br />
|
||||||
<h2>or, i can quote you a site</h2>
|
<h2>Or, I can quote you a site</h2>
|
||||||
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
<%- include(__dirname + "/views/components/yesNoListView.ejs", {
|
||||||
image: "/assets/imgs/pricing/type_quote.png",
|
image: "/assets/imgs/pricing/type_quote.png",
|
||||||
alt: "matkap chewing on a calculator. there's a quote that is reported to be \"$?!?!\". a browser is below it.",
|
alt: "matkap chewing on a calculator. there's a quote that is reported to be \"$?!?!\". a browser is below it.",
|
||||||
title: "\"site\" ($20+ USD)",
|
title: "\"Site\" ($20+ USD)",
|
||||||
description: `oh god oh fuck it looks like i'll have to do some mental math.
|
description: `Looks like I'll have to do some mental math.
|
||||||
|
|
||||||
this site type is good if you need something specific.
|
This site type is good if you need something *really* specific.
|
||||||
it's also the worst pun i think i've ever made.
|
It's also the worst pun I think I've ever made.
|
||||||
|
|
||||||
price depends on quoted content, plus the base fee.
|
Price and time depends on quoted content, plus the base fee.
|
||||||
(the quote itself is free i'm not gonna charge you for a damn email exchange)
|
(the quote itself is free, I'm not gonna charge you for a damn email exchange)`,
|
||||||
|
|
||||||
minimum deadline: ???
|
|
||||||
est. time: ???`,
|
|
||||||
yes: [
|
yes: [
|
||||||
["fuck around and find out"],
|
["fuck around and find out"],
|
||||||
],
|
],
|
||||||
|
|
@ -115,8 +115,8 @@ est. time: ???`,
|
||||||
}) %>
|
}) %>
|
||||||
<br />
|
<br />
|
||||||
<section class="satisfiedBox">
|
<section class="satisfiedBox">
|
||||||
<h2>does everything look OK?</h2>
|
<h2>Does everything look OK?</h2>
|
||||||
<p>feel free to go ahead and <a href="/contact/">contact me</a>.</p>
|
<p>Feel free to go ahead and <a href="/contact/">contact me</a>.</p>
|
||||||
</section>
|
</section>
|
||||||
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
|
|
@ -7,29 +7,47 @@
|
||||||
<main>
|
<main>
|
||||||
<%- include(__dirname + "/views/components/specific/header.ejs") %>
|
<%- include(__dirname + "/views/components/specific/header.ejs") %>
|
||||||
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
||||||
image: "/assets/imgs/nsfwMatkap.png",
|
image: "/assets/imgs/whatMatkap.png",
|
||||||
alt: "matkap, staring up at a black bar that says \"NSFW\" on it. he says \"OH NO\"...",
|
alt: "matkap with a double-chin looking wall-eyed over the viewer, mouth open and drooling.",
|
||||||
title: "let's set some boundaries.",
|
title: "Let's set some boundaries.",
|
||||||
description: `i've gotta make sure you're picking up what i'm putting down. this is what you will agree to acknowledge when you contact me regarding site commissions.
|
description: `I've gotta make sure you're picking up what I'm putting down. This is what you will agree to acknowledge when you contact me regarding site commissions.
|
||||||
|
|
||||||
...all of it is incredibly important. please read this page.`
|
...all of it is incredibly important. Please read this page.`
|
||||||
}) %>
|
}) %>
|
||||||
<%- include(__dirname + "/views/components/listView.ejs", {
|
<%- include(__dirname + "/views/components/listView.ejs", {
|
||||||
image: "/assets/imgs/pricing/type_all.png",
|
image: "/assets/imgs/pricing/type_all.png",
|
||||||
alt: "matkap smiling at the viewer, with a browser on the other side. sparkles are around both.",
|
alt: "matkap smiling at the viewer, with a browser on the other side. sparkles are around both.",
|
||||||
title: "terms of service",
|
title: "Terms of Service",
|
||||||
description: [
|
description: [
|
||||||
["i won't do NSFW. if you request NSFW from me, i will block your email address and your entire domain if applicable. don't do it. don't try me. <b>I AM A MINOR!!!!</b>"],
|
["I won't do NSFW. If you request NSFW from me, I will block your email address and your entire domain if applicable. Don't do it. Don't try me. <b>I AM A MINOR!!!!</b>"],
|
||||||
["after i am done making your site, you can license it however you want and credit me if you want to.\n<b>if the site contains any copyrighted content not owned or licensed by the party who will own the site, however, the site's license will be limited to All Rights Reserved.</b>"],
|
["After I am done making your site, you can license it however you want and credit me if you want to.\n<b>If the site contains any copyrighted content not owned or licensed by the party who will own the site, however, the site's license will be limited to All Rights Reserved.</b>"],
|
||||||
["during the site's creation, the site is <b>under my ownership</b>. if the commission is cancelled, however, you can request that the site, finished or unfinished, have its ownership transfered to you."],
|
["During the site's creation, the site is <b>under my ownership</b>. If the commission is cancelled, however, you can request that the site, finished or unfinished, have its ownership transfered to you."],
|
||||||
["i'd prefer you to send me some design reference, but if you don't have one, i can try my best to cook one up for you."],
|
["I'd prefer you to send me some design reference, but if you don't have one, I can try my best to cook one up for you."],
|
||||||
["i have the right to <b>deny or stop working on your commission at any time</b>. if your commission is cancelled after payment, <b>expect a refund</b> within (at maximum) a few days."],
|
["I have the right to <b>deny or stop working on your commission at any time</b>. If your commission is cancelled after payment, <b>expect a refund</b> within (at maximum) a few days."],
|
||||||
["you also have the right to deny or cancel a commission at any point until styling and layout is finished. expect a refund at a reduced amount depending on when the cancellation was made."],
|
["You also have the right to deny or cancel a commission at any point until styling and layout is finished. Expect a refund at a reduced amount depending on when the cancellation was made."],
|
||||||
["changes in styling and minor changes to the site's layout can be done at any point. major changes to site layout or scripts should be clarified before the site is finished."],
|
["Changes in styling and minor changes to the site's layout can be done at any point. Major changes to site layout or scripts should be made before the site is finished."],
|
||||||
["when you contact me, i'd like to know your payment details in advance so i can verify that money is being sent the right way (and for refunds). i'll let you know mine in further correspondence for security-adjacent verification purposes."],
|
["When you contact me, I'd like to know your payment details in advance so I can verify that money is being sent the right way (and for refunds). I'll let you know mine in further correspondence for security-adjacent verification purposes."],
|
||||||
["if there's a deadline, <b>please let me know</b>. my minimum notice time is <b>2 weeks or longer</b> depending on the site type. anything shorter will <b>cause your commission to be declined</b>."],
|
["If there's a deadline, <b>please let me know</b>. My minimum notice time is <b>2 weeks or longer</b> depending on the site type. Anything shorter will <b>not be accepted</b>."],
|
||||||
["if i am uncomfortable doing certain things with your site, i will let you know.", "to keep it brief, i am uncomfortable with piracy, advertising, unimportant cookies, tracking, and dishonest phrasing."],
|
["If I am uncomfortable doing certain things with your site, I will let you know.", "To keep it brief, I am uncomfortable with piracy, unimportant cookies, and tracking."],
|
||||||
["i will try to provide updates on progress as i work on your site. if you don't want updates, or want updates and confirmation to be sent to a different email, please let me know beforehand."]
|
["I will try to provide updates on progress as I work on your site. If you don't want updates, or want updates and confirmation to be sent to a different email, please let me know beforehand."]
|
||||||
|
]
|
||||||
|
}) %>
|
||||||
|
<%- include(__dirname + "/views/components/listView.ejs", {
|
||||||
|
title: "What you'll need",
|
||||||
|
description: [
|
||||||
|
["Some idea of what you'll want your site to look like.",
|
||||||
|
`What colors? what font? What will the pages be? What will they look like? What content will they have? Do you want anything to be interactive? Any galleries?
|
||||||
|
|
||||||
|
This is a storm of questions, sure, but they're only here to get you thinking.`
|
||||||
|
],
|
||||||
|
["Some idea of what you'll want your site to do.",
|
||||||
|
`At the moment, I'm looking to work on commission sites specifically. I might be able to do other types of sites if requested, but anything personal is out of my scope.`],
|
||||||
|
["The ability to send and recieve emails.",
|
||||||
|
`I don't have any social media other than FurAffinity. No Twitter, No Instagram, nothing. Regarding commission requests, I'll only accept email.`],
|
||||||
|
["The ability to send and recieve Cash App requests.",
|
||||||
|
`Stripe screwed me, PayPal exposes PII, and Ko-fi requires one of both. Cash App is sketch, sure, but it's one of the only ways I can get money into my bank account.`],
|
||||||
|
["Patience.",
|
||||||
|
`Making a website takes a long time, and while (I think) I may be faster at it than most, I'll still need some time.`]
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<section class="satisfiedBox">
|
<section class="satisfiedBox">
|
||||||
|
|
|
||||||
|
|
@ -1,47 +0,0 @@
|
||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
<head>
|
|
||||||
<%- include(__dirname + "/views/components/specific/head.ejs") %>
|
|
||||||
</head>
|
|
||||||
<body>
|
|
||||||
<main>
|
|
||||||
<%- include(__dirname + "/views/components/specific/header.ejs") %>
|
|
||||||
<%- include(__dirname + "/views/components/cakeView.ejs", {
|
|
||||||
image: "/assets/imgs/whatMatkap.png",
|
|
||||||
alt: "matkap with a double-chin looking wall-eyed over the viewer, mouth open and drooling.",
|
|
||||||
title: "here's what i can do.",
|
|
||||||
description: `now you're sold... maybe you even know what you need. here's what i can do in terms of site design!`
|
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/listView.ejs", {
|
|
||||||
title: "i can make functional sites!",
|
|
||||||
description: [
|
|
||||||
["i've had 4 years of experience in web design, and have been programming my whole life."],
|
|
||||||
["i'm good at CSS and styling", "if you can put it on a piece of paper, i can probably do it in CSS."],
|
|
||||||
["i can make your site work well", "i'm not scared to write a little javascript, and i'll do anything in my toolset to make sure your site works consistently."],
|
|
||||||
["i can make your site speedy", "to be honest, my biggest pet peeve is slow websites. i focus on making sure things are fast and performant."],
|
|
||||||
["i can also use frameworks, if you want", "i've had experience in Next.js, React in general, and EJS (my favourite)."]
|
|
||||||
]
|
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/listView.ejs", {
|
|
||||||
title: "i'm very versatile!",
|
|
||||||
description: [
|
|
||||||
["i've got experience in frontend and backend. i know my stuff and if you want a backend with your site, i can help you with that!"],
|
|
||||||
["i'm a very fast learner, so if you want something new that i don't already know, i'll probably be able to implement it effectively."],
|
|
||||||
]
|
|
||||||
}) %>
|
|
||||||
<%- include(__dirname + "/views/components/galleryView.ejs", {
|
|
||||||
title: "examples",
|
|
||||||
images: [
|
|
||||||
["/assets/imgs/examples/abtmtr_link.png", "my personal site, abtmtr.link. a good example of a functional site without a lick of frontend JavaScript.", "https://abtmtr.link/"],
|
|
||||||
["/assets/imgs/examples/sp_abtmtr_link.png", "sp.abtmtr.link, utilizing SVGs and JavaScript to make visualizations.", "https://sp.abtmtr.link/"],
|
|
||||||
["/assets/imgs/examples/tc_abtmtr_link.png", "tc.abtmtr.link (once trollcall.xyz), a now defunct character publishing site.", "https://tc.abtmtr.link/"],
|
|
||||||
]
|
|
||||||
}) %>
|
|
||||||
<section class="satisfiedBox">
|
|
||||||
<h2>like what you see?</h2>
|
|
||||||
<p>continue by making sure you're aware of <a href="/tos/">my terms of service</a>.</p>
|
|
||||||
</section>
|
|
||||||
<%- include(__dirname + "/views/components/specific/footer.ejs") %>
|
|
||||||
</main>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
Reference in a new issue