Do mure shit with this page; open commissions a little
This commit is contained in:
parent
7e930cfd5a
commit
3097a693b1
9 changed files with 31 additions and 19 deletions
BIN
assets/imgs/examples/blinxcat_neocities_org.png
Normal file
BIN
assets/imgs/examples/blinxcat_neocities_org.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 372 KiB |
Binary file not shown.
Before Width: | Height: | Size: 275 KiB |
|
@ -41,12 +41,13 @@ html::after {
|
||||||
/* background-color: black; */
|
/* background-color: black; */
|
||||||
background-position: 50% 0;
|
background-position: 50% 0;
|
||||||
/* background-size: 3840px 1080px; */
|
/* background-size: 3840px 1080px; */
|
||||||
mask-image: url("/assets/imgs/stylistic/bg_dust.png"), url("/assets/imgs/stylistic/bg_dust.png");
|
mask-image: url("/assets/imgs/stylistic/bg_dust.png");
|
||||||
mask-repeat: repeat;
|
mask-repeat: repeat;
|
||||||
mask-composite: exclude;
|
mask-composite: exclude;
|
||||||
mask-size: 1920px 540px;
|
mask-size: 1920px 540px;
|
||||||
mask-position: 50% 0;
|
mask-position: 50% 0;
|
||||||
animation: move-mask 250s infinite linear;
|
mask-position: 0 calc(var(--scroll) * -0.2);
|
||||||
|
/* animation: move-mask 250s infinite linear; */
|
||||||
opacity: 0.125;
|
opacity: 0.125;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
pointer-events: none;
|
pointer-events: none;
|
||||||
|
|
|
@ -28,4 +28,14 @@
|
||||||
<script>
|
<script>
|
||||||
/*to prevent Firefox FOUC, this must be here*/
|
/*to prevent Firefox FOUC, this must be here*/
|
||||||
let FF_FOUC_FIX;
|
let FF_FOUC_FIX;
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<script defer>
|
||||||
|
function getPageScroll() {
|
||||||
|
document.documentElement.style.setProperty("--scroll", document.documentElement.scrollTop + "px");
|
||||||
|
|
||||||
|
requestAnimationFrame(getPageScroll)
|
||||||
|
}
|
||||||
|
|
||||||
|
requestAnimationFrame(getPageScroll)
|
||||||
</script>
|
</script>
|
|
@ -1,6 +1,6 @@
|
||||||
<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>closed</b>.</p>
|
<p>Commissions are <b>open-ish</b>.</p>
|
||||||
<%- include(__dirname + "/views/components/linkView.ejs", {
|
<%- include(__dirname + "/views/components/linkView.ejs", {
|
||||||
links: [
|
links: [
|
||||||
["Start", "/"],
|
["Start", "/"],
|
||||||
|
|
|
@ -29,10 +29,13 @@ Got that? Then go ahead and shoot me a request!`
|
||||||
<p>
|
<p>
|
||||||
<label for="body">Body:</label><br />
|
<label for="body">Body:</label><br />
|
||||||
<textarea name="body" id="body" style="width: 100%;box-sizing: border-box;resize: vertical;" rows="6">I'd like to request a [website type]...
|
<textarea name="body" id="body" style="width: 100%;box-sizing: border-box;resize: vertical;" rows="6">I'd like to request a [website type]...
|
||||||
I would like it to be about [site details]...
|
Hi, I'm [name].
|
||||||
|
|
||||||
|
I would like to request a site commission slot from you.
|
||||||
|
Ii should be about [site details]...
|
||||||
and it will [purpose of site]...
|
and it will [purpose of site]...
|
||||||
I'll need [possible extra features or other requirements]...
|
I'll need [possible extra features or other requirements]...
|
||||||
My Cash App cashtag is $[cashtag]...
|
|
||||||
Thanks!</textarea>
|
Thanks!</textarea>
|
||||||
</p>
|
</p>
|
||||||
<input type="submit" id="submit" value="Send email" />
|
<input type="submit" id="submit" value="Send email" />
|
||||||
|
|
|
@ -29,7 +29,7 @@ Turns out, that's the kind of thing I'm good at making.
|
||||||
images: [
|
images: [
|
||||||
["/assets/imgs/examples/abtmtr_link.png", "My personal site, abtmtr.link.", "https://abtmtr.link/"],
|
["/assets/imgs/examples/abtmtr_link.png", "My personal site, abtmtr.link.", "https://abtmtr.link/"],
|
||||||
["/assets/imgs/examples/sp_abtmtr_link.png", "sp.abtmtr.link, with SVGs and JavaScript to make visualizations.", "https://sp.abtmtr.link/"],
|
["/assets/imgs/examples/sp_abtmtr_link.png", "sp.abtmtr.link, with SVGs and JavaScript to make visualizations.", "https://sp.abtmtr.link/"],
|
||||||
["/assets/imgs/examples/tv_abtmtr_link.png", "I did the styling on tv.abtmtr.link.", "https://tv.abtmtr.link/"],
|
["/assets/imgs/examples/blinxcat_neocities_org.png", "BlinxCat's site, designed by him and fulfilled by me.", "https://blinxcat.neocities.org/"],
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<section class="satisfiedBox">
|
<section class="satisfiedBox">
|
||||||
|
|
|
@ -20,11 +20,13 @@ Check out the site types and see what fits you.`
|
||||||
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.)"],
|
|
||||||
["HTML and CSS"],
|
["HTML and CSS"],
|
||||||
|
["Static assets (images, favicon, videos, JSON files, etc.)"],
|
||||||
|
["Your site's source, if applicable", "If I'm using any frameworks, this will also be included separately so you can build, modify, or extend the site without any problems."],
|
||||||
|
["Alternative text for images"],
|
||||||
["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"],
|
["Credit somewhere on the page"],
|
||||||
["No hosting on abtmtr.link"],
|
["No hosting on abtmtr.link"],
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
|
|
|
@ -19,33 +19,29 @@
|
||||||
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. 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>"],
|
|
||||||
["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."],
|
||||||
["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 made 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>not be accepted</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, unimportant cookies, and tracking."],
|
["If I am uncomfortable doing certain things with your site, I will let you know."],
|
||||||
["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/SNS, please let me know beforehand.", "SNS stands for <i>Social Networking Service</i>. I have Discord, Signal, and FurAffinity."]
|
||||||
]
|
]
|
||||||
}) %>
|
}) %>
|
||||||
<%- include(__dirname + "/views/components/listView.ejs", {
|
<%- include(__dirname + "/views/components/listView.ejs", {
|
||||||
title: "What you'll need",
|
title: "What you'll need",
|
||||||
description: [
|
description: [
|
||||||
["Some idea of what you'll want your site to look like.",
|
["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?
|
`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?`
|
||||||
|
|
||||||
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.",
|
["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.`],
|
`At the moment, I'm looking to work on commission and personal sites specifically. I might be able to do other types of sites if requested, though.`],
|
||||||
["The ability to send and recieve emails.",
|
["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.`],
|
`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.",
|
["The ability to send and recieve payment 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.",
|
["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.`]
|
`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.`]
|
||||||
]
|
]
|
||||||
|
|
Loading…
Reference in a new issue