Fragment gemist bijna af

pressroom/www/php/blog_2_columns.php

@@ -412,4 +412,4 @@
 			</div>
 		</div>
 	</div>
-</div>
+</div>

website/.env

@@ -0,0 +1,28 @@
+APP_NAME="NH Gooi"
+APP_ENV=development
+APP_KEY=I@#323ddu3dN(@#d(NU@#U2ij2dd4RJE
+APP_DEBUG=true
+APP_LOG_LEVEL=error
+APP_URL=http://localhost
+
+API_URL=http://api-dev.6fm.nl/
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=smtp.mailtrap.io
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=

website/.env.example

@@ -0,0 +1,28 @@
+APP_NAME=6FM Online
+APP_ENV=production
+APP_KEY=
+APP_DEBUG=false
+APP_LOG_LEVEL=error
+APP_URL=http://www.6fm.nl
+
+ON_AIR_URL=http://api.6fm.nl/programma/schema/onair
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+SESSION_DRIVER=file
+QUEUE_DRIVER=sync
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_DRIVER=smtp
+MAIL_HOST=smtp.mailtrap.io
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_ENCRYPTION=null
+
+PUSHER_APP_ID=
+PUSHER_APP_KEY=
+PUSHER_APP_SECRET=

website/.gitattributes

@@ -0,0 +1,5 @@
+* text=auto
+*.css linguist-vendored
+*.scss linguist-vendored
+*.js linguist-vendored
+CHANGELOG.md export-ignore

website/.gitignore

@@ -0,0 +1,12 @@
+/node_modules
+/public/hot
+/public/storage
+/storage/*.key
+/vendor
+/.idea
+/.vagrant
+Homestead.json
+Homestead.yaml
+npm-debug.log
+yarn-error.log
+.env

website/.hgignore

@@ -0,0 +1,4 @@
+syntax: glob
+
+.env
+storage

website/app/Console/Kernel.php

@@ -0,0 +1,40 @@
+<?php
+
+namespace App\Console;
+
+use Illuminate\Console\Scheduling\Schedule;
+use Illuminate\Foundation\Console\Kernel as ConsoleKernel;
+
+class Kernel extends ConsoleKernel
+{
+    /**
+     * The Artisan commands provided by your application.
+     *
+     * @var array
+     */
+    protected $commands = [
+        //
+    ];
+
+    /**
+     * Define the application's command schedule.
+     *
+     * @param  \Illuminate\Console\Scheduling\Schedule  $schedule
+     * @return void
+     */
+    protected function schedule(Schedule $schedule)
+    {
+        // $schedule->command('inspire')
+        //          ->hourly();
+    }
+
+    /**
+     * Register the Closure based commands for the application.
+     *
+     * @return void
+     */
+    protected function commands()
+    {
+        require base_path('routes/console.php');
+    }
+}

website/app/Exceptions/Handler.php

@@ -0,0 +1,65 @@
+<?php
+
+namespace App\Exceptions;
+
+use Exception;
+use Illuminate\Auth\AuthenticationException;
+use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+
+class Handler extends ExceptionHandler
+{
+    /**
+     * A list of the exception types that should not be reported.
+     *
+     * @var array
+     */
+    protected $dontReport = [
+        \Illuminate\Auth\AuthenticationException::class,
+        \Illuminate\Auth\Access\AuthorizationException::class,
+        \Symfony\Component\HttpKernel\Exception\HttpException::class,
+        \Illuminate\Database\Eloquent\ModelNotFoundException::class,
+        \Illuminate\Session\TokenMismatchException::class,
+        \Illuminate\Validation\ValidationException::class,
+    ];
+
+    /**
+     * Report or log an exception.
+     *
+     * This is a great spot to send exceptions to Sentry, Bugsnag, etc.
+     *
+     * @param  \Exception  $exception
+     * @return void
+     */
+    public function report(Exception $exception)
+    {
+        parent::report($exception);
+    }
+
+    /**
+     * Render an exception into an HTTP response.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Exception  $exception
+     * @return \Illuminate\Http\Response
+     */
+    public function render($request, Exception $exception)
+    {
+        return parent::render($request, $exception);
+    }
+
+    /**
+     * Convert an authentication exception into an unauthenticated response.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Illuminate\Auth\AuthenticationException  $exception
+     * @return \Illuminate\Http\Response
+     */
+    protected function unauthenticated($request, AuthenticationException $exception)
+    {
+        if ($request->expectsJson()) {
+            return response()->json(['error' => 'Unauthenticated.'], 401);
+        }
+
+        return redirect()->guest(route('login'));
+    }
+}

website/app/Helpers/FormatterHelper.php

@@ -0,0 +1,81 @@
+<?php
+
+namespace App\Helpers;
+
+setlocale(LC_ALL, 'nl_NL'); 
+date_default_timezone_set('Europe/Amsterdam');
+define('ONE_DAY', 86400);
+
+class FormatterHelper
+{
+    private static $weekdays = ["Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag", "Zondag"];
+    private static $months = ["januari", "februari", "maart", "april", "mei", "juni", "juli", "augustus", "september", "oktober", "november", "december"];
+
+    public static function fullDate(/*\DateTime or \DateTimeImmutable*/ $date, $format)
+    {
+        $weekday = self::$weekdays[$date->format('N') - 1];
+        $month = $date->format('m') - 1;
+        $year = $date->format('Y');
+	return str_replace(['d', 'M', 'm', 'y?', 'y', 'W', 'w'],
+          [$date->format('d'), ($month < 9 ? "0" : "") . ($month + 1), self::$months[$month], $year == date('Y') ? "" : $year, $year, $weekday, strtolower($weekday)],
+          $format);
+    }
+
+    public static function relativeDate($date, $capitalize = true, $fullFormat = 'W d m y?')
+    {
+        $today = strtotime("00:00");
+        $timestamp = $date->getTimestamp();
+        
+        if($timestamp == 0) 
+        {
+          return $capitalize ? "Nooit" : "nooit";
+        } 
+
+        if($timestamp >= $today + 2 * ONE_DAY && $timestamp < $today + 7 * ONE_DAY) 
+        {
+          return ($capitalize ? "Aanstaande" : "aanstaande") . " " . strtolower(self::$weekdays[$date->format('N') - 1]);
+        }
+
+        if($timestamp >= $today + ONE_DAY && $timestamp < $today + 2 * ONE_DAY)
+        {
+          return $capitalize ? "Morgen" : "morgen";
+        }
+
+        if($timestamp >= $today && $timestamp < $today + ONE_DAY) 
+        { 
+          return $capitalize ? "Vandaag" : "vandaag";
+        }
+      
+        if($timestamp >= $today - ONE_DAY && $timestamp < $today + ONE_DAY) 
+        {
+            return $capitalize ? "Gisteren" : "gisteren";
+        } 
+    
+        if($timestamp >= $today - 6 * ONE_DAY && $timestamp < $today + ONE_DAY) 
+        {
+          return ($capitalize ? "Afgelopen" : "afgelopen") . " " . strtolower(self::$weekdays[$date->format('N') - 1]);
+        }
+    
+        return self::fullDate($date, $fullFormat);
+    }
+
+    public static function excerpt($text, $maxLength)
+    {
+        if(strlen($text) < $maxLength) 
+        {
+            return $text;
+        }
+  
+        $matches = [];
+        if(preg_match('/\W/', $text, $matches, PREG_OFFSET_CAPTURE, $maxLength)) 
+        {
+          return substr(strip_tags($text), 0, $matches[0][1]) . "...";
+        } 
+    
+        return substr(strip_tags($text), $maxLength) . "...";
+    }
+}
+/*
+function formatFullDate($date, $includeWeekday) {
+}
+*/

website/app/Http/Controllers/Auth/ForgotPasswordController.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\SendsPasswordResetEmails;
+
+class ForgotPasswordController extends Controller
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Controller
+    |--------------------------------------------------------------------------
+    |
+    | This controller is responsible for handling password reset emails and
+    | includes a trait which assists in sending these notifications from
+    | your application to your users. Feel free to explore this trait.
+    |
+    */
+
+    use SendsPasswordResetEmails;
+
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('guest');
+    }
+}

website/app/Http/Controllers/Auth/LoginController.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\AuthenticatesUsers;
+
+class LoginController extends Controller
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Login Controller
+    |--------------------------------------------------------------------------
+    |
+    | This controller handles authenticating users for the application and
+    | redirecting them to your home screen. The controller uses a trait
+    | to conveniently provide its functionality to your applications.
+    |
+    */
+
+    use AuthenticatesUsers;
+
+    /**
+     * Where to redirect users after login.
+     *
+     * @var string
+     */
+    protected $redirectTo = '/home';
+
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('guest')->except('logout');
+    }
+}

website/app/Http/Controllers/Auth/RegisterController.php

@@ -0,0 +1,71 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\User;
+use App\Http\Controllers\Controller;
+use Illuminate\Support\Facades\Validator;
+use Illuminate\Foundation\Auth\RegistersUsers;
+
+class RegisterController extends Controller
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Register Controller
+    |--------------------------------------------------------------------------
+    |
+    | This controller handles the registration of new users as well as their
+    | validation and creation. By default this controller uses a trait to
+    | provide this functionality without requiring any additional code.
+    |
+    */
+
+    use RegistersUsers;
+
+    /**
+     * Where to redirect users after registration.
+     *
+     * @var string
+     */
+    protected $redirectTo = '/home';
+
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('guest');
+    }
+
+    /**
+     * Get a validator for an incoming registration request.
+     *
+     * @param  array  $data
+     * @return \Illuminate\Contracts\Validation\Validator
+     */
+    protected function validator(array $data)
+    {
+        return Validator::make($data, [
+            'name' => 'required|string|max:255',
+            'email' => 'required|string|email|max:255|unique:users',
+            'password' => 'required|string|min:6|confirmed',
+        ]);
+    }
+
+    /**
+     * Create a new user instance after a valid registration.
+     *
+     * @param  array  $data
+     * @return \App\User
+     */
+    protected function create(array $data)
+    {
+        return User::create([
+            'name' => $data['name'],
+            'email' => $data['email'],
+            'password' => bcrypt($data['password']),
+        ]);
+    }
+}

website/app/Http/Controllers/Auth/ResetPasswordController.php

@@ -0,0 +1,39 @@
+<?php
+
+namespace App\Http\Controllers\Auth;
+
+use App\Http\Controllers\Controller;
+use Illuminate\Foundation\Auth\ResetsPasswords;
+
+class ResetPasswordController extends Controller
+{
+    /*
+    |--------------------------------------------------------------------------
+    | Password Reset Controller
+    |--------------------------------------------------------------------------
+    |
+    | This controller is responsible for handling password reset requests
+    | and uses a simple trait to include this behavior. You're free to
+    | explore this trait and override any methods you wish to tweak.
+    |
+    */
+
+    use ResetsPasswords;
+
+    /**
+     * Where to redirect users after resetting their password.
+     *
+     * @var string
+     */
+    protected $redirectTo = '/home';
+
+    /**
+     * Create a new controller instance.
+     *
+     * @return void
+     */
+    public function __construct()
+    {
+        $this->middleware('guest');
+    }
+}

website/app/Http/Controllers/CalendarController.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use \Illuminate\Http\Request;
+
+class CalendarController extends Controller
+{
+    public function show(Request $request, $id)
+    {
+        parent::registerView($request, 'agenda', $id);
+        $apiResult = $this->API('agenda/item/' . (int)$id);
+        $calendarEvent = new \Model\CalendarEvent($apiResult);
+
+        return view('calendarevent', ['event' => $calendarEvent, 'meta_featuredImage' => count($calendarEvent->images) ? $calendarEvent->images[0]->url : null]);
+    }
+
+    public function overview(Request $request)
+    {
+        $apiResult = $this->API('agenda/overzicht');
+        $calendar = [];
+        foreach($apiResult as $calendarItem)
+        {
+            $calendar[] = new \Model\CalendarEvent($calendarItem);
+        }
+
+        return view('calendarlist', ['events' => $calendar]);
+    }
+}

website/app/Http/Controllers/Controller.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Routing\Controller as BaseController;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Session;
+
+class Controller extends BaseController
+{
+    use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
+ 
+    protected $API_URL;
+ 
+    public function __construct()
+    {
+        \Illuminate\Support\Facades\View::share('apiUrl', $this->API_URL = env('API_URL', 'http://api.6fm.nl/'));
+    }
+ 
+    protected function registerView(Request $request, $type, $id)
+    {
+        app('db')->insert('INSERT INTO `pagestats`(`type`, `item_id`, `visitor_ip`, `session`, `referer`) VALUES(:type, :id, :ip, :session, :referer)', [
+            'type' => $type,
+            'id' => $id,
+            'ip' => $request->server('REMOTE_ADDR'),
+            'session' => md5(Session::getId()),
+            'referer' => $request->server('HTTP_REFERRER')
+        ]);
+    }
+
+    protected function API($url)
+    {
+        return json_decode(file_get_contents($this->API_URL . $url));
+    }
+
+    protected static function JsonToDateTime($obj) 
+    {
+        return new \DateTime($obj->date, new \DateTimeZone($obj->timezone));
+    }
+
+}

website/app/Http/Controllers/HomeController.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use \Model\NewsItem;
+
+class HomeController extends Controller
+{
+    public function show()
+    {
+        $apiResult = $this->API('nieuws/overzicht?aantal=12');
+        $news = [];
+        foreach($apiResult->news as $newsItem)
+        {
+          $news[] = new \Model\NewsItem($newsItem);
+        } 
+
+        $apiResult = $this->API('programma/schema/nustraks');
+        $comingUp = [];
+        foreach($apiResult->schedule as $program)
+        {
+          $comingUp[] = [
+            'start' => self::JsonToDateTime($program->start),
+            'end' => self::JsonToDateTime($program->end),
+            'program' => new \Model\Program($program->program) 
+          ];
+        }
+
+        $apiResult = $this->API('podcast/overzicht?aantal=20');
+        $podcasts = [];
+        foreach($apiResult->podcasts as $podcast) { 
+          $podcasts[] = new \Model\Podcast($podcast);
+        }
+
+        return view('home', ['news' => $news, 'podcasts' => $podcasts, 'comingUp' => $comingUp]);
+    }
+}

website/app/Http/Controllers/KerkdienstController.php

@@ -0,0 +1,16 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use \Model\NewsItem;
+
+class KerkdienstController extends Controller
+{
+    public function main(Request $request)
+    {
+        parent::registerView($request, 'kerkdienst', 0);
+        $apiResult = $this->API('kerkdienst');
+        return view('kerkdienst', ['kerkdienst' => new \Model\Kerkdienst($apiResult)]);
+    }
+}

website/app/Http/Controllers/NewsController.php

@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+use \Model\NewsItem;
+
+class NewsController extends Controller
+{
+    public function show(Request $request, $id)
+    {
+        parent::registerView($request, 'nieuws', $id);
+        $apiResult = $this->API('nieuws/bericht/' . $id);
+        $newsItem = new \Model\NewsItem($apiResult);
+
+        return view('newsitem', ['news' => $newsItem, 'meta_featuredImage' => count($newsItem->images) ? $newsItem->images[0]->url : null]);
+    }
+
+    public function overview(Request $request)
+    {
+        return $this->listNews($request, 'overzicht');
+    }
+
+    public function regionlist(Request $request, $region)
+    {
+        return $this->listNews($request, 'regio/' . $region, ucfirst($region));
+    }
+
+    public function themelist(Request $request, $theme)
+    {
+        return $this->listNews($request, 'thema/' . $theme, ucfirst($theme));
+    }
+ 
+    public function search(Request $request, $query) 
+    {
+        return $this->listNews($request, 'zoeken/' . $query, 'Zoekresultaat')->with('query', urldecode($query));
+    }
+       
+    private function listNews(Request $request, $url, $title = null)
+    {
+        $page = (int)$request->get('pagina', 1);
+        $apiResult = $this->API('nieuws/' . $url . '?pagina=' . (int)max(1, $page));
+        $news = [];
+        foreach($apiResult->news as $newsItem)
+        {
+            $news[] = new \Model\NewsItem($newsItem);
+        }
+
+        return view($request->ajax() ? 'newslistitems' : 'newslist', ['title' => $title, 'news' => $news, 'searchURL' => 'nieuws/zoeken']);
+    }
+
+    public function popular()
+    {
+        $apiResult = $this->API('nieuws/populair');
+        $news = [];
+        foreach($apiResult as $newsItem)
+        {
+            $news[] = new \Model\NewsItem($newsItem);
+        }
+
+        return view('popularnews', ['news' => $news]);
+    }
+
+    public function regionieuws() 
+    {
+        return view('listen', [
+            'source' => $this->API_URL . 'nieuws/regionieuws',
+            'title' => 'Regionieuws', 
+            'content' => 'het laatste nieuws uit de regio',
+            'isStream' => false,
+            'canDownload' => true ]);
+    }
+}

website/app/Http/Controllers/RadioController.php

@@ -0,0 +1,91 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use \Illuminate\Http\Request;
+use \Model\Programma;
+
+class RadioController extends Controller
+{
+    public function schedule(Request $request, $shiftWeeks = 0) 
+    {
+        $apiResult = $this->API('programma/schema/week/' . (int)$shiftWeeks);
+        $start = self::JsonToDateTime($apiResult->startdate);
+        $end = self::JsonToDateTime($apiResult->enddate);
+    
+        $schedule = [];
+        foreach($apiResult->schedule as $program)
+        {
+            $schedule[] = [
+                'starttime' => self::JsonToDateTime($program->start),
+                'endtime' => self::JsonToDateTime($program->end),
+                'program' => new \Model\Program($program->program)
+            ];
+        }
+
+        return view($request->ajax() ? 'radioscheduleweek' : 'radioschedule', ['start' => $start, 'end' => $end, 'schedule' => $schedule, 'shift' => $shiftWeeks]);
+    }
+ 
+    public function onair()
+    {
+        return $this->API('programma/schema/onair')->current->name;
+    }
+
+    public function program($id) 
+    {
+        $apiResult = $this->API('programma/details/' . (int)$id);
+        return view('radioprogram', ['program' => new \Model\Program($apiResult)]);
+    }
+
+    public function podcast(Request $request, $id)
+    {
+		if(!config('app.debug')) {	
+        	parent::registerView($request, 'podcast', $id);
+		}
+        $apiResult = $this->API('podcast/details/' . (int)$id);
+        $podcast = new \Model\Podcast($apiResult);
+
+        $related = [];
+        if($podcast->program != null) 
+        {
+            $apiRelated = $this->API("podcast/programma/{$podcast->program->id}?date={$podcast->created->format('Y-m-d')}");
+            foreach($apiRelated->podcasts as $relatedItem)
+            {
+                $related[] = new \Model\Podcast($relatedItem);
+            }
+        }
+
+        return view('podcastitem', ['podcast' => $podcast, 'related' => $related, 'searchURL' => 'gemist/zoeken']);
+    }
+
+    public function podcasts(Request $request, $programma = null)
+    {
+        $action = 'overzicht';
+        $viewData = [];
+        if((int)$programma > 0) {
+          $action = 'programma/' . (int)$programma;
+          $viewData['program'] = new \Model\Program($this->API('programma/details/' . (int)$programma));
+        }
+        
+        return $this->getPodcastList($request, $action, $viewData);
+    }
+
+    public function searchpodcast(Request $request, $query)
+    {
+        return $this->getPodcastList($request, 'zoeken/' . $query)->with('query', urldecode($query));
+    } 
+   
+    private function getPodcastList(Request $request, $action, $viewData = [])
+    {
+        $page = (int)$request->get('pagina', 1);
+        $apiResult = $this->API('podcast/' . $action . '?pagina=' . (int)max(1, $page) . '&aantal=12');
+        $podcasts = [];
+        foreach($apiResult->podcasts as $podcast)
+        {
+            $podcasts[] = new \Model\Podcast($podcast);
+        }
+
+        return view($request->ajax() ? 'podcastitems' : 'podcastlist', array_merge($viewData, ['podcasts' => $podcasts, 'searchURL' => 'gemist/zoeken']));
+    }
+
+}

website/app/Http/Controllers/StreamController.php

@@ -0,0 +1,68 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use \Illuminate\Http\Request;
+use \Model\Podcast;
+
+class StreamController extends Controller
+{
+    public function liveradio()
+    {
+        return view('listen', [
+            'source' => 'http://6fm.nl:8000/mp3live', 
+            'title' => 'Luister live', 
+            'content' => 'de live-uitzending van NH Gooi.',
+            'isStream' => true ]);
+    }
+   
+    public function livetv()
+    {
+        return view('watch');
+    }
+
+    public function podcast(Request $request, $id)
+    {
+        $apiResult = $this->API('podcast/details/' . (int)$id);
+        $podcast = new \Model\Podcast($apiResult);
+        if($podcast->auth != $request->get('auth')) {
+          return abort(403);
+        }
+
+        return view('listen', [
+            'source' => $this->API_URL . 'podcast/download/' . $apiResult->url . '?auth=' . $podcast->auth, 
+            'title' => $podcast->title, 
+            'content' => $podcast->title,
+            'isStream' => false, 
+            'canDownload' => true ]);
+    }
+
+    public function program(Request $request, $year, $month, $day, $hour, $duration, $offset = 0) {
+        $date = (new \DateTimeImmutable())->setDate($year, $month, $day)->setTime($hour, 0, 0);
+        $current = $date->add(\DateInterval::createFromDateString($offset . ' hours'));
+
+        $hours = [];
+        for($i = 0; $i < $duration; $i++) {
+          $other = $date->add(\DateInterval::createFromDateString($i . ' hours'));
+          $url = '/luister/programma/' . $date->format('Y/m/d/H') . '/' . $duration . '/' . $i;
+          $hours[$offset == $i ? '#' : $url] = 'Uur ' . ($i + 1) . ' (' . $other->format('H') . ':00)';
+        }
+ 
+        return view('listen', [
+            'source' => $this->API_URL . 'programma/download/' . $current->format('Y/m/d/H') . '/1',
+            'tabs' => $hours,
+            'title' => 'Uitzending terugluisteren',
+            'content' => 'de uitzending van ' . $current->format('d-m-Y, H') . ':00 uur',
+            'isStream' => false,
+            'canDownload' => false ]);
+    }
+
+    public function kerkdienst(Request $request) {
+        return view('listen', [
+            'source' => $this->API_URL . 'kerkdienst/download',
+            'title' => 'Kerkdienst gemist', 
+            'content' => 'de kerkdienst van afgelopen zondag',
+            'isStream' => false,
+            'canDownload' => true ]);
+    }
+}

website/app/Http/Kernel.php

@@ -0,0 +1,60 @@
+<?php
+
+namespace App\Http;
+
+use Illuminate\Foundation\Http\Kernel as HttpKernel;
+
+class Kernel extends HttpKernel
+{
+    /**
+     * The application's global HTTP middleware stack.
+     *
+     * These middleware are run during every request to your application.
+     *
+     * @var array
+     */
+    protected $middleware = [
+        \Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode::class,
+        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
+        \App\Http\Middleware\TrimStrings::class,
+        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
+    ];
+
+    /**
+     * The application's route middleware groups.
+     *
+     * @var array
+     */
+    protected $middlewareGroups = [
+        'web' => [
+            \App\Http\Middleware\EncryptCookies::class,
+            \Illuminate\Cookie\Middleware\AddQueuedCookiesToResponse::class,
+            \Illuminate\Session\Middleware\StartSession::class,
+            // \Illuminate\Session\Middleware\AuthenticateSession::class,
+            \Illuminate\View\Middleware\ShareErrorsFromSession::class,
+            \App\Http\Middleware\VerifyCsrfToken::class,
+            \Illuminate\Routing\Middleware\SubstituteBindings::class,
+        ],
+
+        'api' => [
+            'throttle:60,1',
+            'bindings',
+        ],
+    ];
+
+    /**
+     * The application's route middleware.
+     *
+     * These middleware may be assigned to groups or used individually.
+     *
+     * @var array
+     */
+    protected $routeMiddleware = [
+        'auth' => \Illuminate\Auth\Middleware\Authenticate::class,
+        'auth.basic' => \Illuminate\Auth\Middleware\AuthenticateWithBasicAuth::class,
+        'bindings' => \Illuminate\Routing\Middleware\SubstituteBindings::class,
+        'can' => \Illuminate\Auth\Middleware\Authorize::class,
+        'guest' => \App\Http\Middleware\RedirectIfAuthenticated::class,
+        'throttle' => \Illuminate\Routing\Middleware\ThrottleRequests::class,
+    ];
+}

website/app/Http/Middleware/EncryptCookies.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Cookie\Middleware\EncryptCookies as BaseEncrypter;
+
+class EncryptCookies extends BaseEncrypter
+{
+    /**
+     * The names of the cookies that should not be encrypted.
+     *
+     * @var array
+     */
+    protected $except = [
+        //
+    ];
+}

website/app/Http/Middleware/RedirectIfAuthenticated.php

@@ -0,0 +1,26 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Closure;
+use Illuminate\Support\Facades\Auth;
+
+class RedirectIfAuthenticated
+{
+    /**
+     * Handle an incoming request.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Closure  $next
+     * @param  string|null  $guard
+     * @return mixed
+     */
+    public function handle($request, Closure $next, $guard = null)
+    {
+        if (Auth::guard($guard)->check()) {
+            return redirect('/home');
+        }
+
+        return $next($request);
+    }
+}

website/app/Http/Middleware/TrimStrings.php

@@ -0,0 +1,18 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\TrimStrings as BaseTrimmer;
+
+class TrimStrings extends BaseTrimmer
+{
+    /**
+     * The names of the attributes that should not be trimmed.
+     *
+     * @var array
+     */
+    protected $except = [
+        'password',
+        'password_confirmation',
+    ];
+}

