Compare commits
1 Commits
Author | SHA1 | Date |
---|---|---|
Petko Bordjukov | 225ab7af37 |
98
index.html
|
@ -1,6 +1,6 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>OpenFest 2021</title>
|
||||
<title>The IT Tour</title>
|
||||
|
||||
<meta charset="utf-8">
|
||||
|
||||
|
@ -24,12 +24,8 @@
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<!-- <video id="background_video" src="background.mp4" loop autoplay /> -->
|
||||
<!-- TODO: fix display of speakers -->
|
||||
|
||||
<script id="agenda_template" type="text/ractive">
|
||||
<section id="agenda">
|
||||
<h3>{{room}}</h3>
|
||||
<table class="reveal">
|
||||
<tbody>
|
||||
{{#pastEvents}}
|
||||
|
@ -74,69 +70,79 @@
|
|||
|
||||
<script id="current_talk_template" type="text/ractive">
|
||||
<section id="current_talk">
|
||||
<h4>В момента</h4>
|
||||
<h2>{{currentEvent.title}}</h2>
|
||||
<p>{{currentEvent.abstract}}</p>
|
||||
<h3>В момента</h3>
|
||||
<h1>{{currentEvent.title}}</h1>
|
||||
<p>{{currentEvent.description}}</p>
|
||||
</section>
|
||||
</script>
|
||||
|
||||
<script id="speaker_template" type="text/ractive">
|
||||
<section>
|
||||
<h4>Лектор</h4>
|
||||
<h2>{{name}}</h2>
|
||||
<h3>Лектор</h3>
|
||||
<h1>{{name}}</h1>
|
||||
<p>{{description}}</p>
|
||||
</section>
|
||||
</script>
|
||||
|
||||
<script id="next_talk_template" type="text/ractive">
|
||||
<section id="next_talk">
|
||||
<h4>Следва</h4>
|
||||
<h2>{{nextEvent.title}}</h2>
|
||||
<p>{{nextEvent.abstract}}</p>
|
||||
<h5><i>({{nextEvent.startTime.from(now)}})</i></h5>
|
||||
<h3>Следва</h3>
|
||||
<h1>{{nextEvent.title}}</h1>
|
||||
<p>{{nextEvent.description}}</p>
|
||||
<h4>({{nextEvent.startTime.fromNow()}})</h4>
|
||||
</section>
|
||||
</script>
|
||||
|
||||
<script id="slides_template" type="text/ractive">
|
||||
<section data-state="update-safe">
|
||||
<img src="logo.png">
|
||||
<section>
|
||||
<img src="logos/BSDeurope.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/egt.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/elwix_big_logo.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/en-logo-redesign-wordmark-v1.0-rgb-01.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/getclouder.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/iXlogo-transparent-2000px.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/largeNewGoogleLogoFinalFlat-a.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/logo_bulstream.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/Madison-Gurkha-logo.jpg"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/netbsd.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/pc-engines-logo.gif"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/TheFreeBSDFoundation_Logo_HighRes.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/threema-logo_schwarz_mit_claim.png"/>
|
||||
</section>
|
||||
<section>
|
||||
<img src="logos/trivago-logo.png"/>
|
||||
</section>
|
||||
|
||||
{{#eventCount}}
|
||||
<section>
|
||||
{{> agenda_template}}
|
||||
|
||||
{{#currentEvent}}
|
||||
{{> current_talk_template}}
|
||||
{{/currentEvent}}
|
||||
|
||||
{{#currentEvent.speakers}}
|
||||
{{> speaker_template}}
|
||||
{{/currentEvent.speakers}}
|
||||
|
||||
{{#nextEvent}}
|
||||
{{> next_talk_template}}
|
||||
{{/nextEvent}}
|
||||
|
||||
{{#nextEvent.speakers}}
|
||||
{{> speaker_template}}
|
||||
{{/nextEvent.speakers}}
|
||||
</section>
|
||||
{{/eventCount}}
|
||||
|
||||
<section>
|
||||
<h1>#OpenFest2021</h1>
|
||||
<h2>в Twitter</h2>
|
||||
<img src="logos/arm.png"/>
|
||||
</section>
|
||||
</script>
|
||||
|
||||
<script type="text/javascript" src="ractive-init.js"></script>
|
||||
<script type="text/javascript" src="reveal-init.js"></script>
|
||||
<script type="text/javascript">
|
||||
// use for green screen background
|
||||
if ($.urlParam('background')) {
|
||||
$('body').css('background-color', $.urlParam('background'));
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
BIN
logo.png
Before Width: | Height: | Size: 26 KiB After Width: | Height: | Size: 77 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 977 KiB |
After Width: | Height: | Size: 13 KiB |
After Width: | Height: | Size: 21 KiB |
After Width: | Height: | Size: 14 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 6.6 KiB |
After Width: | Height: | Size: 293 KiB |
After Width: | Height: | Size: 548 KiB |
After Width: | Height: | Size: 46 KiB |
After Width: | Height: | Size: 6.5 KiB |
After Width: | Height: | Size: 1.6 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 9.9 KiB |
|
@ -15,12 +15,9 @@ var reactive = new Ractive({
|
|||
});
|
||||
|
||||
function refreshEvent() {
|
||||
schedule.update();
|
||||
reactive.set({pastEvents: schedule.pastEvents(),
|
||||
currentEvent: schedule.currentEvent(),
|
||||
nextEvent: schedule.nextEvent(),
|
||||
futureEvents: schedule.futureEvents(),
|
||||
eventCount: schedule.allEvents().length,
|
||||
now: schedule.now(),
|
||||
room: schedule.room()});
|
||||
eventCount: schedule.allEvents().length});
|
||||
}
|
||||
|
|
201
schedule.js
|
@ -1,53 +1,16 @@
|
|||
function Schedule(hallId, date, setPageTitle) {
|
||||
function Schedule() {
|
||||
var events = [];
|
||||
|
||||
var apiEndpointPrefix = 'https://cfp.openfest.org/api/conferences/8';
|
||||
|
||||
var pageTitle = 'OpenFest';
|
||||
var room = '';
|
||||
|
||||
var nextLectureDelayMinutes = 4; // show the current lecture as next for the first N minutes
|
||||
|
||||
$.getJSON(apiEndpointPrefix + '/halls.json', function(data) {
|
||||
room = data[hallId]['name']['bg'];
|
||||
if (room === undefined) {
|
||||
room = '';
|
||||
}
|
||||
});
|
||||
|
||||
this.update = function() {
|
||||
$.getJSON(apiEndpointPrefix + '/events.json', function(eventsData) {
|
||||
$.getJSON(apiEndpointPrefix + '/slots.json', function(slotsData) {
|
||||
$.each(slotsData, function(slotId, slot) {
|
||||
$.extend(eventsData[slot['event_id'].toString()], slot);
|
||||
$.extend(eventsData[slot['event_id'].toString()], {"slotId": slotId});
|
||||
});
|
||||
var scheduleEvents = $.map(eventsData, function(event, eventId) {
|
||||
event['id'] = eventId;
|
||||
event['startTime'] = moment(event['starts_at']);
|
||||
event['endTime'] = moment(event['ends_at']);
|
||||
event['hallId'] = event['hall_id'];
|
||||
|
||||
if (event['startTime'].date() !== date) {
|
||||
return null;
|
||||
}
|
||||
if (event['hallId'] !== hallId) {
|
||||
return null;
|
||||
}
|
||||
|
||||
return event;
|
||||
});
|
||||
|
||||
events = scheduleEvents.sort(function (a,b) {return a['startTime'].isBefore(b['startTime']) ? -1 : 1});
|
||||
});
|
||||
this.addEvent = function(event) {
|
||||
events.push(event);
|
||||
events = _.sortBy(events, function(event) {
|
||||
return event.startTime.unix()
|
||||
});
|
||||
this.setPageTitle();
|
||||
}
|
||||
|
||||
this.upcomingEvents = function() {
|
||||
var now = this.referenceTime();
|
||||
return _.select(events, function(event) {
|
||||
return event.startTime.isAfter(now);
|
||||
return event.startTime.isAfter(moment());
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -57,7 +20,8 @@ function Schedule(hallId, date, setPageTitle) {
|
|||
|
||||
this.currentEvent = function() {
|
||||
var latestEvent = _.last(this.pastEvents());
|
||||
if (typeof(latestEvent) != 'undefined' && latestEvent.endTime.isAfter(this.now())) {
|
||||
var nextEvent = this.nextEvent();
|
||||
if (typeof nextEvent != 'undefined' && (latestEvent.displayNext || moment(nextEvent.startTime).subtract('minutes', 10).isAfter(moment()))) {
|
||||
return latestEvent;
|
||||
} else {
|
||||
return undefined;
|
||||
|
@ -69,9 +33,8 @@ function Schedule(hallId, date, setPageTitle) {
|
|||
}
|
||||
|
||||
this.pastEvents = function() {
|
||||
var now = this.referenceTime();
|
||||
return _.select(events, function(event) {
|
||||
return event.startTime.isBefore(now);
|
||||
return event.startTime.isBefore(moment());
|
||||
});
|
||||
}
|
||||
|
||||
|
@ -79,38 +42,122 @@ function Schedule(hallId, date, setPageTitle) {
|
|||
return events;
|
||||
}
|
||||
|
||||
this.now = function() {
|
||||
now = $.urlParam("now");
|
||||
if (now) {
|
||||
return moment(now);
|
||||
} else {
|
||||
return moment();
|
||||
}
|
||||
}
|
||||
|
||||
this.referenceTime = function() {
|
||||
return this.now().subtract(nextLectureDelayMinutes, 'minutes');
|
||||
}
|
||||
|
||||
this.room = function() {
|
||||
return room;
|
||||
}
|
||||
|
||||
this.setPageTitle = function() {
|
||||
if (setPageTitle) {
|
||||
$('title').text(pageTitle + " room=" + room + " date=" + date);
|
||||
}
|
||||
this.addDelay = function(time) {
|
||||
_.each(this.upcomingEvents(), function(event, index, agenda) {
|
||||
event.startTime.add(time);
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
$.urlParam = function(name){
|
||||
var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
|
||||
if (results==null){
|
||||
return null;
|
||||
}
|
||||
else{
|
||||
return results[1] || 0;
|
||||
}
|
||||
}
|
||||
var schedule = new Schedule();
|
||||
|
||||
var schedule = new Schedule(parseInt($.urlParam('roomId')), parseInt($.urlParam('date')), true);
|
||||
schedule.addEvent({
|
||||
title: 'Кафе',
|
||||
startTime: moment({hour: 9, minute: 30})
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Откриване',
|
||||
startTime: moment({hour: 9, minute: 50})
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Node.js and Open Source Software Development on Microsoft Azure',
|
||||
startTime: moment({hour: 10}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Михаил Матеев',
|
||||
description: 'Михаил е разработчик в Infragistics. Работил е в различни области, свързани с технологии на Microsoft, като Silverlight, WPF, Windows Phone, Visual Studio LightSwitch, Windows Store приложения, WCF RIA Services, MS SQL Server и Microsoft Azure. През последните десет години, Михаил е писал статии за Computer World и различни блогове за .NET технологии. Той е сътрудник и технически редактор на PACKT Publishing and Wiley. Повече от пет години е работил в ESRI България. Няколко години Михаил е бил лектор в ФМИ на Софийския университет "Св. за Климент Охридски ". Също така е и преподавател по компютърни системи в Университет по Архитектура, Строителство и Геодезия в София.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Редизайн на „държавата“ и препрограмиране на „системата“',
|
||||
startTime: moment({hour: 11, minute: 10}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Антон Стойчев',
|
||||
description: 'Антон е прекарал последните 2 години във Великобритания, работейки като разработчик, предимно на саморегулиращи се системи за извличане и анализ на данни, достигащи на размер стотици сървъри на AWS. Сега е тук и иска да добави смисъл и желание за неизбежния, целодневен престой пред монитор; Чрез “Civic Hacking” – нещо започващо с работещите в дигиталната сфера, но обхващащо всички други. Живее живота си майсторейки и обичайки, в опити за рисуване, писане, четене и прекарвайки часове в сглобяване на извинения за честите си пътувания.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'iOS Development - Tips & Tricks',
|
||||
startTime: moment({hour: 12, minute: 10}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Галин Кърджилов',
|
||||
description: 'Галин е проактивен и творчески настроен софтуерен инженер с повече от 10 години опит. В момента е посветен на мобилните разработки и работи като Senior iOS Developer в MentorMate София. Неговият стремеж е да генерира максимално въздействие към потребителите.'
|
||||
},
|
||||
{
|
||||
name: 'Стефан Цвятков',
|
||||
description: 'Стефан е започнал кариерата си като разработчик за Mac. През 2008 г. Apple пуска iOS SDK и това е началото на една ера. Оттогава, той работи по създаването iOS приложения. В MentorMate той успява да изгради най-големия екип от iOS програмисти в България. Стефан е известен с желанието си да подобри мобилните приложения, за да бъдат по-интерактивни, ефективни и оптимизирани за нуждите на бизнеса.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Обяд',
|
||||
startTime: moment({hour: 12, minute: 40})
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'The Cloud Beyond the Buzzword',
|
||||
startTime: moment({hour: 13, minute: 30}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Божидар Божанов',
|
||||
description: 'Божидар Божанов е програмист, а понякога и архитект. От скука е направил http://computoser.com - компютърен композитор, а друго негово хоби е лингвистиката. Притежател на "дебел" stackoverflow профил.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Мета-програмиране с Nimrod',
|
||||
startTime: moment({hour: 14, minute: 20}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Захари Караджов',
|
||||
description: 'Захари е C++ ветеран от гейм-индустрията, а понастоящем технически директор в Даркиум Студио, където с помощта на кофейн и CoffeeScript се разработва нов социално ориентиран уеб браузър. Твърдо убеден е, че използваните в момента езици за програмиране ще бъдат изместени от нови по-бързи, по-мощни и по-красиви такива и от нетърпение сам се е захванал да допринесе за това, участвайки в разработката на Nimrod.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'File editing on the client side (Javascript)',
|
||||
startTime: moment({hour: 15, minute: 10}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Росен Колев',
|
||||
description: 'Росен работи като софтуерен разработчик повече от 5 години. В моментът е Senior .NET Developer в MentorMate Варна. Пише главно на .NET, C#, JavaScript и от време на време Objective-C. Обича добре подредед код и мрази лошата архитектура.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Кафе пауза ☕',
|
||||
startTime: moment({hour: 15, minute: 50})
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Екстремно програмиране',
|
||||
startTime: moment({hour: 16, minute: 10}),
|
||||
speakers: [
|
||||
{
|
||||
name: 'Стефан Кънев',
|
||||
description: 'Стефан се занимава с програмиране откакто се помни. Сред любимите му неща са Ruby, Vim, автоматизирани тестове, папийонки, Apple продуктите и всевъзможни екзотични езици за програмиране. В заетото си време програмира на Rails, а в свободното - води един-два курса във ФМИ към СУ, пише много код, който после трие и се опитва да не се нарани с планинското си колело. Никак не обича PHP и е амбивалентен към Java.'
|
||||
}
|
||||
]
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Lightning Talks',
|
||||
startTime: moment({hour: 17, minute: 00})
|
||||
});
|
||||
|
||||
schedule.addEvent({
|
||||
title: 'Закриване',
|
||||
startTime: moment({hour: 18, minute: 00})
|
||||
});
|
||||
|
|
|
@ -2,7 +2,7 @@ body {
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
/* background-color: #06172A; */ /* BigBlueButton background */
|
||||
background: #FFF;
|
||||
}
|
||||
|
||||
body,
|
||||
|
@ -14,8 +14,6 @@ body,
|
|||
.reveal h5,
|
||||
.reveal h6 {
|
||||
font-family: "Roboto Condensed", tahoma, verdana, arial, sans-serif;
|
||||
font-weight: bold;
|
||||
-webkit-text-stroke: 0.01em black;
|
||||
}
|
||||
|
||||
#background_video {
|
||||
|
@ -46,4 +44,4 @@ tr.future_event {
|
|||
|
||||
tr td:last-child, tr th:last-child {
|
||||
text-align: right;
|
||||
}
|
||||
}
|