<$ var CSS_SELECTOR = "#WZP_" + article.id; var headstyle = ""; var coverImg = article.value("coverImg"); var heightPx = article.value("heightPx", "400"); var widthPx = article.value("widthPx", "300"); var bgColor = article.value("bgColor", "#000"); var textColor = article.value("textColor", "#fff"); var fontFamily = article.value("fontFamily", "Arial"); var alignment = article.value("alignment", "center"); var showFlipBtn = parseInt(article.value("showFlipBtn", "0")); // Cover image headstyle += CSS_SELECTOR + " .bk-cover{"; if (!isNull(coverImg)) { headstyle += "background-image: url('" + coverImg + "');" } headstyle += "}"; // Colors headstyle += CSS_SELECTOR + ".bk-front, " + CSS_SELECTOR + " .bk-back, " + CSS_SELECTOR + " .bk-left, " + CSS_SELECTOR + " .bk-cover-back, " + CSS_SELECTOR + " .bk-left::after {"; headstyle += "background-color: " + bgColor + ";"; headstyle += "color: " + textColor + ";"; headstyle += "}"; // Sizing headstyle += CSS_SELECTOR + " .bk-book {"; headstyle += "height: " + heightPx + "px;"; headstyle += "width: " + widthPx + "px;"; headstyle += "font-family: " + fontFamily + ";"; headstyle += "}"; headstyle += CSS_SELECTOR + " > div:not(.bk-book) {"; headstyle += "width: " + widthPx + "px;"; headstyle += "}"; // Alignment headstyle += CSS_SELECTOR + "{"; headstyle += "align-items: " + alignment + ";"; headstyle += "}"; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>

<$ for (var i = 1; i <= 10; i++) { var pageContent = article.value("page-" + i, ""); if (isNull(pageContent)) continue; $>

<$= pageContent $>

<$ } $>

<$= article.value("blurb", "") $>

<$= article.value("author") $> <$= article.value("title") $>

<$ if (showFlipBtn) { $>

<$ } $>

<$=system.partial("article-end.html")$>