-
Notifications
You must be signed in to change notification settings - Fork 0
/
FT-Dish.html
196 lines (181 loc) · 5.82 KB
/
FT-Dish.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<head>
<title>FT Dish</title>
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimal-ui">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-touch-fullscreen" content="yes">
<link rel="apple-touch-icon-precomposed" sizes="57x57" href="/icons/icon_57.jpg">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="/icons/icon_72.jpg">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="/icons/icon_114.jpg">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="/icons/icon_144.jpg">
</head>
<body>
<div id="splash">
<div class="ft-icon-logo"></div>
<div class="dish">DISH</div>
</div>
{{> left_pane}}
{{> right_pane}}
</body>
<template name="left_pane">
<div id="left-pane">
<header>
<div class="ft-icon-logo"></div> DISH
<div id="lang"><span class="english">中文</span><span class="中文">ENGLISH</span></div>
</header>
{{> sections}}
{{> sponsorship}}
</div>
</template>
<template name="right_pane">
<div id="right-pane">
{{#if starters}}
<header>
<div class="back">
<i class="fa fa-mail-reply"></i>
</div>
<div class="ft-icon-logo"></div> Starters
</header>
<section class="starter-blurb">
<span class="title">
Germany expels US spy
</span>
The German government has ordered that a CIA official be thrown out of the country in response...
</section>
<section class="starter-blurb">
<span class="title">
Markets hit by Portuguese bank fears
</span>
Stock markets in Europe and the US fall sharply over concerns about the health of one of...
</section>
<section class="starter-blurb">
<span class="title">
Head of Fifa partner ‘flees arrest’
</span>
Ray Whelan, head of Fifa partner Match Hospitality, has evaded arrest in Brazil...
</section>
<section class="starter-blurb">
<span class="title">
Ukraine separatists target airport
</span>
Ukrainian government forces clash with pro-Russian separatists near Donetsk airport as...
</section>
<section class="starter-blurb">
<span class="title">
Taliban ‘fled’ Pakistan offensive
</span>
A Pakistani army commander in North Waziristan says that senior Taliban militants managed...
</section>
<section class="starter-blurb">
<span class="title">
Markets hit by Portuguese bank fears
</span>
Stock markets in Europe and the US fall sharply over concerns about the health of one of...
</section>
{{/if}}
{{#if substance}}
<header>
<div class="back">
<i class="fa fa-mail-reply"></i>
</div>
<div class="ft-icon-logo"></div> Substance
</header>
<section class="title" id="bitcoin-test">
<span>
Everything you need to know about
</span>
<div class="subject">
Bitcoin
</div>
</section>
<section class="bitcoin-graphic">
<img src="/bitcoin_graphic.png" />
</section>
<section class="content">
When people think Bitcoin, they think controversy. Its links to the Silk Road, a now defunct online black market, and numerous cyber fraud cases have made it a hot topic.
</section>
<section class="drug-graphic">
<img src="/bitcoin_drugs.jpg" />
</section>
<section class="content">
But what is bitcoin?
Our one stop guide to bitcoin, originally founded by Satoshi Nakomoto in 2008, provides the definitive breakdown.
</section>
{{/if}}
{{#if drink}}
<header>
<div class="back">
<i class="fa fa-mail-reply"></i>
</div>
A drink with <div class="ft-icon-logo right-logo"></div>
</header>
<section class="title drink" id="bitcoin-test">
<div class="main-title">
CEO Dov Charney Ousted
</div>
<div class="sub-title">
The Fall of the Sleaze King
</div>
</section>
<section class="charney-graphic">
<img src="/dov.jpg" />
</section>
<section class="content carney-content">
As his blacked-out Cadillac Escalade streaks along a steamy Manhattan avenue, Dov Charney’s eyes are glistening with tears.
The 45-year-old founder of American Apparel, fired last week from his roles as chairman and chief executive of the struggling US fashion chain after allegations of financial mismanagement and sexual harassment, is reading aloud a series of text messages from loyal workers.
</section>
<iframe width="100%" height="285" src="//www.youtube.com/embed/T4vNPvQc9e8" frameborder="0" allowfullscreen></iframe>
{{/if}}
{{#if scoop}}
<header>
<div class="back">
<i class="fa fa-mail-reply"></i>
</div>
<div class="ft-icon-logo"></div> Scoop
</header>
<section>
<img id="scoop-image" src="/scoop.png" />
</section>
{{/if}}
</div>
</template>
<template name="sponsorship">
<footer>
<div class="left">
Sponsored by London Business School
</div>
<div class="right">
<img src="/lbs-logo.jpeg">
</div>
</footer>
</template>
<template name="sections">
<section id="starters">
<div class="icon">
<img class="appetizers" src="/appetizers.png">
</div>
<span class="english">Starters</span>
<span class="中文">开胃菜</span>
</section>
<section id="substance">
<div class="icon">
<img class="main-dish" src="/main_dish.png">
</div>
<span class="english">Main Course</span>
<span class="中文">主菜</span>
</section>
<section id="a-drink-with">
<div class="icon">
<img class="a-drink-with" src="/a_drink_with.png">
</div>
<span class="english">A drink with <div class="ft-icon-logo right-logo"></div></span>
<span class="中文">跟<div class="ft-icon-logo right-logo"></div>喝一杯</span>
</section>
<section id="the-scoop">
<div class="icon">
<img class="the-scoop" src="/the_scoop.png">
</div>
<span class="english">The scoop</span>
<span class="中文">餐后甜点</span>
</section>
</template>