put one of ana's banners up
[nyc.indymedia.org.git] / etc / producer / startpage.template
1 <comment>
2   Template file for the front page.  
3   - all paths relative to /
4   - no complicated freemarker code
5 </comment><!DOCTYPE HTML PUBLIC 
6    "-//W3C//DTD HTML 4.01 Transitional//EN" 
7    "http://www.w3.org/TR/html4/loose.dtd">
8 <html>
9 <head>
10   <meta http-equiv="Content-Type" content="text/html; charset=${config["Mir.DefaultHTMLCharset"]}"> 
11   <title>${config["Mir.Name"]}</title>
12   <meta name="keywords" content="indymedia,imc">
13   <meta name="description" content="indymedia,imc">
14 <!--   <meta http-equiv="expires" content="599"> -->
15   <meta http-equiv="pragma" content="no-cache">
16   <link rel="stylesheet" type="text/css" href="http://sarai.indymedia.org/~patrick/mir.nyc/css/main.css" />
17 </head>
18            
19 <body>
20
21 <div class="subsiteLinks">
22 <table cellspacing="0" cellpadding="0" border="0">
23    <tr>
24       <td class="subsites">
25          <ul>
26                 <li><a href="/audio/">Audio</a></li>
27                 <li><a href="/photo/">Photo</a></li>
28                 <li><a href="/print/">Print</a></li>
29                 <li><a href="/video/">Video</a></li>
30                 <li><a href="/">Web</a></li>
31          </ul>
32       </td>
33       <td class="i18n" nowrap="nowrap">
34          <a href="/en/">English</a>&nbsp;|
35          <a href="/es/">Espa&ntilde;ol</a>
36       </td>
37    </tr>
38 </table>
39 </div>
40 <div class="subsiteLinks" style="background-color: #fff">
41 <table id="boroughs" cellspacing="0" cellpadding="0" border="0">
42    <tr>
43       <td class="subsites">
44          <ul>
45                 <li><a href="/print/">City &#38; Staten</a></li>
46                 <li><a href="/audio/">Brooklyn</a></li>
47                 <li><a href="/video/">Bronx</a></li>
48                 <li><a href="/photo/">Queens</a></li>
49          </ul>
50       </td>
51       <td style="text-align: right;">
52          <a href="#" style="padding-right: 0px;">Text version</a>
53       </td>
54    </tr>
55 </table>
56 </div>
57
58 <table class="logo" cellspacing="0" cellpadding="0" border="0">
59    <tr>
60      <td class="placeHolder">
61 <!-- this is a draft<br />-->
62 <img src="http://docs.indymedia.org/pub/Local/ImcNYBannerDrafts/widelens.jpg">
63     <h3>
64             New York City Indymedia
65          </h3>
66 <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>
67       </td>
68    </tr>
69 </table>
70
71 <table class="main" cellspacing="0" cellpadding="0" border="0">
72    <tr valign="top">
73       <td class="margin"><div>&#160;</div></td>
74       <td class="leftColumn"><!-- 
75       begin left column
76       -->
77
78
79
80
81 <ul class="leftNav">
82    <li><a href="#" class="navHeader" id="selected">Home</a></li>
83 </ul>
84
85
86 <a href="#" class="navHeader">Latest News</a>
87  
88 <!--#include virtual="/topiccount.shtml" -->
89
90      <ul class="leftNav">
91         <li><a href="#">Newswire</a> 
92             <ul>
93                <li><a href="#">By Category</a></li>
94                <li><a href="#">Local Newswire</a></li>
95                <li><a href="#">Global Newswire</a></li>
96                <li><a href="#">Advanced Search</a></li>
97             </ul>
98          </li>
99         <li><a href="#">Open Publishing</a>
100             <ul>
101                 <li><a href="#">publish your news</a></li>
102                 <li><a href="#">Editorial guidelines</a></li>
103                 <li><a href="#">Open Publishing Guide</a></li>
104                 </ul>
105          </li>
106         <li><a href="#">Indymedia NYC</a>
107             <ul>
108                 <li><a href="#">Contact Us</a></li>
109                 <li><a href="#">Get Involved</a></li>
110                 <li><a href="#">Working Groups</a></li>
111                 </ul>
112          </li>
113         <li><a href="#">Indymedia Network</a>
114             <ul>
115                 <li><a href="#">about indymedia</a></li>
116                 <li><a href="#">Frequent questions</a></li>
117                 <li><a href="#">how to get involved</a></li>
118                 </ul>
119          </li>
120       </ul>
121       <div class="cities">
122          <p class="title">
123             Global Network
124          </p>
125          <p>
126             <a href="http://www.indymedia.org/">www.indymedia.org</a>
127          </p>
128          <p class="title">
129             Africa
130          </p>
131          <p>
132             <a href="http://nigeria.indymedia.org/">nigeria</a><br />
133             <a href="http://southafrica.indymedia.org/">south africa</a>
134          </p>         
135          <p class="title">
136             Europe
137          </p>
138          <p>
139             <a href="http://athens.indymedia.org/">athens</a><br />
140             <a href="http://austria.indymedia.org/">austria</a><br />
141             <a href="http://barcelona.indymedia.org/">barcelona</a><br />
142             <a href="http://belgium.indymedia.org/">belgium</a><br />
143             <a href="#" class="citiesMore">more...</a>
144          </p>
145          <p class="title">
146             Canada
147          </p>
148          <p>
149             <a href="http://alberta.indymedia.org/">alberta</a><br />
150             <a href="http://hamilton.indymedia.org/">hamilton</a><br />
151             <a href="http://maritimes.indymedia.org/">maritimes</a><br />
152             <a href="http://montreal.indymedia.org/">montreal</a><br />
153             <a href="#" class="citiesMore">more...</a>
154          </p>         
155          <p class="title">
156             Latin America
157          </p>
158          <p>
159             <a href="http://argentina.indymedia.org/">argentina</a><br />
160             <a href="http://bolivia.indymedia.org/">bolivia</a><br />
161             <a href="http://brasil.indymedia.org/">brasil</a><br />
162             <a href="http://chiapas.indymedia.org/">chiapas</a><br />
163             <a href="#" class="citiesMore">more...</a>
164          </p>         
165          <p class="title">
166             Pacific
167          </p>
168          <p>
169             <a href="http://adelaide.indymedia.org/">adelaide</a><br />
170             <a href="http://www.indymedia.org.nz/">aotearoa</a><br />
171             <a href="http://brisbane.indymedia.org/">brisbane</a><br />
172             <a href="http://jakarta.indymedia.org/">jakarta</a><br />
173             <a href="#" class="citiesMore">more...</a>
174          </p>         
175          <p class="title">
176             South Asia
177          </p>
178          <p>
179             <a href="http://india.indymedia.org/">india</a><br />
180             <a href="http://mumbai.indymedia.org/">mumbai</a>
181          </p>         
182          <p class="title">
183             United States
184          </p>
185          <p>
186             <a href="http://arizona.indymedia.org/">arizona</a><br />
187             <a href="http://atlanta.indymedia.org/">atlanta</a><br />
188             <a href="http://austin.indymedia.org/">austin</a><br />
189             <a href="http://baltimore.indymedia.org/">baltimore</a><br />
190             <a href="#" class="citiesMore">more...</a>
191          </p>         
192          <p class="title">
193             West Asia
194          </p>
195          <p>
196             <a href="http://indymedia.org.il/">israel</a><br />
197             <a href="http://jerusalem.indymedia.org/">palestine</a>
198          </p>         
199          <p class="title">
200             Process
201          </p>
202          <p>
203             <a href="http://global.indymedia.org/">discussion</a><br />
204             <a href="http://www.indymedia.org/fbi/">fbi/legal updates</a><br />
205             <a href="http://process.indymedia.org/faq.php3">indymedia faq</a><br />
206             <a href="http://lists.indymedia.org/">mailing lists</a><br />
207             <a href="#" class="citiesMore">more...</a>
208          </p>         
209          <p class="title">
210             Projects
211          </p>
212          <p>
213             <a href="http://climate.indymedia.org/">climate</a><br />
214             <a href="http://print.indymedia.org/">print</a><br />
215             <a href="http://radio.indymedia.org/">radio</a><br />
216             <a href="http://satellite.indymedia.org/">satellite tv</a><br />
217             <a href="#" class="citiesMore">more...</a>
218          </p>
219          <div class="credits">      
220             <p class="title">
221                Credits
222             </p>
223             <p>
224                <a href="http://mir.indymedia.org/">mir.indymedia.org</a><br />
225                <a href="#">imc tech</a><br />
226                <a href="https://barcelona.indymedia.org/nyc/servlet/Mir">admin</a>
227             </p>         
228          </div>
229       </div><!-- 
230       end left column
231       --></td>
232       <td class="margin"><div>&#160;</div></td>
233       <td class="centerColumn"><!-- 
234       begin center column
235       --><div class="centerColumn">
236       <table cellspacing="0" cellpadding="0" border="0">
237          <tr valign="top">
238             <td>
239                <comment>
240                begin breaking news
241                </comment>
242                <if breakingnews && breakingnews[0].text!=".">
243                   <p class="breakingNews">
244                      <b class="title">${lang("startpage.breakingnews")}</b>
245                      <assign stop="0">
246                      <list breakingnews as bn>
247                        <if bn.text=="."><assign stop="1"></if>
248                        <if stop=="0">
249                            ${bn.creationdate.formatted["dd-MM-yyyy HH:mm"]}:
250                            ${bn.text}
251                        </if>
252                      </list>
253                   </p>
254                </if>
255                <comment>
256                end breaking news
257                begin features
258                </comment>
259                <list features as f>
260                   <assign forig=f.to_original>
261                      <if languagepreference>
262                         <assign i=f.to_translation(languagepreference)>
263                      <else>
264                         <assign i=f>
265                      </if>
266                      <div class="items">
267                         <ul>
268                            <li>
269                               <a href="${config["Producer.DocRoot"]}/${language.code}/${i.date.formatted["yyyy'/'MM"]}/${i.id}.shtml" class="headline">${i.title}</a>
270                               <ul>
271                                  <li>
272                                     ${i.description_parsed}
273                                     <small>
274                                     <a href="${config["Producer.DocRoot"]}/${language.code}/${i.date.formatted["yyyy'/'MM"]}/${i.id}.shtml" class="headlineLink">FULL&#160;STORY<!-- ${lang("general.readmore")} --></a>&#160; 
275                   <a style="text-deocration: none;">${i.commentcount} comment(s)</a><br />
276                                     ${lang("general.authoredby")} ${forig.creator}<br /></small>
277                                  </li>
278                               </ul>
279                            </li> 
280                         </ul>
281                </list>
282                <comment>
283                end features
284                </comment>
285                <small class="publish">
286                   <a href="#">More</a>&#160;|
287                   <a href="#">Publish News</a>
288                </small>
289                <div class="topics">
290 ed. note: most discussed stories testing
291
292
293 <list mostcomments as mc>
294                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
295                      <tr>
296                         <td class="icon">
297                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/palestine.01.gif" border="0" /></a>
298                         </td>
299                         <td class="link">
300                            <a href="#" class="teaserLink">palestine</a>
301                            <a href="${config["Producer.DocRoot"]}/${language.code}/${mc.date.formatted["yyyy'/'MM"]}/${mc.id}.shtml">${mc.title}</a> <small>
302                            <a style="text-deocration: none; font-size: 110%;">${mc.commentcount} Comments</a><br /></small>
303                         </td>
304                      </tr>
305                   </table>
306 </list>
307
308                                 <!--
309
310                      <tr>
311                         <td class="icon">
312                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/zapatista.02.gif" border="0" /></a>
313                         </td>
314                         <td class="link">
315                      <a href="#" class="teaserLink">zapatista</a> 
316                      <a href="#">Israel Defense Forces Committing Massacre in Rafah...</a>&#160; <small>
317                      <a style="text-deocration: none; font-size: 110%;">80&#160;Comments</a><br /></small>
318                         </td>
319                      </tr>
320                   </table>
321                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
322                      <tr>
323                         <td class="icon">
324                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/palestine.01.gif" border="0" /></a>
325                         </td>
326                         <td class="link">
327                            <a href="#" class="teaserLink">palestine</a>
328                            <a href="#">Bay Area Defends Local Family Facing Deportation...</a>&#160; <small>
329                            <a style="text-deocration: none; font-size: 110%;">65&#160;Comments</a><br /></small>
330                         </td>
331                      </tr>
332                   </table>
333                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
334                      <tr>
335                         <td class="icon">
336                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/class_war.02.gif" border="0" /></a>
337                         </td>
338                         <td class="link">
339                            <a href="#" class="teaserLink">class</a> 
340                            <a href="#">Heated Sidewalks Melt Madison Ave; Mott Haven Freezes</a>&#160; <small>
341                            <a style="text-deocration: none; font-size: 110%;">32&#160;Comments</a><br /></small>
342                         </td>
343                      </tr>
344                   </table>
345         -->
346                   <small class="publish">
347                      <a href="#">more</a>&#160;|
348                      <a href="#">publish news</a>
349                   </small>
350 `                       </div>
351             </div><!-- 
352             end center column
353             --></td>
354             <td class="margin" id="centerLeft"><div>&#160;</div></td>
355             <td class="centerRightColumn"><!-- 
356             begin center right column
357             --><div class="centerRightColumn">
358                 
359                 <!--#include virtual="/fpincludes/fpimage.rand" -->
360                 
361 <!--
362                <a href="#"><img src="BLAHhttp://sarai.indymedia.org/~patrick/mir.nyc/img/penny_drive.jpg" width="200" height="300" class="headlineImage" alt="" border="0" /></a>
363                <p class="caption">
364                   <small>This is a picture of a black child. However, as predominantly white activist-led 
365                   organization, we will exercise caution to not appropriate people of color imagery.</small>
366                </p>
367
368 -->
369                <list startspecial as ss>
370                   <assign sorig=ss.to_original>
371                      <if languagepreference>
372                         <assign s=ss.to_translation(languagepreference)>
373                      <else>
374                         <assign s=ss>
375                      </if>
376                      <p class="subFeatures">
377                         <b><a href="${config["Producer.DocRoot"]}/${language.code}/${s.date.formatted["yyyy'/'MM"]}/${s.id}.shtml">${s.title}</a></b>
378                         <p>
379                            ${s.description_parsed}
380                            <small><a href="${config["Producer.DocRoot"]}/${language.code}/${s.date.formatted["yyyy'/'MM"]}/${s.id}.shtml" class="headlineLink">FULL&#160;STORY</a></small>
381                         </p>
382                      </p>
383                </list>
384                <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/truth_tape.jpg" class="headlineImage" style="margin: 15px 0px 0px 0px;" width="200" height="60" alt="" border="0" /></a>
385                <p>
386                   <small>Obligatory protestor, before lunch at Angelicas.</small>
387                </p>
388             </td>
389          </tr>
390       </table>
391
392       <table class="newswireCategories" cellspacing="0" cellpadding="0" border="0">
393          <!--<tr valign="top">
394             <td class="first">
395                <b>Local</b>
396                <ul>
397                   <li><a href="#">Mass Action and Autonomous Action in the Election Year: An analysis of the successes</a></li> 
398                   <li><a href="#">The NYC District Attorney Makes the Campaign Against Critical Mass Personal</a></li> 
399                   <li><a href="#">Recycle This! to Host Electronics Recycling Day in Brooklyn, April 3</a></li> 
400                   <li><a href="#">The Real Face of Occupation Plays at Vox Pop</a></li> 
401                </ul>
402                <small class="publish">
403                   <a href="#">more</a>&#160;|
404                   <a href="#">publish news</a>
405                </small>
406
407             </td>
408             <td>
409                <b>Events</b>
410       <table class="events" cellspacing="0" cellpadding="0" border="0">
411          <tr valign="top">
412             <td colspan="2">
413                <a href="#" class="nav">Today's Events</a>
414                <small class="date">Mar 26 '05</small>
415             </td>
416          </tr>
417          <tr valign="top">
418             <th>12pm</th>
419             <td>
420                <div>
421                   <a href="#">Action on 42nd ST</a>, <a href="#">Action on 34th ST</a>
422                </div>
423             </td>
424          </tr>
425          <tr valign="top">
426             <th>4pm</th>
427             <td>
428                <div>
429                   <a href="#">noRNC Meeting</a>, <a href="#">NoOneIsIllegal Meeting</a>, 
430                   <a href="#">Party Fundraiser</a>, <a href="#">Some Other Meeting</a>, 
431                   <a href="#">Really Really Long Sentence Really Really Long Sentence</a>
432                </div>
433             </td>
434          </tr>
435          <tr valign="top">
436             <th>7pm</th>
437             <td>
438                <div>
439                   <a href="#">XYZ Meeting</a>, <a href="#">Movie: ABC...</a>
440                </div>
441             </td>
442          </tr>
443       </table>
444             </td>
445          </tr>
446          
447          -->
448          <tr valign="top">
449             <td class="first">
450                 <!--#include virtual="/fpincludes/random1.inc" -->
451
452             <!--
453             
454                <b>Global</b>
455                <ul>
456                   <li><a href="#">Register NOW! 2nd Annual NYC Grassroots Media Conference April 9-10, 2005</a></li> 
457                   <li><a href="#">Over 75 Reports of Protests on M 19</a></li> 
458                   <li><a href="#">Local Composers’ “Concert for Peace” Part of a Global Grassroots Collaboration</a></li> 
459                   <li><a href="#">FAIR/CounterSpin's Clear Channel Radio Link</a></li> 
460                </ul>
461                <small class="publish">
462                   <a href="#">more</a>&#160;|
463                   <a href="#">publish news</a>
464                </small>
465                -->
466             </td>
467             <td>
468                 <!--#include virtual="/fpincludes/random2.inc" -->
469             
470             
471             <!--
472              <b>Analysis</b>
473                <ul>
474                   <li><a href="#">The Face of Protest is A Changin'</a></li> 
475                   <li><a href="#">Local Organization Launches Financial Justice Blog</a></li> 
476                   <li><a href="#">Saving Schiavo While Burying the Real News</a></li> 
477                   <li><a href="#">HANDS OFF JUANITA YOUNG - DROP THE CHARGES NOW!</a></li> 
478                </ul>
479                <small class="publish">
480                   <a href="#">more</a>&#160;|
481                   <a href="#">publish news</a>
482                </small>
483                
484                -->
485             </td>
486          </tr>
487          <tr valign="top">
488             <td class="first">  
489                <!--#include virtual="/fpincludes/random3.inc" -->
490
491             <!--
492                <b>Local</b>
493                <ul>
494                   <li><a href="#">Photos of Marchers on 125th St and on Malclom X Blvd.</a></li> 
495                   <li><a href="#">Where to Find The Indypendent</a></li> 
496                   <li><a href="#">Photos Of Speakers And The People In Harlem Protesting Against The War</a></li> 
497                   <li><a href="#">Demo in New Paltz riles young republicans</a></li> 
498                </ul>
499                <small class="publish">
500                   <a href="#">more</a>&#160;|
501                   <a href="#">publish news</a>
502                </small>
503                -->
504             </td>
505             <td>
506                         <!--#include virtual="/fpincludes/random4.inc" -->
507
508                 <!--
509                <b>Who Knows</b>
510                <ul>
511                   <li><a href="#">The Face of Protest is A Changin'</a></li> 
512                   <li><a href="#">Local Organization Launches Financial Justice Blog</a></li> 
513                   <li><a href="#">Images: Artists for Peace Concert</a></li> 
514                   <li><a href="#">NJ Anti-Capitalist Anti-Authoritarian Gathering</a></li> 
515                </ul>
516                <small class="publish">
517                   <a href="#">more</a>&#160;|
518                   <a href="#">publish news</a>
519                </small>
520                -->
521                
522             </td>
523          </tr>
524       </table>
525       </div><!-- 
526       end center column
527       --></td>
528       <td class="margin" id="centerRight"><div>&#160;</div></td>
529       <td class="rightColumn"><!-- 
530       begin right column
531       --><div class="rightColumn">
532    
533
534 <div class="openPublishing">
535    <div class="wrap">
536       <p class="title">
537          <b><a href="#">Publish Your News</a></b>
538       </p>
539       <p>
540          Upload <!-- your news &#8211;  -->articles, audio, video,  and photos.<!-- &#160; <i>BE THE MEDIA</i> -->
541      <!--  <small class="publish"><a href="#">Click here to publish</a></small> -->
542 </p>
543 <p style="text-align: center;">
544 How to <a href="#">Open Publish</a>
545 </p>
546    </div>
547
548
549 <form class="publish" id="" name="" action="">
550    <input type="submit" class="submit" id="" style="width: 100%;" name="" value="publish your news" tabindex="1" />
551 </form>
552
553 </div>
554
555          <div class="newswireSort" style="margin: 0px 0px 15px 0px;">
556             <b><a href="#">Newswire</a></b><br />
557             <a href="/${language.code}/" style="text-transform: lowercase;">Local</a>&#160;|
558             <a href="#" style="text-transform: lowercase;">Global</a>&#160;|
559             <a href="?category" style="text-transform: lowercase;">Category</a><br />
560             <!-- #if expr="\"$DOCUMENT_URI\" = /?category/" 
561             --><!-- #include virtual="/${language.code}/languagebar.shtml"
562             --><!-- #else
563             --><!-- #include virtual="/${language.code}/newswireinclude.shtml"
564             --><!-- #endif
565             --><small class="publish" style="text-align: left; diplay: block; margin: 3px 0px 0px 0px;">
566                <a href="#" style="text-decoration: underline;">publish news</a>
567             </small>
568          </div>
569          <!-- <iframe name="shazbot" id="shazbot" src="/${language.code}/newswireinclude.shtml" frameborder="0" style="overflow: hidden;"></iframe> -->
570
571
572                 <!--#if expr="\"$QUERY_STRING\" = /category/" -->
573                 <!--#include virtual="/${language.code}/rssnewswireinclude.shtml" -->
574                 <!--#else -->
575                 <b><!--#echo var="QUERY_STRING" --></b>
576                 <!--#include virtual="/${language.code}/newswireinclude.shtml" -->              
577                 <!--#endif -->
578
579
580                 
581
582
583                  
584
585                  
586                  
587          <small class="publish" style="text-align: left; margin: 15px 0px 0px 0px;"><a href="#">publish news</a></small>
588       </div><!-- 
589       end right column
590       --></td>
591       <td class="margin"><div>&#160;</div></td>
592    </tr>
593 </table>
594 <div class="copyleft">
595    <small>
596       <a href="#">copyLeft</a>&#160;|
597       <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 />
598       34 E. 29th ST, 2nd FL, NY, NY 10016<br />
599       (212) 684-8112<br /> 
600 sll content <a href="#">copyleft</a> unless otherwise stated <a href="#">not responsible</a> for content...
601    </small>
602 </div>
603
604 </body>
605 </html>
606
607