2024-03-07 11:49:55 +01:00
|
|
|
<!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>
|
2024-03-07 13:35:03 +01:00
|
|
|
<style>
|
|
|
|
:root {
|
2024-03-07 14:43:32 +01:00
|
|
|
<% 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 { %>
|
|
|
|
<%}%>
|
2024-03-07 13:35:03 +01:00
|
|
|
}
|
|
|
|
</style>
|
2024-03-07 14:43:32 +01:00
|
|
|
|
2024-03-07 11:49:55 +01:00
|
|
|
<body>
|
|
|
|
<%- include('header.ejs') -%>
|
|
|
|
|
|
|
|
<main>
|
2024-03-07 14:43:32 +01:00
|
|
|
<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>
|
2024-03-07 11:49:55 +01:00
|
|
|
<!-- <p>➡️<%= mpgParams.imageUrl %>⬅️</p> -->
|
|
|
|
<h1>
|
|
|
|
<%= mpgParams.title %>
|
|
|
|
</h1>
|
|
|
|
<p>
|
|
|
|
<%= mpgParams.sentence %>
|
|
|
|
</p>
|
|
|
|
</main>
|
|
|
|
<%- include('footer.ejs') -%>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|