abtmtr-comms/views/pages/index.ejs
2024-10-11 00:16:45 -05:00

42 lines
No EOL
2.2 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/homosuckMatkap.png",
alt: "matkap looking ridiculous with his hands in the air",
title: "I make sites that stand out.",
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.
Turns out, that's the kind of thing I'm good at making.
<button class="cta" onclick="document.querySelector('hr').scrollIntoView({behavior:'smooth',block:'start'})">Check it out</button>`
}) %>
<%- include(__dirname + "/views/components/listView.ejs", {
title: "I've been making functional sites for a while",
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'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."],
["I can also use frameworks.", "I've had experience in Next.js, React in general, and EJS (my favourite)."]
]
}) %>
<%- include(__dirname + "/views/components/galleryView.ejs", {
title: "My examples",
images: [
["/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/tv_abtmtr_link.png", "I did the styling on tv.abtmtr.link.", "https://tv.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>