bsdcon

2014-10-04 09:05:12 +03:00
23 changed files with 15329 additions and 131 deletions
--- a/index.html
+++ b/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>
+        <h3>В момента</h3>
-        <h2>{{currentEvent.title}}</h2>
+        <h1>{{currentEvent.title}}</h1>
-        <p>{{currentEvent.abstract}}</p>
+        <p>{{currentEvent.description}}</p>
      </section>
    </script>
    <script id="speaker_template" type="text/ractive">
      <section>
-        <h4>Лектор</h4>
+        <h3>Лектор</h3>
-        <h2>{{name}}</h2>
+        <h1>{{name}}</h1>
        <p>{{description}}</p>
      </section>
    </script>
    <script id="next_talk_template" type="text/ractive">
      <section id="next_talk">
-        <h4>Следва</h4>
+        <h3>Следва</h3>
-        <h2>{{nextEvent.title}}</h2>
+        <h1>{{nextEvent.title}}</h1>
-        <p>{{nextEvent.abstract}}</p>
+        <p>{{nextEvent.description}}</p>
-        <h5><i>({{nextEvent.startTime.from(now)}})</i></h5>
+        <h4>({{nextEvent.startTime.fromNow()}})</h4>
      </section>
    </script>
    <script id="slides_template" type="text/ractive">
-      <section data-state="update-safe">
+      <section>
-        <img src="logo.png">
+        <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>
+        <img src="logos/arm.png"/>
        <h2>в Twitter</h2>
      </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>
--- a/logo.png
+++ b/logo.png
--- a/logos/ARM_Corp_RGB.EPS
+++ b/logos/ARM_Corp_RGB.EPS
--- a/logos/BSDSofia20014Logo.ai
+++ b/logos/BSDSofia20014Logo.ai
--- a/logos/BSDeurope.png
+++ b/logos/BSDeurope.png
--- a/logos/Madison-Gurkha-logo.jpg
+++ b/logos/Madison-Gurkha-logo.jpg
--- a/logos/TheFreeBSDFoundation_Logo_HighRes.png
+++ b/logos/TheFreeBSDFoundation_Logo_HighRes.png
--- a/logos/TheFreeBSDFoundation_Logo_HighRes.tif
+++ b/logos/TheFreeBSDFoundation_Logo_HighRes.tif
--- a/logos/arm.png
+++ b/logos/arm.png
--- a/logos/egt.png
+++ b/logos/egt.png
--- a/logos/elwix_big_logo.png
+++ b/logos/elwix_big_logo.png
--- a/logos/en-logo-redesign-wordmark-v1.0-rgb-01.png
+++ b/logos/en-logo-redesign-wordmark-v1.0-rgb-01.png
--- a/logos/getclouder.png
+++ b/logos/getclouder.png
--- a/logos/iXlogo-transparent-2000px.png
+++ b/logos/iXlogo-transparent-2000px.png
--- a/logos/largeNewGoogleLogoFinalFlat-a.png
+++ b/logos/largeNewGoogleLogoFinalFlat-a.png
--- a/logos/logo_bulstream.png
+++ b/logos/logo_bulstream.png
--- a/logos/netbsd.png
+++ b/logos/netbsd.png
--- a/logos/pc-engines-logo.gif
+++ b/logos/pc-engines-logo.gif
--- a/logos/threema-logo_schwarz_mit_claim.png
+++ b/logos/threema-logo_schwarz_mit_claim.png
--- a/logos/trivago-logo.png
+++ b/logos/trivago-logo.png
--- a/ractive-init.js
+++ b/ractive-init.js
@ -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,
+                  eventCount: schedule.allEvents().length});
                  now: schedule.now(),
                  room: schedule.room()});
 }
--- a/schedule.js
+++ b/schedule.js
@ -1,53 +1,16 @@
-function Schedule(hallId, date, setPageTitle) {
+function Schedule() {
    var events = [];
-    var apiEndpointPrefix = 'https://cfp.openfest.org/api/conferences/8';
+    this.addEvent = function(event) {
-
+        events.push(event);
-    var pageTitle = 'OpenFest';
+        events = _.sortBy(events, function(event) {
-    var room = '';
+            return event.startTime.unix()
    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.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() {
+    this.addDelay = function(time) {
-        now = $.urlParam("now");
+        _.each(this.upcomingEvents(), function(event, index, agenda) {
-        if (now) {
+            event.startTime.add(time);
-            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);
        }
    }
 }
-$.urlParam = function(name){
+var schedule = new Schedule();
    var results = new RegExp('[\?&]' + name + '=([^&#]*)').exec(window.location.href);
    if (results==null){
       return null;
    }
    else{
       return results[1] || 0;
    }
 }
-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})
 });
--- a/styles.css
+++ b/styles.css
@ -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 {