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