added some files
This commit is contained in:
sanj
parent
baa99cd588
commit
43ff76b4e4
BIN
edgware/static/images/flowplayer-3.1.5.swf
Normal file
BIN
edgware/static/images/flowplayer-3.1.5.swf
Normal file
Binary file not shown.
BIN
edgware/static/images/flowplayer.audio.swf
Normal file
BIN
edgware/static/images/flowplayer.audio.swf
Normal file
Binary file not shown.
BIN
edgware/static/images/flowplayer.controls.swf
Normal file
BIN
edgware/static/images/flowplayer.controls.swf
Normal file
Binary file not shown.
399
edgware/templates/articleDemo.html
Normal file
399
edgware/templates/articleDemo.html
Normal file
|
|
@ -0,0 +1,399 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>edgware frontend layout</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/colorbox.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/jquery.tooltip.css" />
|
||||
<link href="/static/css/articleDemo.css" rel="stylesheet" type="text/css" />
|
||||
<style type="text/css">
|
||||
<!--
|
||||
.style1 {font-size: 16px}
|
||||
body {
|
||||
background-color: #ABAE71;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.colorbox.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.srt.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.tooltip.js"></script>
|
||||
<script type="text/javascript" src="/static/js/swfobject.js"></script>
|
||||
<script type="text/javascript" src="/static/js/articleMockup.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="hiddenDivs">
|
||||
<div id="videoWrap">
|
||||
<video id="padmaVideo" data-base="/static/mockup/video/" src="" controls>Sorry, you currently need Firefox 3.5 to view this.</video>
|
||||
<div id="srtWrap">
|
||||
<div class="srtContainer">
|
||||
<div class="srtTitle">Transcript:</div>
|
||||
<div class="srt Transcript" data-srt="" data-video="padmaVideo">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Description">-></div>
|
||||
</div>
|
||||
<div class="srtContainer" style="display: none;">
|
||||
<div class="srtTitle">Description:</div>
|
||||
<div class="srt Description" data-video="padmaVideo" data-srt="">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Transcript"><-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hiddenDivs">
|
||||
<div id="audioWrap">
|
||||
<audio id="padmaAudio" data-base="/static/mockup/audio/" src="" controls>Sorry, you currently need Firefox 3.5 to view this.</audio>
|
||||
<div id="srtWrap2">
|
||||
<div class="audioSrt">
|
||||
<div class="srtTitle"><span style="font-family:Verdana, Arial, Helvetica, sans-serif">Transcript:</span></div>
|
||||
<div class="srt Transcript" data-srt="" data-video="padmaAudio">
|
||||
|
||||
</div>
|
||||
<!-- <div class="toggleButton icon" title="Switch to Description">-></div> -->
|
||||
</div>
|
||||
<!--
|
||||
<div class="srtContainer" style="display: none;">
|
||||
<div class="srtTitle">Description:</div>
|
||||
<div class="srt Description" data-video="padmaAudio" data-srt="">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Transcript"><-</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="big" id="1">
|
||||
|
||||
<div id="lefttitle"><img src="/static/images/titlecard1.png" width="332" height="108" />
|
||||
</div>
|
||||
|
||||
<div id="navcontaineren" class="english">
|
||||
<ul id="navlisten">
|
||||
<li id="active"><a href="../../../Sites/edgwareroad/magazine" id="current">home</a></li>
|
||||
<li><a href="../../../Sites/edgwareroad/contact.html"> contact </a></li>
|
||||
<li><a href="../../../Sites/edgwareroad/credits.html">about</a> </li>
|
||||
<li><a href="../../../Sites/edgwareroad/news.php" target="_blank"> news</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="navcontainerar" class="arabic">
|
||||
<ul id="navlistar">
|
||||
<li id="active"><a href="../../../Sites/edgwareroad/magazine" id="current">بيت</a></li>
|
||||
<li><a href="../../../Sites/edgwareroad/contact.html"> احتكاك</a></li>
|
||||
<li><a href="../../../Sites/edgwareroad/credits.html">حوالي</a> </li>
|
||||
<li><a href="../../../Sites/edgwareroad/news.php" target="_blank">أحداث</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="righttitle" class="english">Vol 1, January 2010</div>
|
||||
<div id="righttitle1" class="arabic"> 1, يناير 2010</div>
|
||||
<div id="languageBtn"><span class="arabicBtn">االقائمة العربية</span> <span class="englishBtn">English Menu</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page" id="page0">
|
||||
<div class="pagecontents" >
|
||||
<p>2. The Old English Gentleman, 132 Edgware Road. <br />
|
||||
</p>
|
||||
<p><img src="/static/images/oldenglish/oeinterior1.jpg" alt="interior view" width="850" height="521" /><br />
|
||||
<img src="/static/images/oldenglish/oeinterior5.jpg" width="850" height="524" /><br />
|
||||
</p>
|
||||
|
||||
<div class="englishbox">We didnt know it then, but one evening we had probably the last few drinks at this pub. The manager got a call while we were there, asked us to leave and closed the doors. The next morning, the windows were papered up. </div>
|
||||
|
||||
<div class="arabicbox" >نحن لم نعرف بعد ذلك ، ولكن بعد ظهر أحد الأيام أننا ربما اسقطت المشروبات القليلة الماضية في حانة ، مكاييل من الرابطة تالفة على 2.50 لكل منهما. مدير جيم تلقى مكالمة أثناء وجودنا هناك ، وتبين لنا من واغلق الابواب. في اليوم التالي ، وتم تجاهل والنوافذ. </div>
|
||||
|
||||
</div>
|
||||
<div class="mediaicons">
|
||||
<a href="#" class="audioBtn" data-file="JimPub.ogg">
|
||||
<img src="/static/images/icons/speaker.png" alt="audio" class="icon" title="Listen: Jim is leaving." /> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="page" id="page2">
|
||||
|
||||
<div class="pagecontents">
|
||||
<div class="englishbox"> The Old English Gentleman was closed in April 2009. </div>
|
||||
<div class="arabicbox">The Old English Gentleman كانت مغلقة في نيسان / أبريل 2009. </div>
|
||||
</p><br />
|
||||
<p><img src="/static/images/oldenglish/oeexterior1.jpg" width="850" height="527" /><br />
|
||||
<img src="/static/images/oldenglish/oeexterior2.jpg" width="850" height="528" /></p>
|
||||
<p> <br />
|
||||
</p>
|
||||
</div>
|
||||
<div class="mediaicons">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page" id="page3">
|
||||
<br />
|
||||
<div class="pagecontents">
|
||||
<div class="englishbox">The pub becomes the fourth vacant storefront on the block.</div>
|
||||
<div class="arabicboxindent">الحانة يصبح محل التجاري الرابع الشاغر في كتلة.</div>
|
||||
<br />
|
||||
<br />
|
||||
<img src="/static/images/oldenglish/oearez1.jpg" width="750" height="462" /><br />
|
||||
<img src="/static/images/oldenglish/oearez2.jpg" width="750" height="462" /><br />
|
||||
</p>
|
||||
<br />
|
||||
<div class="englishboxindent">At breakfast in our favourite Lebanese restaurant, we commented to the owner about the closing of the pub across the street.
|
||||
<br />
|
||||
"I know," he said... "I bought it." </div>
|
||||
|
||||
<div class="arabicboxindent"> في وجبة الإفطار في الارز ، ونحن وعلق على مالك عن اغلاق الحانات عبر الشارع. <br />
|
||||
نعم ، قال... اشتريتها.</div>
|
||||
|
||||
</div>
|
||||
<div class="mediaicons">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="page" id="page4">
|
||||
<img src="/static/images/oldenglish/oepan2.jpg" alt="bar" width="750" height="423" /> <br />
|
||||
<br />
|
||||
<div class ="textboxwrapper">
|
||||
<div class= "englishboxindent">
|
||||
Inside the pub, it is busy. The new owners bring in their relatives and friends to discuss the future. The new "express" restaurant will be based on a restaurant in Beruit. A mountain in Spain will be mined for the granite. The bar has to go, so what can stay? </div>
|
||||
<div class ="arabicboxindent">
|
||||
خلال الأياخلال الأيام القليلة المقبلة ، داخل الحانة ، تجرى مناقشات متكررة. الملاك الجدد جلب أقاربهم وأصدقائهم لمناقشة مستقبل. شريط له أن يذهب ، هل هناك أي شيء يمكن أن تبقى؟ وسيكون المطعم الجديد أعرب عن أن يستند إلى المطاعم الحديثة في بيروت.
|
||||
</div>
|
||||
</div>
|
||||
<p>
|
||||
<br />
|
||||
</p>
|
||||
<p> </p>
|
||||
<p><img src="/static/images/oldenglish/oepeople1.jpg" width="250" height="350" /><img src="/static/images/oldenglish/oepeople2.jpg" width="250" height="350" /><img src="/static/images/oldenglish/oepeople6.jpg" width="250" height="350" /><br /><img src="/static/images/oldenglish/oepeople3.jpg" width="250" height="350" /><img src="/static/images/oldenglish/oepeople4.jpg" width="250" height="350" /><img src="/static/images/oldenglish/oepeople5.jpg" width="250" height="350" /><br />
|
||||
<br />
|
||||
</p>
|
||||
<div class="mediaicons">
|
||||
|
||||
|
||||
<a href="#" class="videoBtn" data-file="Gentlemen.ogv">
|
||||
<img src="/static/images/icons/video.png" alt="video" class="icon" title="Watch: The new Lebanese gentlemen" /> </a></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="page" id="page6">
|
||||
<div class="textboxwrapper">
|
||||
<div class="englishboxindent">Meanwhile all drinking at this location has come to a halt. <br />
|
||||
More than 100 years of drinking. </div>
|
||||
<div class="arabicboxindent"> وفي الوقت نفسه جميع الشرب في هذا الموقع قد حان للتوقف. أكثر من 100 سنة من مياه الشرب.</div>
|
||||
</div>
|
||||
<p>
|
||||
<br /><br />
|
||||
<img src="/static/images/oldenglish/oeentrance.jpg" alt="dig" width="750" height="423" /><br />
|
||||
<img src="/static/images/oldenglish/oecomein.jpg" alt="dig" width="750" height="423" /><br />
|
||||
</p>
|
||||
<div class="textboxwrapper">
|
||||
<div class="englishboxindent">
|
||||
"For several years, I would go there every day. The pub was my office, I would receive couriers at the pub's address. Not only me, there were two or three people, for example there was an Iraqi guy called Faisal, who was very involved in Forset Court. He also would be there every evening." - Pub Regular.<br />
|
||||
|
||||
</div>
|
||||
|
||||
<div class="arabicboxindent">"لعدة سنوات ، وأود أن أذهب إلى هناك كل يوم. حانة وكان مكتبي ، وأود أن تتلقى سعاة في الحانة لمعالجة ليس فقط لي ، وكان هناك اثنين أو ثلاثة أشخاص ، على سبيل المثال كان هناك شاب عراقي يدعى فيصل ، الذي كان Forset جدا المشاركة في المحكمة ، كما سيكون هناك كل مساء ". -- حانة العادية.</div>
|
||||
<br />
|
||||
</div>
|
||||
<br />
|
||||
<div class="mediaicons">
|
||||
<a href="#" class="videoBtn" data-file="Maurice.ogv">
|
||||
<img src="/static/images/icons/video.png" alt="video" class="icon" title="Watch: Maurice, ex-manager" /></a>
|
||||
<a href="#" class="audioBtn" data-file="RegularPub.ogg">
|
||||
<img src="/static/images/icons/speaker.png" alt="audio" class="icon" title="Listen: Pub regular remembers" /> </a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page" id="page5">
|
||||
<br />
|
||||
|
||||
<div class="missingimage"> Plan and Plumbing Layout, <br />
|
||||
King's Head, 1905. <br />
|
||||
(Westminister Archives scan and permissions.) </div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page" id="page5">
|
||||
<div class="textboxwrapper">
|
||||
<div class="englishboxindent">Outside, a curious dig...</div>
|
||||
<div class="arabicboxindent">وفي الوقت نفسه خارج ، وحفر غريبة...</div>
|
||||
</div>
|
||||
<p>
|
||||
<br />
|
||||
<img src="/static/images/oldenglish/oedig2.jpg" width="750" height="1138" /><br />
|
||||
<br />
|
||||
<br />
|
||||
</p>
|
||||
|
||||
<div class="mediaicons">
|
||||
<!--
|
||||
<a href="#" class="audioBtn">
|
||||
<img src="/static/images/icons/speaker.png" alt="audio" class="icon" title="some audio blah" />
|
||||
</a>
|
||||
|
||||
<div id="audioWrap2">
|
||||
<div id="audioPlayer2">
|
||||
You need Flash 9 to be able to view this.
|
||||
</div>
|
||||
<div class="audioCaption">
|
||||
Mohammed in the pub, July 21
|
||||
</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="page" id="page8">
|
||||
<div class="pagecontents">
|
||||
<p><img src="/static/images/oldenglish/nutfordbike.jpg" width="850" height="520" /><br />
|
||||
<img src="/static/images/oldenglish/nutfordpigeon.jpg" width="850" height="520" /><br />
|
||||
</p>
|
||||
|
||||
<div class="englishbox">To check the plumbing, before the pavement is rebuilt.<br />
|
||||
<br />
|
||||
The pavement overlaps with Nutford Place, which is going to be redeveloped. It is the only
|
||||
open area on this part of the road. The redevelopment will put seating in the plaza, remove parking, and will attempt to make "an oasis of calm" on the Edgware Road. <br />
|
||||
</div>
|
||||
<div class="arabicbox">للتحقق من والسباكة ، وقبل أن يتم إعادة بناء الرصيف.<br /><br />
|
||||
رصيف إصلاح التداخل مع المشروع المقترح من Nutford مكان ، هي المنطقة الوحيدة المفتوحة العام على هذا الجزء من الطريق. إعادة تطوير سيضع الجلوس في ساحة ، وإزالة وقوف السيارات ، وسوف محاولة لخلق "واحة من الهدوء" في شارع ادجوير.
|
||||
</div>
|
||||
</div>
|
||||
<div class="mediaicons">
|
||||
<a href="/Users/babuji/Sites/edgware/static/images/Nutford_Place_consultation_June_2009.pdf">Nutford Place Proposal</a></div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div class="page" id="page7">
|
||||
|
||||
<p><img src="/static/images/oldenglish/nutfordfromparkwest.jpg" alt="nutford place" width="750" height="1164" /><br />
|
||||
</p>
|
||||
<div class="mediaicons">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page" id="page11">
|
||||
|
||||
<p><img src="/static/images/oldenglish/nutfordscience.jpg" width="850" height="524" /><br />
|
||||
<img src="/static/images/oldenglish/nutfordpolice.jpg" width="850" height="525" /><br />
|
||||
</p>
|
||||
|
||||
<div class="textboxwrapper">
|
||||
<div class="englishbox"> That same April, the Sceintologists proselytizing and selling books on Nutford Place showed us its potential. They escaped a complaint charging them with illegal trading and a breach of the 1980 Highways Act. <br />
|
||||
TFL owns the road, The left bank is mostly Portman Estates, the right bank is Church commissioners, or the Church of England. Upstairs is mostly residential, downstairs is commercial. Regulation is the attempt to hold all this in place.</div>
|
||||
<div class="arabicbox">ذلك الشهر نفسه ، Sceintologists بالتبشير وبيع الكتب على Nutford مكان تبين لنا إمكاناتها. انهم يواجهون شكوى سكان ان توجه لهم اتهامات مع المتاجرة غير المشروعة وخرقا للقانون الطرق السريعة 1980.
|
||||
وولستون تملك الطريق ، وترك البنك هي في معظمها يملكها بورتمان الحوزة ، وعلى الضفة اليمنى من قبل الكنيسة المفوضين ، أو كنيسة انكلترا. الطابق العلوي من المنزل هي في معظمها السكنية والتجارية في الطابق السفلي هو. تنظيم محاولات لاجراء هذا في كل مكان.
|
||||
</div>
|
||||
</div>
|
||||
<div class="mediaicons">
|
||||
<div id="audioWrap">
|
||||
|
||||
<div class="audioCaption">
|
||||
Middle-man
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page" id="page10">
|
||||
|
||||
<p> </p>
|
||||
<p>
|
||||
|
||||
<div class="missingimage"> Middleman's account of pub licencing issue,<br />
|
||||
and link to Nutford Place. </div>
|
||||
</p>
|
||||
Come September, ....
|
||||
<div class="mediaicons">
|
||||
<a href="#" class="audioBtn" data-file="Middleman.ogg">
|
||||
<img src="/static/images/icons/speaker.png" alt="audio" class="icon" title="Listen: Middleman." /> </a>
|
||||
<div id="audioWrap">
|
||||
|
||||
<div class="audioCaption">
|
||||
Middle-man
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="page" id="page8"><img src="/static/images/oldenglish/oemirror.jpg" width="750" height="1180" /><br />
|
||||
<div class="textboxwrapper">
|
||||
<div class="englishboxindent">Photo taken through pub window facing Edgware Road.</div>
|
||||
<div class="arabicboxindent">صورةصورة التقطت من خلال نافذة امام حانة في ادجوير رود.</div>
|
||||
|
||||
<div id="audioWrap">
|
||||
<div id="audioPlayer">
|
||||
You need Flash 9 to be able to view this.
|
||||
</div>
|
||||
<div class="audioCaption">
|
||||
Middle-man
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<p> </p>
|
||||
<div id="contents">
|
||||
<div class="english">
|
||||
<p>Contents:<br />
|
||||
1. From the editors<br />
|
||||
2. The Old English Gentleman<br />
|
||||
</div>
|
||||
<div class="arabic">
|
||||
<p>متلامس:<br />
|
||||
1. من المحررين<br />
|
||||
2. متعة Old English Gentleman
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div id="scrollDots">
|
||||
|
||||
</div>
|
||||
<div class="english">
|
||||
<p>3. Mohammed Al Nahas, the Arabic Centre<br />
|
||||
4. Marwan and Friends<br />
|
||||
5. X-talk<br />
|
||||
6. Simon's Analysis<br />
|
||||
7. Artists projects?<br />
|
||||
8. Propositions, plans.<br />
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="arabic">
|
||||
3. محمد النحاس القاعدة,مركز العربية<br />
|
||||
4. مروان والأصدقاء<br />
|
||||
5. عبر الكلام<br />
|
||||
6. الفنانون على شارع ادجوير<br />
|
||||
7. اقتراح <br />
|
||||
</div>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
222
edgware/templates/article_frontend.html
Normal file
222
edgware/templates/article_frontend.html
Normal file
|
|
@ -0,0 +1,222 @@
|
|||
{% load alter_size %}
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>{{article.title}}</title>
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/colorbox.css" />
|
||||
<link rel="stylesheet" type="text/css" href="/static/css/jquery.tooltip.css" />
|
||||
<link href="/static/css/articleDemo.css" rel="stylesheet" type="text/css" />
|
||||
<style type="text/css">
|
||||
|
||||
.style1 {font-size: 16px}
|
||||
|
||||
body, html {
|
||||
background-color: #ABAE71;
|
||||
font-size: {{ "14px"|make_really_big:m }};
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.canvas {
|
||||
position: relative;
|
||||
height: {{height}}
|
||||
width: {{width}}
|
||||
}
|
||||
|
||||
.box {
|
||||
position: absolute;
|
||||
}
|
||||
.page {
|
||||
clear:left;
|
||||
font-family: Verdana, Helvetica, sans-serif;
|
||||
font-size: 14px;
|
||||
width: {{width}}px;
|
||||
height: {{height}}px;
|
||||
border-left:1px #CC6600 dotted;
|
||||
border-bottom: #CC6600 1px dotted;
|
||||
margin-left: 25px;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
padding: 0px;
|
||||
position: relative;
|
||||
background-color: #FFFFFF;
|
||||
}
|
||||
|
||||
{% for p in pages %}
|
||||
|
||||
#page{{p.id}} {
|
||||
|
||||
}
|
||||
|
||||
{% for t in p.textBoxes %}
|
||||
#textbox{{p.id}}{{t.id}} {
|
||||
{% for prop, value in t.css.items %}
|
||||
{{prop}}: {{ value|make_really_big:m }};
|
||||
{% endfor %}
|
||||
}
|
||||
{% endfor %}
|
||||
|
||||
{% for i in p.imageBoxes %}
|
||||
#imagebox{{p.id}}{{i.id}} {
|
||||
{% for prop, value in i.css.items %}
|
||||
{{prop}}: {{ value|make_really_big:m }};
|
||||
{% endfor %}
|
||||
}
|
||||
|
||||
#imagebox{{p.id}}{{i.id}} img {
|
||||
height: {{ i.css.height|make_really_big:m }};
|
||||
width: {{ i.css.width|make_really_big:m }}
|
||||
}
|
||||
{% endfor %}
|
||||
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</style>
|
||||
<script type="text/javascript" src="/static/js/jquery.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.colorbox.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.srt.js"></script>
|
||||
<script type="text/javascript" src="/static/js/jquery.tooltip.js"></script>
|
||||
<!-- <script type="text/javascript" src="/static/js/swfobject.js"></script> -->
|
||||
<script type="text/javascript" src="/static/js/articleDemo.js"></script>
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div class="hiddenDivs">
|
||||
<div id="videoWrap">
|
||||
<video id="padmaVideo" data-base="/static/mockup/video/" src="" controls>Sorry, you currently need Firefox 3.5 to view this.</video>
|
||||
<div id="srtWrap">
|
||||
<div class="srtContainer">
|
||||
<div class="srtTitle">Transcript:</div>
|
||||
<div class="srt Transcript" data-srt="" data-video="padmaVideo">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Description">-></div>
|
||||
</div>
|
||||
<div class="srtContainer" style="display: none;">
|
||||
<div class="srtTitle">Description:</div>
|
||||
<div class="srt Description" data-video="padmaVideo" data-srt="">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Transcript"><-</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hiddenDivs">
|
||||
<div id="audioWrap">
|
||||
<audio id="padmaAudio" data-base="/static/mockup/audio/" src="" controls>Sorry, you currently need Firefox 3.5 to view this.</audio>
|
||||
<div id="srtWrap2">
|
||||
<div class="audioSrt">
|
||||
<div class="srtTitle"><span style="font-family:Verdana, Arial, Helvetica, sans-serif">Transcript:</span></div>
|
||||
<div class="srt Transcript" data-srt="" data-video="padmaAudio">
|
||||
|
||||
</div>
|
||||
<!-- <div class="toggleButton icon" title="Switch to Description">-></div> -->
|
||||
</div>
|
||||
<!--
|
||||
<div class="srtContainer" style="display: none;">
|
||||
<div class="srtTitle">Description:</div>
|
||||
<div class="srt Description" data-video="padmaAudio" data-srt="">
|
||||
|
||||
</div>
|
||||
<div class="toggleButton icon" title="Switch to Transcript"><-</div>
|
||||
</div>
|
||||
-->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="big" id="1">
|
||||
|
||||
<div id="lefttitle"><img src="/static/images/titlecard1.png" width="332" height="108" />
|
||||
</div>
|
||||
|
||||
<div id="navcontaineren" class="english">
|
||||
<ul id="navlisten">
|
||||
<li id="active"><a href="http://edgwareroad.org/mockup/home" id="current">home</a></li>
|
||||
<li><a href=""> contact </a></li>
|
||||
<li><a href="">about</a> </li>
|
||||
<li><a href="" target="_blank"> events</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<div id="navcontainerar" class="arabic">
|
||||
<ul id="navlistar">
|
||||
<li id="active"><a href="http://edgwareroad.org/mockup/home" id="current">بيت</a></li>
|
||||
<li><a href=""> احتكاك</a></li>
|
||||
<li><a href="">حوالي</a> </li>
|
||||
<li><a href="" target="_blank">أحداث</a>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<div id="righttitle" class="english">Edgware Road, Vol 1, January 2010</div>
|
||||
<div id="righttitle1" class="arabic">ادجوار رود ، المجلد 1 يناير 2010</div>
|
||||
<div id="languageBtn"><span class="arabicBtn">االقائمة العربية</span> <span class="englishBtn">English Menu</span></div>
|
||||
</div>
|
||||
|
||||
|
||||
{% autoescape off %}
|
||||
{% for p in pages %}
|
||||
<div class="page" id="page{{p.id}}">
|
||||
{% for t in p.textBoxes %}
|
||||
<div id="textbox{{p.id}}{{t.id}}" class="box textBox">
|
||||
{{t.html|parse_html:m}}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for i in p.imageBoxes %}
|
||||
<div id="imagebox{{p.id}}{{i.id}}" class="box imageBox">
|
||||
<img src="{{i.resource.resized}}" />
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% endautoescape %}
|
||||
|
||||
<p> </p>
|
||||
<div id="contents">
|
||||
<div class="english">
|
||||
<p>Contents:<br />
|
||||
{% for a_b in articles_before %}
|
||||
<a href="../../{{a_b.product.id}}/{{a_b.order}}/">{{a_b.order}}</a>. {{a_b.title}}<br />
|
||||
{% endfor %}
|
||||
{{article.order}}. {{article.title}}
|
||||
</div>
|
||||
<div class="arabic">
|
||||
<p>متلامس:<br />
|
||||
1. من المحررين<br />
|
||||
2. متعة Old English Gentleman
|
||||
<br />
|
||||
</div>
|
||||
|
||||
<div id="scrollDots">
|
||||
|
||||
</div>
|
||||
<div class="english">
|
||||
<p>
|
||||
{% for a_a in articles_after %}
|
||||
<a href="../../{{a_a.product.id}}/{{a_a.order}}/">{{a_a.order}}</a>. {{a_a.title}}<br />
|
||||
{% endfor %}
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="arabic">
|
||||
3. محمد النحاس القاعدة,مركز العربية<br />
|
||||
4. مروان والأصدقاء<br />
|
||||
5. عبر الكلام<br />
|
||||
6. الفنانون على شارع ادجوير<br />
|
||||
7. اقتراح <br />
|
||||
</div>
|
||||
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user