*** empty log message ***
[nyc.indymedia.org.git] / etc / producer / article.template
index 4045325..4e338bd 100755 (executable)
@@ -5,63 +5,27 @@
    "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>
 
 
 <!--#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>
-
-<h2>Allo Mum</h2>
-
-            <p class="headline">
-               <b>${article.title}</b>
-            </p>
-            <p class="lead">
-               ${article.subtitle}
-            </p>
-
-         <div class="articleDetails">
-               <p class="author">
-               by ${article.to_original.creator}
-            </p>
-               <p class="publisher">
-               [Published by ${general.authoredby}]
-               <if article.to_original.id!=article.id>
-                  [(${lang("general.translatedby", article.creator)})]
-               </if>
-            </p>
-               <p class="date">
-               <if article.creator || article.to_original.creator>, </if>${article.to_original.creationdate.formatted["MMM dd. yyyy HH:mm"]}
-            </p>
-               <p class="email">
-               email [at] domain.com
-            </p>
-               <p class="url">
-               <a href="#">domain.com</a>
-            </p>
-               <p class="phone">
-               (212) 555-1212
-            </p>
-               <p class="address">
-               0000 Main ST, NY, NY 10012
-            </p>
+         <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>
-   
-            <blockquote class="summary">
-               ${article.description_parsed}
-            </blockquote>
+            </p>
          </div>
 
-
-
-        <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="">&nbsp;
-                  <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>
-
-
+         <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>
             <div class="body">
                ${article.content_data_parsed}
             </div>
          </div>
 
-
-<if article.creator_main_url || article.creator_email>
-
-            <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>
-            </p>
+         <div class="articleFooter">
+            <if article.creator_main_url || article.creator_email || creator_phone || creator_address>
+               <p class="authorContact">
+                  <if article.creator>
+                     <span class="author">${lang("general.authoredby")} ${article.creator}<span class="spacer"><!-- --></span></span>
+                  </if>
+                  <if article.creator_email>
+                     <span class="email">${article.creator_email}<span class="spacer"><!-- --></span></span>
+                  </if>
+                  <if article.creator_main_url>
+                     <span class="url"><a href="${article.creator_main_url}">${article.creator_main_url}</a><span class="spacer"><!-- --></span></span>
+                  </if>
+                  <if article.creator_phone>
+                     <span class="phone">${article.creator_phone}<span class="spacer"><!-- --></span></span>
+                  </if>
+                  <if article.creator_address>
+                     <span class="address">${article.creator_address}</span>
+                  </if>
+               </p>
             </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>
-            </if>
-          </if>
-
-
-   <a href="${config["Producer.OpenAction"]}?do=getpdf&id=${article.id}&forIE=.pdf">${lang("article.get_as_pdf")}</a>&#160;|
-   <a href="javascript:addToNewsletter(${article.id})">${lang("article.add_to_pdf")}</a>&#160;|
-   <a href="javascript:getNewsletter()">${lang("article.newsletter_checkout")}</a>&#160;|
-   <a href="${config["Producer.OpenAction"]}?do=mail&mail_aid=${article.id}&mail_language=${language.code}">${lang("article.send_as_email")}</a>&#160;|
-   <a href="${config["Producer.OpenAction"]}?do=opensession&sessiontype=comment&to_media=${article.to_original.id}&language=${language.code}">${lang("article.addcomment")}</a>
-
-
-          <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"><div><!-- --></div></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="commentContact">
+                           <if c.creator>
+                              <span class="author">${utility.encodeHTML(c.creator)}<span class="spacer"><!-- --></span></span>
+                           </if>
+                           <if c.email>
+                              <span class="email"><a href="mailto:${utility.encodeHTML(c.email)}">${utility.encodeHTML(c.email)}</a><span class="spacer"><!-- --></span></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 class="spacer"><!-- --></span></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" -->