1314d2c291fdd3fb4cdd9ec46536a009dbdae882
[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://docs.indymedia.org/pub/Local/ImcNYBannerDrafts/widelens.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       <table cellspacing="0" cellpadding="0" border="0">
239          <tr valign="top">
240             <td>
241                <comment>
242                begin breaking news
243                </comment>
244                <if breakingnews && breakingnews[0].text!=".">
245                   <p class="breakingNews">
246                      <b class="title">${lang("startpage.breakingnews")}</b>
247                      <assign stop="0">
248                      <list breakingnews as bn>
249                        <if bn.text=="."><assign stop="1"></if>
250                        <if stop=="0">
251                            ${bn.creationdate.formatted["dd-MM-yyyy HH:mm"]}:
252                            ${bn.text}
253                        </if>
254                      </list>
255                   </p>
256                </if>
257                <comment>
258                end breaking news
259                begin features
260                </comment>
261                <list features as f>
262                   <assign forig=f.to_original>
263                      <if languagepreference>
264                         <assign i=f.to_translation(languagepreference)>
265                      <else>
266                         <assign i=f>
267                      </if>
268                      <div class="items">
269                         <ul>
270                            <li>
271                               <a href="${config["Producer.DocRoot"]}/${language.code}/${i.date.formatted["yyyy'/'MM"]}/${i.id}.shtml" class="headline">${i.title}</a>
272                               <ul>
273                                  <li>
274                                     ${i.description_parsed}
275                                     <small>
276                                     <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; 
277                   <a style="text-deocration: none;">${i.commentcount} comment(s)</a><br />
278                                     ${lang("general.authoredby")} ${forig.creator}<br /></small>
279                                  </li>
280                               </ul>
281                            </li> 
282                         </ul>
283                </list>
284                <comment>
285                end features
286                </comment>
287                <small class="publish">
288                   <a href="#">More</a>&#160;|
289                   <a href="#">Publish News</a>
290                </small>
291                <div class="topics">
292 ed. note: most discussed stories testing
293
294
295 <list mostcomments as mc>
296                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
297                      <tr>
298                         <td class="icon">
299                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/palestine.01.gif" border="0" /></a>
300                         </td>
301                         <td class="link">
302                            <a href="#" class="teaserLink">palestine</a>
303                            <a href="${config["Producer.DocRoot"]}/${language.code}/${mc.date.formatted["yyyy'/'MM"]}/${mc.id}.shtml">${mc.title}</a> <small>
304                            <a style="text-deocration: none; font-size: 110%;">${mc.commentcount} Comments</a><br /></small>
305                         </td>
306                      </tr>
307                   </table>
308 </list>
309
310                                 <!--
311
312                      <tr>
313                         <td class="icon">
314                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/zapatista.02.gif" border="0" /></a>
315                         </td>
316                         <td class="link">
317                      <a href="#" class="teaserLink">zapatista</a> 
318                      <a href="#">Israel Defense Forces Committing Massacre in Rafah...</a>&#160; <small>
319                      <a style="text-deocration: none; font-size: 110%;">80&#160;Comments</a><br /></small>
320                         </td>
321                      </tr>
322                   </table>
323                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
324                      <tr>
325                         <td class="icon">
326                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/palestine.01.gif" border="0" /></a>
327                         </td>
328                         <td class="link">
329                            <a href="#" class="teaserLink">palestine</a>
330                            <a href="#">Bay Area Defends Local Family Facing Deportation...</a>&#160; <small>
331                            <a style="text-deocration: none; font-size: 110%;">65&#160;Comments</a><br /></small>
332                         </td>
333                      </tr>
334                   </table>
335                   <table class="topicTeaser" cellspacing="0" cellpadding="0" border="0">
336                      <tr>
337                         <td class="icon">
338                            <a href="#"><img src="http://sarai.indymedia.org/~patrick/mir.nyc/img/class_war.02.gif" border="0" /></a>
339                         </td>
340                         <td class="link">
341                            <a href="#" class="teaserLink">class</a> 
342                            <a href="#">Heated Sidewalks Melt Madison Ave; Mott Haven Freezes</a>&#160; <small>
343                            <a style="text-deocration: none; font-size: 110%;">32&#160;Comments</a><br /></small>
344                         </td>
345                      </tr>
346                   </table>
347         -->
348                   <small class="publish">
349                      <a href="#">more</a>&#160;|
350                      <a href="#">publish news</a>
351                   </small>
352 `                       </div>
353             </div><!-- 
354             end center column
355             --></td>
356             <td class="margin" id="centerLeft"><div>&#160;</div></td>
357             <td class="centerRightColumn"><!-- 
358             begin center right column
359             --><div class="centerRightColumn">
360                 
361                 <!--#include virtual="/fpincludes/fpimage.rand" -->
362                 
363 <!--
364                <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>
365                <p class="caption">
366                   <small>This is a picture of a black child. However, as predominantly white activist-led 
367                   organization, we will exercise caution to not appropriate people of color imagery.</small>
368                </p>
369
370 -->
371                <list startspecial as ss>
372                   <assign sorig=ss.to_original>
373                      <if languagepreference>
374                         <assign s=ss.to_translation(languagepreference)>
375                      <else>
376                         <assign s=ss>
377                      </if>
378                      <p class="subFeatures">
379                         <b><a href="${config["Producer.DocRoot"]}/${language.code}/${s.date.formatted["yyyy'/'MM"]}/${s.id}.shtml">${s.title}</a></b>
380                         <p>
381                            ${s.description_parsed}
382                            <small><a href="${config["Producer.DocRoot"]}/${language.code}/${s.date.formatted["yyyy'/'MM"]}/${s.id}.shtml" class="headlineLink">FULL&#160;STORY</a></small>
383                         </p>
384                      </p>
385                </list>
386                <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>
387                <p>
388                   <small>Obligatory protestor, before lunch at Angelicas.</small>
389                </p>
390             </td>
391          </tr>
392       </table>
393
394       <table class="newswireCategories" cellspacing="0" cellpadding="0" border="0">
395          <!--<tr valign="top">
396             <td class="first">
397                <b>Local</b>
398                <ul>
399                   <li><a href="#">Mass Action and Autonomous Action in the Election Year: An analysis of the successes</a></li> 
400                   <li><a href="#">The NYC District Attorney Makes the Campaign Against Critical Mass Personal</a></li> 
401                   <li><a href="#">Recycle This! to Host Electronics Recycling Day in Brooklyn, April 3</a></li> 
402                   <li><a href="#">The Real Face of Occupation Plays at Vox Pop</a></li> 
403                </ul>
404                <small class="publish">
405                   <a href="#">more</a>&#160;|
406                   <a href="#">publish news</a>
407                </small>
408
409             </td>
410             <td>
411                <b>Events</b>
412       <table class="events" cellspacing="0" cellpadding="0" border="0">
413          <tr valign="top">
414             <td colspan="2">
415                <a href="#" class="nav">Today's Events</a>
416                <small class="date">Mar 26 '05</small>
417             </td>
418          </tr>
419          <tr valign="top">
420             <th>12pm</th>
421             <td>
422                <div>
423                   <a href="#">Action on 42nd ST</a>, <a href="#">Action on 34th ST</a>
424                </div>
425             </td>
426          </tr>
427          <tr valign="top">
428             <th>4pm</th>
429             <td>
430                <div>
431                   <a href="#">noRNC Meeting</a>, <a href="#">NoOneIsIllegal Meeting</a>, 
432                   <a href="#">Party Fundraiser</a>, <a href="#">Some Other Meeting</a>, 
433                   <a href="#">Really Really Long Sentence Really Really Long Sentence</a>
434                </div>
435             </td>
436          </tr>
437          <tr valign="top">
438             <th>7pm</th>
439             <td>
440                <div>
441                   <a href="#">XYZ Meeting</a>, <a href="#">Movie: ABC...</a>
442                </div>
443             </td>
444          </tr>
445       </table>
446             </td>
447          </tr>
448          
449          -->
450          <tr valign="top">
451             <td class="first">
452                 <!--#include virtual="/fpincludes/random1.inc" -->
453
454             </td>
455             <td>
456                 <!--#include virtual="/fpincludes/random2.inc" -->
457             
458             </td>
459          </tr>
460          <tr valign="top">
461             <td class="first">  
462                <!--#include virtual="/fpincludes/random3.inc" -->
463
464             </td>
465             <td>
466                         <!--#include virtual="/fpincludes/random4.inc" -->
467                
468             </td>
469          </tr>
470          <tr valign="top">
471             <td class="first">  
472                <!--#include virtual="/fpincludes/random5.inc" -->
473
474             </td>
475             <td>
476                         <!--#include virtual="/fpincludes/random6.inc" -->
477                
478             </td>
479          </tr>
480          <tr valign="top">
481             <td class="first">  
482                <!--#include virtual="/fpincludes/random7.inc" -->
483
484             </td>
485             <td>
486                         <!--#include virtual="/fpincludes/random8.inc" -->
487                
488             </td>
489          </tr>
490          <tr valign="top">
491             <td class="first">  
492                <!--#include virtual="/fpincludes/random9.inc" -->
493
494             </td>
495             <td>
496                         <!--#include virtual="/fpincludes/random10.inc" -->
497                
498             </td>
499          </tr>
500
501
502
503       </table>
504       </div><!-- 
505       end center column
506       --></td>
507       <td class="margin" id="centerRight"><div>&#160;</div></td>
508       <td class="rightColumn"><!-- 
509       begin right column
510       --><div class="rightColumn">
511    
512
513 <div class="openPublishing">
514    <div class="wrap">
515       <p class="title">
516          <b><a href="#">Publish Your News</a></b>
517       </p>
518       <p>
519          Upload <!-- your news &#8211;  -->articles, audio, video,  and photos.<!-- &#160; <i>BE THE MEDIA</i> -->
520      <!--  <small class="publish"><a href="#">Click here to publish</a></small> -->
521 </p>
522 <p style="text-align: center;">
523 How to <a href="#">Open Publish</a>
524 </p>
525    </div>
526
527
528 <form class="publish" id="" name="" action="">
529    <input type="submit" class="submit" id="" style="width: 100%;" name="" value="publish your news" tabindex="1" />
530 </form>
531
532 </div>
533
534          <div class="newswireSort" style="margin: 0px 0px 15px 0px;">
535             <b><a href="#">Newswire</a></b><br />
536             <a href="/${language.code}/" style="text-transform: lowercase;">Local</a>&#160;|
537             <a href="#" style="text-transform: lowercase;">Global</a>&#160;|
538             <a href="?category" style="text-transform: lowercase;">Category</a><br />
539             <!-- #if expr="\"$DOCUMENT_URI\" = /?category/" 
540             --><!-- #include virtual="/${language.code}/languagebar.shtml"
541             --><!-- #else
542             --><!-- #include virtual="/${language.code}/newswireinclude.shtml"
543             --><!-- #endif
544             --><small class="publish" style="text-align: left; diplay: block; margin: 3px 0px 0px 0px;">
545                <a href="#" style="text-decoration: underline;">publish news</a>
546             </small>
547          </div>
548          <!-- <iframe name="shazbot" id="shazbot" src="/${language.code}/newswireinclude.shtml" frameborder="0" style="overflow: hidden;"></iframe> -->
549
550
551                 <!--#if expr="\"$QUERY_STRING\" = /category/" -->
552                 <!--#include virtual="/${language.code}/rssnewswireinclude.shtml" -->
553                 <!--#else -->
554                 <b><!--#echo var="QUERY_STRING" --></b>
555                 <!--#include virtual="/${language.code}/newswireinclude.shtml" -->              
556                 <!--#endif -->
557
558
559                 
560
561
562                  
563
564                  
565                  
566          <small class="publish" style="text-align: left; margin: 15px 0px 0px 0px;"><a href="#">publish news</a></small>
567       </div><!-- 
568       end right column
569       --></td>
570       <td class="margin"><div>&#160;</div></td>
571    </tr>
572 </table>
573 <div class="copyleft">
574    <small>
575       <a href="#">copyLeft</a>&#160;|
576       <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 />
577       34 E. 29th ST, 2nd FL, NY, NY 10016<br />
578       (212) 684-8112<br /> 
579 sll content <a href="#">copyleft</a> unless otherwise stated <a href="#">not responsible</a> for content...
580    </small>
581 </div>
582
583 </body>
584 </html>
585
586