*** empty log message ***
[nyc.indymedia.org.git] / etc / producer / article.template
index 99c43df..79580e6 100755 (executable)
 <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>
-
-<div class="subsiteLinks">
-<table cellspacing="0" cellpadding="0" border="0">
-   <tr>
-      <td class="subsites">
-         <ul>
-               <li><a href="/audio/">Audio</a></li>
-               <li><a href="/photo/">Photo</a></li>
-               <li><a href="/print/">Print</a></li>
-               <li><a href="/video/">Video</a></li>
-               <li><a href="/">Web</a></li>
-         </ul>
-      </td>
-      <td class="i18n" nowrap="nowrap">
-         <a href="/en/">English</a>&nbsp;|
-         <a href="/es/">Espa&ntilde;ol</a>
-      </td>
-   </tr>
-</table>
-</div>
-<div class="subsiteLinks" style="background-color: #fff">
-<table id="boroughs" cellspacing="0" cellpadding="0" border="0">
-   <tr>
-      <td class="subsites">
-         <ul>
-               <li><a href="/print/">City &#38; Staten</a></li>
-               <li><a href="/audio/">Brooklyn</a></li>
-               <li><a href="/video/">Bronx</a></li>
-               <li><a href="/photo/">Queens</a></li>
-         </ul>
-      </td>
-      <td style="text-align: right;">
-         <a href="#" style="padding-right: 0px;">Text version</a>
-      </td>
-   </tr>
-</table>
-</div>
-
-<table class="logo" cellspacing="0" cellpadding="0" border="0">
-   <tr>
-      <td class="placeHolder">
-this is a draft<br />
-         <h3>
-            New York City Indymedia
-         </h3>
-<div style="font-size: 95%; font-variant: small-caps; letter-spacing: 3px;">A free network of <a href="http://www.cat.org.au/maffew/cat/openpub.html">Open Publishing</a></div>
-      </td>
-   </tr>
-</table>
-
-<table class="main" cellspacing="0" cellpadding="0" border="0">
-   <tr valign="top">
-      <td class="margin"></td>
-      <td class="leftColumn"><!-- 
-      begin left column
-      --><!--#include virtual="/var/lib/mir/nyc/public_html/${language.code}/navigation.inc" -->
-<!-- 
-      end left column
-      --></td>
-      <td class="margin"></td>
-      <td class="centerColumn"><!-- 
-      begin center column
-      -->
-
-
-<!--#include virtual="/languagebar/${article.to_original.date.formatted.yyyy}/${article.to_original.date.formatted.MM}/${article.to_original.id}.shtml"-->
-
-
-<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="">&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>
-
-
-<p>
-   ${article.content_data_parsed}
-</p>
 
-<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>
+<body class="interior" id="article">
+
+<!--#include virtual="/${language.code}/navigation.html" -->
+
+         <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="copyleft">
-   <small>
-      <a href="#">copyLeft</a>&#160;|
-      <a href="javascript:var e1='%6e%79c%2e&#105;n%64&#121;%6de&#100;&#105;%61&#046;o%72&#103;',e2='&#109;&#097;&#105;&#108;&#116;&#111;&#058;%20', e3='&#105;%6e%66%6f';var e0=e2+e3+'@'+e1;(window.location?window.location.replace(e0):document.write(e0));">&#105;&#110;&#102;&#111;&#064;&#110;&#121;&#099;&#046;&#105;&#110;&#100;&#121;&#109;&#101;&#100;&#105;&#097;&#046;&#111;&#114;&#103;</a><br />
-      34 E. 29th ST, 2nd FL, NY, NY 10016<br />
-      (212) 684-8112<br /> 
-sll content <a href="#">copyleft</a> unless otherwise stated <a href="#">not responsible</a> for content...
-   </small>
-</div>
-
-</body>
-</html>
-
-
-
+            
+            <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" -->