<$ /* Flexbox */ var flexGap = article.value("flexGap", "1.25rem"); /* Text */ var headingFs = article.value("headingFs", "26px"); var headingCol = article.value("headingCol", "#fff"); var headingFw = article.value("headingfFw", "300"); var headingLs = article.value("headingfLs", "0em"); var textCol = article.value("textCol", "#fff"); var textFw = article.value("textFw", "400"); /* Image */ var imgHeight = article.value("imgHeight", "310"); var cssSelector = "#wzp_1604_" + article.id; var headstyle = cssSelector + "{"; headstyle += "gap:" + flexGap + ";"; headstyle += "}"; headstyle += cssSelector + " figure{"; headstyle += "height:" + imgHeight + "px;"; headstyle += "}"; headstyle += cssSelector + " .wzp_1604__heading {"; headstyle += "font-size:" + headingFs + ";"; headstyle += "font-weight:" + headingFw + ";"; headstyle += "color:" + headingCol + ";"; headstyle += "letter-spacing:" + headingLs + ";"; headstyle += "}"; headstyle += cssSelector + " p {"; headstyle += "font-weight:" + textFw + ";"; headstyle += "color:" + textCol + ";"; headstyle += "}"; /* Mobile */ var imgHeightMob = article.value("imgHeightMob", "310px"); var breakpoint = article.value("breakpoint", "689"); headstyle += "@media (max-width: " + breakpoint + "px){"; headstyle += cssSelector + " figure{"; headstyle += "height:" + imgHeightMob + "px;"; headstyle += "}"; headstyle += ".wzp_1604 {flex-direction: column;}"; headstyle += " .wzp_1604 figure p { font-size: 58.5%; }"; headstyle += ".wzp_1604 figure .wzp_1604__heading { font-size: 18px; }"; headstyle += "}"; system.addHtmlHeadElement("\n" + headstyle + "\n"); $> <$=system.partial("article-begin.html")$>

<$ for ( var i = 1; i <= 2; i++){ var image = project.getImage(article.value("bild-" + i)); if ( isNull(image) ){ continue; } var altText = system.htmlEncode(system.removeHtmlTags(image.altText)); var beschreibung = image.description; var title = system.htmlEncode(system.removeHtmlTags(image.description)); var imgsrc = image.contentCopyPath; var fullsrc = image.workingCopyPath; var linkname = "link-" + i; $>

<$ } $>

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