abtmtr-comms/views/pages/whaticando.ejs

47 lines
No EOL
2.7 KiB
Text

<!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>