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