4 <meta charset=
"utf-8" />
5 <meta name=
"viewport" content=
"width=device-width, initial-scale=1.0"/>
6 <title>Notice from #LibrePlanet
</title>
7 <meta http-equiv=
"refresh" content=
"600">
8 <meta http-equiv=
"Cache-Control" content=
"no-store" />
9 <link href=
"https://fonts.googleapis.com/css?family=Exo+2:400,800" rel=
"stylesheet">
14 font-family: 'Exo
2', sans-serif;
18 background-color: #
4F0276;
28 background-color: #
52ce73;
35 border-bottom-left-radius:
100px;
45 #content-program .program-session-desc-block,
46 #content-program button {
59 background-color: #DFDFDF;
75 footer .mpost p { padding:
0px; margin:
0px; margin-bottom:
20px; }
78 text-decoration: none;
85 grid-template-columns:
1fr
3fr;
98 align-content: center;
104 .content-ft:first-child {
105 border-right:
3px solid #
4F0276;
114 #content-program .program-day {
116 animation: slide-slow infinite;
117 animation-duration:
20s;
118 animation-direction: alternate;
121 @keyframes slide-slow {
122 from { margin-top:
1%; }
123 to { margin-top: -
20%; }
126 .program-day-header {
131 .program-timeslot-header {
135 .program-session-header h2 {
142 .program-session { padding-left:
5em; }
143 .program-session-speaker {
147 .program-session-speaker a {
149 text-decoration: none;
151 .program-session-room-details {
155 padding-bottom:
1.5em;
158 aside { position: relative; }
160 .iitem { width:
90%; }
170 animation-duration:
20s;
171 animation-timing-function: ease-in-out;
172 animation-iteration-count: infinite;
176 animation-name: anim-
1;
180 animation-name: anim-
2;
184 animation-name: anim-
3;
188 0%,
8.3% { left: -
100%; opacity:
0; }
189 8.3%,
25% { left:
25%; opacity:
1; }
190 33.33%,
100% { left:
110%; opacity:
0; }
194 0%,
33.33% { left: -
100%; opacity:
0; }
195 41.63%,
58.29% { left:
25%; opacity:
1; }
196 66.66%,
100% { left:
110%; opacity:
0; }
200 0%,
66.66% { left: -
100%; opacity:
0; }
201 74.96%,
91.62% { left:
25%; opacity:
1; }
202 100% { left:
110%; opacity:
0; }
205 /* Hidden all content */
207 .program-timeslot { display: none; }
209 /* Show specifiy day */
210 .day21 #day-
1-program,
211 .day22 #day-
2-program,
212 .day23 #day-
1-program,
213 .day24 #day-
2-program { display: block; }
215 /* Show specifiy time */
216 .time8 #day-
1-timeslot-
1,
217 .time8 #day-
1-timeslot-
2,
218 .time8 #day-
1-timeslot-
3,
219 .time8 #day-
2-timeslot-
1,
220 .time8 #day-
2-timeslot-
2,
221 .time9 #day-
1-timeslot-
1,
222 .time9 #day-
1-timeslot-
2,
223 .time9 #day-
1-timeslot-
3,
224 .time9 #day-
1-timeslot-
4,
225 .time9 #day-
2-timeslot-
1,
226 .time9 #day-
2-timeslot-
2,
227 .time9 #day-
2-timeslot-
3,
228 .time10 #day-
1-timeslot-
3,
229 .time10 #day-
1-timeslot-
4,
230 .time10 #day-
1-timeslot-
5,
231 .time10 #day-
2-timeslot-
3,
232 .time10 #day-
2-timeslot-
4,
233 .time10 #day-
2-timeslot-
5,
234 .time11 #day-
1-timeslot-
5,
235 .time11 #day-
1-timeslot-
6,
236 .time11 #day-
2-timeslot-
5,
237 .time11 #day-
2-timeslot-
6,
238 .time12 #day-
1-timeslot-
6,
239 .time12 #day-
1-timeslot-
7,
240 .time12 #day-
2-timeslot-
6,
241 .time12 #day-
2-timeslot-
7,
242 .time13 #day-
1-timeslot-
7,
243 .time13 #day-
1-timeslot-
8,
244 .time13 #day-
2-timeslot-
7,
245 .time13 #day-
2-timeslot-
8,
246 .time14 #day-
1-timeslot-
8,
247 .time14 #day-
1-timeslot-
9,
248 .time14 #day-
1-timeslot-
10,
249 .time14 #day-
2-timeslot-
8,
250 .time14 #day-
2-timeslot-
9,
251 .time14 #day-
2-timeslot-
10,
252 .time15 #day-
1-timeslot-
10,
253 .time15 #day-
1-timeslot-
11,
254 .time15 #day-
1-timeslot-
12,
255 .time15 #day-
2-timeslot-
10,
256 .time15 #day-
2-timeslot-
11,
257 .time15 #day-
2-timeslot-
12,
258 .time16 #day-
1-timeslot-
12,
259 .time16 #day-
1-timeslot-
13,
260 .time16 #day-
1-timeslot-
14,
261 .time16 #day-
2-timeslot-
12,
262 .time16 #day-
2-timeslot-
13,
263 .time16 #day-
2-timeslot-
14,
264 .time17 #day-
1-timeslot-
14,
265 .time17 #day-
1-timeslot-
15,
266 .time17 #day-
1-timeslot-
16,
267 .time17 #day-
2-timeslot-
14,
268 .time17 #day-
2-timeslot-
15,
269 .time17 #day-
2-timeslot-
16,
270 .time18 #day-
1-timeslot-
16,
271 .time18 #day-
1-timeslot-
17,
272 .time18 #day-
2-timeslot-
16,
273 .time18 #day-
2-timeslot-
17,
275 .time20 #whatsup { display: block; }
278 <body class=
"day time">
280 <div class=
"wrapper">
281 <header class=
"grid">
284 <article class=
"grid" id=
"content-program">
286 <!--#include virtual="/2019/includes/generated-sessions.html"-->
288 <div class=
"program-day" id=
"whatsup">
289 <section class=
"program-session">
290 <header class=
"program-session-header">
292 <h2>We do not have programming today.
</h2>
295 <div class=
"program-session-shelf">
296 <div class=
"program-session-room-details">
297 <span class=
"room label label-default"><h3 style=
"text-align: center;">March
23rd -
24th
</h3></span>
301 </div><!-- #whatsup -->
306 <img src=
"/2019/assets/img/lp-anim.svg" alt=
"LibrePlanet Logo with Animation" title=
"LibrePlanet Logo" />
308 <p class=
"item-1"><img class=
"iitem" src=
"/2019/assets/img/pia-logo.svg" alt=
"Private Internet Access" /></p>
309 <p class=
"item-2"><img class=
"iitem" src=
"/2019/assets/img/redhat-logo.svg" alt=
"RedHat" /></p>
310 <p class=
"item-3"><img class=
"iitem" src=
"/2019/assets/img/fsf2.svg" alt=
"Free Software Foundation" /></p>
312 <footer class=
"grid">
317 <div class=
"multiple-items slide-list">
318 <output>Loading...
</output>
322 <div class=
"content-ft"></div>
329 const DOMPARSER = new DOMParser().parseFromString.bind(new DOMParser())
330 var frag = document.createDocumentFragment()
332 var feedUrl = 'https://quitter.im/libreplanet/all/rss'
333 /* Fetch the RSS Feed */
334 fetch(feedUrl).then((res) =
> {
335 res.text().then((xmlTxt) =
> {
336 /* Parse the RSS Feed and display the content */
338 let doc = DOMPARSER(xmlTxt,
"text/xml")
339 // let heading = document.createElement('h1')
340 // heading.textContent = url.hostname
341 // frag.appendChild(heading)
342 doc.querySelectorAll('item').forEach((item) =
> {
343 let temp = document.importNode(document.querySelector('template').content, true);
344 let i = item.querySelector.bind(item)
345 let t = temp.querySelector.bind(temp)
346 t('div').textContent = !!i('title') ? i('title').textContent : '-'
347 // t('a').textContent = t('a').href = !!i('link') ? i('link').textContent : '#'
348 // t('p').innerHTML = !!i('description') ? i('description').textContent : '-'
349 // t('h3').textContent = url.hostname
350 frag.appendChild(temp)
353 console.error('Error in parsing the feed')
356 document.querySelector('output').textContent = '';
359 document.querySelector('output').appendChild(frag)
361 }).catch(() =
> console.error('Error in fetching the RSS feed'));
364 var h = d.getUTCHours();
366 document.body.className =
"day" + m +
" time" + h;