motivational-picture-generator/views/poster.ejs

70 lines
1.7 KiB
Plaintext

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
<%= mpgParams.title %>
</title>
<link rel="stylesheet" href="assets/css/poster.css">
</head>
<style>
:root {
<% if (mpgParams.titleColor) {
%>--font-color-title: <%=mpgParams.titleColor%>;
<%
}
%><% if (mpgParams.sentenceColor) {
%>--font-color-sentence: <%=mpgParams.sentenceColor%>;
<%
}
%><% if (mpgParams.borderColor) {
%>--border-color: <%=mpgParams.borderColor%>;
<%
}
%><% if (mpgParams.backgroundColor) {
%>--background-color: <%=mpgParams.backgroundColor%>;
<%
}
%>
<% if (mpgParams.borderType) { %>
--border-type: <%=mpgParams.borderType%>;
<% } else { %>
<%}%>
}
</style>
<body>
<%- include('header.ejs') -%>
<main>
<div class=
<% if (mpgParams.borderType) { %>
"<%=mpgParams.borderType%>"
<% } else { %>
""
<%}%> >
<img style="width: <%= mpgParams.imageWidth %>" src="<%= mpgParams.imageUrl %>"
alt="An image supplied for the motivational poster">
</div>
<!-- <p>➡️<%= mpgParams.imageUrl %>⬅️</p> -->
<h1>
<%= mpgParams.title %>
</h1>
<p>
<%= mpgParams.sentence %>
</p>
</main>
<%- include('footer.ejs') -%>
</body>
</html>