<comment>
Template file for an article.
-</comment><!DOCTYPE HTML PUBLIC
- "-//W3C//DTD HTML 4.01 Transitional//EN"
+</comment><!DOCTYPE HTML PUBLIC
+ "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
- <meta http-equiv="Content-Type" content="text/html; charset=${config["Mir.DefaultHTMLCharset"]}">
- <title>${config["Mir.Name"]} | ${article.title}</title>
- <meta name="keywords" content="indymedia,imc">
- <meta name="description" content="indymedia,imc">
- <meta http-equiv="expires" content="599">
- <meta http-equiv="pragma" content="no-cache">
- <if article.mediacount!=0>
- <if article.to_media_images>
- <meta name="keywords" content="images"></meta>
- </if>
- <if article.to_media_audio>
- <meta name="keywords" content="audio"></meta>
- </if>
- <if article.to_media_video>
- <meta name="keywords" content="video"></meta>
- </if>
- <if article.to_media_other>
- <meta name="keywords" content="other"></meta>
- </if>
- </if>
- <link rel="stylesheet" type="text/css" href="http://sarai.indymedia.org/~patrick/mir.nyc/css/main.css" />
- <script language="javascript">
- function addToNewsletter(id){
- var previousValue=getCookie("myNewsletter");
- document.cookie="myNewsletter="+previousValue+","+id + ";path=/";
- alert("Added article id to cookie!");
- }
-
- function clearNewsletter(){
- document.cookie="myNewsletter= ;path=/";
- alert("newsletter erased!");
- }
-
- function getNewsletter(){
- var cookieValue=getCookie("myNewsletter");
- if (document.images)
- location.replace('${config["Producer.OpenAction"]}?do=getpdf&id='+cookieValue+'&forIE=.pdf');
- else
- location.href = '${config["Producer.OpenAction"]}?do=getpdf&id='+cookieValue+'&forIE=.pdf';
- }
-
- function getCookie(name){
-
- var cookies = document.cookie;
-
- if (cookies.indexOf(name) != -1){
- var startpos = cookies.indexOf(name)+name.length+1;
- var endpos = cookies.indexOf(";",startpos)-1;
- if (endpos == -2) endpos = cookies.length;
- return unescape(cookies.substring(startpos,endpos));
- }
- else{
- return false; // the cookie couldn't be found! it was never set before, or it expired.
- }
- }
-
- </script>
+ <meta http-equiv="Content-Type" content="text/html; charset=${config["Mir.DefaultHTMLCharset"]}">
+ <title>${config["Mir.Name"]} | ${article.title}</title>
+ <meta name="keywords" content="indymedia,imc">
+ <meta name="description" content="indymedia,imc">
+ <meta http-equiv="expires" content="599">
+ <meta http-equiv="pragma" content="no-cache">
+ <if article.mediacount!=0>
+ <if article.to_media_images>
+ <meta name="keywords" content="images"></meta>
+ </if>
+ <if article.to_media_audio>
+ <meta name="keywords" content="audio"></meta>
+ </if>
+ <if article.to_media_video>
+ <meta name="keywords" content="video"></meta>
+ </if>
+ <if article.to_media_other>
+ <meta name="keywords" content="other"></meta>
+ </if>
+ </if>
+ <!--#include virtual="/${language.code}/head.article.html" -->
</head>
-
-<body class="interior">
-
-<!--<include "navigation.template">-->
-<!--#include virtual="/${language.code}/navigation.html" -->
-
-
-<!--#include virtual="/languagebar/${article.to_original.date.formatted.yyyy}/${article.to_original.date.formatted.MM}/${article.to_original.id}.html"-->
-
-
-<p>
- <a href="${config.openAction}?do=opensession&sessiontype=translation&to_content=${article.to_original.id}">${lang("general.addtranslation")}</a>
-</p>
-
-
-<p>
- <b>${article.title}</b>
-</p>
-<p>
- ${general.authoredby} ${article.to_original.creator}
-<if article.to_original.id!=article.id>
- (${lang("general.translatedby", article.creator)})
-</if>
-<if article.creator || article.to_original.creator>, </if>${article.to_original.creationdate.formatted["dd.MM.yyyy HH:mm"]}
-</p>
-<p>
- ${article.description_parsed}
-</p>
-
- <list topics as t>
- <p>${t.title} | </p>
- </list>
-
- <if article.to_original.mediacount!=0>
- <!-- media -->
- <list article.to_original.to_media_audio as media>
- <p>
- <img src="/img/${media["big_icon"]}" border="0" alt="">
- <a href="${media["publish_server"]}${media["publish_path"]}">
- ${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}
- </a>
- </p>
- </list>
-
- <list article.to_original.to_media_video as media>
- <p>
- <img src="/img/${media["big_icon"]}" border="0" alt="">
- <a href="${media["publish_server"]}${media["publish_path"]}">
- ${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
- </p>
- </list>
-
- <list article.to_original.to_media_other as media>
- <p>
- <img src="/img/${media["big_icon"]}" border="0" alt="">
- <a href="${media["publish_server"]}${media["publish_path"]}">
- ${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
- </p>
- </list>
-
- <list article.to_original.to_media_images as image>
- <p>
- <img src="${image["publish_server"]}${image["publish_path"]}"
- border="0" width="${image["img_width"]}"
- height="${image["img_height"]}" alt="${image["title"]}">
- <br><i>${image["title"]}</i>
- </p>
- </list>
- </if>
+<body class="interior" id="article">
-<p>
- ${article.content_data_parsed}
-</p>
-
-<if article.creator_main_url || article.creator_email>
+<!--#include virtual="/${language.code}/navigation.html" -->
- <if article.creator_email>
- <p>
- <img src="/img/mail_small.gif" width="12" height="10" border="0" alt="-"> ${lang("article.email.prefix")}: <a href="mailto:${article.creator_email}">${article.creator_email}</a>
+ <div class="articleHeader">
+ <div class="articleOptions">
+ <span class="date">${article.to_original.creationdate.formatted["MMMM dd, yyyy hh:mma z"]}</span>
+ <span class="addTranslation"><a href="${config.openAction}?do=opensession&sessiontype=translation&to_content=${article.to_original.id}">${lang("general.addtranslation")}</a></span>
+ <span class="pdfDownload"><a href="${config["Producer.OpenAction"]}?do=getpdf&id=${article.id}&forIE=.pdf">${lang("article.get_as_pdf")}</a></span>
+ <span class="languagebar"><!--#include virtual="/languagebar/${article.to_original.date.formatted.yyyy}/${article.to_original.date.formatted.MM}/${article.to_original.id}.html" --></span>
+ <div>
+ <div class="headlineWrap">
+ <p class="headline">
+ <b>${article.title}</b>
+ </p>
+ <p class="lead">
+ ${article.subtitle}
+ </p>
+ <div>
+ <blockquote class="summaryWrap">
+ <div class="authorWrap">
+ <p class="author">
+ ${lang("general.authoredby")} ${article.to_original.creator}
+ <span class="translation">
+ <if article.to_original.id!=article.id>
+ | ${lang("general.translatedby", article.creator)}
+ </if>
+ </span>
+ </p>
+ <div>
+ <p class="summary">
+ ${article.description_parsed}
+ </p>
+ </blockquote>
+ <p class="keywords">
+ Keywords:
+ <list topics as t>
+ <a href="${config["Producer.DocRoot"]}/${language.code}/${t.filename}/archive.html">${t.title}</a>,
+ </list>
</p>
+ </div>
+
+ <div class="articleBody">
+ <if article.to_original.mediacount!=0>
+ <!-- media -->
+ <list article.to_original.to_media_audio as media>
+ <p>
+ <img src="/img/${media["big_icon"]}" border="0" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </p>
+ </list>
+ <list article.to_original.to_media_video as media>
+ <p>
+ <img src="/img/${media["big_icon"]}" border="0" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </p>
+ </list>
+ <list article.to_original.to_media_other as media>
+ <p>
+ <img src="/img/${media["big_icon"]}" border="0" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </p>
+ </list>
+ <list article.to_original.to_media_images as image>
+ <div class="imageWrap">
+ <img src="${image["publish_server"]}${image["publish_path"]}" class="articleImage" width="${image["img_width"]}" height="${image["img_height"]}" alt="${image["title"]}" border="0" />
+ <p class="caption">
+ ${image["title"]}
+ </p>
+ </div>
+ </list>
</if>
- <if article.creator_main_url>
- <p>
- <img src="/img/link_small.gif" width="12" height="10" border="0" alt=""> ${lang("article.homepage.prefix")}: <a href="${article.creator_main_url}" target="extern">${article.creator_main_url}</a>
- </p>
+ <div class="body">
+ ${article.content_data_parsed}
+ </div>
+ </div>
+
+ <div class="articleFooter">
+ <if article.creator_main_url || article.creator_email || creator_phone || creator_address>
+ <p class="contactWrap">
+ <if article.creator>
+ <span class="author">${article.creator}</span>
+ </if>
+ <if article.creator_email>
+ <span class="email">${article.creator_email}</span>
+ </if>
+ <if article.creator_main_url>
+ <span class="url"><a href="${article.creator_main_url}">${article.creator_main_url}</a></span>
+ </if>
+ <if article.creator_phone>
+ <span class="phone">${article.creator_phone}</span>
+ </if>
+ <if article.creator_address>
+ <span class="address">${article.creator_address}</span>
+ </if>
+ </p>
</if>
- </if>
-
-
-<p>
- <a href="${config["Producer.OpenAction"]}?do=getpdf&id=${article.id}&forIE=.pdf">${lang("article.get_as_pdf")}</a>
-</p>
-<p>
- <a href="javascript:addToNewsletter(${article.id})">${lang("article.add_to_pdf")}</a>
-</p>
-
-<p>
- <a href="javascript:getNewsletter()">${lang("article.newsletter_checkout")}</a>
-</p>
-
-<p>
- <a href="${config["Producer.OpenAction"]}?do=mail&mail_aid=${article.id}&mail_language=${language.code}">${lang("article.send_as_email")}</a>
-</p>
-
-<p>
- <a href="${config["Producer.OpenAction"]}?do=opensession&sessiontype=comment&to_media=${article.to_original.id}&language=${language.code}">${lang("article.addcomment")}</a>
-</p>
-
-
- <if article.to_original.to_comments>
- <list article.to_original.to_comments as c>
-
-
-<p>
- ${utility.encodeHTML(c.title)}
-</p>
-
-<p>
- ${c.creationdate.formatted["dd.MM.yyyy - HH:mm"]}
-</p>
-
- <list c.to_media_audio as media>
- <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
- </list>
- <list c.to_media_video as media>
- <img src="/img/${media["big_icon"]}" border="0" alt="">
- <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
- </list>
- <list c.to_media_other as media>
- <img src="/img/${media["big_icon"]}" border="0" alt="">
- <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
- </list>
-
- <list c.to_media_images as image>
- <img src="${image["publish_server"]}${image["publish_path"]}" border="0" width="${image["img_width"]}" height="${image["img_height"]}" alt="${image["title"]}"><br />
- ${image["title"]}
- </list>
-
-
- <p>
- ${c.description_parsed}
-</p>
- <if c.email || c.main_url || c.address || c.phone || c.creator>
- <if c.creator>
- <p>
- ${utility.encodeHTML(c.creator)}>
-</p>
- </if>
- <if c.email>
- <p>
- <img src="/img/mail_small.gif" width="12" height="10" border="0" alt="">${lang("article.email.prefix")}: <a href="mailto:${utility.encodeHTML(c.email)}">${utility.encodeHTML(c.email)}</a>
-</p>
- </if>
- <if c.main_url>
- <p>
- <img src="/img/link_small.gif" width="12" height="10" border="0" alt="">${lang("article.homepage.prefix")}: <a href="${utility.encodeHTML(c.main_url)}" target="_blank">${utility.encodeHTML(c.main_url)}</a>
-</p>
- </if>
- </if>
- </list>
- </if><!--
- end center column
- --></td>
- <td class="margin"></td>
- </tr>
-</table>
-
+
+ <div class="articleOptions">
+ <a href="${config["Producer.OpenAction"]}?do=getpdf&id=${article.id}&forIE=.pdf">${lang("article.get_as_pdf")}</a>
+ <a href="javascript:addToNewsletter(${article.id})">${lang("article.add_to_pdf")}</a>
+ <a href="javascript:getNewsletter()">${lang("article.newsletter_checkout")}</a>
+ <a href="${config["Producer.OpenAction"]}?do=mail&mail_aid=${article.id}&mail_language=${language.code}">${lang("article.send_as_email")}</a>
+ <div class="commentAdd">
+ <p>
+ <a href="${config["Producer.OpenAction"]}?do=opensession&sessiontype=comment&to_media=${article.to_original.id}&language=${language.code}">${lang("article.addcomment")}</a>
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <div class="commentWrap">
+ <if article.to_original.to_comments>
+ <list article.to_original.to_comments as c>
+ <div class="comment">
+ <div class="headlineWrap">
+ <p class="headline">
+ ${utility.encodeHTML(c.title)}
+ </p>
+ <p class="datestamp">
+ ${c.creationdate.formatted["MMM dd, yyyy hh:mma z"]}
+ </p>
+ </div>
+ <if c.email || c.main_url || c.address || c.phone || c.creator>
+ <div class="contactWrap">
+ <if c.creator>
+ <span class="author">
+ ${utility.encodeHTML(c.creator)}
+ </span>
+ </if>
+ <if c.email>
+ <span class="email">
+ <a href="mailto:${utility.encodeHTML(c.email)}">${utility.encodeHTML(c.email)}</a>
+ </span>
+ </if>
+ <if c.main_url>
+ <span class="url">
+ <a href="${utility.encodeHTML(c.main_url)}" target="_blank">${utility.encodeHTML(c.main_url)}</a>
+ </span>
+ </if>
+ </div>
+ </if>
+
+ <list c.to_media_audio as media>
+ <div class="audioWrap">
+ <img src="/img/${media["big_icon"]}" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </div>
+ </list>
+ <list c.to_media_video as media>
+ <div class="videoWrap">
+ <img src="/img/${media["big_icon"]}" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </div>
+ </list>
+ <list c.to_media_other as media>
+ <div class="otherWrap">
+ <img src="/img/${media["big_icon"]}" />
+ <a href="${media["publish_server"]}${media["publish_path"]}">${media["title"]} - ${media["media_descr"]} ${media["human_readable_size"]}</a>
+ </div>
+ </list>
+ <list c.to_media_images as image>
+ <div class="imageWrap">
+ <img src="${image["publish_server"]}${image["publish_path"]}" class="commentImage" width="${image["img_width"]}" height="${image["img_height"]}" alt="${image["title"]}" />
+ <p class="caption">
+ ${image["title"]}
+ </p>
+ </div>
+ </list>
+
+ <p class="body">
+ ${c.description_parsed}
+ </p>
+
+ </div>
+ </list>
+ </if>
+ </div>
+
+<!--#include virtual="/${language.code}/footer.html" -->
-<include "footer.template">