abtmtr-comms/views/pages/whaticando.ejs
2024-10-06 02:20:01 -05:00

52 lines
No EOL
3 KiB
Text

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>abtmtr.link site commissions</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/assets/layout.css">
<link rel="stylesheet" href="/assets/elements.css">
<link rel="stylesheet" href="/assets/style.css">
</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>