website/app/Http/Middleware/VerifyCsrfToken.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\VerifyCsrfToken as BaseVerifier;
+
+class VerifyCsrfToken extends BaseVerifier
+{
+    /**
+     * The URIs that should be excluded from CSRF verification.
+     *
+     * @var array
+     */
+    protected $except = [
+        //
+    ];
+}

website/app/Providers/AppServiceProvider.php

@@ -0,0 +1,28 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+
+class AppServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap any application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        //
+    }
+
+    /**
+     * Register any application services.
+     *
+     * @return void
+     */
+    public function register()
+    {
+        //
+    }
+}

website/app/Providers/AuthServiceProvider.php

@@ -0,0 +1,30 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Gate;
+use Illuminate\Foundation\Support\Providers\AuthServiceProvider as ServiceProvider;
+
+class AuthServiceProvider extends ServiceProvider
+{
+    /**
+     * The policy mappings for the application.
+     *
+     * @var array
+     */
+    protected $policies = [
+        'App\Model' => 'App\Policies\ModelPolicy',
+    ];
+
+    /**
+     * Register any authentication / authorization services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        $this->registerPolicies();
+
+        //
+    }
+}

website/app/Providers/BroadcastServiceProvider.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\ServiceProvider;
+use Illuminate\Support\Facades\Broadcast;
+
+class BroadcastServiceProvider extends ServiceProvider
+{
+    /**
+     * Bootstrap any application services.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        Broadcast::routes();
+
+        require base_path('routes/channels.php');
+    }
+}

website/app/Providers/EventServiceProvider.php

@@ -0,0 +1,32 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Event;
+use Illuminate\Foundation\Support\Providers\EventServiceProvider as ServiceProvider;
+
+class EventServiceProvider extends ServiceProvider
+{
+    /**
+     * The event listener mappings for the application.
+     *
+     * @var array
+     */
+    protected $listen = [
+        'App\Events\Event' => [
+            'App\Listeners\EventListener',
+        ],
+    ];
+
+    /**
+     * Register any events for your application.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        parent::boot();
+
+        //
+    }
+}

website/app/Providers/RouteServiceProvider.php

@@ -0,0 +1,73 @@
+<?php
+
+namespace App\Providers;
+
+use Illuminate\Support\Facades\Route;
+use Illuminate\Foundation\Support\Providers\RouteServiceProvider as ServiceProvider;
+
+class RouteServiceProvider extends ServiceProvider
+{
+    /**
+     * This namespace is applied to your controller routes.
+     *
+     * In addition, it is set as the URL generator's root namespace.
+     *
+     * @var string
+     */
+    protected $namespace = 'App\Http\Controllers';
+
+    /**
+     * Define your route model bindings, pattern filters, etc.
+     *
+     * @return void
+     */
+    public function boot()
+    {
+        //
+
+        parent::boot();
+    }
+
+    /**
+     * Define the routes for the application.
+     *
+     * @return void
+     */
+    public function map()
+    {
+        $this->mapApiRoutes();
+
+        $this->mapWebRoutes();
+
+        //
+    }
+
+    /**
+     * Define the "web" routes for the application.
+     *
+     * These routes all receive session state, CSRF protection, etc.
+     *
+     * @return void
+     */
+    protected function mapWebRoutes()
+    {
+        Route::middleware('web')
+             ->namespace($this->namespace)
+             ->group(base_path('routes/web.php'));
+    }
+
+    /**
+     * Define the "api" routes for the application.
+     *
+     * These routes are typically stateless.
+     *
+     * @return void
+     */
+    protected function mapApiRoutes()
+    {
+        Route::prefix('api')
+             ->middleware('api')
+             ->namespace($this->namespace)
+             ->group(base_path('routes/api.php'));
+    }
+}

website/app/User.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace App;
+
+use Illuminate\Notifications\Notifiable;
+use Illuminate\Foundation\Auth\User as Authenticatable;
+
+class User extends Authenticatable
+{
+    use Notifiable;
+
+    /**
+     * The attributes that are mass assignable.
+     *
+     * @var array
+     */
+    protected $fillable = [
+        'name', 'email', 'password',
+    ];
+
+    /**
+     * The attributes that should be hidden for arrays.
+     *
+     * @var array
+     */
+    protected $hidden = [
+        'password', 'remember_token',
+    ];
+}

website/artisan

@@ -0,0 +1,51 @@
+#!/usr/bin/env php
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Register The Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader
+| for our application. We just need to utilize it! We'll require it
+| into the script here so that we do not have to worry about the
+| loading of any our classes "manually". Feels great to relax.
+|
+*/
+
+require __DIR__.'/bootstrap/autoload.php';
+
+$app = require_once __DIR__.'/bootstrap/app.php';
+
+/*
+|--------------------------------------------------------------------------
+| Run The Artisan Application
+|--------------------------------------------------------------------------
+|
+| When we run the console application, the current CLI command will be
+| executed in this console and the response sent back to a terminal
+| or another output device for the developers. Here goes nothing!
+|
+*/
+
+$kernel = $app->make(Illuminate\Contracts\Console\Kernel::class);
+
+$status = $kernel->handle(
+    $input = new Symfony\Component\Console\Input\ArgvInput,
+    new Symfony\Component\Console\Output\ConsoleOutput
+);
+
+/*
+|--------------------------------------------------------------------------
+| Shutdown The Application
+|--------------------------------------------------------------------------
+|
+| Once Artisan has finished running, we will fire off the shutdown events
+| so that any final work may be done by the application before we shut
+| down the process. This is the last thing to happen to the request.
+|
+*/
+
+$kernel->terminate($input, $status);
+
+exit($status);

website/bootstrap/app.php

@@ -0,0 +1,55 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Create The Application
+|--------------------------------------------------------------------------
+|
+| The first thing we will do is create a new Laravel application instance
+| which serves as the "glue" for all the components of Laravel, and is
+| the IoC container for the system binding all of the various parts.
+|
+*/
+
+$app = new Illuminate\Foundation\Application(
+    realpath(__DIR__.'/../')
+);
+
+/*
+|--------------------------------------------------------------------------
+| Bind Important Interfaces
+|--------------------------------------------------------------------------
+|
+| Next, we need to bind some important interfaces into the container so
+| we will be able to resolve them when needed. The kernels serve the
+| incoming requests to this application from both the web and CLI.
+|
+*/
+
+$app->singleton(
+    Illuminate\Contracts\Http\Kernel::class,
+    App\Http\Kernel::class
+);
+
+$app->singleton(
+    Illuminate\Contracts\Console\Kernel::class,
+    App\Console\Kernel::class
+);
+
+$app->singleton(
+    Illuminate\Contracts\Debug\ExceptionHandler::class,
+    App\Exceptions\Handler::class
+);
+
+/*
+|--------------------------------------------------------------------------
+| Return The Application
+|--------------------------------------------------------------------------
+|
+| This script returns the application instance. The instance is given to
+| the calling script so we can separate the building of the instances
+| from the actual running of the application and sending responses.
+|
+*/
+
+return $app;

website/bootstrap/autoload.php

@@ -0,0 +1,17 @@
+<?php
+
+define('LARAVEL_START', microtime(true));
+
+/*
+|--------------------------------------------------------------------------
+| Register The Composer Auto Loader
+|--------------------------------------------------------------------------
+|
+| Composer provides a convenient, automatically generated class loader
+| for our application. We just need to utilize it! We'll require it
+| into the script here so we do not have to manually load any of
+| our application's PHP classes. It just feels great to relax.
+|
+*/
+
+require __DIR__.'/../vendor/autoload.php';

website/bootstrap/cache/.gitignore

@@ -0,0 +1,2 @@
+*
+!.gitignore

website/bootstrap/cache/services.php

@@ -0,0 +1,192 @@
+<?php return array (
+  'providers' => 
+  array (
+    0 => 'Illuminate\\Auth\\AuthServiceProvider',
+    1 => 'Illuminate\\Broadcasting\\BroadcastServiceProvider',
+    2 => 'Illuminate\\Bus\\BusServiceProvider',
+    3 => 'Illuminate\\Cache\\CacheServiceProvider',
+    4 => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    5 => 'Illuminate\\Cookie\\CookieServiceProvider',
+    6 => 'Illuminate\\Database\\DatabaseServiceProvider',
+    7 => 'Illuminate\\Encryption\\EncryptionServiceProvider',
+    8 => 'Illuminate\\Filesystem\\FilesystemServiceProvider',
+    9 => 'Illuminate\\Foundation\\Providers\\FoundationServiceProvider',
+    10 => 'Illuminate\\Hashing\\HashServiceProvider',
+    11 => 'Collective\\Html\\HtmlServiceProvider',
+    12 => 'Illuminate\\Mail\\MailServiceProvider',
+    13 => 'Illuminate\\Notifications\\NotificationServiceProvider',
+    14 => 'Illuminate\\Pagination\\PaginationServiceProvider',
+    15 => 'Illuminate\\Pipeline\\PipelineServiceProvider',
+    16 => 'Illuminate\\Queue\\QueueServiceProvider',
+    17 => 'Illuminate\\Redis\\RedisServiceProvider',
+    18 => 'Illuminate\\Auth\\Passwords\\PasswordResetServiceProvider',
+    19 => 'Illuminate\\Session\\SessionServiceProvider',
+    20 => 'Illuminate\\Translation\\TranslationServiceProvider',
+    21 => 'Illuminate\\Validation\\ValidationServiceProvider',
+    22 => 'Illuminate\\View\\ViewServiceProvider',
+    23 => 'Laravel\\Tinker\\TinkerServiceProvider',
+    24 => 'App\\Providers\\AppServiceProvider',
+    25 => 'App\\Providers\\AuthServiceProvider',
+    26 => 'App\\Providers\\EventServiceProvider',
+    27 => 'App\\Providers\\RouteServiceProvider',
+  ),
+  'eager' => 
+  array (
+    0 => 'Illuminate\\Auth\\AuthServiceProvider',
+    1 => 'Illuminate\\Cookie\\CookieServiceProvider',
+    2 => 'Illuminate\\Database\\DatabaseServiceProvider',
+    3 => 'Illuminate\\Encryption\\EncryptionServiceProvider',
+    4 => 'Illuminate\\Filesystem\\FilesystemServiceProvider',
+    5 => 'Illuminate\\Foundation\\Providers\\FoundationServiceProvider',
+    6 => 'Illuminate\\Notifications\\NotificationServiceProvider',
+    7 => 'Illuminate\\Pagination\\PaginationServiceProvider',
+    8 => 'Illuminate\\Session\\SessionServiceProvider',
+    9 => 'Illuminate\\View\\ViewServiceProvider',
+    10 => 'App\\Providers\\AppServiceProvider',
+    11 => 'App\\Providers\\AuthServiceProvider',
+    12 => 'App\\Providers\\EventServiceProvider',
+    13 => 'App\\Providers\\RouteServiceProvider',
+  ),
+  'deferred' => 
+  array (
+    'Illuminate\\Broadcasting\\BroadcastManager' => 'Illuminate\\Broadcasting\\BroadcastServiceProvider',
+    'Illuminate\\Contracts\\Broadcasting\\Factory' => 'Illuminate\\Broadcasting\\BroadcastServiceProvider',
+    'Illuminate\\Contracts\\Broadcasting\\Broadcaster' => 'Illuminate\\Broadcasting\\BroadcastServiceProvider',
+    'Illuminate\\Bus\\Dispatcher' => 'Illuminate\\Bus\\BusServiceProvider',
+    'Illuminate\\Contracts\\Bus\\Dispatcher' => 'Illuminate\\Bus\\BusServiceProvider',
+    'Illuminate\\Contracts\\Bus\\QueueingDispatcher' => 'Illuminate\\Bus\\BusServiceProvider',
+    'cache' => 'Illuminate\\Cache\\CacheServiceProvider',
+    'cache.store' => 'Illuminate\\Cache\\CacheServiceProvider',
+    'memcached.connector' => 'Illuminate\\Cache\\CacheServiceProvider',
+    'command.cache.clear' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.cache.forget' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.clear-compiled' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.auth.resets.clear' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.config.cache' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.config.clear' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.down' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.environment' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.key.generate' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.install' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.refresh' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.reset' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.rollback' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.status' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.optimize' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.failed' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.flush' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.forget' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.listen' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.restart' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.retry' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.work' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.route.cache' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.route.clear' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.route.list' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.seed' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'Illuminate\\Console\\Scheduling\\ScheduleFinishCommand' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'Illuminate\\Console\\Scheduling\\ScheduleRunCommand' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.storage.link' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.up' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.view.clear' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.app.name' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.auth.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.cache.table' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.console.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.controller.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.event.generate' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.event.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.job.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.listener.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.mail.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.middleware.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.migrate.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.model.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.notification.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.notification.table' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.policy.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.provider.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.failed-table' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.queue.table' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.request.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.seeder.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.session.table' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.serve' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.test.make' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'command.vendor.publish' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'migrator' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'migration.repository' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'migration.creator' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'composer' => 'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider',
+    'hash' => 'Illuminate\\Hashing\\HashServiceProvider',
+    'html' => 'Collective\\Html\\HtmlServiceProvider',
+    'form' => 'Collective\\Html\\HtmlServiceProvider',
+    'Collective\\Html\\HtmlBuilder' => 'Collective\\Html\\HtmlServiceProvider',
+    'Collective\\Html\\FormBuilder' => 'Collective\\Html\\HtmlServiceProvider',
+    'mailer' => 'Illuminate\\Mail\\MailServiceProvider',
+    'swift.mailer' => 'Illuminate\\Mail\\MailServiceProvider',
+    'swift.transport' => 'Illuminate\\Mail\\MailServiceProvider',
+    'Illuminate\\Mail\\Markdown' => 'Illuminate\\Mail\\MailServiceProvider',
+    'Illuminate\\Contracts\\Pipeline\\Hub' => 'Illuminate\\Pipeline\\PipelineServiceProvider',
+    'queue' => 'Illuminate\\Queue\\QueueServiceProvider',
+    'queue.worker' => 'Illuminate\\Queue\\QueueServiceProvider',
+    'queue.listener' => 'Illuminate\\Queue\\QueueServiceProvider',
+    'queue.failer' => 'Illuminate\\Queue\\QueueServiceProvider',
+    'queue.connection' => 'Illuminate\\Queue\\QueueServiceProvider',
+    'redis' => 'Illuminate\\Redis\\RedisServiceProvider',
+    'redis.connection' => 'Illuminate\\Redis\\RedisServiceProvider',
+    'auth.password' => 'Illuminate\\Auth\\Passwords\\PasswordResetServiceProvider',
+    'auth.password.broker' => 'Illuminate\\Auth\\Passwords\\PasswordResetServiceProvider',
+    'translator' => 'Illuminate\\Translation\\TranslationServiceProvider',
+    'translation.loader' => 'Illuminate\\Translation\\TranslationServiceProvider',
+    'validator' => 'Illuminate\\Validation\\ValidationServiceProvider',
+    'validation.presence' => 'Illuminate\\Validation\\ValidationServiceProvider',
+    'command.tinker' => 'Laravel\\Tinker\\TinkerServiceProvider',
+  ),
+  'when' => 
+  array (
+    'Illuminate\\Broadcasting\\BroadcastServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Bus\\BusServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Cache\\CacheServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Foundation\\Providers\\ConsoleSupportServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Hashing\\HashServiceProvider' => 
+    array (
+    ),
+    'Collective\\Html\\HtmlServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Mail\\MailServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Pipeline\\PipelineServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Queue\\QueueServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Redis\\RedisServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Auth\\Passwords\\PasswordResetServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Translation\\TranslationServiceProvider' => 
+    array (
+    ),
+    'Illuminate\\Validation\\ValidationServiceProvider' => 
+    array (
+    ),
+    'Laravel\\Tinker\\TinkerServiceProvider' => 
+    array (
+    ),
+  ),
+);

website/composer.json

@@ -0,0 +1,54 @@
+{
+    "name": "laravel/laravel",
+    "description": "The Laravel Framework.",
+    "keywords": ["framework", "laravel"],
+    "license": "MIT",
+    "type": "project",
+    "require": {
+        "php": ">=5.6.4",
+        "laravel/framework": "5.4.*",
+        "laravel/tinker": "~1.0",
+        "laravelcollective/html": "5.*"
+    },
+    "require-dev": {
+        "fzaninotto/faker": "~1.4",
+        "mockery/mockery": "0.9.*",
+        "phpunit/phpunit": "~5.7"
+    },
+    "autoload": {
+        "classmap": [
+            "database"
+        ],
+        "psr-4": {
+            "App\\": "app/",
+            "Helpers\\": "app/Helpers/",
+            "Model\\": "../api-dev/common/classes/"
+        }
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Tests\\": "tests/"
+        }
+    },
+    "scripts": {
+        "post-root-package-install": [
+            "php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+        ],
+        "post-create-project-cmd": [
+            "php artisan key:generate"
+        ],
+        "post-install-cmd": [
+            "Illuminate\\Foundation\\ComposerScripts::postInstall",
+            "php artisan optimize"
+        ],
+        "post-update-cmd": [
+            "Illuminate\\Foundation\\ComposerScripts::postUpdate",
+            "php artisan optimize"
+        ]
+    },
+    "config": {
+        "preferred-install": "dist",
+        "sort-packages": true,
+        "optimize-autoloader": true
+    }
+}

website/config/app.php

@@ -0,0 +1,235 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Name
+    |--------------------------------------------------------------------------
+    |
+    | This value is the name of your application. This value is used when the
+    | framework needs to place the application's name in a notification or
+    | any other location as required by the application or its packages.
+    */
+
+    'name' => env('APP_NAME', '6FM Online'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Environment
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the "environment" your application is currently
+    | running in. This may determine how you prefer to configure various
+    | services your application utilizes. Set this in your ".env" file.
+    |
+    */
+
+    'env' => env('APP_ENV', 'production'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Debug Mode
+    |--------------------------------------------------------------------------
+    |
+    | When your application is in debug mode, detailed error messages with
+    | stack traces will be shown on every error that occurs within your
+    | application. If disabled, a simple generic error page is shown.
+    |
+    */
+
+    'debug' => env('APP_DEBUG', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application URL
+    |--------------------------------------------------------------------------
+    |
+    | This URL is used by the console to properly generate URLs when using
+    | the Artisan command line tool. You should set this to the root of
+    | your application so that it is used when running Artisan tasks.
+    |
+    */
+
+    'url' => env('APP_URL', 'http://localhost'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Timezone
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default timezone for your application, which
+    | will be used by the PHP date and date-time functions. We have gone
+    | ahead and set this to a sensible default for you out of the box.
+    |
+    */
+
+    'timezone' => 'UTC',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Locale Configuration
+    |--------------------------------------------------------------------------
+    |
+    | The application locale determines the default locale that will be used
+    | by the translation service provider. You are free to set this value
+    | to any of the locales which will be supported by the application.
+    |
+    */
+
+    'locale' => 'en',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Fallback Locale
+    |--------------------------------------------------------------------------
+    |
+    | The fallback locale determines the locale to use when the current one
+    | is not available. You may change the value to correspond to any of
+    | the language folders that are provided through your application.
+    |
+    */
+
+    'fallback_locale' => 'en',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Encryption Key
+    |--------------------------------------------------------------------------
+    |
+    | This key is used by the Illuminate encrypter service and should be set
+    | to a random, 32 character string, otherwise these encrypted strings
+    | will not be safe. Please do this before deploying an application!
+    |
+    */
+
+    'key' => env('APP_KEY'),
+
+    'cipher' => 'AES-256-CBC',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Logging Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the log settings for your application. Out of
+    | the box, Laravel uses the Monolog PHP logging library. This gives
+    | you a variety of powerful log handlers / formatters to utilize.
+    |
+    | Available Settings: "single", "daily", "syslog", "errorlog"
+    |
+    */
+
+    'log' => env('APP_LOG', 'single'),
+
+    'log_level' => env('APP_LOG_LEVEL', 'debug'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Autoloaded Service Providers
+    |--------------------------------------------------------------------------
+    |
+    | The service providers listed here will be automatically loaded on the
+    | request to your application. Feel free to add your own services to
+    | this array to grant expanded functionality to your applications.
+    |
+    */
+
+    'providers' => [
+
+        /*
+         * Laravel Framework Service Providers...
+         */
+        Illuminate\Auth\AuthServiceProvider::class,
+        Illuminate\Broadcasting\BroadcastServiceProvider::class,
+        Illuminate\Bus\BusServiceProvider::class,
+        Illuminate\Cache\CacheServiceProvider::class,
+        Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
+        Illuminate\Cookie\CookieServiceProvider::class,
+        Illuminate\Database\DatabaseServiceProvider::class,
+        Illuminate\Encryption\EncryptionServiceProvider::class,
+        Illuminate\Filesystem\FilesystemServiceProvider::class,
+        Illuminate\Foundation\Providers\FoundationServiceProvider::class,
+        Illuminate\Hashing\HashServiceProvider::class,
+        Collective\Html\HtmlServiceProvider::class,
+        Illuminate\Mail\MailServiceProvider::class,
+        Illuminate\Notifications\NotificationServiceProvider::class,
+        Illuminate\Pagination\PaginationServiceProvider::class,
+        Illuminate\Pipeline\PipelineServiceProvider::class,
+        Illuminate\Queue\QueueServiceProvider::class,
+        Illuminate\Redis\RedisServiceProvider::class,
+        Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
+        Illuminate\Session\SessionServiceProvider::class,
+        Illuminate\Translation\TranslationServiceProvider::class,
+        Illuminate\Validation\ValidationServiceProvider::class,
+        Illuminate\View\ViewServiceProvider::class,
+
+        /*
+         * Package Service Providers...
+         */
+        Laravel\Tinker\TinkerServiceProvider::class,
+
+        /*
+         * Application Service Providers...
+         */
+        App\Providers\AppServiceProvider::class,
+        App\Providers\AuthServiceProvider::class,
+        // App\Providers\BroadcastServiceProvider::class,
+        App\Providers\EventServiceProvider::class,
+        App\Providers\RouteServiceProvider::class,
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Class Aliases
+    |--------------------------------------------------------------------------
+    |
+    | This array of class aliases will be registered when this application
+    | is started. However, feel free to register as many as you wish as
+    | the aliases are "lazy" loaded so they don't hinder performance.
+    |
+    */
+
+    'aliases' => [
+
+        'App' => Illuminate\Support\Facades\App::class,
+        'Artisan' => Illuminate\Support\Facades\Artisan::class,
+        'Auth' => Illuminate\Support\Facades\Auth::class,
+        'Blade' => Illuminate\Support\Facades\Blade::class,
+        'Broadcast' => Illuminate\Support\Facades\Broadcast::class,
+        'Bus' => Illuminate\Support\Facades\Bus::class,
+        'Cache' => Illuminate\Support\Facades\Cache::class,
+        'Config' => Illuminate\Support\Facades\Config::class,
+        'Cookie' => Illuminate\Support\Facades\Cookie::class,
+        'Crypt' => Illuminate\Support\Facades\Crypt::class,
+        'DB' => Illuminate\Support\Facades\DB::class,
+        'Eloquent' => Illuminate\Database\Eloquent\Model::class,
+        'Event' => Illuminate\Support\Facades\Event::class,
+        'File' => Illuminate\Support\Facades\File::class,
+        'Form' => Collective\Html\FormFacade::class,
+        'Gate' => Illuminate\Support\Facades\Gate::class,
+        'Hash' => Illuminate\Support\Facades\Hash::class,
+        'Html' => Collective\Html\HtmlFacade::class,
+        'Lang' => Illuminate\Support\Facades\Lang::class,
+        'Log' => Illuminate\Support\Facades\Log::class,
+        'Mail' => Illuminate\Support\Facades\Mail::class,
+        'Notification' => Illuminate\Support\Facades\Notification::class,
+        'Password' => Illuminate\Support\Facades\Password::class,
+        'Queue' => Illuminate\Support\Facades\Queue::class,
+        'Redirect' => Illuminate\Support\Facades\Redirect::class,
+        'Redis' => Illuminate\Support\Facades\Redis::class,
+        'Request' => Illuminate\Support\Facades\Request::class,
+        'Response' => Illuminate\Support\Facades\Response::class,
+        'Route' => Illuminate\Support\Facades\Route::class,
+        'Schema' => Illuminate\Support\Facades\Schema::class,
+        'Session' => Illuminate\Support\Facades\Session::class,
+        'Storage' => Illuminate\Support\Facades\Storage::class,
+        'URL' => Illuminate\Support\Facades\URL::class,
+        'Validator' => Illuminate\Support\Facades\Validator::class,
+        'View' => Illuminate\Support\Facades\View::class,
+
+        'Formatter' => App\Helpers\FormatterHelper::class,
+    ],
+
+];

website/config/auth.php

@@ -0,0 +1,102 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Defaults
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default authentication "guard" and password
+    | reset options for your application. You may change these defaults
+    | as required, but they're a perfect start for most applications.
+    |
+    */
+
+    'defaults' => [
+        'guard' => 'web',
+        'passwords' => 'users',
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Authentication Guards
+    |--------------------------------------------------------------------------
+    |
+    | Next, you may define every authentication guard for your application.
+    | Of course, a great default configuration has been defined for you
+    | here which uses session storage and the Eloquent user provider.
+    |
+    | All authentication drivers have a user provider. This defines how the
+    | users are actually retrieved out of your database or other storage
+    | mechanisms used by this application to persist your user's data.
+    |
+    | Supported: "session", "token"
+    |
+    */
+
+    'guards' => [
+        'web' => [
+            'driver' => 'session',
+            'provider' => 'users',
+        ],
+
+        'api' => [
+            'driver' => 'token',
+            'provider' => 'users',
+        ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | User Providers
+    |--------------------------------------------------------------------------
+    |
+    | All authentication drivers have a user provider. This defines how the
+    | users are actually retrieved out of your database or other storage
+    | mechanisms used by this application to persist your user's data.
+    |
+    | If you have multiple user tables or models you may configure multiple
+    | sources which represent each model / table. These sources may then
+    | be assigned to any extra authentication guards you have defined.
+    |
+    | Supported: "database", "eloquent"
+    |
+    */
+
+    'providers' => [
+        'users' => [
+            'driver' => 'eloquent',
+            'model' => App\User::class,
+        ],
+
+        // 'users' => [
+        //     'driver' => 'database',
+        //     'table' => 'users',
+        // ],
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Resetting Passwords
+    |--------------------------------------------------------------------------
+    |
+    | You may specify multiple password reset configurations if you have more
+    | than one user table or model in the application and you want to have
+    | separate password reset settings based on the specific user types.
+    |
+    | The expire time is the number of minutes that the reset token should be
+    | considered valid. This security feature keeps tokens short-lived so
+    | they have less time to be guessed. You may change this as needed.
+    |
+    */
+
+    'passwords' => [
+        'users' => [
+            'provider' => 'users',
+            'table' => 'password_resets',
+            'expire' => 60,
+        ],
+    ],
+
+];

website/config/broadcasting.php

@@ -0,0 +1,58 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Broadcaster
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default broadcaster that will be used by the
+    | framework when an event needs to be broadcast. You may set this to
+    | any of the connections defined in the "connections" array below.
+    |
+    | Supported: "pusher", "redis", "log", "null"
+    |
+    */
+
+    'default' => env('BROADCAST_DRIVER', 'null'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Broadcast Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define all of the broadcast connections that will be used
+    | to broadcast events to other systems or over websockets. Samples of
+    | each available type of connection are provided inside this array.
+    |
+    */
+
+    'connections' => [
+
+        'pusher' => [
+            'driver' => 'pusher',
+            'key' => env('PUSHER_APP_KEY'),
+            'secret' => env('PUSHER_APP_SECRET'),
+            'app_id' => env('PUSHER_APP_ID'),
+            'options' => [
+                //
+            ],
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => 'default',
+        ],
+
+        'log' => [
+            'driver' => 'log',
+        ],
+
+        'null' => [
+            'driver' => 'null',
+        ],
+
+    ],
+
+];

website/config/cache.php

@@ -0,0 +1,91 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default cache connection that gets used while
+    | using this caching library. This connection is used when another is
+    | not explicitly specified when executing a given caching function.
+    |
+    | Supported: "apc", "array", "database", "file", "memcached", "redis"
+    |
+    */
+
+    'default' => env('CACHE_DRIVER', 'file'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Stores
+    |--------------------------------------------------------------------------
+    |
+    | Here you may define all of the cache "stores" for your application as
+    | well as their drivers. You may even define multiple stores for the
+    | same cache driver to group types of items stored in your caches.
+    |
+    */
+
+    'stores' => [
+
+        'apc' => [
+            'driver' => 'apc',
+        ],
+
+        'array' => [
+            'driver' => 'array',
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'table' => 'cache',
+            'connection' => null,
+        ],
+
+        'file' => [
+            'driver' => 'file',
+            'path' => storage_path('framework/cache/data'),
+        ],
+
+        'memcached' => [
+            'driver' => 'memcached',
+            'persistent_id' => env('MEMCACHED_PERSISTENT_ID'),
+            'sasl' => [
+                env('MEMCACHED_USERNAME'),
+                env('MEMCACHED_PASSWORD'),
+            ],
+            'options' => [
+                // Memcached::OPT_CONNECT_TIMEOUT  => 2000,
+            ],
+            'servers' => [
+                [
+                    'host' => env('MEMCACHED_HOST', '127.0.0.1'),
+                    'port' => env('MEMCACHED_PORT', 11211),
+                    'weight' => 100,
+                ],
+            ],
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => 'default',
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cache Key Prefix
+    |--------------------------------------------------------------------------
+    |
+    | When utilizing a RAM based store such as APC or Memcached, there might
+    | be other applications utilizing the same cache. So, we'll specify a
+    | value to get prefixed to all our keys so we can avoid collisions.
+    |
+    */
+
+    'prefix' => 'laravel',
+
+];

website/config/database.php

@@ -0,0 +1,120 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Database Connection Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify which of the database connections below you wish
+    | to use as your default connection for all database work. Of course
+    | you may use many connections at once using the Database library.
+    |
+    */
+
+    'default' => env('DB_CONNECTION', 'mysql'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Database Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here are each of the database connections setup for your application.
+    | Of course, examples of configuring each database platform that is
+    | supported by Laravel is shown below to make development simple.
+    |
+    |
+    | All database work in Laravel is done through the PHP PDO facilities
+    | so make sure you have the driver for your particular database of
+    | choice installed on your machine before you begin development.
+    |
+    */
+
+    'connections' => [
+
+        'sqlite' => [
+            'driver' => 'sqlite',
+            'database' => env('DB_DATABASE', database_path('database.sqlite')),
+            'prefix' => '',
+        ],
+
+        'mysql' => [
+            'driver' => 'mysql',
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '3306'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
+            'password' => env('DB_PASSWORD', ''),
+            'unix_socket' => env('DB_SOCKET', ''),
+            'charset' => 'utf8',
+            'collation' => 'utf8_unicode_ci',
+            'prefix' => '',
+            'strict' => true,
+            'engine' => null,
+        ],
+
+        'pgsql' => [
+            'driver' => 'pgsql',
+            'host' => env('DB_HOST', '127.0.0.1'),
+            'port' => env('DB_PORT', '5432'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => 'utf8',
+            'prefix' => '',
+            'schema' => 'public',
+            'sslmode' => 'prefer',
+        ],
+
+        'sqlsrv' => [
+            'driver' => 'sqlsrv',
+            'host' => env('DB_HOST', 'localhost'),
+            'port' => env('DB_PORT', '1433'),
+            'database' => env('DB_DATABASE', 'forge'),
+            'username' => env('DB_USERNAME', 'forge'),
+            'password' => env('DB_PASSWORD', ''),
+            'charset' => 'utf8',
+            'prefix' => '',
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Migration Repository Table
+    |--------------------------------------------------------------------------
+    |
+    | This table keeps track of all the migrations that have already run for
+    | your application. Using this information, we can determine which of
+    | the migrations on disk haven't actually been run in the database.
+    |
+    */
+
+    'migrations' => 'migrations',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Redis Databases
+    |--------------------------------------------------------------------------
+    |
+    | Redis is an open source, fast, and advanced key-value store that also
+    | provides a richer set of commands than a typical key-value systems
+    | such as APC or Memcached. Laravel makes it easy to dig right in.
+    |
+    */
+
+    'redis' => [
+
+        'client' => 'predis',
+
+        'default' => [
+            'host' => env('REDIS_HOST', '127.0.0.1'),
+            'password' => env('REDIS_PASSWORD', null),
+            'port' => env('REDIS_PORT', 6379),
+            'database' => 0,
+        ],
+
+    ],
+
+];

website/config/filesystems.php

@@ -0,0 +1,68 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default filesystem disk that should be used
+    | by the framework. The "local" disk, as well as a variety of cloud
+    | based disks are available to your application. Just store away!
+    |
+    */
+
+    'default' => env('FILESYSTEM_DRIVER', 'local'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Cloud Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Many applications store files both locally and in the cloud. For this
+    | reason, you may specify a default "cloud" driver here. This driver
+    | will be bound as the Cloud disk implementation in the container.
+    |
+    */
+
+    'cloud' => env('FILESYSTEM_CLOUD', 's3'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Filesystem Disks
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure as many filesystem "disks" as you wish, and you
+    | may even configure multiple disks of the same driver. Defaults have
+    | been setup for each driver as an example of the required options.
+    |
+    | Supported Drivers: "local", "ftp", "s3", "rackspace"
+    |
+    */
+
+    'disks' => [
+
+        'local' => [
+            'driver' => 'local',
+            'root' => storage_path('app'),
+        ],
+
+        'public' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public'),
+            'url' => env('APP_URL').'/storage',
+            'visibility' => 'public',
+        ],
+
+        's3' => [
+            'driver' => 's3',
+            'key' => env('AWS_KEY'),
+            'secret' => env('AWS_SECRET'),
+            'region' => env('AWS_REGION'),
+            'bucket' => env('AWS_BUCKET'),
+        ],
+
+    ],
+
+];

website/config/mail.php

@@ -0,0 +1,123 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Mail Driver
+    |--------------------------------------------------------------------------
+    |
+    | Laravel supports both SMTP and PHP's "mail" function as drivers for the
+    | sending of e-mail. You may specify which one you're using throughout
+    | your application here. By default, Laravel is setup for SMTP mail.
+    |
+    | Supported: "smtp", "sendmail", "mailgun", "mandrill", "ses",
+    |            "sparkpost", "log", "array"
+    |
+    */
+
+    'driver' => env('MAIL_DRIVER', 'smtp'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | SMTP Host Address
+    |--------------------------------------------------------------------------
+    |
+    | Here you may provide the host address of the SMTP server used by your
+    | applications. A default option is provided that is compatible with
+    | the Mailgun mail service which will provide reliable deliveries.
+    |
+    */
+
+    'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | SMTP Host Port
+    |--------------------------------------------------------------------------
+    |
+    | This is the SMTP port used by your application to deliver e-mails to
+    | users of the application. Like the host we have set this value to
+    | stay compatible with the Mailgun e-mail application by default.
+    |
+    */
+
+    'port' => env('MAIL_PORT', 587),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Global "From" Address
+    |--------------------------------------------------------------------------
+    |
+    | You may wish for all e-mails sent by your application to be sent from
+    | the same address. Here, you may specify a name and address that is
+    | used globally for all e-mails that are sent by your application.
+    |
+    */
+
+    'from' => [
+        'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
+        'name' => env('MAIL_FROM_NAME', 'Example'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | E-Mail Encryption Protocol
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the encryption protocol that should be used when
+    | the application send e-mail messages. A sensible default using the
+    | transport layer security protocol should provide great security.
+    |
+    */
+
+    'encryption' => env('MAIL_ENCRYPTION', 'tls'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | SMTP Server Username
+    |--------------------------------------------------------------------------
+    |
+    | If your SMTP server requires a username for authentication, you should
+    | set it here. This will get used to authenticate with your server on
+    | connection. You may also set the "password" value below this one.
+    |
+    */
+
+    'username' => env('MAIL_USERNAME'),
+
+    'password' => env('MAIL_PASSWORD'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Sendmail System Path
+    |--------------------------------------------------------------------------
+    |
+    | When using the "sendmail" driver to send e-mails, we will need to know
+    | the path to where Sendmail lives on this server. A default path has
+    | been provided here, which will work well on most of your systems.
+    |
+    */
+
+    'sendmail' => '/usr/sbin/sendmail -bs',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Markdown Mail Settings
+    |--------------------------------------------------------------------------
+    |
+    | If you are using Markdown based email rendering, you may configure your
+    | theme and component paths here, allowing you to customize the design
+    | of the emails. Or, you may simply stick with the Laravel defaults!
+    |
+    */
+
+    'markdown' => [
+        'theme' => 'default',
+
+        'paths' => [
+            resource_path('views/vendor/mail'),
+        ],
+    ],
+
+];

website/config/queue.php

@@ -0,0 +1,85 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Queue Driver
+    |--------------------------------------------------------------------------
+    |
+    | Laravel's queue API supports an assortment of back-ends via a single
+    | API, giving you convenient access to each back-end using the same
+    | syntax for each one. Here you may set the default queue driver.
+    |
+    | Supported: "sync", "database", "beanstalkd", "sqs", "redis", "null"
+    |
+    */
+
+    'default' => env('QUEUE_DRIVER', 'sync'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Queue Connections
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the connection information for each server that
+    | is used by your application. A default configuration has been added
+    | for each back-end shipped with Laravel. You are free to add more.
+    |
+    */
+
+    'connections' => [
+
+        'sync' => [
+            'driver' => 'sync',
+        ],
+
+        'database' => [
+            'driver' => 'database',
+            'table' => 'jobs',
+            'queue' => 'default',
+            'retry_after' => 90,
+        ],
+
+        'beanstalkd' => [
+            'driver' => 'beanstalkd',
+            'host' => 'localhost',
+            'queue' => 'default',
+            'retry_after' => 90,
+        ],
+
+        'sqs' => [
+            'driver' => 'sqs',
+            'key' => 'your-public-key',
+            'secret' => 'your-secret-key',
+            'prefix' => 'https://sqs.us-east-1.amazonaws.com/your-account-id',
+            'queue' => 'your-queue-name',
+            'region' => 'us-east-1',
+        ],
+
+        'redis' => [
+            'driver' => 'redis',
+            'connection' => 'default',
+            'queue' => 'default',
+            'retry_after' => 90,
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Failed Queue Jobs
+    |--------------------------------------------------------------------------
+    |
+    | These options configure the behavior of failed queue job logging so you
+    | can control which database and table are used to store the jobs that
+    | have failed. You may change them to any database / table you wish.
+    |
+    */
+
+    'failed' => [
+        'database' => env('DB_CONNECTION', 'mysql'),
+        'table' => 'failed_jobs',
+    ],
+
+];

website/config/services.php

@@ -0,0 +1,38 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Third Party Services
+    |--------------------------------------------------------------------------
+    |
+    | This file is for storing the credentials for third party services such
+    | as Stripe, Mailgun, SparkPost and others. This file provides a sane
+    | default location for this type of information, allowing packages
+    | to have a conventional place to find your various credentials.
+    |
+    */
+
+    'mailgun' => [
+        'domain' => env('MAILGUN_DOMAIN'),
+        'secret' => env('MAILGUN_SECRET'),
+    ],
+
+    'ses' => [
+        'key' => env('SES_KEY'),
+        'secret' => env('SES_SECRET'),
+        'region' => 'us-east-1',
+    ],
+
+    'sparkpost' => [
+        'secret' => env('SPARKPOST_SECRET'),
+    ],
+
+    'stripe' => [
+        'model' => App\User::class,
+        'key' => env('STRIPE_KEY'),
+        'secret' => env('STRIPE_SECRET'),
+    ],
+
+];

website/config/session.php

@@ -0,0 +1,179 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Session Driver
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default session "driver" that will be used on
+    | requests. By default, we will use the lightweight native driver but
+    | you may specify any of the other wonderful drivers provided here.
+    |
+    | Supported: "file", "cookie", "database", "apc",
+    |            "memcached", "redis", "array"
+    |
+    */
+
+    'driver' => env('SESSION_DRIVER', 'file'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Lifetime
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the number of minutes that you wish the session
+    | to be allowed to remain idle before it expires. If you want them
+    | to immediately expire on the browser closing, set that option.
+    |
+    */
+
+    'lifetime' => 120,
+
+    'expire_on_close' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Encryption
+    |--------------------------------------------------------------------------
+    |
+    | This option allows you to easily specify that all of your session data
+    | should be encrypted before it is stored. All encryption will be run
+    | automatically by Laravel and you can use the Session like normal.
+    |
+    */
+
+    'encrypt' => false,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session File Location
+    |--------------------------------------------------------------------------
+    |
+    | When using the native session driver, we need a location where session
+    | files may be stored. A default has been set for you but a different
+    | location may be specified. This is only needed for file sessions.
+    |
+    */
+
+    'files' => storage_path('framework/sessions'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Connection
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" or "redis" session drivers, you may specify a
+    | connection that should be used to manage these sessions. This should
+    | correspond to a connection in your database configuration options.
+    |
+    */
+
+    'connection' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Database Table
+    |--------------------------------------------------------------------------
+    |
+    | When using the "database" session driver, you may specify the table we
+    | should use to manage the sessions. Of course, a sensible default is
+    | provided for you; however, you are free to change this as needed.
+    |
+    */
+
+    'table' => 'sessions',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cache Store
+    |--------------------------------------------------------------------------
+    |
+    | When using the "apc" or "memcached" session drivers, you may specify a
+    | cache store that should be used for these sessions. This value must
+    | correspond with one of the application's configured cache stores.
+    |
+    */
+
+    'store' => null,
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Sweeping Lottery
+    |--------------------------------------------------------------------------
+    |
+    | Some session drivers must manually sweep their storage location to get
+    | rid of old sessions from storage. Here are the chances that it will
+    | happen on a given request. By default, the odds are 2 out of 100.
+    |
+    */
+
+    'lottery' => [2, 100],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Name
+    |--------------------------------------------------------------------------
+    |
+    | Here you may change the name of the cookie used to identify a session
+    | instance by ID. The name specified here will get used every time a
+    | new session cookie is created by the framework for every driver.
+    |
+    */
+
+    'cookie' => 'laravel_session',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Path
+    |--------------------------------------------------------------------------
+    |
+    | The session cookie path determines the path for which the cookie will
+    | be regarded as available. Typically, this will be the root path of
+    | your application but you are free to change this when necessary.
+    |
+    */
+
+    'path' => '/',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Session Cookie Domain
+    |--------------------------------------------------------------------------
+    |
+    | Here you may change the domain of the cookie used to identify a session
+    | in your application. This will determine which domains the cookie is
+    | available to in your application. A sensible default has been set.
+    |
+    */
+
+    'domain' => env('SESSION_DOMAIN', null),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTPS Only Cookies
+    |--------------------------------------------------------------------------
+    |
+    | By setting this option to true, session cookies will only be sent back
+    | to the server if the browser has a HTTPS connection. This will keep
+    | the cookie from being sent to you if it can not be done securely.
+    |
+    */
+
+    'secure' => env('SESSION_SECURE_COOKIE', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | HTTP Access Only
+    |--------------------------------------------------------------------------
+    |
+    | Setting this value to true will prevent JavaScript from accessing the
+    | value of the cookie and the cookie will only be accessible through
+    | the HTTP protocol. You are free to modify this option if needed.
+    |
+    */
+
+    'http_only' => true,
+
+];

website/config/view.php

@@ -0,0 +1,33 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | View Storage Paths
+    |--------------------------------------------------------------------------
+    |
+    | Most templating systems load templates from disk. Here you may specify
+    | an array of paths that should be checked for your views. Of course
+    | the usual Laravel view path has already been registered for you.
+    |
+    */
+
+    'paths' => [
+        resource_path('views'),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Compiled View Path
+    |--------------------------------------------------------------------------
+    |
+    | This option determines where all the compiled Blade templates will be
+    | stored for your application. Typically, this is within the storage
+    | directory. However, as usual, you are free to change this value.
+    |
+    */
+
+    'compiled' => realpath(storage_path('framework/views')),
+
+];

website/database/.gitignore

@@ -0,0 +1 @@
+*.sqlite

website/database/factories/ModelFactory.php

@@ -0,0 +1,24 @@
+<?php
+
+/*
+|--------------------------------------------------------------------------
+| Model Factories
+|--------------------------------------------------------------------------
+|
+| Here you may define all of your model factories. Model factories give
+| you a convenient way to create models for testing and seeding your
+| database. Just tell the factory how a default model should look.
+|
+*/
+
+/** @var \Illuminate\Database\Eloquent\Factory $factory */
+$factory->define(App\User::class, function (Faker\Generator $faker) {
+    static $password;
+
+    return [
+        'name' => $faker->name,
+        'email' => $faker->unique()->safeEmail,
+        'password' => $password ?: $password = bcrypt('secret'),
+        'remember_token' => str_random(10),
+    ];
+});

website/database/migrations/2014_10_12_000000_create_users_table.php

@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreateUsersTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('users', function (Blueprint $table) {
+            $table->increments('id');
+            $table->string('name');
+            $table->string('email')->unique();
+            $table->string('password');
+            $table->rememberToken();
+            $table->timestamps();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('users');
+    }
+}

website/database/migrations/2014_10_12_100000_create_password_resets_table.php

@@ -0,0 +1,32 @@
+<?php
+
+use Illuminate\Support\Facades\Schema;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Database\Migrations\Migration;
+
+class CreatePasswordResetsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('password_resets', function (Blueprint $table) {
+            $table->string('email')->index();
+            $table->string('token');
+            $table->timestamp('created_at')->nullable();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('password_resets');
+    }
+}

website/database/seeds/DatabaseSeeder.php

@@ -0,0 +1,16 @@
+<?php
+
+use Illuminate\Database\Seeder;
+
+class DatabaseSeeder extends Seeder
+{
+    /**
+     * Run the database seeds.
+     *
+     * @return void
+     */
+    public function run()
+    {
+        // $this->call(UsersTableSeeder::class);
+    }
+}

website/mount_podcasts

@@ -0,0 +1,2 @@
+modprobe fuse
+sshfs mischa.spelt@6fm.nl:/var/audio /var/audio -o allow_other

website/package.json

@@ -0,0 +1,21 @@
+{
+  "private": true,
+  "scripts": {
+    "dev": "npm run development",
+    "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --watch --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "watch-poll": "npm run watch -- --watch-poll",
+    "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
+    "prod": "npm run production",
+    "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js"
+  },
+  "devDependencies": {
+    "axios": "^0.16.2",
+    "bootstrap-sass": "^3.3.7",
+    "cross-env": "^5.0.1",
+    "jquery": "^3.1.1",
+    "laravel-mix": "^1.0",
+    "lodash": "^4.17.4",
+    "vue": "^2.1.10"
+  }
+}

website/phpunit.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit backupGlobals="false"
+         backupStaticAttributes="false"
+         bootstrap="bootstrap/autoload.php"
+         colors="true"
+         convertErrorsToExceptions="true"
+         convertNoticesToExceptions="true"
+         convertWarningsToExceptions="true"
+         processIsolation="false"
+         stopOnFailure="false">
+    <testsuites>
+        <testsuite name="Feature">
+            <directory suffix="Test.php">./tests/Feature</directory>
+        </testsuite>
+
+        <testsuite name="Unit">
+            <directory suffix="Test.php">./tests/Unit</directory>
+        </testsuite>
+    </testsuites>
+    <filter>
+        <whitelist processUncoveredFilesFromWhitelist="true">
+            <directory suffix=".php">./app</directory>
+        </whitelist>
+    </filter>
+    <php>
+        <env name="APP_ENV" value="testing"/>
+        <env name="CACHE_DRIVER" value="array"/>
+        <env name="SESSION_DRIVER" value="array"/>
+        <env name="QUEUE_DRIVER" value="sync"/>
+    </php>
+</phpunit>

website/public/.htaccess

@@ -0,0 +1,25 @@
+<IfModule mod_rewrite.c>
+    <IfModule mod_negotiation.c>
+        Options -MultiViews
+    </IfModule>
+
+    RewriteEngine On
+
+    # Remove www.
+    RewriteCond %{HTTP_HOST} ^www\.(.*)$ [NC]
+    RewriteRule ^(.*)$ http://%1/$1 [R=301,L]
+
+    # Redirect Trailing Slashes If Not A Folder...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteRule ^(.*)/$ /$1 [L,R=301]
+
+    # Handle Front Controller...
+    RewriteCond %{REQUEST_FILENAME} !-d
+    RewriteCond %{REQUEST_FILENAME} !-f
+    RewriteRule ^ index.php [L]
+
+    # Handle Authorization Header
+    RewriteCond %{HTTP:Authorization} .
+    RewriteRule .* - [E=HTTP_AUTHORIZATION:%{HTTP:Authorization}]
+</IfModule>
+

website/public/css/animations.css

@@ -0,0 +1,487 @@
+.animated_element
+{
+	visibility: hidden;
+	position: relative;
+}
+.fadeIn, .scale, .slideRight, .slideRightBack, .slideRight200, .slideLeft, .slideLeftBack, .slideLeft50, .slideDown, .slideDownBack, .slideDown200, .slideUp, .slideUpBack, .width, .height
+{
+	animation-timing-function: cubic-bezier(.75, 0, .25, 1);	
+	-webkit-animation-timing-function: cubic-bezier(.75, 0, .25, 1);		
+	visibility: visible !important;	
+}
+.slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack
+{
+	opacity: 0;
+}
+/* --- fadeIn --- */
+.fadeIn
+{	
+	animation-name: fadeIn;
+	-webkit-animation-name: fadeIn;	
+}
+@keyframes fadeIn 
+{
+	0% 
+	{
+		opacity: 0;
+	}
+	100% 
+	{
+		opacity: 1;
+	}
+}
+@-webkit-keyframes fadeIn 
+{
+	0% 
+	{
+		opacity: 0;
+	}
+	100% 
+	{
+		opacity: 1;
+	}
+}
+/* --- scale --- */
+.scale
+{
+	animation-name: scale;
+	-webkit-animation-name: scale;
+}
+@keyframes scale 
+{
+	0% 
+	{
+		transform: scale(0.2);	
+	}
+	100% 
+	{
+		transform: scale(1);	
+	}		
+}
+@-webkit-keyframes scale 
+{
+	0% 
+	{
+		-webkit-transform: scale(0.2);	
+	}
+	100% 
+	{
+		-webkit-transform: scale(1);
+	}		
+}
+/* --- slideRight --- */
+.slideRight
+{
+	animation-name: slideRight;
+	-webkit-animation-name: slideRight;	
+}
+@keyframes slideRight 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateX(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}
+}
+@-webkit-keyframes slideRight 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+}
+/* --- slideRightBack --- */
+.slideRightBack
+{
+	animation-name: slideRightBack;
+	-webkit-animation-name: slideRightBack;	
+}
+@keyframes slideRightBack 
+{
+	0% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		transform: translateX(-100%);
+	}
+}
+@-webkit-keyframes slideRightBack 
+{
+	0% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(-100%);
+	}
+}
+/* --- slideRight200 --- */
+.slideRight200
+{
+	animation-name: slideRight200;
+	-webkit-animation-name: slideRight200;	
+}
+@keyframes slideRight200 
+{
+	0%
+	{
+		opacity: 0;
+		transform: translateX(-200%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}
+}
+@-webkit-keyframes slideRight200 
+{
+	0%
+	{
+		opacity: 0;
+		-webkit-transform: translateX(-200%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+}
+/* --- slideLeft --- */
+.slideLeft
+{
+	animation-name: slideLeft;
+	-webkit-animation-name: slideLeft;
+}
+@keyframes slideLeft 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateX(100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}	
+}
+@-webkit-keyframes slideLeft 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+}
+/* --- slideLeftBack --- */
+.slideLeftBack
+{
+	animation-name: slideLeftBack;
+	-webkit-animation-name: slideLeftBack;
+}
+@keyframes slideLeftBack 
+{
+	0% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		transform: translateX(100%);
+	}	
+}
+@-webkit-keyframes slideLeftBack 
+{
+	0% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(100%);
+	}
+}
+/* --- slideLeft50 --- */
+.slideLeft50
+{
+	animation-name: slideLeft50;
+	-webkit-animation-name: slideLeft50;
+}
+@keyframes slideLeft50 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateX(50%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}	
+}
+@-webkit-keyframes slideLeft50 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(50%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+}
+/* --- slideDown --- */
+.slideDown
+{
+	animation-name: slideDown;
+	-webkit-animation-name: slideDown;				
+}
+@keyframes slideDown 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateY(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateY(0%);
+	}		
+}
+@-webkit-keyframes slideDown 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateY(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateY(0%);
+	}	
+}
+/* --- slideDownBack --- */
+.slideDownBack
+{
+	animation-name: slideDownBack;
+	-webkit-animation-name: slideDownBack;				
+}
+@keyframes slideDownBack 
+{
+	0% 
+	{
+		opacity: 1;
+		transform: translateY(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		transform: translateY(-100%);
+	}		
+}
+@-webkit-keyframes slideDownBack 
+{
+	0% 
+	{
+		opacity: 1;
+		-webkit-transform: translateY(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		-webkit-transform: translateY(-100%);
+	}	
+}
+/* --- slideDown --- */
+.slideDown200
+{
+	animation-name: slideDown200;
+	-webkit-animation-name: slideDown200;				
+}
+@keyframes slideDown200
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateY(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateY(0%);
+	}		
+}
+@-webkit-keyframes slideDown200
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateY(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateY(0%);
+	}	
+}
+/* --- slideUp --- */
+.slideUp
+{
+	animation-name: slideUp;
+	-webkit-animation-name: slideUp;
+}
+
+@keyframes slideUp 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateY(100%);
+	}
+	100%
+	{
+		opacity: 1;
+		transform: translateY(0%);
+	}	
+}
+
+@-webkit-keyframes slideUp 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateY(100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateY(0%);
+	}	
+}
+/* --- slideUpBack --- */
+.slideUpBack
+{
+	animation-name: slideUpBack;
+	-webkit-animation-name: slideUpBack;
+}
+
+@keyframes slideUpBack 
+{
+	0% 
+	{
+		opacity: 1;
+		transform: translateY(0%);
+	}
+	100%
+	{
+		opacity: 0;
+		transform: translateY(100%);
+	}	
+}
+
+@-webkit-keyframes slideUpBack 
+{
+	0% 
+	{
+		opacity: 1;
+		-webkit-transform: translateY(0%);
+	}
+	100% 
+	{
+		opacity: 0;
+		-webkit-transform: translateY(100%);
+	}	
+}
+/* --- width --- */
+.width
+{
+	animation-name: width;
+	-webkit-animation-name: width;
+}
+
+@keyframes width 
+{
+	0% 
+	{
+		width: 0%;
+	}
+	100%
+	{
+		width: 100%;
+	}	
+}
+
+@-webkit-keyframes width 
+{
+	0% 
+	{
+		width: 0%;
+	}
+	100% 
+	{
+		width: 100%;
+	}	
+}
+/* --- height --- */
+.height
+{
+	animation-name: height;
+	-webkit-animation-name: height;
+}
+
+@keyframes height 
+{
+	0% 
+	{
+		height: 0%;
+	}
+	100%
+	{
+		height: 100%;
+	}	
+}
+
+@-webkit-keyframes height 
+{
+	0% 
+	{
+		height: 0%;
+	}
+	100% 
+	{
+		height: 100%;
+	}	
+}

website/public/css/custom.css

@@ -0,0 +1,395 @@
+.debug {
+  border: solid 1px red;
+}
+
+@media (max-width: 767px) {
+    .text-left-xs {
+      text-align: left;
+    }
+    .text-right-xs {
+      text-align: right;
+    }
+    .text-center-xs {
+      text-align: center;
+    }
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+    .text-left-sm {
+      text-align: left;
+    }
+    .text-right-sm {
+      text-align: right;
+    }
+    .text-center-sm {
+      text-align: center;
+    }
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+    .text-left-md {
+      text-align: left;
+    }
+    .text-right-md {
+      text-align: right;
+    }
+    .text-center-md {
+      text-align: center;
+    }
+}
+
+@media (min-width: 1200px) {
+    .text-left-lg {
+      text-align: left;
+    }
+    .text-right-lg {
+      text-align: right;
+    }
+    .text-center-lg {
+      text-align: center;
+    }
+}
+
+#header .row {
+  margin-left: 20px;
+  margin-bottom: 8px;
+}
+
+.date-bar {
+  margin-top: 5px;
+  margin-bottom: 0px;
+  width: 100%;
+  padding: 3px;
+  text-align: center;
+  background-color: #222;
+  color: white;
+}
+
+.affix {
+  top: 0;
+  z-index: 9999;
+}
+
+.affix {
+  left: 0;
+  min-width: 100%;
+}
+
+.affix-top .small-logo {
+  display: none !important;
+}
+
+.affix .small-logo {
+
+}
+
+.small-logo {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  margin-right: 50px;
+  text-align: center;
+  overflow: hidden;
+}
+
+.small-logo img.logo {
+  height: 48px;
+  margin: auto;
+}
+
+#footer .logo {
+  text-align: center;
+  width: 100%;
+}
+
+.row {
+  position: relative;
+}
+
+@media (min-width: 992px) {
+  .right-bottom-align-text {
+    position: absolute;
+    bottom: 0;
+    right: 32px;
+  }
+}
+
+.no-padding {
+  padding: 0;
+  margin: 0;
+}
+
+.news-item {
+  position: relative;
+  height: 360px;
+  overflow: hidden;
+}
+
+.news-item.news-item-small,
+.news-items-small-1 .news-item,
+.news-items-small-2 .news-item {
+  height: 178px;
+  margin-left: 4px;
+}
+
+.news-items-small-1 {
+  margin-bottom: 4px;
+}
+
+.news-item a img {
+  width: 100%;
+}
+
+img.full-width {
+  width: 100%;
+}
+
+.news-item .overlay a,
+.news-item .overlay div {
+  color: white;
+}
+
+.news-item .overlay {
+  position: absolute;
+  pointer-events: none;
+  bottom: 0px;
+  padding: 0 8px 11px 8px;
+  width: 100%;
+  height: auto;
+}
+
+.news-item .details {
+}
+
+.details .news-title {
+  margin-bottom: 3px;
+}
+
+.details .post-date {
+  font-size: 90%;
+  color: rgb(92, 36, 131);
+  margin-bottom: 5px;
+}
+
+.details .event-date {
+  font-size: 110%;
+  color: rgb(92, 36, 131);
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.details .news-excerpt {
+  position: relative;
+  overflow: hidden;
+}
+
+.details .news-excerpt.short {
+  max-height: 75px;;
+}
+
+.details .news-excerpt.long {
+  max-height: 300px;
+}
+
+.details .news-excerpt:before {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.details .news-excerpt.short:before {
+  background: linear-gradient(transparent 30px, white);
+}
+
+.details .news-excerpt.long:before {
+  background: linear-gradient(transparent 150px, white);
+}
+
+.details .post-source {
+  font-style: italic;
+  font-weight: 90%;
+}
+
+.details .post-source a {
+  color: rgb(92, 36, 131);
+}
+
+.news-item .thumb {
+  z-index: 1;
+  margin-bottom: 0;
+}
+
+.news-item .thumb a:last-child:before {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+  opacity: 0.6;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0);
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
+  /* responsive portrait phone */
+}
+
+@media (max-width: 1025px) {
+  .news-item,
+  .news-item-small-1,
+  .news-item-small-2,
+  .news-item-small-3,
+  .news-item-small-4
+  {
+    margin: 5px !important;
+  }
+}
+
+}
+
+.news-item.small .post-date {
+  font-size: 80%;
+  margin-top: -1em;
+  margin-bottom: 3px;
+}
+
+.news-item .thumb {
+  z-index: 1;
+  margin-bottom: 0;
+}
+
+.news-item .thumb a:last-child:before {
+  content: '';
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  z-index: 1;
+  opacity: 0.6;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0);
+  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, #000000));
+  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0);
+  /* responsive portrait phone */
+}
+
+@media (max-width: 1025px) {
+  .news-item,
+  .news-item-small-1,
+  .news-item-small-2,
+  .news-item-small-3,
+  .news-item-small-4
+  {
+    margin: 5px !important;
+  }
+}
+
+/** @media (min-width: 1025px) { /**/
+  .news-item a:last-child:before,
+  .news-item a:last-child:after {
+    -webkit-transition: opacity 0.35s ease 0s;
+    -moz-transition: opacity 0.35s ease 0s;
+    -o-transition: opacity 0.35s ease 0s;
+    transition: opacity 0.35s ease 0s;
+  }
+
+  .news-item .entry-thumb {
+    -webkit-transition: transform 0.35s ease 0s;
+    -moz-transition: transform 0.35s ease 0s;
+    -o-transition: transform 0.35s ease 0s;
+    transition: transform 0.35s ease 0s;
+  
+    /* http://stackoverflow.com/questions/14562457/center-oversized-image-in-div */
+   /* If image is too large, center it in available space */
+    position: absolute;
+    top: -9999px;
+    bottom: -9999px;
+    left: -9999px;
+    right: -9999px;
+    margin: auto;
+  }
+
+  .news-item:hover a:last-child:before {
+    opacity: 0.8;
+  }
+  .news-item:hover .entry-thumb {
+    transform: scale3d(1.05, 1.05, 1);
+    -webkit-transform: scale3d(1.05, 1.05, 1);
+    -moz-transform: scale3d(1.05, 1.05, 1) rotate(0.02deg);
+  }
+/** } /**/
+
+.search {
+  width: 100%;
+  text-align: right;
+  margin-bottom: 4px;
+}
+
+.search input {
+  font-size: 12px;
+  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
+}
+@media (max-width: 480px) {
+  .search input {
+    float: none;
+  } 
+  .search input[type=search]{
+    width:100% !important;
+  }
+}
+
+.search input[type=search] {
+  -webkit-appearance: textfield;
+	background: #ededed url(/images/search-icon.png) no-repeat 9px center;
+  border:solid 1px #ccc;
+  padding:9px 10px 9px 32px;
+  width:120px;
+  -webkit-border-radius:10em;
+  -mox-border-radius:10em;
+  border-radius:10em;
+  -webkit-transition: all .2s;
+  -moz-transition: all .2s;
+  transition: all .2s;
+}
+.search input[type=search]:focus{
+  width:100%;
+  outline:0;
+  background-color:#fff;
+  border-color:#6dcff6;
+  -webkit-box-shadow:0 0 5px rgba(109,207,246,.5);
+  -moz-box-shadow:0 0 5px rgba(109,207,246,.5);
+  box-shadow:0 0 5px rgba(109,207,246,.5);
+}
+
+#special p {
+  margin: 0;
+} 
+
+@media (min-width: 992px) {
+  .center-bottom-align-text {
+    position: absolute;
+    bottom: 0;
+    left: 25%;
+    width: 50%;
+  }
+}
+
+@media (max-width: 992px) {
+  .center-bottom-align-text {
+    width: 100%;
+    position: block;
+    clear: both; 
+    margin: 10px;
+  }
+}

website/public/css/dark_skin.css

@@ -0,0 +1,914 @@
+body
+{
+	background-color: #2d3136;
+}
+.site_container,
+.value_container
+{
+	background-color: #363B40;
+}
+.site_container.boxed
+{
+	box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
+	-moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
+	-webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
+}
+.header_container.style_2
+{
+	margin-bottom: 0;
+}
+.header_top_bar_container .latest_news_scrolling_list_container
+{
+	border-color: #363b40;
+}
+.post_details li.date,
+.more, .more[type="submit"],
+.post.single .post_details,
+.share_box,
+.taxonomies a,
+.comment_form .text_input:focus, 
+.comment_form textarea:focus, 
+.contact_form .text_input:focus, 
+.contact_form textarea:focus,
+.column.border_top,
+.accordion .ui-accordion-header,
+.list,
+.search_form input[type="text"]:focus,
+.item_content.border_top
+{
+	border-color: #464D53;
+}
+.box_header,
+.more.active, 
+.more:hover,
+.tabs_navigation.small li a:hover, 
+.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li.ui-tabs-active a,
+.more.highlight, 
+.more.active:hover,
+.taxonomies a:hover,
+.review_summary .number,
+.accordion .ui-accordion-header.ui-state-active,
+.mobile-menu-switch
+{
+	border-color: #8CC152;
+}
+h1, h2, h3, h4, h5, h6,
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
+.box_header,
+.read_more,
+.tabs_navigation li a,
+.more, 
+.more[type="submit"],
+.more.highlight:hover,
+.tabs_navigation.small li a,
+.tabs_navigation.small li a:hover, 
+.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li.ui-tabs-active a,
+blockquote,
+label,
+.comment_form input, 
+.comment_form textarea, 
+.contact_form input, 
+.contact_form textarea,
+.review_block h5, 
+.review_summary h5,
+.list li, 
+.list li a,
+.dropcap .dropcap_label h3,
+input, 
+textarea,
+.mobile-menu li a,
+.mobile-menu li.selected ul a,
+.mobile-menu li.selected ul li.selected ul a,
+.slider_posts_list li.current h5, 
+.slider_posts_list li:hover h5,
+.bread_crumb li a:hover
+{
+	color: #FFF;
+}
+.box_header,
+.tabs_navigation li a,
+.post a.comments_number,
+.blog.rating .post .value_bar,
+.author .value_bar,
+.divider,
+.pagination li a,
+blockquote,
+.comment_form input, 
+.comment_form textarea, 
+.contact_form input, 
+.contact_form textarea,
+.review_block,
+.review_summary .value_bar,
+.item_content .features_icon,
+.accordion .ui-accordion-header .ui-accordion-header-icon,
+.announcement,
+.dropcap .dropcap_label,
+input, 
+textarea,
+.mobile-menu li a,
+.mobile-menu li.selected ul a,
+.mobile-menu li.selected ul li.selected ul a,
+.slider_posts_list .slider_posts_list_progress_block
+{
+	background-color: #42494F;
+}
+.tabs_navigation.small,
+.slider_posts_list li
+{
+	border-color: #42494F;
+}
+ .post_details li.category,
+.slider_navigation .slider_control a:hover, 
+a.slider_control:hover,
+.slider_posts_list .slider_posts_list_bar,
+.read_more .arrow,
+.tabs_navigation li a:hover, 
+.tabs_navigation li a.selected, 
+.tabs_navigation li.ui-tabs-active a,
+.post .comments_number:hover, 
+.footer .post .comments_number:hover,
+.more.active, 
+.more:hover,
+.slider_posts_list_container a.slider_control,
+.pagination li a:hover, 
+.pagination li.selected a,
+.taxonomies a:hover,
+.value_container .value_bar,
+.accordion .ui-accordion-header.ui-state-active,
+.accordion .ui-accordion-header:hover .ui-accordion-header-icon,
+.dropcap .dropcap_label.active,
+.icon.fullscreen:hover,
+.gallery_popup .slider_navigation .slider_control a:hover,
+.mobile-menu-switch .line,
+.mobile-menu-switch:hover,
+.mobile-menu li.selected a,
+.mobile-menu li.selected ul li.selected a,
+.mobile-menu li.selected ul li.selected ul li.selected a
+{
+	background-color: #8CC152;
+}
+.tabs_navigation li.ui-tabs-active span,
+.post .comments_number:hover .arrow_comments, 
+.footer .post .comments_number:hover .arrow_comments
+{
+	border-color: #8CC152 transparent;
+}
+.blog ul.post_details.simple li.category, 
+.blog ul.post_details.simple li.category a,
+.post.single .post_details a,
+.more.highlight, 
+.more.active:hover,
+.review_summary .number,
+.about_subtitle,
+.announcement .expose,
+p a
+{
+	color: #8CC152;
+}
+ ul.post_details.simple li
+{
+	background: none;
+}
+.post_details li.date,
+.post a.comments_number,
+.author h6,
+.bread_crumb li, 
+.bread_crumb li a,
+.pagination li a,
+.post.single li.detail,
+.taxonomies a,
+.posted_by abbr.timeago,
+.post.single .sentence .text, 
+.gallery_popup .sentence .text,
+.slider_posts_list li h5
+{
+	color: #9DA4AB;
+}
+.post .arrow_comments
+{
+	border-color: #42494F transparent;
+}
+p,
+.review_block .list li, 
+.review_block .list li a,
+.review_summary .text p
+{
+	color: #D7DCE0;
+}
+span.number, 
+span.odometer.number,
+.post.single .sentence .author, 
+.gallery_popup .sentence .author, 
+blockquote .author,
+input.hint, 
+textarea.hint,
+.comment_form .hint,
+.contact_form .hint,
+.posted_by .in_reply,
+.slider_posts_list li .date
+{
+	color: #858D94;
+}
+::-webkit-input-placeholder 
+{
+	color: #858D94;
+}
+:-moz-placeholder 
+{
+	color: #858D94;
+}
+::-moz-placeholder
+{
+	color: #858D94;
+}
+:-ms-input-placeholder 
+{
+	color: #858D94;
+}
+.tabs_navigation li a
+{
+	border-color: #52595F;
+}
+.footer_container
+{
+	background-color: #2D3136;
+}
+.divider.subheader_arrow
+{
+	background-image: url("../images/icons/other/dark_bg/subheader_arrow.png");
+}
+.pagination li.left a
+{
+	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_left.png");
+}
+.pagination li.right a
+{
+	background-image: url("../images/icons/navigation/dark_bg/pagination_arrow_right.png");
+}
+blockquote
+{
+	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+}
+#comments_list .children .comment .parent_arrow
+{
+	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+}
+.bullet.style_1
+{
+	background-image: url("../images/icons/other/dark_bg/bullet_style_1.png");
+	padding-left: 15px;
+}
+.bullet.style_2
+{
+	background-image: url("../images/icons/other/dark_bg/bullet_style_2.png");
+}
+.bullet.style_3
+{
+	background-image: url("../images/icons/other/dark_bg/bullet_style_3.png");
+}
+.bullet.style_4
+{
+	background-image: url("../images/icons/other/dark_bg/bullet_style_4.png");
+}
+.item_content .not_found
+{
+	background-image: url("../images/icons/other/dark_bg/404.png");
+}
+.app
+{
+	background-image: url("../images/icons/features/dark_bg/app.png");
+}
+.calendar
+{
+	background-image: url("../images/icons/features/dark_bg/calendar.png");
+}
+.chart
+{
+	background-image: url("../images/icons/features/dark_bg/chart.png");
+}
+.chat
+{
+	background-image: url("../images/icons/features/dark_bg/chat.png");
+}
+.clock
+{
+	background-image: url("../images/icons/features/dark_bg/clock.png");
+}
+.database
+{
+	background-image: url("../images/icons/features/dark_bg/database.png");
+}
+.document
+{
+	background-image: url("../images/icons/features/dark_bg/document.png");
+}
+.envelope
+{
+	background-image: url("../images/icons/features/dark_bg/envelope.png");
+}
+.faq
+{
+	background-image: url("../images/icons/features/dark_bg/faq.png");
+}
+.graph
+{
+	background-image: url("../images/icons/features/dark_bg/graph.png");
+}
+.image
+{
+	background-image: url("../images/icons/features/dark_bg/image.png");
+}
+.laptop
+{
+	background-image: url("../images/icons/features/dark_bg/laptop.png");
+}
+.magnifier
+{
+	background-image: url("../images/icons/features/dark_bg/magnifier.png");
+}
+.features_icon.mobile
+{
+	background-image: url("../images/icons/features/dark_bg/mobile.png");
+}
+.pin
+{
+	background-image: url("../images/icons/features/dark_bg/pin.png");
+}
+.printer
+{
+	background-image: url("../images/icons/features/dark_bg/printer.png");
+}
+.quote
+{
+	background-image: url("../images/icons/features/dark_bg/quote.png");
+}
+.screen
+{
+	background-image: url("../images/icons/features/dark_bg/screen.png");
+}
+.speaker
+{
+	background-image: url("../images/icons/features/dark_bg/speaker.png");
+}
+.video
+{
+	background-image: url("../images/icons/features/dark_bg/video.png");
+}
+li.detail.category
+{
+	background-image: url("../images/icons/other/dark_bg/post_category.png");
+}	
+.detail.date
+{
+	background-image: url("../images/icons/other/dark_bg/post_date.png");
+}
+.detail.author
+{
+	background-image: url("../images/icons/other/dark_bg/post_author.png");
+}
+.detail.views
+{
+	background-image: url("../images/icons/other/dark_bg/post_views.png");
+}
+.detail.comments
+{
+	background-image: url("../images/icons/other/dark_bg/post_comments.png");
+}
+.taxonomies.tags
+{
+	background-image: url("../images/icons/other/dark_bg/post_footer_tags.png");
+}
+.taxonomies.categories
+{
+	background-image: url("../images/icons/other/dark_bg/post_footer_category.png");
+}
+.behance
+{
+	background-image: url("../images/icons/social/dark_bg/behance.png");
+}
+.bing
+{
+	background-image: url("../images/icons/social/dark_bg/bing.png");
+}
+.blogger
+{
+	background-image: url("../images/icons/social/dark_bg/blogger.png");
+}
+.deezer
+{
+	background-image: url("../images/icons/social/dark_bg/deezer.png");
+}
+.designfloat
+{
+	background-image: url("../images/icons/social/dark_bg/designfloat.png");
+}
+.deviantart
+{
+	background-image: url("../images/icons/social/dark_bg/deviantart.png");
+}
+.digg
+{
+	background-image: url("../images/icons/social/dark_bg/digg.png");
+}
+.digg
+{
+	background-image: url("../images/icons/social/dark_bg/digg.png");
+}
+.dribbble
+{
+	background-image: url("../images/icons/social/dark_bg/dribbble.png");
+}
+.envato
+{
+	background-image: url("../images/icons/social/dark_bg/envato.png");
+}
+.facebook
+{
+	background-image: url("../images/icons/social/dark_bg/facebook.png");
+}
+.flickr
+{
+	background-image: url("../images/icons/social/dark_bg/flickr.png");
+}
+.form
+{
+	background-image: url("../images/icons/social/dark_bg/form.png");
+}
+.forrst
+{
+	background-image: url("../images/icons/social/dark_bg/forrst.png");
+}
+.foursquare
+{
+	background-image: url("../images/icons/social/dark_bg/foursquare.png");
+}
+.friendfeed
+{
+	background-image: url("../images/icons/social/dark_bg/friendfeed.png");
+}
+.googleplus
+{
+	background-image: url("../images/icons/social/dark_bg/googleplus.png");
+}
+.instagram
+{
+	background-image: url("../images/icons/social/dark_bg/instagram.png");
+}
+.linkedin
+{
+	background-image: url("../images/icons/social/dark_bg/linkedin.png");
+}
+.mail
+{
+	background-image: url("../images/icons/social/dark_bg/mail.png");
+}
+.mobile
+{
+	background-image: url("../images/icons/social/dark_bg/mobile.png");
+}
+.myspace
+{
+	background-image: url("../images/icons/social/dark_bg/myspace.png");
+}
+.picasa
+{
+	background-image: url("../images/icons/social/dark_bg/picasa.png");
+}
+.pinterest
+{
+	background-image: url("../images/icons/social/dark_bg/pinterest.png");
+}
+.reddit
+{
+	background-image: url("../images/icons/social/dark_bg/reddit.png");
+}
+.rss
+{
+	background-image: url("../images/icons/social/dark_bg/rss.png");
+}
+.skype
+{
+	background-image: url("../images/icons/social/dark_bg/skype.png");
+}
+.soundcloud
+{
+	background-image: url("../images/icons/social/dark_bg/soundcloud.png");
+}
+.spotify
+{
+	background-image: url("../images/icons/social/dark_bg/spotify.png");
+}
+.stumbleupon
+{
+	background-image: url("../images/icons/social/dark_bg/stumbleupon.png");
+}
+.technorati
+{
+	background-image: url("../images/icons/social/dark_bg/technorati.png");
+}
+.tumblr
+{
+	background-image: url("../images/icons/social/dark_bg/tumblr.png");
+}
+.twitter
+{
+	background-image: url("../images/icons/social/dark_bg/twitter.png");
+}
+.vimeo
+{
+	background-image: url("../images/icons/social/dark_bg/vimeo.png");
+}
+.wykop
+{
+	background-image: url("../images/icons/social/dark_bg/wykop.png");
+}
+.xing
+{
+	background-image: url("../images/icons/social/dark_bg/xing.png");
+}
+.youtube
+{
+	background-image: url("../images/icons/social/dark_bg/youtube.png");
+}
+.light .behance
+{
+	background-image: url("../images/icons/social/behance.png");
+}
+.light .bing
+{
+	background-image: url("../images/icons/social/bing.png");
+}
+.light .blogger
+{
+	background-image: url("../images/icons/social/blogger.png");
+}
+.light .deezer
+{
+	background-image: url("../images/icons/social/deezer.png");
+}
+.light .designfloat
+{
+	background-image: url("../images/icons/social/designfloat.png");
+}
+.light .deviantart
+{
+	background-image: url("../images/icons/social/deviantart.png");
+}
+.light .digg
+{
+	background-image: url("../images/icons/social/digg.png");
+}
+.light .digg
+{
+	background-image: url("../images/icons/social/digg.png");
+}
+.light .dribbble
+{
+	background-image: url("../images/icons/social/dribbble.png");
+}
+.light .envato
+{
+	background-image: url("../images/icons/social/envato.png");
+}
+.light .facebook
+{
+	background-image: url("../images/icons/social/facebook.png");
+}
+.light .flickr
+{
+	background-image: url("../images/icons/social/flickr.png");
+}
+.light .form
+{
+	background-image: url("../images/icons/social/form.png");
+}
+.light .forrst
+{
+	background-image: url("../images/icons/social/forrst.png");
+}
+.light .foursquare
+{
+	background-image: url("../images/icons/social/foursquare.png");
+}
+.light .friendfeed
+{
+	background-image: url("../images/icons/social/friendfeed.png");
+}
+.light .googleplus
+{
+	background-image: url("../images/icons/social/googleplus.png");
+}
+.light .instagram
+{
+	background-image: url("../images/icons/social/instagram.png");
+}
+.light .linkedin
+{
+	background-image: url("../images/icons/social/linkedin.png");
+}
+.light .mail
+{
+	background-image: url("../images/icons/social/mail.png");
+}
+.light .mobile
+{
+	background-image: url("../images/icons/social/mobile.png");
+}
+.light .myspace
+{
+	background-image: url("../images/icons/social/myspace.png");
+}
+.light .picasa
+{
+	background-image: url("../images/icons/social/picasa.png");
+}
+.light .pinterest
+{
+	background-image: url("../images/icons/social/pinterest.png");
+}
+.light .reddit
+{
+	background-image: url("../images/icons/social/reddit.png");
+}
+.light .rss
+{
+	background-image: url("../images/icons/social/rss.png");
+}
+.light .skype
+{
+	background-image: url("../images/icons/social/skype.png");
+}
+.light .soundcloud
+{
+	background-image: url("../images/icons/social/soundcloud.png");
+}
+.light .spotify
+{
+	background-image: url("../images/icons/social/spotify.png");
+}
+.light .stumbleupon
+{
+	background-image: url("../images/icons/social/stumbleupon.png");
+}
+.light .technorati
+{
+	background-image: url("../images/icons/social/technorati.png");
+}
+.light .tumblr
+{
+	background-image: url("../images/icons/social/tumblr.png");
+}
+.light .twitter
+{
+	background-image: url("../images/icons/social/twitter.png");
+}
+.light .vimeo
+{
+	background-image: url("../images/icons/social/vimeo.png");
+}
+.light .wykop
+{
+	background-image: url("../images/icons/social/wykop.png");
+}
+.light .xing
+{
+	background-image: url("../images/icons/social/xing.png");
+}
+.light .youtube
+{
+	background-image: url("../images/icons/social/youtube.png");
+}
+.bread_crumb .separator
+{
+	background-image: url("../images/icons/navigation/dark_bg/breadcrumb_arrow.png");
+}
+.accordion  .ui-accordion-header .ui-accordion-header-icon
+{
+	background-image: url("../images/icons/navigation/dark_bg/accordion_arrow_down.png");
+}
+/* --- menu --- */
+.menu_container
+{
+	border-top-color: #464D53;
+	border-bottom-color: #464D53;
+	background: #363B40;
+}
+.menu_container.sticky.move
+{
+	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
+	-moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
+	-webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);
+	border-bottom-color: transparent;
+}
+.menu_container.sticky.move .sf-menu li
+{
+	border-bottom-color: transparent;
+}
+.sf-menu li
+{
+	background-color: #363B40;
+	border-bottom-color: #42494F;
+	border-top-color: #464D53;
+}
+.sf-menu li a, 
+.sf-menu li a:visited
+{
+	color: #FFF;
+}
+.menu_container .sf-menu li.submenu a,
+.menu_container .sf-menu li.selected.submenu a,
+.menu_container .sf-menu li.submenu:hover a
+{
+	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+}
+.sf-menu a:hover,
+.sf-menu a:hover
+{
+	background-color: #42494F;
+}
+.sf-menu li.submenu ul,
+.menu_container .sf-menu li:hover ul a,
+.menu_container .sf-menu li.submenu:hover ul a,
+.menu_container .sf-menu li ul li a,
+.menu_container .sf-menu li.submenu:hover ul li.selected ul li a
+{
+	background-color: #2D3136;
+}
+.menu_container .sf-menu li ul li a:hover, .menu_container .sf-menu li ul li.selected a,
+.menu_container .sf-menu li.submenu ul li a:hover, .menu_container .sf-menu li.submenu:hover ul li.selected a,
+.menu_container .sf-menu li.submenu:hover ul li.selected ul li a:hover, .menu_container .sf-menu li.submenu:hover ul li ul li.selected a, .menu_container .sf-menu li.submenu:hover ul li.selected ul li.selected a,
+.menu_container .sf-menu li:hover ul li.sfHover>a,
+ul.sf-menu .mega_menu,
+ul.sf-menu .mega_menu li,
+.sf-menu li.submenu .mega_menu
+{	
+	background-color: #212429;
+}
+.sf-menu li:hover, .sf-menu li.selected,
+.sf-menu li.submenu:hover,
+.sf-menu li:hover a, .sf-menu li.selected a,
+.sf-menu li.submenu:hover a
+{
+	background-color: #42494F;
+	border-top-color: #8CC152;
+	border-bottom-color: #42494F;
+}
+/* --- menu style 2 & 3 & 5 & 6 & 7 & 8 & 9 & 10 --- */
+.style_2.menu_container
+{
+	background: #42494F;
+	border-color: #42494F;
+}
+.style_2 .sf-menu
+{
+	border-top-color: #52595F;
+}
+.style_2 .sf-menu li
+{
+	background-color: #42494F;
+	border-bottom-color: #42494F;
+	border-top-color: #52595F;
+}
+.style_2 .sf-menu a:hover,
+.style_3 .sf-menu a:hover
+{
+	background-color: #8CC152;
+}
+.style_2 .sf-menu li:hover, .style_2 .sf-menu li.selected,
+.style_2 .sf-menu li.submenu:hover,
+.style_2 .sf-menu li:hover a, .style_2 .sf-menu li.selected a,
+.style_2 .sf-menu li.submenu:hover a,
+.style_3 .sf-menu li:hover, .style_3 .sf-menu li.selected,
+.style_3 .sf-menu li.submenu:hover,
+.style_3 .sf-menu li:hover a, .style_3 .sf-menu li.selected a,
+.style_3 .sf-menu li.submenu:hover a,
+.style_5 .sf-menu li:hover, .style_5 .sf-menu li.selected,
+.style_5 .sf-menu li.submenu:hover,
+.style_5 .sf-menu li:hover a, .style_5 .sf-menu li.selected a,
+.style_5 .sf-menu li.submenu:hover a,
+.style_10 .sf-menu li:hover, .style_10 .sf-menu li.selected,
+.style_10 .sf-menu li.submenu:hover,
+.style_10 .sf-menu li:hover a, .style_10 .sf-menu li.selected a,
+.style_10 .sf-menu li.submenu:hover a
+{
+	background-color: #8CC152;
+	border-top-color: #8CC152;
+	border-bottom-color: #8CC152;
+}
+.style_2 .sf-menu li a,
+.style_2 .sf-menu li.selected a,
+.style_2 .sf-menu li:hover a,
+.style_3 .sf-menu li.selected a,
+.style_3 .sf-menu li:hover a,
+.style_5 .sf-menu li a,
+.style_6 .sf-menu li.selected a,
+.style_6 .sf-menu li:hover a,
+.style_7 .sf-menu li a,
+.style_8 .sf-menu li.selected a,
+.style_8 .sf-menu li:hover a,
+.style_9 .sf-menu li a,
+.style_10 .sf-menu li.selected a,
+.style_10 .sf-menu li:hover a
+{
+	color: #FFF;
+}
+/* --- menu style 3 --- */
+.style_3.menu_container,
+.style_3 .sf-menu li
+{
+	border-top-color: #8CC152;
+}
+/* --- menu style 4 --- */
+.style_4.menu_container,
+.style_4 .sf-menu li
+{
+	background-color: #42494F;
+	border-color: #42494F;
+}
+.style_4 .sf-menu li:hover, .style_4 .sf-menu li.selected,
+.style_4 .sf-menu li.submenu:hover,
+.style_4 .sf-menu li:hover a, .style_4 .sf-menu li.selected a,
+.style_4 .sf-menu li.submenu:hover a
+{
+	background-color: #363B40;
+	border-bottom-color: #363B40;
+	border-top-color: #8CC152;
+}
+/* --- menu style 5 & 7 & 9 & 10 --- */
+.style_5.menu_container,
+.style_5 .sf-menu li,
+.style_7.menu_container,
+.style_7 .sf-menu li,
+.style_9.menu_container,
+.style_9 .sf-menu li
+{
+	background-color: #2D3136;
+	border-color: #2D3136;
+}
+.style_5 .sf-menu a:hover,
+.style_10 .sf-menu a:hover
+{
+	background-color: #8CC152;
+}
+/* --- menu style 6 --- */
+.style_6.menu_container.sticky.move,
+.style_6.menu_container,
+.style_6.menu_container.sticky.move .sf-menu li,
+.style_6 .sf-menu li
+{
+	border-bottom-color: #2D3136;
+}
+.style_6 .sf-menu a:hover
+{
+	background-color: #2D3136;
+}
+.style_6 .sf-menu li:hover, .style_6 .sf-menu li.selected,
+.style_6 .sf-menu li.submenu:hover,
+.style_6 .sf-menu li:hover a, .style_6 .sf-menu li.selected a,
+.style_6 .sf-menu li.submenu:hover a
+{
+	background-color: #2D3136;
+}
+/* --- menu style 7 --- */
+.style_7 .sf-menu a:hover
+{
+	background-color: #25282A;
+}
+.style_7 .sf-menu li:hover, .style_7 .sf-menu li.selected,
+.style_7 .sf-menu li.submenu:hover,
+.style_7 .sf-menu li:hover a, .style_7 .sf-menu li.selected a,
+.style_7 .sf-menu li.submenu:hover a
+{
+	background-color: #363B40;
+	border-top-color: #363B40;
+	border-bottom-color: #363B40;
+	color: #FFF;
+}
+/* --- menu style 8 & 9 & 10 --- */
+.style_8 .sf-menu li,
+.style_8.menu_container,
+.style_10 .sf-menu li,
+.style_10.menu_container
+{
+	border-top-color: #363B40;
+}
+.style_8 .sf-menu a:hover,
+.style_9 .sf-menu a:hover
+{
+	background-color: #42494F;
+}
+.style_8 .sf-menu li:hover, .style_8 .sf-menu li.selected,
+.style_8 .sf-menu li.submenu:hover,
+.style_8 .sf-menu li:hover a, .style_8 .sf-menu li.selected a,
+.style_8 .sf-menu li.submenu:hover a,
+.style_9 .sf-menu li:hover, .style_9 .sf-menu li.selected,
+.style_9 .sf-menu li.submenu:hover,
+.style_9 .sf-menu li:hover a, .style_9 .sf-menu li.selected a,
+.style_9 .sf-menu li.submenu:hover a
+{
+	background-color: #42494F;
+	border-top-color: #42494F;
+	border-bottom-color: #42494F;
+}

website/public/css/font.css

@@ -0,0 +1,3 @@
+@font-face{font-family:"Oswald"; font-style:normal; font-weight:400; src:local("Oswald Regular"),local("Oswald-Regular"),url("../fonts/Oswald-Regular-400.woff") format("woff")}
+@font-face{font-family:"Varela"; font-style:normal; font-weight:400; src:local("Varela"),url("../fonts/Varela-400.woff") format("woff")}
+@font-face{font-family:"Open Sans"; font-style:normal; font-weight:400; src:local("Open Sans"),local("OpenSans"),url("../fonts/OpenSans-400.woff") format("woff")}

website/public/css/high_contrast_skin.css

@@ -0,0 +1,386 @@
+a:focus,
+.comment_form [type='submit']:focus,
+.contact_form [type='submit']:focus,
+.tabs_navigation li a:focus,
+.social_icons .social_icon:focus 
+{
+	outline: 1px dotted #FFF;
+}
+a,
+a:hover,
+.read_more:hover,
+.more.active, 
+.more:hover,
+.post .comments_number:hover, 
+.taxonomies a:hover, 
+.pagination li a:hover,
+.slider_posts_list li h5
+{
+	text-decoration: underline;
+}
+.slider_content_box ul.post_details li.category a,
+.social_icons .social_icon,
+.pagination li.left a,
+.pagination li.right a
+{
+	text-decoration: none;
+}
+.icon,
+.footer_container,
+.icon.fullscreen:hover,
+.site_container,
+.value_container,
+.gallery_popup,
+.gallery_overlay,
+.menu_container
+{
+	background-color: #000;
+}
+.box_header,
+.more.active, 
+.more:hover,
+.tabs_navigation.small li a:hover, 
+.tabs_navigation.small li a.selected, 
+.tabs_navigation.small li.ui-tabs-active a,
+.more.highlight, 
+.more.active:hover,
+.taxonomies a:hover,
+.review_summary .number,
+.accordion .ui-accordion-header.ui-state-active,
+.mobile-menu-switch
+{
+	border-color: #FFDD00;
+}
+.slider_content_box ul.post_details li.category a
+{
+	color: #FFF;
+}
+.post_details li.category,
+.post_details li.category a,
+.read_more:hover,
+.more.active, 
+.more:hover,
+.post .comments_number:hover, 
+.footer .post .comments_number:hover,
+.more.highlight:hover,
+.taxonomies a:hover,
+.pagination li a:hover, 
+.pagination li.selected a,
+.value_container .value_bar .number,
+.tabs_navigation li a:hover, 
+.tabs_navigation li a.selected, 
+.tabs_navigation li.ui-tabs-active a,
+.accordion .ui-accordion-header.ui-state-active h4,
+.mobile-menu li.selected a,
+.mobile-menu li.selected ul li.selected a,
+.mobile-menu li.selected ul li.selected ul li.selected a
+{
+	color: #000;
+}
+.post_details li.category,
+.slider_navigation .slider_control a:hover, 
+a.slider_control:hover,
+.slider_posts_list .slider_posts_list_bar,
+.read_more .arrow,
+.tabs_navigation li a:hover, 
+.tabs_navigation li a.selected, 
+.tabs_navigation li.ui-tabs-active a,
+.post .comments_number:hover, 
+.footer .post .comments_number:hover,
+.more.active, 
+.more:hover,
+.slider_posts_list_container a.slider_control,
+.pagination li a:hover, 
+.pagination li.selected a,
+.taxonomies a:hover,
+.value_container .value_bar,
+.accordion .ui-accordion-header.ui-state-active,
+.accordion .ui-accordion-header:hover .ui-accordion-header-icon,
+.dropcap .dropcap_label.active,
+.gallery_popup .slider_navigation .slider_control a:hover,
+.gallery_popup .slider_navigation .slider_control a,
+.mobile-menu-switch .line,
+.mobile-menu-switch:hover,
+.mobile-menu li.selected a,
+.mobile-menu li.selected ul li.selected a,
+.mobile-menu li.selected ul li.selected ul li.selected a
+{
+	background-color: #FFDD00 ;
+}
+.tabs_navigation li.ui-tabs-active span,
+.post .comments_number:hover .arrow_comments, 
+.footer .post .comments_number:hover .arrow_comments
+{
+	border-color: #FFDD00  transparent;
+}
+.blog ul.post_details.simple li.category, 
+.blog ul.post_details.simple li.category a,
+.post.single .post_details a,
+.more.highlight, 
+.more.active:hover,
+.review_summary .number,
+.about_subtitle,
+.announcement .expose,
+p a,
+span.number, 
+span.odometer.number
+{
+	color: #FFDD00;
+}
+.post .arrow_comments
+{
+	border-color: #42494F transparent;
+}
+p,
+.review_block .list li, 
+.review_block .list li a,
+.review_summary .text p
+{
+	color: #D7DCE0;
+}
+input.hint, 
+textarea.hint,
+.comment_form .hint,
+.contact_form .hint,
+.posted_by .in_reply
+{
+	color: #FFF;
+}
+.footer_container
+{
+	border-top: 1px solid #464D53;
+}
+.divider.subheader_arrow
+{
+	background-image: url("../images/icons/other/high_contrast/subheader_arrow.png");
+}
+blockquote
+{
+	background-image: url("../images/icons/other/dark_bg/quote_content.png");
+}
+.read_more .arrow
+{
+	background-image: url("../images/icons/navigation/high_contrast/call_to_action_arrow.png");
+}
+.slider_navigation .slider_control a, 
+a.slider_control
+{
+	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_right.png");
+	background-color: #FFDD00;
+}
+.slider_navigation .slider_control:first-child a, 
+a.slider_control.left
+{
+	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_left.png");
+}
+.pagination li.left a
+{
+	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_left.png");
+}
+.pagination li.right a
+{
+	background-image: url("../images/icons/navigation/high_contrast/pagination_arrow_right.png");
+}
+a.slider_control.up
+{
+	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_up.png");
+}
+a.slider_control.down
+{
+	background-image: url("../images/icons/navigation/high_contrast/navigation_arrow_down.png");
+}
+#comments_list .children .comment .parent_arrow
+{
+	background-image: url("../images/icons/other/dark_bg/comment_reply.png");
+}
+.accordion .ui-accordion-header:hover .ui-accordion-header-icon
+{
+	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_down_hover.png");
+}
+.accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon
+{
+	background-image: url("../images/icons/navigation/high_contrast/accordion_arrow_up.png");
+}
+.item_content .not_found
+{
+	background-image: url("../images/icons/other/high_contrast/404.png");
+}
+.app
+{
+	background-image: url("../images/icons/features/high_contrast/app.png");
+}
+.calendar
+{
+	background-image: url("../images/icons/features/high_contrast/calendar.png");
+}
+.chart
+{
+	background-image: url("../images/icons/features/high_contrast/chart.png");
+}
+.chat
+{
+	background-image: url("../images/icons/features/high_contrast/chat.png");
+}
+.clock
+{
+	background-image: url("../images/icons/features/high_contrast/clock.png");
+}
+.database
+{
+	background-image: url("../images/icons/features/high_contrast/database.png");
+}
+.document
+{
+	background-image: url("../images/icons/features/high_contrast/document.png");
+}
+.envelope
+{
+	background-image: url("../images/icons/features/high_contrast/envelope.png");
+}
+.faq
+{
+	background-image: url("../images/icons/features/high_contrast/faq.png");
+}
+.graph
+{
+	background-image: url("../images/icons/features/high_contrast/graph.png");
+}
+.image
+{
+	background-image: url("../images/icons/features/high_contrast/image.png");
+}
+.laptop
+{
+	background-image: url("../images/icons/features/high_contrast/laptop.png");
+}
+.magnifier
+{
+	background-image: url("../images/icons/features/high_contrast/magnifier.png");
+}
+.features_icon.mobile
+{
+	background-image: url("../images/icons/features/high_contrast/mobile.png");
+}
+.pin
+{
+	background-image: url("../images/icons/features/high_contrast/pin.png");
+}
+.printer
+{
+	background-image: url("../images/icons/features/high_contrast/printer.png");
+}
+.quote
+{
+	background-image: url("../images/icons/features/high_contrast/quote.png");
+}
+.screen
+{
+	background-image: url("../images/icons/features/high_contrast/screen.png");
+}
+.speaker
+{
+	background-image: url("../images/icons/features/high_contrast/speaker.png");
+}
+.video
+{
+	background-image: url("../images/icons/features/high_contrast/video.png");
+}
+/* --- menu --- */
+.menu_container.sticky.move,
+.menu_container.sticky.move .sf-menu li
+{
+	border-bottom-color: #464d53;
+}
+.sf-menu li
+{
+	background-color: #000;
+}
+.sf-menu li a, 
+.sf-menu li a:visited
+{
+	text-decoration: underline;
+}
+.sf-menu a:hover,
+.sf-menu a:hover
+{
+	text-decoration: underline;
+}
+.sf-menu li:hover, .sf-menu li.selected,
+.sf-menu li.submenu:hover,
+.sf-menu li:hover a, .sf-menu li.selected a,
+.sf-menu li.submenu:hover a
+{
+	border-top-color: #FFDD00;
+}
+/* --- font selector --- */
+.font_selector 
+{
+    position: fixed;
+	left: 0;
+    top: 15%;
+	width: 45px;
+    z-index: 10;
+}
+.font_selector .increase,
+.font_selector .decrease
+{
+	display: block;
+	width: 45px;
+	height: 45px;
+	background-repeat: no-repeat;
+	background-color: #FFDD00;
+}
+.font_selector .increase
+{
+	background-image: url("../images/icons/other/high_contrast/font_increase.png");
+}
+.font_selector .decrease
+{
+	background-image: url("../images/icons/other/high_contrast/font_decrease.png");
+}
+/* --- aminations --- */
+.slideRightBack, .slideLeftBack, .slideDownBack, .slideUpBack
+{
+	opacity: 1;
+}
+/* --- slideRightBackBack --- */
+a.slider_control, .icon.fullscreen.animated
+{
+	visibility: visible;
+}
+a.slider_control, .icon.fullscreen.animated
+{
+	-webkit-animation-duration: 0ms;
+    animation-duration: 0ms;
+}
+.slideRightBack
+{
+	animation-name: slideRightBack;
+	-webkit-animation-name: slideRightBack;	
+}
+@keyframes slideRightBack 
+{
+	0% 
+	{
+		opacity: 0;
+		transform: translateX(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		transform: translateX(0%);
+	}
+}
+@-webkit-keyframes slideRightBack 
+{
+	0% 
+	{
+		opacity: 0;
+		-webkit-transform: translateX(-100%);
+	}
+	100% 
+	{
+		opacity: 1;
+		-webkit-transform: translateX(0%);
+	}
+}

website/public/css/jquery.fancybox.css

@@ -0,0 +1,26 @@
+/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
+.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp{padding:0; margin:0; border:0; outline:none; vertical-align:top}
+.fancybox-wrap{position:absolute; top:0; left:0; z-index:8020}
+.fancybox-skin{position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px}
+.fancybox-opened{z-index:8030}
+.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5); -moz-box-shadow:0 10px 25px rgba(0,0,0,0.5); box-shadow:0 10px 25px rgba(0,0,0,0.5)}
+.fancybox-outer, .fancybox-inner{position:relative}
+.fancybox-inner{overflow:hidden}
+.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}
+.fancybox-error{color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap}
+.fancybox-image, .fancybox-iframe{display:block; width:100%; height:100%}
+.fancybox-image{max-width:100%; max-height:100%}
+#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{background-image:url('images/fancybox_sprite.png')}
+#fancybox-loading{position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060}
+#fancybox-loading div{width:44px; height:44px; background:url('images/fancybox_loading.gif') center center no-repeat}
+.fancybox-close{position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040}
+.fancybox-nav{position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('images/blank.gif'); /* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040}
+.fancybox-prev{left:0}
+.fancybox-next{right:0}
+.fancybox-nav span{position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden}
+.fancybox-prev span{left:10px; background-position:0 -36px}
+.fancybox-next span{right:10px; background-position:0 -72px}
+.fancybox-nav:hover span{visibility:visible}
+.fancybox-tmp{position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important}/* Overlay helper */.fancybox-lock{overflow:hidden !important; width:auto}.fancybox-lock body{overflow:hidden !important}.fancybox-lock-test{overflow-y:hidden !important}.fancybox-overlay{position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('images/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed; bottom:0; right:0}.fancybox-lock .fancybox-overlay{overflow:auto; overflow-y:scroll}/* Title helper */.fancybox-title{visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center}.fancybox-title-float-wrap .child{display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */background:rgba(0,0,0,0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; font-weight:bold; line-height:24px; white-space:nowrap}.fancybox-title-outside-wrap{position:relative; margin-top:10px; color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0,0,0,.8)}
+/*Retina graphics!*/
+@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('images/fancybox_sprite@2x.png'); background-size:44px 152px; /*The size of the normal image,half the size of the hi-res image*/}#fancybox-loading div{background-image:url('images/fancybox_loading@2x.gif'); background-size:24px 24px; /*The size of the normal image,half the size of the hi-res image*/}}

website/public/css/jquery.qtip.css

@@ -0,0 +1,529 @@
+/*
+* qTip2 - Pretty powerful tooltips
+* http://craigsworks.com/projects/qtip2/
+*
+* Version: nightly
+* Copyright 2009-2010 Craig Michael Thompson - http://craigsworks.com
+*
+* Dual licensed under MIT or GPLv2 licenses
+*   http://en.wikipedia.org/wiki/MIT_License
+*   http://en.wikipedia.org/wiki/GNU_General_Public_License
+*
+* Date: Sat May 14 07:50:22 PDT 2011
+*/
+
+/* Fluid class for determining actual width in IE */
+.ui-tooltip-fluid{
+	display: block;
+	visibility: hidden;
+	position: static !important;
+	float: left !important;
+}
+
+.ui-tooltip, .qtip{
+	position: absolute;
+	left: -28000px;
+	top: -28000px;
+	display: none;
+	max-width: 280px;
+	min-width: 50px;
+	
+	font-size: 10.5px;
+	line-height: 12px;
+}
+
+	.ui-tooltip-content{
+		position: relative;
+		padding: 5px 9px;
+		overflow: hidden;
+		
+		border-width: 1px;
+		border-style: solid;
+		
+		text-align: left;
+		word-wrap: break-word;
+		overflow: hidden;
+	}
+
+	.ui-tooltip-titlebar{
+		position: relative;
+		min-height: 14px;
+		padding: 5px 35px 5px 10px;
+		overflow: hidden;
+		
+		border-width: 1px 1px 0;
+		border-style: solid;
+
+		font-weight: bold;
+	}
+
+	.ui-tooltip-titlebar + .ui-tooltip-content{ border-top-width: 0px !important; }
+
+		/*! Default close button class */
+		.ui-tooltip-titlebar .ui-state-default{
+			position: absolute;
+			right: 4px;
+			top: 50%;
+			margin-top: -9px;
+
+			cursor: pointer;
+			outline: medium none;
+
+			border-width: 1px;
+			border-style: solid;
+		}
+		
+		* html .ui-tooltip-titlebar .ui-state-default{
+			top: 16px;
+		}
+
+		.ui-tooltip-titlebar .ui-icon,
+		.ui-tooltip-icon .ui-icon{
+			display: block;
+			text-indent: -1000em;
+		}
+
+		.ui-tooltip-icon, .ui-tooltip-icon .ui-icon{
+			-moz-border-radius: 3px;
+			-webkit-border-radius: 3px;
+			border-radius: 3px;
+		}
+
+			.ui-tooltip-icon .ui-icon{
+				width: 18px;
+				height: 14px;
+
+				text-align: center;
+				text-indent: 0;
+				font: normal bold 10px/13px Tahoma,sans-serif;
+
+				color: inherit;
+				background: transparent none no-repeat -100em -100em;
+			}
+
+
+/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
+.ui-tooltip-focus{
+
+}
+
+/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
+.ui-tooltip-hover{
+	
+}
+
+
+/*! Default tooltip style */
+.ui-tooltip-titlebar,
+.ui-tooltip-content{
+	border-color: #F1D031;
+	background-color: #FFFFA3;
+	color: #555;
+}
+
+	.ui-tooltip-titlebar{
+		background-color: #FFEF93;
+	}
+
+	.ui-tooltip-titlebar .ui-tooltip-icon{
+		border-color: #CCC;
+		background: #F1F1F1;
+		color: #777;
+	}
+	
+	.ui-tooltip-titlebar .ui-state-hover{
+		border-color: #AAA;
+		color: #111;
+	}
+
+
+/*! Light tooltip style */
+.ui-tooltip-light .ui-tooltip-titlebar,
+.ui-tooltip-light .ui-tooltip-content{
+	border-color: #E2E2E2;
+	color: #454545;
+}
+
+	.ui-tooltip-light .ui-tooltip-content{
+		background-color: white;
+	}
+
+	.ui-tooltip-light .ui-tooltip-titlebar{
+		background-color: #f1f1f1;
+	}
+
+
+/*! Dark tooltip style */
+.ui-tooltip-dark .ui-tooltip-titlebar,
+.ui-tooltip-dark .ui-tooltip-content{
+	border-color: #303030;
+	color: #f3f3f3;
+}
+
+	.ui-tooltip-dark .ui-tooltip-content{
+		background-color: #505050;
+	}
+
+	.ui-tooltip-dark .ui-tooltip-titlebar{
+		background-color: #404040;
+	}
+
+	.ui-tooltip-dark .ui-tooltip-icon{
+		border-color: #444;
+	}
+
+	.ui-tooltip-dark .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #303030;
+	}
+
+
+/*! Cream tooltip style */
+.ui-tooltip-cream .ui-tooltip-titlebar,
+.ui-tooltip-cream .ui-tooltip-content{
+	border-color: #F9E98E;
+	color: #A27D35;
+}
+
+	.ui-tooltip-cream .ui-tooltip-content{
+		background-color: #FBF7AA;
+	}
+
+	.ui-tooltip-cream .ui-tooltip-titlebar{
+		background-color: #F0DE7D;
+	}
+
+	.ui-tooltip-cream .ui-state-default .ui-tooltip-icon{
+		background-position: -82px 0;
+	}
+
+
+/*! Red tooltip style */
+.ui-tooltip-red .ui-tooltip-titlebar,
+.ui-tooltip-red .ui-tooltip-content{
+	border-color: #D95252;
+	color: #912323;
+}
+
+	.ui-tooltip-red .ui-tooltip-content{
+		background-color: #F78B83;
+	}
+
+	.ui-tooltip-red .ui-tooltip-titlebar{
+		background-color: #F06D65;
+	}
+
+	.ui-tooltip-red .ui-state-default .ui-tooltip-icon{
+		background-position: -102px 0;
+	}
+
+	.ui-tooltip-red .ui-tooltip-icon{
+		border-color: #D95252;
+	}
+
+	.ui-tooltip-red .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #D95252;
+	}
+
+
+/*! Green tooltip style */
+.ui-tooltip-green .ui-tooltip-titlebar,
+.ui-tooltip-green .ui-tooltip-content{
+	border-color: #90D93F;
+	color: #3F6219;
+}
+
+	.ui-tooltip-green .ui-tooltip-content{
+		background-color: #CAED9E;
+	}
+
+	.ui-tooltip-green .ui-tooltip-titlebar{
+		background-color: #B0DE78;
+	}
+
+	.ui-tooltip-green .ui-state-default .ui-tooltip-icon{
+		background-position: -42px 0;
+	}
+
+
+/*! Blue tooltip style */
+.ui-tooltip-blue .ui-tooltip-titlebar,
+.ui-tooltip-blue .ui-tooltip-content{
+	border-color: #ADD9ED;
+	color: #5E99BD;
+}
+
+	.ui-tooltip-blue .ui-tooltip-content{
+		background-color: #E5F6FE;
+	}
+
+	.ui-tooltip-blue .ui-tooltip-titlebar{
+		background-color: #D0E9F5;
+	}
+
+	.ui-tooltip-blue .ui-state-default .ui-tooltip-icon{
+		background-position: -2px 0;
+	}.ui-tooltip .ui-tooltip-tip{
+	margin: 0 auto;
+	overflow: hidden;
+
+	background: transparent !important;
+	border: 0px dashed transparent !important;
+	z-index: 10;
+}
+
+	.ui-tooltip .ui-tooltip-tip,
+	.ui-tooltip .ui-tooltip-tip *{
+		position: absolute;
+		
+		line-height: 0.1px !important;
+		font-size: 0.1px !important;
+		color: #123456;
+
+		background: transparent;
+		border: 0px dashed transparent;
+	}
+
+	.ui-tooltip .ui-tooltip-tip canvas{ position: static; }#qtip-overlay{
+	position: absolute;
+	left: -10000em;
+	top: -10000em;
+
+	background-color: black;
+
+	opacity: 0.7;
+	filter:alpha(opacity=70);
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
+}
+
+/*! Add shadows to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE6+, Safari 2+ */
+.ui-tooltip-shadow{
+	-webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
+	-moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
+	box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
+}
+
+	.ui-tooltip-shadow .ui-tooltip-titlebar,
+	.ui-tooltip-shadow .ui-tooltip-content{
+		filter: progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3);
+		-ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Color='gray', Direction=135, Strength=3)";
+
+		_margin-bottom: -3px; /* IE6 */
+		.margin-bottom: -3px; /* IE7 */
+	}
+
+
+/*! Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
+.ui-tooltip-rounded,
+.ui-tooltip-rounded .ui-tooltip-content,
+.ui-tooltip-tipsy,
+.ui-tooltip-tipsy .ui-tooltip-content,
+.ui-tooltip-youtube,
+.ui-tooltip-youtube .ui-tooltip-content{
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+	border-radius: 4px;
+}
+
+.ui-tooltip-rounded .ui-tooltip-titlebar,
+.ui-tooltip-tipsy .ui-tooltip-titlebar,
+.ui-tooltip-youtube .ui-tooltip-titlebar{
+	-moz-border-radius: 5px 5px 0 0;
+	-webkit-border-radius: 5px 5px 0 0;
+	border-radius: 5px 5px 0 0;
+}
+
+.ui-tooltip-rounded .ui-tooltip-titlebar + .ui-tooltip-content,
+.ui-tooltip-tipsy .ui-tooltip-titlebar + .ui-tooltip-content,
+.ui-tooltip-youtube .ui-tooltip-titlebar + .ui-tooltip-content{
+	-moz-border-radius: 0 0 5px 5px;
+	-webkit-border-radius: 0 0 5px 5px;
+	border-radius: 0 0 5px 5px;
+}
+
+
+/*! Youtube tooltip style */
+.ui-tooltip-youtube{
+	-webkit-box-shadow: 0 0 3px #333;
+	-moz-box-shadow: 0 0 3px #333;
+	box-shadow: 0 0 3px #333;
+}
+
+	.ui-tooltip-youtube .ui-tooltip-titlebar,
+	.ui-tooltip-youtube .ui-tooltip-content{
+		background: transparent;
+		background: rgba(0, 0, 0, 0.85);
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
+
+		color: white;
+		border-color: #CCCCCC;
+	}
+
+	.ui-tooltip-youtube .ui-tooltip-icon{
+		border-color: #222;
+	}
+
+	.ui-tooltip-youtube .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #303030;
+	}
+
+
+/* jQuery TOOLS Tooltip style */
+.ui-tooltip-jtools{
+	background: #232323;
+	background: rgba(0, 0, 0, 0.7);
+	background-image: -moz-linear-gradient(top, #717171, #232323);
+	background-image: -webkit-gradient(linear, left top, left bottom, from(#717171), to(#232323));
+	
+	border: 2px solid #ddd;
+	border: 2px solid rgba(241,241,241,1);
+
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+
+	-webkit-box-shadow: 0 0 12px #333;
+	-moz-box-shadow: 0 0 12px #333;
+	box-shadow: 0 0 12px #333;
+}
+
+	/* IE Specific */
+	.ui-tooltip-jtools .ui-tooltip-titlebar{
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A);
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#717171,endColorstr=#4A4A4A)";
+	}
+	.ui-tooltip-jtools .ui-tooltip-content{
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323);
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4A4A4A,endColorstr=#232323)";
+	}
+
+	.ui-tooltip-jtools .ui-tooltip-titlebar,
+	.ui-tooltip-jtools .ui-tooltip-content{
+		background: transparent;
+		color: white;
+		border: 0 dashed transparent;
+	}
+
+	.ui-tooltip-jtools .ui-tooltip-icon{
+		border-color: #555;
+	}
+
+	.ui-tooltip-jtools .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #333;
+	}
+
+
+/* Cluetip style */
+.ui-tooltip-cluetip{
+	-webkit-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
+	-moz-box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
+	box-shadow: 4px 4px 5px rgba(0, 0, 0, 0.4);
+}
+
+	.ui-tooltip-cluetip .ui-tooltip-titlebar{
+		background-color: #87876A;
+		color: white;
+		border: 0 dashed transparent;
+	}
+
+	.ui-tooltip-cluetip .ui-tooltip-content{
+		background-color: #D9D9C2;
+		color: #111;
+		border: 0 dashed transparent;
+	}
+	
+	.ui-tooltip-cluetip .ui-tooltip-icon{
+		border-color: #808064;
+	}
+	
+	.ui-tooltip-cluetip .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #696952;
+		color: #696952;
+	}
+
+
+/* Tipsy style */
+.ui-tooltip-tipsy{
+	border: 0;
+}
+
+	.ui-tooltip-tipsy .ui-tooltip-titlebar,
+	.ui-tooltip-tipsy .ui-tooltip-content{
+		background: transparent;
+		background: rgba(0, 0, 0, .87);
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000);
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#D9000000,endColorstr=#D9000000)";
+		
+		color: white;
+		border: 0px transparent;
+
+		font-size: 11px;
+		font-family: 'Lucida Grande', sans-serif;
+		font-weight: bold;
+		line-height: 16px;
+		text-shadow: 0 1px black;
+	}
+
+	.ui-tooltip-tipsy .ui-tooltip-titlebar{
+		padding: 6px 35px 0 10;
+	}
+
+	.ui-tooltip-tipsy .ui-tooltip-content{
+		padding: 6px 10;
+	}
+	
+	.ui-tooltip-tipsy .ui-tooltip-icon{
+		border-color: #222;
+		text-shadow: none;
+	}
+
+	.ui-tooltip-tipsy .ui-tooltip-titlebar .ui-state-hover{
+		border-color: #303030;
+	}
+
+
+/* Tipped style */
+.ui-tooltip-tipped{
+
+}
+	
+	.ui-tooltip-tipped .ui-tooltip-titlebar,
+	.ui-tooltip-tipped .ui-tooltip-content{
+		border: 3px solid #959FA9;
+	}
+
+	.ui-tooltip-tipped .ui-tooltip-titlebar{
+		background: #3A79B8;
+		background-image: -moz-linear-gradient(top, #3A79B8, #2E629D);
+		background-image: -webkit-gradient(linear, left top, left bottom, from(#3A79B8), to(#2E629D));
+		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D);
+		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3A79B8,endColorstr=#2E629D)";
+
+		color: white;
+		font-weight: normal;
+		font-family: serif;
+
+		border-bottom-width: 0;
+		-moz-border-radius: 3px 3px 0 0;
+		-webkit-border-radius: 3px 3px 0 0;
+		border-radius: 3px 3px 0 0;
+	}
+	
+	.ui-tooltip-tipped .ui-tooltip-content{
+		background-color: #F9F9F9;
+		color: #454545;
+
+		-moz-border-radius: 0 0 3px 3px;
+		-webkit-border-radius: 0 0 3px 3px;
+		border-radius: 0 0 3px 3px;
+	}
+
+	.ui-tooltip-tipped .ui-tooltip-icon{
+		border: 2px solid #285589;
+		background: #285589;
+	}
+		
+		.ui-tooltip-tipped .ui-tooltip-icon .ui-icon{
+			background-color: #FBFBFB;
+			color: #555;
+		}

website/public/css/li-scroller.css

@@ -0,0 +1,10 @@
+/* liScroll styles */
+
+.tickercontainer{width:100%; height:30px; margin:0; padding:0; overflow:hidden; padding-top:2px}
+.tickercontainer .mask{left:10px; overflow:hidden; position:relative; top:0; width:100%; height:20px; overflow:hidden; margin-top:4px}
+ul.newsticker{position:relative; left:750px; font:bold 10px Verdana; list-style-type:none; margin:0; padding:0}
+ul.newsticker li{float:left; margin:0; padding:0}
+ul.newsticker a{white-space:nowrap; padding:0; color:#fff; margin:0 50px 0 0}
+ul.newsticker a:hover{text-decoration:underline}
+ul.newsticker span{margin:0 10px 0 0}
+ul.newsticker a > img{height:20px; margin-right:5px; width:25px}

website/public/css/menu_styles.css

@@ -0,0 +1,189 @@
+/* --- menu style 2 & 3 & 5 & 6 & 7 & 8 & 9 & 10 --- */
+.style_2.menu_container
+{
+	background: #F0F0F0;
+	border-color: #F0F0F0;
+}
+.style_2 .sf-menu
+{
+	border-top: 3px solid #E0E0E0;
+}
+.style_2 .sf-menu li
+{
+	background-color: #F0F0F0;
+	border-bottom-color: #F0F0F0;
+	border-top-color: #E0E0E0;	
+}
+.style_2 .sf-menu>li
+{
+	margin-top: -3px;
+}
+.style_2 .sf-menu li.submenu a,
+.style_7 .sf-menu li.selected.submenu a,
+.style_7 .sf-menu li.submenu:hover a
+{
+	background-image: url("../images/icons/navigation/menu_arrow.png");
+}
+.style_2 .sf-menu a:hover,
+.style_3 .sf-menu a:hover
+{
+	background-color: #ED1C24;
+}
+.style_2 .sf-menu li:hover, .style_2 .sf-menu li.selected,
+.style_2 .sf-menu li.submenu:hover,
+.style_2 .sf-menu li:hover a, .style_2 .sf-menu li.selected a,
+.style_2 .sf-menu li.submenu:hover a,
+.style_3 .sf-menu li:hover, .style_3 .sf-menu li.selected,
+.style_3 .sf-menu li.submenu:hover,
+.style_3 .sf-menu li:hover a, .style_3 .sf-menu li.selected a,
+.style_3 .sf-menu li.submenu:hover a,
+.style_5 .sf-menu li:hover, .style_5 .sf-menu li.selected,
+.style_5 .sf-menu li.submenu:hover,
+.style_5 .sf-menu li:hover a, .style_5 .sf-menu li.selected a,
+.style_5 .sf-menu li.submenu:hover a,
+.style_10 .sf-menu li:hover, .style_10 .sf-menu li.selected,
+.style_10 .sf-menu li.submenu:hover,
+.style_10 .sf-menu li:hover a, .style_10 .sf-menu li.selected a,
+.style_10 .sf-menu li.submenu:hover a
+{
+	background-color: #ED1C24;
+	border-top-color: #ED1C24;
+	border-bottom-color: #ED1C24;
+}
+.style_2 .sf-menu li.selected.submenu a,
+.style_2 .sf-menu li.submenu:hover a,
+.style_3 .sf-menu li.selected.submenu a,
+.style_3 .sf-menu li.submenu:hover a,
+.style_5 .sf-menu li.submenu a,
+.style_6 .sf-menu li.selected.submenu a,
+.style_6 .sf-menu li.submenu:hover a,
+.style_7 .sf-menu li.submenu a,
+.style_8 .sf-menu li.selected.submenu a,
+.style_8 .sf-menu li.submenu:hover a,
+.style_9 .sf-menu li.submenu a,
+.style_10 .sf-menu li.selected.submenu a,
+.style_10 .sf-menu li.submenu:hover a
+{
+	background-image: url("../images/icons/navigation/dark_bg/menu_arrow.png");
+}
+.style_2 .sf-menu li.selected a,
+.style_2 .sf-menu li:hover a,
+.style_3 .sf-menu li.selected a,
+.style_3 .sf-menu li:hover a,
+.style_5 .sf-menu li a,
+.style_6 .sf-menu li.selected a,
+.style_6 .sf-menu li:hover a,
+.style_7 .sf-menu li a,
+.style_8 .sf-menu li.selected a,
+.style_8 .sf-menu li:hover a,
+.style_9 .sf-menu li a,
+.style_10 .sf-menu li.selected a,
+.style_10 .sf-menu li:hover a
+{
+	color: #FFF;
+}
+/* --- menu style 3 --- */
+.style_3.menu_container,
+.style_3 .sf-menu li
+{
+	border-top-color: #ED1C24;
+}
+/* --- menu style 4 --- */
+.style_4.menu_container,
+.style_4 .sf-menu li
+{
+	background-color: #F0F0F0;
+	border-color: #F0F0F0;
+}
+.style_4 .sf-menu li:hover, .style_4 .sf-menu li.selected,
+.style_4 .sf-menu li.submenu:hover,
+.style_4 .sf-menu li:hover a, .style_4 .sf-menu li.selected a,
+.style_4 .sf-menu li.submenu:hover a
+{
+	background-color: #FFF;
+	border-bottom-color: #FFF;
+	border-top-color: #ED1C24;
+}
+/* --- menu style 5 & 7 & 9 & 10 --- */
+.style_5.menu_container,
+.style_5 .sf-menu li,
+.style_7.menu_container,
+.style_7 .sf-menu li,
+.style_9.menu_container,
+.style_9 .sf-menu li
+{
+	background-color: #363B40;
+	border-color: #363B40;
+}
+.style_5 .sf-menu a:hover,
+.style_10 .sf-menu a:hover
+{
+	background-color: #ED1C24;
+}
+/* --- menu style 6 --- */
+.style_6 .sf-menu
+{
+	margin-top: 0;
+}
+.style_6.menu_container,
+.style_6 .sf-menu li
+{
+	border-bottom-color: #363B40;
+	border-top: none;
+}
+.style_6.menu_container
+{
+	border-bottom-width: 3px;
+}
+.style_6 .sf-menu a:hover
+{
+	background-color: #363B40;
+}
+.style_6 .sf-menu li:hover, .style_6 .sf-menu li.selected,
+.style_6 .sf-menu li.submenu:hover,
+.style_6 .sf-menu li:hover a, .style_6 .sf-menu li.selected a,
+.style_6 .sf-menu li.submenu:hover a
+{
+	background-color: #363B40;
+}
+/* --- menu style 7 --- */
+.style_7 .sf-menu a:hover
+{
+	background-color: #25282A;
+}
+.style_7 .sf-menu li:hover, .style_7 .sf-menu li.selected,
+.style_7 .sf-menu li.submenu:hover,
+.style_7 .sf-menu li:hover a, .style_7 .sf-menu li.selected a,
+.style_7 .sf-menu li.submenu:hover a
+{
+	background-color: #FFF;
+	border-top-color: #FFF;
+	border-bottom-color: #FFF;
+	color: #25282A;
+}
+/* --- menu style 8 & 9 & 10 --- */
+.style_8 .sf-menu li,
+.style_8.menu_container,
+.style_10 .sf-menu li,
+.style_10.menu_container
+{
+	border-top-color: #FFF;
+}
+.style_8 .sf-menu a:hover,
+.style_9 .sf-menu a:hover
+{
+	background-color: #42494F;
+}
+.style_8 .sf-menu li:hover, .style_8 .sf-menu li.selected,
+.style_8 .sf-menu li.submenu:hover,
+.style_8 .sf-menu li:hover a, .style_8 .sf-menu li.selected a,
+.style_8 .sf-menu li.submenu:hover a,
+.style_9 .sf-menu li:hover, .style_9 .sf-menu li.selected,
+.style_9 .sf-menu li.submenu:hover,
+.style_9 .sf-menu li:hover a, .style_9 .sf-menu li.selected a,
+.style_9 .sf-menu li.submenu:hover a
+{
+	background-color: #42494F;
+	border-top-color: #42494F;
+	border-bottom-color: #42494F;
+}

website/public/css/nhgooi.css

@@ -0,0 +1,152 @@
+/*
+* Lichtblauw: #03A6E0
+* Donkerblauw: #1F3977
+*/
+
+h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
+{
+	color: #1F3977;
+}
+
+.tabs_navigation li a:hover,
+.tabs_navigation li a.selected,
+.tabs_navigation li.ui-tabs-active a {
+	background-color: #03A6E0;
+}
+
+.tabs_navigation li.ui-tabs-active span {
+    border-top-color: #03A6E0;
+	border-bottom-color: #03A6E0;
+}
+
+.box_header {
+	border-left-color: #1F3977;
+}
+
+.more.active,
+.more:hover
+{
+	transition: 500ms;
+	background-color: #1F3977;
+	border-color: #2F4A88;
+}
+
+.post.single .post_details a {
+	color: #1F3977;
+}
+
+.post_details li.category
+{
+	font-weight: bold;
+	background: #03A6E0;
+}
+
+.read_more .arrow {
+	background-color: #03A6E0;
+}
+
+.row.grid .column {
+	margin: 0px;
+	margin-top: 10px;
+}
+
+.grid .post {
+    clear: none;
+	padding-left: 3px;
+	padding-right: 3px;
+}
+
+.blog.podcasts .post {
+	margin-top: 0px;
+}
+
+.blog.podcasts .post p {
+	margin-top: 0px;
+	padding-top: 5px;
+}
+
+
+.action_button
+{
+	position: relative;
+	display: block;
+	height: 29px;
+	float: left;
+	color: #25282A;
+	font-size: 12px;
+	font-weight: bold;
+	margin-top: 10px;
+	margin-right: 20px;
+	padding-right: 12px;
+}
+
+.action_button span
+{
+	display: block;
+	line-height: normal;
+	margin-top: 7px;
+	position: relative;
+	margin-left: 38px;
+}
+
+.action_button .fa
+{
+	position: absolute;
+	width: 24px;
+	height: 29px;
+	line-height: 29px;
+	vertical-align: middle;
+	background-color: #03A6E0;
+	color: white;
+	margin-top: 0;
+	margin-left: 0;
+	padding-left: 10px;
+}
+
+.action_button:hover
+{
+	color: #FFF;
+	text-decoration: none;
+}
+
+.action_button:hover .fa,
+.read_more:hover span
+{
+	transition: 200ms;
+	width: 100%;
+}
+
+.action_button.disabled {
+	color: #A1A1A1;
+}
+
+.action_button.disabled span.fa {
+	background-color: #E4E4E4;
+}
+
+/*
+.action_button span {
+	display: inline-block;
+	line-height: 29px;
+	height: 29px;
+	font-size: 12px;
+	font-weight: bold;
+}
+
+.action_button :not(.fa) {
+	padding: 0 10px 0 12px !important;
+}
+
+.action_button .fa {
+	width: 29px;
+	background-color: #1F3977;
+	text-align: center;
+	vertical-align: middle;
+	color: white;
+}
+
+.action_button:hover span, .action_button:hover .fa {
+	transition: 500ms;
+	background-color: transparent;
+}
+*/

website/public/css/odometer-theme-default.css

@@ -0,0 +1,98 @@
+.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  position: relative;
+}
+.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
+  *display: inline;
+}
+.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  position: relative;
+}
+.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
+  *display: inline;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: middle;
+  *vertical-align: auto;
+  visibility: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
+  *display: inline;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
+  text-align: left;
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  overflow: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
+  display: block;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
+  display: block;
+  -webkit-backface-visibility: hidden;
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
+  display: block;
+  -webkit-transform: translateZ(0);
+}
+.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
+  position: absolute;
+}
+.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
+  -webkit-transition: -webkit-transform 2s;
+  -moz-transition: -moz-transform 2s;
+  -ms-transition: -ms-transform 2s;
+  -o-transition: -o-transform 2s;
+  transition: transform 2s;
+}
+.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
+  -webkit-transform: translateY(-100%);
+  -moz-transform: translateY(-100%);
+  -ms-transform: translateY(-100%);
+  -o-transform: translateY(-100%);
+  transform: translateY(-100%);
+}
+.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
+  -webkit-transform: translateY(-100%);
+  -moz-transform: translateY(-100%);
+  -ms-transform: translateY(-100%);
+  -o-transform: translateY(-100%);
+  transform: translateY(-100%);
+}
+.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
+  -webkit-transition: -webkit-transform 2s;
+  -moz-transition: -moz-transform 2s;
+  -ms-transition: -ms-transform 2s;
+  -o-transition: -o-transform 2s;
+  transition: transform 2s;
+  -webkit-transform: translateY(0);
+  -moz-transform: translateY(0);
+  -ms-transform: translateY(0);
+  -o-transform: translateY(0);
+  transform: translateY(0);
+}
+
+.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
+  font-family: "Helvetica Neue", sans-serif;
+  line-height: 1.1em;
+}
+.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
+  text-align: center;
+}

website/public/css/prettyPhoto.css

@@ -0,0 +1,170 @@
+div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
+div.pp_default .pp_top .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
+div.pp_default .pp_top .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x}
+div.pp_default .pp_top .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
+div.pp_default .pp_content .ppt{color:#f8f8f8}
+div.pp_default .pp_content_container .pp_left{background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
+div.pp_default .pp_content_container .pp_right{background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
+div.pp_default .pp_next:hover{background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
+div.pp_default .pp_previous:hover{background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
+div.pp_default .pp_expand{background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_expand:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
+div.pp_default .pp_contract{background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;width:28px;height:28px}
+div.pp_default .pp_contract:hover{background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
+div.pp_default .pp_close{width:30px;height:30px;background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer}
+div.pp_default .pp_gallery ul li a{background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
+div.pp_default .pp_social{margin-top:7px}
+div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{position:static;left:auto}
+div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
+div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
+div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;width:20px;margin:4px 0 0}
+div.pp_default a.pp_arrow_next{left:52px;background-position:-82px -3px}
+div.pp_default .pp_content_container .pp_details{margin-top:5px}
+div.pp_default .pp_nav{clear:none;height:30px;width:110px;position:relative}
+div.pp_default .pp_nav .currentTextHolder{font-family:Georgia;font-style:italic;color:#999;font-size:11px;left:75px;line-height:25px;position:absolute;top:2px;margin:0;padding:0 0 0 10px}
+div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
+div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
+div.pp_default .pp_bottom .pp_left{background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
+div.pp_default .pp_bottom .pp_middle{background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
+div.pp_default .pp_bottom .pp_right{background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
+div.pp_default .pp_loaderIcon{background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat}
+div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
+div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
+div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
+div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
+div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
+div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
+div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
+div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
+div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
+div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_rounded .pp_description{margin-right:85px;color:#fff}
+div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
+div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
+div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
+div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
+div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
+div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
+div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
+div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
+div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.dark_square .pp_nav{clear:none}
+div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
+div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
+div.dark_square .pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
+div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
+div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
+div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
+div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
+div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
+div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
+div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
+div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
+div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
+div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
+div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
+div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
+div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}
+div.facebook .pp_description{margin:0 37px 0 0}
+div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}
+div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
+div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
+div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
+div.facebook .pp_nav{margin-top:0}
+div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
+div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
+div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
+div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
+div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
+div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
+div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
+div.pp_pic_holder a:focus{outline:none}
+div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
+div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
+.pp_content{height:40px;min-width:40px}
+* html .pp_content{width:40px}
+.pp_content_container{position:relative;text-align:left;width:100%}
+.pp_content_container .pp_left{padding-left:20px}
+.pp_content_container .pp_right{padding-right:20px}
+.pp_content_container .pp_details{float:left;margin:10px 0 2px}
+.pp_description{display:none;margin:0}
+.pp_social{float:left;margin:0}
+.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}
+.pp_social .twitter{float:left}
+.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
+.pp_nav p{float:left;white-space:nowrap;margin:2px 4px}
+.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
+a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
+.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
+.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
+.pp_gallery div{float:left;overflow:hidden;position:relative}
+.pp_gallery ul{float:left;height:35px;position:relative;white-space:nowrap;margin:0 0 0 5px;padding:0}
+.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
+.pp_gallery ul a img{border:0}
+.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
+.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
+.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
+a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
+a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
+a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
+a.pp_close{position:absolute;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}
+.pp_loaderIcon{display:block;height:24px;left:50%;position:absolute;top:50%;width:24px;margin:-12px 0 0 -12px}
+#pp_full_res{line-height:1!important}
+#pp_full_res .pp_inline{text-align:left}
+#pp_full_res .pp_inline p{margin:0 0 15px}
+div.ppt{color:#fff;display:none;font-size:17px;z-index:9999;margin:0 0 5px 15px}
+div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
+div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
+div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
+div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
+div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
+div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
+div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
+div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
+div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
+div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
+div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
+div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
+div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
+.pp_top,.pp_bottom{height:20px;position:relative}
+* html .pp_top,* html .pp_bottom{padding:0 20px}
+.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
+.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
+* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
+.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
+.pp_fade,.pp_gallery li.default a img{display:none}

website/public/css/reset.css

@@ -0,0 +1,46 @@
+html, body, div, span, applet, object, iframe, p, blockquote,
+a, abbr, acronym, big, cite, code,
+del, dfn, font, img, ins, kbd, q, s, samp,
+small, strike, sub, sup, tt, var,
+dl, dt, dd,
+fieldset, form, label, legend {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	font-weight: inherit;
+	font-style: inherit;
+	font-size: 100%;
+	font-family: inherit;
+	vertical-align: baseline;
+}
+/* remember to define focus styles! */
+:focus {
+	outline: 0;
+}
+body {
+	line-height: 1;
+	color: black;
+	background: white;
+}
+ol, ul {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+}
+/* tables still need 'cellspacing="0"' in the markup */
+table {
+	border-collapse: collapse;
+	/*border-spacing: 0;*/
+}
+caption, th, td {
+	text-align: left;
+	font-weight: normal;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: "";
+}
+blockquote, q {
+	quotes: "" "";
+}

website/public/css/schedule.css

@@ -0,0 +1,325 @@
+.cd-schedule {
+  position: relative;
+  margin: 2em 0;
+}
+
+.cd-schedule::before {
+  /* never visible - this is used in js to check the current MQ */
+  content: 'mobile';
+  display: none;
+}
+
+@media only screen and (min-width: 800px) {
+  .cd-schedule {
+    width: 90%;
+    max-width: 1400px;
+    margin: 2em auto;
+  }
+  .cd-schedule::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+  .cd-schedule::before {
+    content: 'desktop';
+  }
+}
+
+.cd-schedule .timeline {
+  display: none;
+}
+
+@media only screen and (min-width: 800px) {
+  .cd-schedule .timeline {
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+    padding-top: 50px;
+  }
+  .cd-schedule .timeline li {
+    position: relative;
+    height: 25px;
+  }
+  .cd-schedule .timeline li::after {
+    /* this is used to create the table horizontal lines */
+    content: '';
+    position: absolute;
+    bottom: 0;
+    left: 10px;
+    width: 100%;
+    height: 1px;
+    background: #EAEAEA;
+  }
+  .cd-schedule .timeline li:last-of-type::after {
+    display: none;
+  }
+  .cd-schedule .timeline li span {
+    display: none;
+  }
+}
+
+@media only screen and (min-width: 1000px) {
+  .cd-schedule .timeline li::after {
+    width: calc(100% - 60px);
+    left: 60px;
+  }
+  .cd-schedule .timeline li span {
+    display: inline-block;
+    transform: translateY(-50%);
+  }
+  .cd-schedule .timeline li:nth-of-type(2n) span {
+    display: none;
+  }
+}
+
+.cd-schedule .events {
+  position: relative;
+  z-index: 1;
+}
+
+.cd-schedule .events .events-group {
+  margin-bottom: 30px;
+}
+
+.cd-schedule .events .top-info {
+  width: 100%;
+  background: #5C2483;
+  color: white;
+  font-weight: bold;
+  padding: 0 5%;
+}
+
+.cd-schedule .events .top-info > span {
+  display: inline-block;
+  line-height: 1.2;
+  margin-bottom: 10px;
+  font-weight: bold;
+}
+
+.cd-schedule .events .events-group > ul {
+  position: relative;
+  padding: 0 5%;
+  /* force its children to stay on one line */
+  display: flex;
+  overflow-x: scroll;
+  -webkit-overflow-scrolling: touch;
+}
+
+.cd-schedule .events .events-group > ul::after {
+  /* never visible - used to add a right padding to .events-group > ul */
+  display: inline-block;
+  content: '-';
+  width: 1px;
+  height: 100%;
+  opacity: 0;
+  color: transparent;
+}
+
+.cd-schedule .events .single-event {
+  /* force them to stay on one line */
+  flex-shrink: 0;
+  float: left;
+  height: 150px;
+  width: 70%;
+  max-width: 300px;
+  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
+  margin-right: 20px;
+  transition: opacity .2s, background .2s;
+  overflow: hidden;
+}
+
+.cd-schedule .events .single-event:last-of-type {
+  margin-right: 5%;
+}
+
+.cd-schedule .events .single-event a {
+  display: block;
+  height: 100%;
+  padding: .2em .2em 0 .2em;
+}
+
+@media only screen and (min-width: 550px) {
+  .cd-schedule .events .single-event {
+    width: 40%;
+  }
+}
+
+@media only screen and (min-width: 800px) {
+  .cd-schedule .events {
+    float: left;
+    width: 100%;
+  }
+  .cd-schedule .events .events-group {
+    width: 14%;
+    float: left;
+    border: 1px solid #EAEAEA;
+    /* reset style */
+    margin-bottom: 0;
+  }
+  .cd-schedule .events .events-group:not(:first-of-type) {
+    border-left-width: 0;
+  }
+  .cd-schedule .events .top-info {
+    /* vertically center its content */
+    display: table;
+    height: 50px;
+    border-bottom: 1px solid #EAEAEA;
+    /* reset style */
+    padding: 0;
+  }
+  .cd-schedule .events .top-info > span {
+    /* vertically center inside its parent */
+    display: table-cell;
+    vertical-align: middle;
+    padding: 0 .5em;
+    text-align: center;
+    /* reset style */
+    font-weight: normal;
+    margin-bottom: 0;
+  }
+  .cd-schedule .events .events-group > ul {
+    /* 19 is the number of list items in the .timeline */
+    height: 1200px;
+    /* reset style */
+    display: block;
+    overflow: visible;
+    padding: 0;
+  }
+  .cd-schedule .events .events-group > ul::after {
+    clear: both;
+    content: "";
+    display: block;
+  }
+  .cd-schedule .events .events-group > ul::after {
+    /* reset style */
+    display: none;
+  }
+  .cd-schedule .events .single-event {
+    position: absolute;
+    z-index: 3;
+    /* top position and height will be set using js */
+    width: calc(100% + 2px);
+    left: -1px;
+    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), inset 0 -3px 0 rgba(0, 0, 0, 0.2);
+    /* reset style */
+    flex-shrink: 1;
+    height: auto;
+    max-width: none;
+    margin-right: 0;
+  }
+  .cd-schedule .events .single-event a {
+
+  }
+  .cd-schedule .events .single-event:last-of-type {
+    /* reset style */
+    margin-right: 0;
+  }
+  .cd-schedule .events .single-event.selected-event {
+    /* the .selected-event class is added when an user select the event */
+    visibility: hidden;
+  }
+}
+
+@media only screen and (min-width: 1000px) {
+  .cd-schedule .events {
+    /* 60px is the .timeline element width */
+    width: calc(100% - 60px);
+    margin-left: 60px;
+  }
+}
+
+.cd-schedule.loading .events .single-event {
+  /* the class .loading is added by default to the .cd-schedule element
+	   it is removed as soon as the single events are placed in the schedule plan (using javascript) */
+  opacity: 0;
+}
+
+.cd-schedule .event-name,
+.cd-schedule .event-date {
+  display: block;
+  font-weight: bold;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.cd-schedule .event-name {
+  /*font-size: 2.4rem;*/
+}
+
+@media only screen and (min-width: 800px) {
+  .cd-schedule .event-name {
+    /*font-size: 2rem;*/
+  }
+}
+
+.cd-schedule .event-date {
+  /* they are not included in the the HTML but added using JavScript */
+  font-size: 1.4rem;
+  opacity: .7;
+  line-height: 1.2;
+  margin-bottom: .2em;
+}
+
+.cd-schedule .single-event[data-event="event-normal-even"],
+.cd-schedule [data-event="event-normal-even"] .header-bg {
+  background: #DBC153;
+  color: white;
+}
+
+.cd-schedule .single-event[data-event="event-normal-odd"],
+.cd-schedule [data-event="event-normal-odd"] .header-bg {
+  background: #FFE98A;
+  color: white;
+}
+
+.cd-schedule .single-event[data-event="event-special-even"],
+.cd-schedule [data-event="event-special-even"] .header-bg {
+  background: #982323;
+  color: white;
+}
+
+.cd-schedule .single-event[data-event="event-special-odd"],
+.cd-schedule [data-event="event-special-odd"] .header-bg {
+  background: #982323;
+  color: white;
+}
+
+.cd-schedule .single-event[data-is-current="true"],
+.cd-schedule [data-is-current="true"] .header-bg {
+  border: solid 4px #982323;
+}
+
+.cd-schedule .single-event[data-event="event-normal-even"]:hover,
+.cd-schedule .single-event[data-event="event-normal-odd"]:hover {
+}
+
+@media only screen and (min-width: 800px) {
+  .cd-schedule.modal-is-open .body-bg {
+    opacity: 1;
+    transition: transform .4s;
+    transition-timing-function: cubic-bezier(0.5, 0, 0.1, 1);
+  }
+}
+
+.cd-schedule .cover-layer {
+  /* layer between the content and the modal window */
+  position: fixed;
+  z-index: 2;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background: rgba(0, 0, 0, 0.8);
+  opacity: 0;
+  visibility: hidden;
+  transition: opacity .4s, visibility .4s;
+}
+
+.cd-schedule.modal-is-open .cover-layer {
+  opacity: 1;
+  visibility: visible;
+}
+

website/public/css/slick.css

@@ -0,0 +1,53 @@
+@charset "UTF-8";
+
+/* Slider */
+
+.slick-slider{position:relative; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent}
+.slick-list{position:relative; overflow:hidden; display:block; margin:0; padding:0}
+.slick-list:focus{outline:none}
+.slick-loading .slick-list{background:#fff /*url("./ajax-loader.gif")*/ center center no-repeat}
+.slick-list.dragging{cursor:pointer; cursor:hand}
+.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -o-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
+.slick-track{position:relative; left:0; top:0; display:block}
+.slick-track:before, .slick-track:after{content:""; display:table}
+.slick-track:after{clear:both}
+.slick-loading .slick-track{visibility:hidden}
+.slick-slide{float:left; height:100%; min-height:1px; display:none}
+[dir="rtl"] .slick-slide{float:right}
+.slick-slide img{display:block}
+.slick-slide.slick-loading img{display:none}
+.slick-slide.dragging img{pointer-events:none}
+.slick-initialized .slick-slide{display:block}
+.slick-loading .slick-slide{visibility:hidden}
+.slick-vertical .slick-slide{display:block; height:auto; border:1px solid transparent}
+
+/* Icons */
+
+/*@font-face{font-family:"slick"; src:url("./fonts/slick.eot"); src:url("./fonts/slick.eot?#iefix") format("embedded-opentype"),url("./fonts/slick.woff") format("woff"),url("./fonts/slick.ttf") format("truetype"),url("./fonts/slick.svg#slick") format("svg"); font-weight:normal; font-style:normal}*/
+
+/* Arrows */
+
+.slick-prev, .slick-next{ border:medium none;  font-weight:bold;  cursor:pointer;  display:block;  font-size:0;  height:auto;  line-height:0;  margin-top:-10px;  outline:medium none;  padding:10px;  position:absolute;  top:50%;  width:auto}
+.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{ outline:none}
+.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{opacity:1}
+.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before{opacity:0.25}
+.slick-prev:before, .slick-next:before{font-family:"slick"; font-size:20px; line-height:1; opacity:0.75; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
+.slick-prev{left:0px}
+[dir="rtl"] .slick-prev{left:auto; right:-25px}
+.slick-prev:before{content:"<"}
+[dir="rtl"] .slick-prev:before{content:">"}
+.slick-next{right:0px}
+[dir="rtl"] .slick-next{left:-25px; right:auto}
+.slick-next:before{content:">"}
+[dir="rtl"] .slick-next:before{content:"<"}
+
+/* Dots */
+
+.slick-slider{margin-bottom:20px}
+.slick-dots{position:absolute; bottom:-45px; list-style:none; display:block; text-align:center; padding:0; width:100%}
+.slick-dots li{position:relative; display:inline-block; height:20px; width:20px; margin:0 5px; padding:0; cursor:pointer}
+.slick-dots li button{border:0; background:transparent; display:block; height:20px; width:20px; outline:none; line-height:0; font-size:0; color:transparent; padding:5px; cursor:pointer}
+.slick-dots li button:hover, .slick-dots li button:focus{outline:none}
+.slick-dots li button:hover:before, .slick-dots li button:focus:before{opacity:1}
+.slick-dots li button:before{position:absolute; top:0; left:0; content:"•"; width:20px; height:20px; font-family:"slick"; font-size:6px; line-height:20px; text-align:center; color:black; opacity:0.25; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale}
+.slick-dots li.slick-active button:before{color:black; opacity:0.75}

website/public/css/style.nhg.css

@@ -0,0 +1,304 @@
+/*
+Template Name: NewsFeed
+Template URI: http://www.wpfreeware.com/newsfeed-ultra-responsive-news-magazine-theme/
+Author: WpFreeware
+Author URI: http://www.wpfreeware.com
+Description: A Pro bootstrap html5 css3 responsive news magazine website template
+Version: 1.0 
+License: GPL
+License URI: http://www.gnu.org/licenses/gpl-2.0.html
+*/
+
+body{background:#f5f5f5}
+ul{padding:0; margin:0; list-style:none}
+a{text-decoration:none; color:#2f2f2f}
+a:hover{color:#646464; text-decoration:none}
+a:focus{outline:none; text-decoration:none}
+h1, h2, h3, h4, h5, h6{font-family:'Open Sans',sans-serif}
+h2{line-height:23px}
+img{border:none}
+img:hover{opacity:0.75}
+.img-center{display:block; margin-left:auto; margin-right:auto; text-align:center}
+.img-right{display:block; margin-left:auto}
+.img-left{display:block; margin-right:auto}
+.yellow_bg{background-color:#ffd62c}
+.btn-yellow{background-color:#ffd62c; color:#fff}
+.btn-yellow:hover{background-color:#e1b70b; color:#fff}
+.limeblue_bg{background-color:#7dc34d}
+.blue_bg{background-color:#09c}
+.btn{border-radius:0; margin-bottom:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.btn:hover{}
+.btn-red{background-color:red; color:#fff}
+.btn-red:hover{background-color:#c40505; color:#fff}
+.btn-green{background-color:green; color:#fff}
+.btn-green:hover{background-color:#0ab20a; color:#fff}
+.btn-black{background-color:black; color:#fff}
+.btn-black:hover{background-color:#413a3a; color:#fff}
+.btn-orange{background-color:orange; color:#fff}
+.btn-orange:hover{background-color:#f09d05; color:#fff}
+.btn-blue{background-color:blue; color:#fff}
+.btn-blue:hover{background-color:#0707a2; color:#fff}
+.btn-lime{background-color:lime; color:#fff}
+.btn-lime:hover{background-color:#05ae05; color:#fff}
+.default-btn{background-color:#12a3df; color:#fff}
+.default-btn:hover{background-color:#0a8ec4; color:#fff}
+.btn-theme{background-color:#d083cf; color:#fff}
+.btn-theme:hover{background-color:#ce39cc; color:#fff}
+.transition{-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+preloader{position:fixed; top:0; left:0; right:0; bottom:0; background-color:#fff; z-index:99999}
+status{width:200px; height:200px; position:absolute; left:50%; top:50%; background-image:url(images/status.gif); background-repeat:no-repeat; background-position:center; margin:-100px 0 0 -100px}
+.scrollToTop{bottom:105px; display:none; font-size:32px; font-weight:bold; height:50px; position:fixed; right:75px; text-align:center; text-decoration:none; width:50px; z-index:9; border:1px solid; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.scrollToTop:hover, .scrollToTop:focus{text-decoration:none; outline:none}
+#header{display:inline; float:left; width:100%; margin-top:20px}
+.header_top{background-color:#2c2c2c; display:inline; float:left; padding:0 30px; width:100%}
+.header_top_left{float:left; display:inline; width:50%}
+.top_nav{text-align:left}
+.top_nav li{display:inline-block}
+.top_nav li a{display:inline-block; border-right:1px solid #333; color:#fff; font-size:11px; font-weight:bold; padding:20px 15px; text-transform:uppercase; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.top_nav li a:hover{background-color:#d083cf}
+.header_top_right{float:left; display:inline; width:50%; text-align:right}
+.header_top_right > p{color:#fff; display:inline-block; float:right; font:bold 12px sans-serif; margin-bottom:0; padding-bottom:20px; padding-right:8px; padding-top:20px}
+.header_bottom{background-color:#fff; display:inline; float:left; padding:15px 30px 15px; width:100%}
+.logo_area{display:inline; float:left; width:31%}
+.logo{font-size:45px; font-weight:bold; color:#000; font-family:'Varela',sans-serif}
+.logo img{max-width:100%}
+.logo img:hover{opacity:1}
+.logo > span{ margin-left:-14px}
+.add_banner{float:right; width:728px; height:90px}
+.add_banner img{width:100%; height:100%}
+#navArea{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff}
+.banners { margin-right: 0px; }
+.banners p { overflow:hidden; font-size: 80%; color:#999;}
+.banners p.ad { width:120px;}
+
+@media(max-width:360px){.banners{float: none !important; width:100%;}}
+.navbar{border:medium none; border-radius:0}
+.navbar-inverse .navbar-nav > li > a{border-left:1px solid #383838; color:#ddd; font-family:'Open Sans',sans-serif; display:inline-block; font-weight: 700; height:40px; line-height:40px; padding:0 14px; text-shadow:0 1px 1px #000; text-transform:uppercase; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.navbar-inverse .navbar-nav > li:first-child a{border:none}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{ color:#fff}
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{ color:#fff}
+.main-nav ul li a{}
+.navbar-collapse{ padding-left:0}
+.mobile-show{display:none}
+.desktop-home{display:block; font-size:32px; margin-top:4px}
+.dropdown-menu{background-color:#222}
+.dropdown-menu > li > a{clear:both; color:#ddd; background-color:#222; padding:10px 20px; font-family:'Open Sans',sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{color:#fff}
+#newsSection{float:left; display:inline; width:100%; padding:0 30px; background-color:#fff; padding-bottom:20px}
+.latest_newsarea{float:left; display:inline; width:100%; background-color:#000; position:relative}
+.latest_newsarea span{ color:#fff; font-family:'Open Sans',sans-serif; font-size:15px; left:0; line-height:1.8em; margin-right:20px; overflow:hidden; padding:2px 18px 1px 19px; position:absolute; z-index:15}
+.social_area{ position:absolute; right:0; top:0; background:#fff; border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc; height:31px}
+.social_nav{ text-align:right}
+.social_nav li{ display:block; float:left}
+.social_nav li a{ display:block; float:left; height:30px; text-indent:-9999px; width:30px; border-left:1px solid #ccc; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s;  -o-transition:all 0.5s; transition:all 0.5s}
+.social_nav li.facebook a{ background-image:url("images/socials.png"); background-position:0 -30px; background-size:270px 60px}
+.social_nav li.facebook a:hover{ background-position:0 0px; background-size:270px 60px; background-color:#436eac}
+.social_nav li.twitter a{ background-image:url("images/socials.png"); background-position:-30px -30px; background-size:270px 60px}
+.social_nav li.twitter a:hover{ background-position:-30px 0px; background-size:270px 60px; background-color:#0598c9}
+.social_nav li.flickr a{ background-image:url("images/socials.png"); background-position:-60px -30px; background-size:270px 60px}
+.social_nav li.flickr a:hover{ background-position:-60px 0px; background-size:270px 60px; background-color:#e33b7e}
+.social_nav li.pinterest a{ background-image:url("images/socials.png"); background-position:-90px -30px; background-size:270px 60px}
+.social_nav li.pinterest a:hover{ background-position:-90px 0px; background-size:270px 60px; background-color:#cb2027}
+.social_nav li.googleplus a{ background-image:url("images/socials.png"); background-position:-120px -30px; background-size:270px 60px}
+.social_nav li.googleplus a:hover{ background-position:-120px 0px; background-size:270px 60px; background-color:#d64b2e}
+.social_nav li.vimeo a{ background-image:url("images/socials.png"); background-position:-150px -30px; background-size:270px 60px}
+.social_nav li.vimeo a:hover{ background-position:-150px 0px; background-size:270px 60px; background-color:#86ae24}
+.social_nav li.youtube a{ background-image:url("images/socials.png"); background-position:-180px -30px; background-size:270px 60px; width:60px}
+.social_nav li.youtube a:hover{ background-position:-180px 0px; background-size:270px 60px; background-color:#e32114}
+.social_nav li.mail a{ background-image:url("images/socials.png"); background-position:-240px -30px; background-size:270px 60px; width:32px}
+.social_nav li.mail a:hover{background-position:-240px 0px; background-size:270px 60px; background-color:#bc75d6}
+#sliderSection{background-color:#fff; display:inline; float:left; width:100%; padding:0 30px}
+.single_iteam{display:inline; float:left; position:relative; width:100%; height:448px}
+.single_iteam img{width:100%; height:100%}
+.single_iteam img:hover{opacity:1}
+.slider_article{ bottom:20px; left:0; position:absolute; right:0; padding:10px 15px}
+.slider_article > h2 a{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; font-size:18px; padding:10px; display:inline-block}
+.slider_article > p{ background:none repeat scroll 0 0 rgba(0,0,0,0.4); color:#fff; padding:3px; display:inline-block}
+.slick-prev:before{ content:""}
+.slick-prev{ background-image:url(images/slider_prev.png); background-repeat:no-repeat; background-position:center; left:10px}
+.slick-next:before{ content:""}
+.slick-next{ background-image:url(images/slider_next.png); background-repeat:no-repeat; background-position:center; left:60px}
+.slick-prev, .slick-next{background-color:#000; top:10%; width:40px; height:40px}
+.slick-prev:hover, .slick-next:hover{opacity:0.5}
+.latest_post{float:left; display:inline; width:100%}
+.latest_post > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; margin-top:5px; font-weight:400; margin-bottom:10px; margin-left:0; padding:0; position:relative; text-align:center; text-transform:uppercase}
+.latest_post > h2 span{padding:4px 10px}
+.latest_postnav{height:auto !important; margin-top:20px}
+.latest_postnav li{margin-bottom:10px; float:left; width:100%}
+.latest_post_container{display:inline; float:left; height:430px; position:relative; width:100%}
+.latest_post_container:hover #prev-button, .latest_post_container:hover #next-button{display:block}
+#prev-button{cursor:pointer; font-size:20px; left:0; position:absolute; text-align:center; top:-10px; width:100%; display:none}
+#next-button{cursor:pointer; display:none; font-size:20px; left:0; position:absolute; text-align:center; bottom:0; width:100%}
+#contentSection{float:left; display:inline; width:100%; background-color:#fff; padding:0 30px}
+.left_content{float:left; display:inline; width:100%}
+.single_post_content{float:left; display:inline; width:100%; margin-bottom:20px}
+/*.single_post_content > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:'Open Sans',sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase; margin-bottom:20px;}
+.single_post_content > h2 span{padding:4px 10px}
+*/
+
+.left_content h2 {
+  padding: 5px;
+  background-color: #E30051;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  border-radius: 3px;
+  font-size: 90%;
+  font-style: normal;
+  color: #fff;
+  margin-right: 5px;
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 100%;
+  line-height: 1;
+}
+
+.single_post_content_left{float:left; display:inline; width:49%}
+.business_catgnav{}
+.business_catgnav li{float:left; display:block; width:100%}
+.bsbig_fig{width:100%}
+.bsbig_fig > a{display:block}
+.bsbig_fig > a img{width:100%}
+.bsbig_fig figcaption{color:#333; font-family:"'Open Sans'",sans-serif; font-size:23px; font-weight:300; margin-top:10px; margin-bottom:10px}
+.single_post_content_right{float:right; display:inline; width:48%}
+.right_content{float:left; display:inline; width:100%; min-height:300px}
+.spost_nav{}
+.spost_nav li{float:left; display:block; width:100%; margin-bottom:10px}
+.spost_nav .media-left{width:100px; height:80px}
+.media-left > img{height:70px; width:90px}
+.spost_nav .media-body > a{font-family:"'Open Sans'",sans-serif}
+.featured_img{position:relative}
+.overlay:hover{ background:none repeat scroll 0 0 rgba(0,0,0,0.4)}
+.overlay{ bottom:0; display:block; left:0; position:absolute; width:100%; z-index:2; height:100%; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.fashion_technology_area{display:inline; float:left; width:100%}
+.fashion{float:left; display:inline; width:48%}
+.technology{float:right; display:inline; width:48%}
+.photo_grid{position:relative; margin:0 auto; max-width:1000px; list-style:none; text-align:center}
+.photograph_nav{margin-left:-11px}
+.photograph_nav li{display:block; float:left; margin-left:9px; width:32%}
+.photo_grid figure{position:relative; float:left; overflow:hidden; margin:10px 1%; margin-top:0; height:150px; width:100%; background:#3085a3; text-align:center; cursor:pointer}
+.photo_grid figure img{position:relative; display:block; min-height:100%; max-width:100%; width:100%; height:100% opacity:0.8}
+.photo_grid figure figcaption{padding:2em; color:#fff; text-transform:uppercase; font-size:1.25em; -webkit-backface-visibility:hidden; backface-visibility:hidden}
+.photo_grid figure figcaption::before, .photo_grid figure figcaption::after{pointer-events:none}
+.photo_grid figure figcaption{position:absolute; bottom:0; left:0; width:100%; height:100%}
+.photo_grid figure h2{word-spacing:-0.15em; font-weight:300}
+.photo_grid figure h2 span{font-weight:800}
+.photo_grid figure h2, .photo_grid figure a{margin:0}
+.photo_grid figcaption a{color:#fff; font-size:68.5%; letter-spacing:1px; display:block; margin-top:7px}
+figure.effect-layla img{height:390px}
+figure.effect-layla figcaption{padding:1.5em}
+figure.effect-layla figcaption::before, figure.effect-layla figcaption::after{position:absolute; content:''; opacity:0}
+figure.effect-layla figcaption::before{top:20px; right:15px; bottom:20px; left:15px; border-top:1px solid #fff; border-bottom:1px solid #fff; -webkit-transform:scale(0,1); transform:scale(0,1); -webkit-transform-origin:0 0; transform-origin:0 0}
+figure.effect-layla figcaption::after{top:9px; right:25px; bottom:9px; left:25px; border-right:1px solid #fff; border-left:1px solid #fff; -webkit-transform:scale(1,0); transform:scale(1,0); -webkit-transform-origin:100% 0; transform-origin:100% 0}
+figure.effect-layla h2{font-size:18px; padding-top:33%; -webkit-transition:-webkit-transform 0.35s; transition:transform 0.35s}
+figure.effect-layla a{ text-transform:none; -webkit-transform:translate3d(0,-10px,0); transform:translate3d(0,-10px,0)}
+figure.effect-layla img, figure.effect-layla h2{-webkit-transform:translate3d(0,-30px,0); transform:translate3d(0,-30px,0)}
+figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla a{-webkit-transition:opacity 0.35s,-webkit-transform 0.35s; transition:opacity 0.35s,transform 0.35s}
+figure.effect-layla:hover img{opacity:0.7; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0)}
+figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after{opacity:1; -webkit-transform:scale(1); transform:scale(1)}
+figure.effect-layla:hover h2{padding-top:26%}
+figure.effect-layla:hover h2, figure.effect-layla:hover a{opacity:1; -webkit-transform:translate3d(0,-35px,0); transform:translate3d(0,-35px,0)}
+figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover a, figure.effect-layla:hover img{-webkit-transition-delay:0.15s; transition-delay:0.15s}
+.single_sidebar{float:left; display:inline; width:100%; margin-bottom:20px}
+.single_sidebar > h2{background:none repeat scroll 0 0 #151515; color:#fff; font-family:"'Open Sans'",sans-serif; font-size:18px; font-weight:400; margin-bottom:10px; margin-left:0; margin-top:5px; padding:0; position:relative; text-align:center; text-transform:uppercase}
+.single_sidebar > h2 span{padding:4px 10px}
+.cat-item a{background:none repeat scroll 0 0 #e4e4e4; color:#888; display:block; float:left; border-bottom:none !important; font-size:13px; line-height:12px; margin:0 2px 2px 0; padding:12px 17px; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.cat-item a:hover{color:#fff; text-decoration:none !important}
+.tab-content{margin-top:10px}
+.nav-tabs{background:none repeat scroll 0 0 #333; border-bottom:none}
+.nav-tabs > li{margin-bottom:0}
+.nav-tabs > li > a{margin-right:0; color:#fff; font-size:15px; border-radius:0; border:none; font-family:"'Open Sans'",sans-serif; -webkit-transition:all 0.5s; -mz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{color:#fff !important; border:none}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-width:0; border-color:#ddd #ddd transparent; color:#fff}
+.vide_area{float:left; display:inline; width:100%}
+.sideAdd{display:block; float:left; height:250px; width:100%; margin-top:10px}
+.sideAdd > img{width:100%; height:100%}
+.single_sidebar ul li a{border-bottom:1px solid #333; display:block}
+.single_sidebar .spost_nav li a{border-bottom:none; float:left}
+#footer{display:inline; float:left; width:100%; margin-bottom:20px}
+.footer_top{background-color:#252525; color:#ddd; display:inline; float:left; padding:10px 30px 48px; width:100%}
+.footer_widget{display:inline; float:left; width:100%; min-height:310px; color:#ccc;}
+.footer_widget > h2{border-bottom:3px solid #666; font-family:'Open Sans',arial,Georgia,serif; font-size:16px; padding:10px 0; text-transform:uppercase}
+.tag_nav{}
+.tag_nav li{}
+.tag_nav li a{color:#ccc; display:block; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.tag_nav li a:hover{padding-left:3px}
+.footer_bottom{float:left; display:inline; width:100%; padding:10px 30px; background-color:#303030; color:#ccc}
+.copyright{float:left; width:50%; padding-top:5px; text-align:left}
+.copyright a{color:#ccc}
+.developer{float:right; width:50%; text-align:right; padding-top:5px; color:#222}
+.developer a{color:#222}
+.catgArchive{border:medium none; color:#fff; display:inline; float:left; font-weight:bold; padding:10px 15px; width:100%; margin-top:15px}
+.catgArchive option{background-color:#fff; font-weight:normal; padding:5px; color:#d083cf}
+.nav-tabs > li{display:inline-block; float:none; width:32.55%}
+.nav-tabs{ text-align:center}
+.pagination > li > a, .pagination > li > span{background-color:#000; border:1px solid #000; color:#eee; margin-right:5px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.pagination > li > a:hover, .pagination > li > a:focus{background-color:#d083cf; color:#fff; border-color:#d083cf}
+.pagination > li:first-child > a, .pagination > li:first-child > span{border-bottom-left-radius:0; border-top-left-radius:0}
+.pagination > li:last-child > a, .pagination > li:last-child > span{border-bottom-right-radius:0; border-top-right-radius:0}
+.single_page{float:left; display:inline; width:100%}
+.single_page > h1{color:#333; font-family:'Open Sans',arial,Georgia,serif; font-size:30px; line-height:1.4em; margin:10px 0 -10px; padding:0 0 4px; text-transform:uppercase}
+.post_commentbox{display:inline; float:left; width:100%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin-top:20px; padding:5px 0px}
+.post_commentbox a, .post_commentbox span{color:#798992; font-size:11px; margin-right:5px}
+.post_commentbox a > i, .post_commentbox span > i{margin-right:5px}
+.breadcrumb{background-color:#303030; border-radius:0}
+.breadcrumb li a{color:#fff}
+.single_page_content{display:inline; float:left; padding-top:20px; width:100%; border-bottom:1px solid #ddd; padding-bottom:20px}
+.single_page_content > img{max-width:100%; width:320px; height:213px; margin-bottom:15px}
+.single_page_content ul{position:relative; padding-left:25px}
+.single_page_content ul li{line-height:25px}
+.single_page_content ul li:before{content:""; height:5px; left:5px; position:absolute; width:9px; margin-top:8px}
+.single_page_content ul li:hover{opacity:0.75}
+.single_page_content h2{line-height:35px}
+.single_page_content h3{line-height:30px}
+.single_page_content h4{line-height:25px}
+.single_page_content h4{line-height:20px}
+.social_link{display:inline; float:left; margin-bottom:25px; margin-top:20px; width:100%}
+.sociallink_nav{text-align:center}
+.sociallink_nav li{display:inline-block}
+.sociallink_nav li a{color:#fff; display:inline-block; font-size:17px; padding:8px 12px; margin:0 3px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.sociallink_nav li a:hover{-webkit-transform:rotate(50deg); -moz-transform:rotate(50deg); -ms-transform:rotate(50deg); -os-transform:rotate(50deg); transform:rotate(50deg)}
+.sociallink_nav li a:hover i{-webkit-transform:rotate(-50deg); -moz-transform:rotate(-50deg); -ms-transform:rotate(-50deg); -os-transform:rotate(-50deg); transform:rotate(-50deg)}
+.sociallink_nav li:nth-child(1) > a{background:none repeat scroll 0 0 #3b5998; padding:8px 15px}
+.sociallink_nav li:nth-child(2) > a{background:none repeat scroll 0 0 #00acee}
+.sociallink_nav li:nth-child(3) > a{background:none repeat scroll 0 0 #dd4b39}
+.sociallink_nav li:nth-child(4) > a{background:none repeat scroll 0 0 #0e76a8}
+.sociallink_nav li:nth-child(5) > a{background:none repeat scroll 0 0 #c92228}
+.related_post{display:inline; float:left; margin-top:0; width:100%; margin-bottom:20px}
+.related_post > h2{border-bottom:1px solid #e3e3e3; padding-bottom:5px}
+.related_post > h2 i{font-size:25px}
+.related_post .spost_nav li{width:32%; margin-right:10px}
+.related_post .spost_nav li:last-child{margin-right:0}
+.nav-slit a{position:fixed; top:50%; display:block; outline:none; text-align:left; z-index:1000; -webkit-transform:translateY(-50%); transform:translateY(-50%)}
+.nav-slit a.prev{left:0}
+.nav-slit a.next{right:0}
+.nav-slit .icon-wrap{position:relative; display:block; padding:45px 5px}
+.nav-slit .icon-wrap i{color:#fff; font-size:40px; display:inline-block}
+.nav-slit div{position:absolute; top:0; width:200px; height:100%; background-color:#939a9f; -webkit-transition:-webkit-transform 0.3s 0.3s; transition:transform 0.3s 0.3s; -webkit-perspective:1000px; perspective:1000px}
+.nav-slit a.prev div{left:0; -webkit-transform:translateX(-100%); transform:translateX(-100%)}
+.nav-slit a.next div{right:0; text-align:right; -webkit-transform:translateX(100%); transform:translateX(100%)}
+.nav-slit h3{position:absolute; top:100%; margin:0; padding:0 20px; height:30%; color:#fff; text-transform:uppercase; letter-spacing:1px; font-weight:500; font-size:0.75em; line-height:2.75; width:200px; text-align:left; overflow:hidden; padding-top:4px; -webkit-transition:-webkit-transform 0.3s; transition:transform 0.3s; -webkit-transform:rotateX(-90deg); transform:rotateX(-90deg); -webkit-transform-origin:50% 0; transform-origin:50% 0; -webki-backface-visibility:hidden; -webkit-backface-visibility:hidden; backface-visibility:hidden}
+.nav-slit img{left:0; position:absolute; top:0; width:100%; width:200px; height:130px}
+.nav-slit a:hover div{-webkit-transform:translateX(0); transform:translateX(0)}
+.nav-slit a:hover h3{-webkit-transition-delay:0.6s; transition-delay:0.6s; -webkit-transform:rotateX(0deg); transform:rotateX(0deg)}
+.error_page{float:left; display:inline; width:100%; text-align:center}
+.error_page > h3{text-transform:uppercase}
+.error_page > h1{font-size:110px}
+.error_page > p{font-size:15px; margin:0 auto; width:80%; margin-bottom:40px}
+.error_page > span{display:inline-block; height:2px; text-align:center; width:100px}
+.error_page > a{color:#fff; display:inline-block; padding:5px 10px}
+.error_page > a:hover{opacity:0.75}
+.contact_area{float:left; display:inline; width:100%; margin-bottom:30px}
+.contact_area > h2{color:#fff; display:inline-block; font-size:20px; padding:7px 10px 5px; text-transform:uppercase; margin-bottom:30px}
+.contact_area > p{margin-bottom:20px}
+.contact_form input[type="text"], .contact_form input[type="email"], .contact_form textarea{border-radius:0; margin-bottom:30px}
+.contact_form input[type="submit"]{border:medium none; color:#fff; height:35px; padding:5px 10px; -webkit-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s}
+.contact_form input[type="submit"]:hover{border:1px solid #d083cf}
+@media(max-width:1199px ){.logo_area{width:34%}.add_banner{width:580px}.nav-tabs > li{width:32.3%}.photograph_nav li{width:31.5%}
+@media(max-width:991px ){.add_banner{display:none}.logo_area{width:100%}.nav > li > a{padding:8px 8px}.latest_post_container{height:380px;overflow:hidden}#next-button{bottom:-2px}.single_iteam{height:415px}.photograph_nav li{width:47.7%}.related_post .spost_nav li{width:100%}.nav-tabs > li{width:31.9%}.nav-tabs > li > a{font-size:13px;padding-left:0 !important;padding-right:0 !important;text-align:center}}
+@media(max-width:767px ){.navbar-collapse{padding-left:15px}.mobile-show{display:block}.desktop-home{display:none}.navbar-inverse .navbar-nav > li > a{display:block}.header_top_left{width:100%}.header_top_right > p{display:none}.social_area{display:none}.single_iteam a{height:100%}.single_iteam a > img{height:100%}.error_page > a{margin-bottom:25px}.nav-tabs > li{width:32.6%}}
+@media(max-width:480px ){.top_nav{text-align:center}.single_post_content_left{width:100%}.single_post_content_right{width:100%}.fashion{width:100%}.technology{width:100%}.copyright{text-align:center;width:100%}.developer{text-align:center;width:100%}.single_iteam{height:300px}.photo_grid figure{height:200px}.photograph_nav li{width:100%;margin-left:0}.nav > li > a{padding:8px 12px}.nav-tabs > li{width:32.6%}}
+@media(max-width:360px ){.latest_newsarea span{font-size:12px;line-height:2.2em;padding:2px 10px 1px 10px}.single_iteam{height:210px}.slider_article > p{display:none}.error_page > span{width:80px}.nav-tabs > li{width:32.3%}.pagination > li > a,.pagination > li > span{padding:4px 8px}}
+@media(max-width:320px ){.sociallink_nav li a{padding:5px 10px}.sociallink_nav li:nth-child(1) > a{padding:5px 13px}.nav-tabs > li{width:32.1%}}

website/public/css/superfish.css

@@ -0,0 +1,134 @@
+
+/*** ESSENTIAL STYLES ***/
+.sf-menu, .sf-menu * {
+	margin:			0;
+	padding:		0;
+	list-style:		none;
+}
+.sf-menu {
+	line-height:	1.0;
+}
+.sf-menu ul {
+	position:		absolute;
+	top:			-999em;
+	width:			10em; /* left offset of submenus need to match (see below) */
+}
+.sf-menu ul li {
+	width:			100%;
+}
+.sf-menu li:hover {
+	visibility:		inherit; /* fixes IE7 'sticky bug' */
+}
+.sf-menu li {
+	float:			left;
+	position:		relative;
+}
+.sf-menu a {
+	display:		block;
+	position:		relative;
+}
+.sf-menu li:hover ul,
+.sf-menu li.sfHover ul {
+	left:			0;
+	top:			2.5em; /* match top ul list item height */
+	z-index:		99;
+}
+ul.sf-menu li:hover li ul,
+ul.sf-menu li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li:hover ul,
+ul.sf-menu li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+ul.sf-menu li li:hover li ul,
+ul.sf-menu li li.sfHover li ul {
+	top:			-999em;
+}
+ul.sf-menu li li li:hover ul,
+ul.sf-menu li li li.sfHover ul {
+	left:			10em; /* match ul width */
+	top:			0;
+}
+
+/*** DEMO SKIN ***/
+.sf-menu {
+	float:			left;
+	margin-bottom:	1em;
+}
+.sf-menu a {
+	border-left:	1px solid #fff;
+	border-top:		1px solid #CFDEFF;
+	padding: 		.75em 1em;
+	text-decoration:none;
+}
+.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
+	color:			#13a;
+}
+.sf-menu li {
+	background:		#BDD2FF;
+}
+.sf-menu li li {
+	background:		#AABDE6;
+}
+.sf-menu li li li {
+	background:		#9AAEDB;
+}
+.sf-menu li:hover, .sf-menu li.sfHover,
+.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
+	background:		#CFDEFF;
+	outline:		0;
+}
+
+/*** arrows **/
+.sf-menu a.sf-with-ul {
+	padding-right: 	2.25em;
+	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
+}
+.sf-sub-indicator {
+	position:		absolute;
+	display:		block;
+	right:			.75em;
+	top:			1.05em; /* IE6 only */
+	width:			10px;
+	height:			10px;
+	text-indent: 	-999em;
+	overflow:		hidden;
+}
+a > .sf-sub-indicator {  /* give all except IE6 the correct values */
+	top:			.8em;
+	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
+}
+/* apply hovers to modern browsers */
+a:focus > .sf-sub-indicator,
+a:hover > .sf-sub-indicator,
+a:active > .sf-sub-indicator,
+li:hover > a > .sf-sub-indicator,
+li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px -100px; /* arrow hovers for modern browsers*/
+}
+
+/* point right for anchors in subs */
+.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
+.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
+/* apply hovers to modern browsers */
+.sf-menu ul a:focus > .sf-sub-indicator,
+.sf-menu ul a:hover > .sf-sub-indicator,
+.sf-menu ul a:active > .sf-sub-indicator,
+.sf-menu ul li:hover > a > .sf-sub-indicator,
+.sf-menu ul li.sfHover > a > .sf-sub-indicator {
+	background-position: -10px 0; /* arrow hovers for modern browsers*/
+}
+
+/*** shadows for all but IE6 ***/
+.sf-shadow ul {
+	padding: 0 8px 9px 0;
+	-moz-border-radius-bottomleft: 17px;
+	-moz-border-radius-topright: 17px;
+	-webkit-border-top-right-radius: 17px;
+	-webkit-border-bottom-left-radius: 17px;
+}
+.sf-shadow ul.sf-shadow-off {
+	background: transparent;
+}

website/public/css/theme.css

@@ -0,0 +1,44 @@
+/* Paars: #5C2483, rgb(92, 36, 131) 
+   Roze:  #E30051, rgb(277, 0, 81)
+   Geel:  #F9B805, rgb(249, 184, 5)
+   Licht: 
+*/
+.navbar-inverse{background-color:#5C2483;}
+.scrollToTop{background-color:rgb(277,0,81); color:#fff}
+.scrollToTop:hover, .scrollToTop:focus{background-color:#fff; color:rgb(277,0,81); border-color:1px solid rgb(277,0,81)}
+.logo > span{color:rgb(277,0,81)}
+.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{background-color:#e30051}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
+.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{background-color:#a970d1}
+.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{background-color:#a970d1}
+.latest_newsarea span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.latest_post > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
+#prev-button{color:rgb(277,0,81)}
+#next-button{color:rgb(277,0,81)}
+.single_post_content > h2 span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.single_sidebar > h2 span{ background:none repeat scroll 0 0 rgb(277,0,81)}
+.bsbig_fig figcaption a:hover{color:rgb(277,0,81)}
+.spost_nav .media-body > a:hover{color:rgb(277,0,81)}
+.cat-item a:hover{background-color:rgb(277,0,81)}
+.nav-tabs > li > a:hover, .nav-tabs > li > a:focus{background-color:rgb(277,0,81)}
+.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{background-color:rgb(277,0,81)}
+.single_sidebar > ul > li a:hover{color:rgb(277,0,81)}
+.footer_widget > h2:hover{color:rgb(277,0,81)}
+.tag_nav li a:hover{color:rgb(277,0,81); border-color:rgb(277,0,81)}
+.copyright a:hover{color:rgb(277,0,81)}
+.post_commentbox a:hover, .post_commentbox span:hover{color:rgb(277,0,81)}
+.breadcrumb{border-left:10px solid rgb(277,0,81)}
+.single_page_content ul li:before{background-color:rgb(277,0,81)}
+.nav-slit .icon-wrap{background-color:rgb(277,0,81)}
+.nav-slit h3{background:rgb(277,0,81)}
+.catgArchive{background-color:rgb(277,0,81)}
+.error_page > h3{color:rgb(277,0,81)}
+.error_page > span{background:none repeat scroll 0 0 rgb(277,0,81)}
+.error_page > a{background-color:rgb(277,0,81)}
+.contact_area > h2{background-color:rgb(277,0,81)}
+.contact_form input[type="submit"]{background-color:rgb(277,0,81)}
+.contact_form input[type="submit"]:hover{background-color:#fff; color:rgb(277,0,81)}
+.related_post > h2 i{color:rgb(277,0,81)}
+.form-control:focus{border-color:rgb(277,0,81);  box-shadow:0 0px 1px rgb(277,0,81) inset,0 0 5px rgb(277,0,81)}