Merge branch 'issue-65' of krzysiej/paper-pi into master

# Conflicts:
#	app/Paper/HtmlToPos.php

.gitignore

@@ -7,3 +7,4 @@
 Homestead.json
 Homestead.yaml
 .env
+database/printer.db

README.md

@@ -0,0 +1,40 @@
+<p align="center"><img src="https://laravel.com/assets/img/components/logo-laravel.svg"></p>
+
+<p align="center">
+<a href="https://travis-ci.org/laravel/framework"><img src="https://travis-ci.org/laravel/framework.svg" alt="Build Status"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/d/total.svg" alt="Total Downloads"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/v/stable.svg" alt="Latest Stable Version"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/license.svg" alt="License"></a>
+</p>
+
+## About Laravel
+
+Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable, creative experience to be truly fulfilling. Laravel attempts to take the pain out of development by easing common tasks used in the majority of web projects, such as:
+
+- [Simple, fast routing engine](https://laravel.com/docs/routing).
+- [Powerful dependency injection container](https://laravel.com/docs/container).
+- Multiple back-ends for [session](https://laravel.com/docs/session) and [cache](https://laravel.com/docs/cache) storage.
+- Expressive, intuitive [database ORM](https://laravel.com/docs/eloquent).
+- Database agnostic [schema migrations](https://laravel.com/docs/migrations).
+- [Robust background job processing](https://laravel.com/docs/queues).
+- [Real-time event broadcasting](https://laravel.com/docs/broadcasting).
+
+Laravel is accessible, yet powerful, providing tools needed for large, robust applications. A superb combination of simplicity, elegance, and innovation give you tools you need to build any application with which you are tasked.
+
+## Learning Laravel
+
+Laravel has the most extensive and thorough documentation and video tutorial library of any modern web application framework. The [Laravel documentation](https://laravel.com/docs) is thorough, complete, and makes it a breeze to get started learning the framework.
+
+If you're not in the mood to read, [Laracasts](https://laracasts.com) contains over 900 video tutorials on a range of topics including Laravel, modern PHP, unit testing, JavaScript, and more. Boost the skill level of yourself and your entire team by digging into our comprehensive video library.
+
+## Contributing
+
+Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](http://laravel.com/docs/contributions).
+
+## Security Vulnerabilities
+
+If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell at taylor@laravel.com. All security vulnerabilities will be promptly addressed.
+
+## License
+
+The Laravel framework is open-sourced software licensed under the [MIT license](http://opensource.org/licenses/MIT).

app/Http/Controllers/AirlyController.php

@@ -0,0 +1,93 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 10.02.2017
+ * Time: 20:10
+ */
+
+namespace App\Http\Controllers;
+set_time_limit(-1);
+
+use App\Paper\Airly;
+use App\Paper\Paper;
+use Illuminate\Http\Request;
+
+class AirlyController extends Controller
+{
+
+    private $paper = null;
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+    }
+
+    /**
+     * get:/airly_all
+     * @return \Illuminate\Http\RedirectResponse
+     */
+    public function airly_all()
+    {
+        $airly = new Airly();
+        $this->paper->sendImagePrint($airly->icon);
+        $this->paper->sendHeaderPrint('Jakość powietrza:' . PHP_EOL . date('H:i d-m-Y'));
+        $airly->setStations(config('paper.airly.stations'));
+
+        foreach ($airly->getStations() as $stationId) {
+            $stationInfo = $airly->getStationInfo($stationId);
+            $this->paper->sendHeaderPrint($stationInfo['address']['locality'] . ' ' . $stationInfo['address']['route']);
+            $dataText = $airly->getInformationText($stationId);
+            $this->paper->sendPrint('', $dataText);
+        }
+        return back();
+    }
+
+    public function airly_rzeczypospolitej()
+    {
+        $airly = new Airly();
+        $this->paper->sendImagePrint($airly->icon);
+        $this->paper->sendHeaderPrint('Jakość powietrza:' . PHP_EOL . date('H:i d-m-Y'));
+        $airly->setStations([config('paper.airly.rzeczypospolitej')]);
+
+        foreach ($airly->getStations() as $stationId) {
+            $stationInfo = $airly->getStationInfo($stationId);
+            $this->paper->sendHeaderPrint($stationInfo['address']['locality'] . ' ' . $stationInfo['address']['route']);
+            $dataText = $airly->getInformationText($stationId);
+            $this->paper->sendPrint('', $dataText);
+        }
+        return back();
+    }
+
+    public function airly_grunwaldzka()
+    {
+        $airly = new Airly();
+        $this->paper->sendImagePrint($airly->icon);
+        $this->paper->sendHeaderPrint('Jakość powietrza:' . PHP_EOL . date('H:i d-m-Y'));
+        $airly->setStations([config('paper.airly.grunwaldzka')]);
+
+        foreach ($airly->getStations() as $stationId) {
+            $stationInfo = $airly->getStationInfo($stationId);
+            $this->paper->sendHeaderPrint($stationInfo['address']['locality'] . ' ' . $stationInfo['address']['route']);
+            $dataText = $airly->getInformationText($stationId);
+            $this->paper->sendPrint('', $dataText);
+        }
+        return back();
+    }
+
+    public function airly_sowinskiego()
+    {
+        $airly = new Airly();
+        $this->paper->sendImagePrint($airly->icon);
+        $this->paper->sendHeaderPrint('Jakość powietrza:' . PHP_EOL . date('H:i d-m-Y'));
+        $airly->setStations([config('paper.airly.sowinskiego')]);
+
+        foreach ($airly->getStations() as $stationId) {
+            $stationInfo = $airly->getStationInfo($stationId);
+            $this->paper->sendHeaderPrint($stationInfo['address']['locality'] . ' ' . $stationInfo['address']['route']);
+            $dataText = $airly->getInformationText($stationId);
+            $this->paper->sendPrint('', $dataText);
+        }
+        return back();
+    }
+}

app/Http/Controllers/Keyboard.php

@@ -2,25 +2,125 @@
 
 namespace App\Http\Controllers;
 
-use App\Paper\CinemaMultikino;
-use DiDom\Query;
-use Illuminate\Http\Request;
-use DiDom\Document;
 use App\Paper\Paper;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
 
 class Keyboard extends Controller
 {
-
+    public function press(Request $request, $key)
-    private $paper;
-
-    public function __construct()
     {
-        $this->paper = new Paper();
+
+        $keyboardData = DB::table('keyboard')->where('key', $key)->first();
+
+        if (isset($keyboardData) && isset($keyboardData->action)) {
+
+
+            $keyboardAction = explode('_', $keyboardData->action);
+
+            switch ($keyboardAction[0]) {
+                case 'settings':
+                    $settings = new Settings();
+                    $settings->printMappedKeys();
+
+                    break;
+                case 'airly':
+                    $airly = new AirlyController();
+                    switch ($keyboardAction[1]) {
+                        case 'all':
+                            $airly->airly_all();
+                            break;
+                        case 'rzeczypospolitej':
+                            $airly->airly_rzeczypospolitej();
+                            break;
+                        case 'grunwaldzka':
+                            $airly->airly_grunwaldzka();
+                            break;
+                        case 'sowinskiego':
+                            $airly->airly_sowinskiego();
+                            break;
+                    }
+                    break;
+                case 'note':
+                    switch ($keyboardAction[1]) {
+                        case 'last':
+                            $main = new Main();
+                            $main->noteLast();
+                            break;
+                        case $keyboardAction[1] > 0:
+                            $main = new Main();
+                            $main->printNote((int)$keyboardAction[1]);
+                            break;
+                    }
+                    break;
+                case 'repertoire':
+                    switch ($keyboardAction[1]) {
+                        case 'all':
+                            switch ($keyboardAction[2]) {
+                                case 'today':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->today_repertoire($request);
+                                    break;
+                                case 'tomorrow':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->tomorrow_repertoire($request);
+                                    break;
+                            }
+                            break;
+                        case 'helios':
+                            switch ($keyboardAction[2]) {
+                                case 'today':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->today_helios($request);
+                                    break;
+                                case 'tomorrow':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->tomorrow_helios($request);
+                                    break;
+                            }
+                            break;
+                        case 'multikino':
+                            switch ($keyboardAction[2]) {
+                                case 'today':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->today_multikino($request);
+                                    break;
+                                case 'tomorrow':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->tomorrow_multikino($request);
+                                    break;
+                            }
+                            break;
+                        case 'cinemacity':
+                            switch ($keyboardAction[2]) {
+                                case 'today':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->today_cinemacity($request);
+                                    break;
+                                case 'tomorrow':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->tomorrow_cinemacity($request);
+                                    break;
+                            }
+                            break;
+                        case 'gdynskiecentrumfilmowe':
+                            switch ($keyboardAction[2]) {
+                                case 'today':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->today_gdynskiecentrumfilmowe($request);
+                                    break;
+                                case 'tomorrow':
+                                    $repertoire = new Repertoire();
+                                    $repertoire->tomorrow_gdynskiecentrumfilmowe($request);
+                                    break;
+                            }
+                            break;
+                    }
+                    break;
+            }
         }
 
-    public function press($key)
+
-    {
-        $this->paper->sendPrint($key);
     }
 
 }

app/Http/Controllers/Main.php

@@ -9,11 +9,8 @@
 namespace App\Http\Controllers;
 set_time_limit(-1);
 
-use App\Paper\Airly;
 use App\Paper\Paper;
 use Illuminate\Support\Facades\DB;
-use Mike42\Escpos\PrintConnectors\FilePrintConnector;
-use Mike42\Escpos\Printer;
 use Intervention\Image\ImageManagerStatic as Image;
 use Mike42\Escpos\EscposImage;
 use Illuminate\Http\Request;
@@ -34,6 +31,7 @@ class Main extends Controller
      * post::/printImage
      * @param Request $request
      * @return \Illuminate\Http\RedirectResponse
+     * @throws \Exception
      */
     public function imagePrint(Request $request)
     {
@@ -51,7 +49,7 @@ class Main extends Controller
 
 
         $image = $image->greyscale()
-            ->resize(300, null, function ($constraint) {
+            ->resize(370, null, function ($constraint) {
                 $constraint->aspectRatio();
                 $constraint->upsize();
             });
@@ -108,13 +106,10 @@ class Main extends Controller
 //        Header("Content-type: image/png");
         imagepng($output, $fileName, 9); //to print to screen
 
-
-        $connector = new FilePrintConnector("/dev/usb/lp0");
-        $printer = new Printer($connector);
         $img = EscposImage::load($fileName, false);
-        $printer->bitImage($img);
+        $this->paper->getPrinter()->bitImage($img);
 
-        $printer->feed(4);
+        $this->paper->getPrinter()->feed(4);
 
         return back();
     }
@@ -139,39 +134,60 @@ class Main extends Controller
     }
 
     /**
-     * get:/airly
+     * get:/filte/{$filter?}
      * @param Request $request
-     * @return \Illuminate\Http\RedirectResponse
+     * @param null $filter
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
      */
-    public function airly(Request $request)
+    public function filterView(Request $request, $filter = 'empty')
     {
-        $airly = new Airly();
+        $notes = DB::select('SELECT *, CASE WHEN icon IS NULL
-        $this->paper->sendImagePrint('cloud.png');
+       THEN \'empty\'
-        $this->paper->sendHeaderPrint('Jakość powietrza:' . PHP_EOL . date('H:i d-m-Y'));
+       ELSE icon
-        foreach ($airly->getStations() as $stationId) {
+       END AS new_icon FROM note WHERE type = "note" AND new_icon = :icon ORDER BY updated_at DESC', ['icon' => $filter]);
-            $stationInfo = $airly->getStationInfo($stationId);
+        $templates = DB::select('SELECT *, CASE WHEN icon IS NULL
-            $this->paper->sendHeaderPrint($stationInfo['address']['locality'] . ' ' . $stationInfo['address']['route']);
+       THEN \'empty\'
-            $dataText = $airly->getInformationText($stationId);
+       ELSE icon
-            $this->paper->sendPrint('', $dataText);
+        END AS new_icon FROM note WHERE type = "template" AND new_icon = :icon ORDER BY updated_at DESC', ['icon' => $filter]);
-        }
+        return view('list', [
-        return back();
+            'filter' => $filter,
-
+            'notes' => $notes,
+            'templates' => $templates,
+            'title' => $request->old('title'),
+            'text' => $request->old('text'),
+            'icon_selected' => $request->old('icon'),
+            'icons' => $this->paper->getIcons()
+        ]);
     }
 
     /**
      * post::/print/{id}
+     * @param Request $request
      * @param $id
      * @return \Illuminate\Http\RedirectResponse
      */
-    public function printText($id)
+    public function printText(Request $request, $id)
     {
-        $note = DB::table('note')->where('id', $id)->first();
+        $note = $this->printNote($id);
-        $this->paper->sendPrint($note->topic, $note->text, $note->icon);
+        $request->session()->flash('print_status', 'Wydrukowano notatkę: ' . $note->topic . '!');
         return back();
     }
 
-    private function templateReplace($input){
+    public function printNote($noteId)
+    {
+        $note = DB::table('note')->where('id', $noteId)->first();
+        $this->paper->sendPrint($note->topic, $note->text, $note->icon);
+        return $note;
+    }
 
+    public function noteLast()
+    {
+        $note = DB::table('note')->orderBy('id', 'desc')->first();
+        $this->printNote($note->id);
+    }
+
+    private function templateReplace($input)
+    {
         return str_replace(['[d]', '[m]', '[y]', '[h]', '[i]', '[s]'],
             [date('d'), date('m'), date('Y'), date('H'), date('i'), date('s')],
             $input);
@@ -186,7 +202,7 @@ class Main extends Controller
      * @param $slug
      * @return \Illuminate\Contracts\View\Factory|\Illuminate\Http\RedirectResponse|\Illuminate\View\View
      */
-    public function edit(Request $request, $id, $slug)
+    public function edit(Request $request, $id, $slug = null)
     {
         $note = DB::table('note')->where('id', $id)->first();
         if ($request->isMethod('post')) {
@@ -200,11 +216,13 @@ class Main extends Controller
                             'text' => $this->templateReplace($request->input('text')),
                             'icon' => $request->input('icon'),
                             'type' => self::NOTE,
+                            'private' => $request->input('private', 0),
                             'created_at' => time(),
                             'updated_at' => time()
                         ]);
                     $note = DB::table('note')->where('id', $id)->first();
                 } else {
+
                     DB::table('note')
                         ->where('id', $note->id)
                         ->update([
@@ -212,6 +230,7 @@ class Main extends Controller
                             'topic_slug' => str_slug($request->input('title'), '_'),
                             'text' => $request->input('text'),
                             'icon' => $request->input('icon'),
+                            'private' => $request->input('private',0),
                             'updated_at' => time(),
                         ]);
                 }
@@ -222,6 +241,7 @@ class Main extends Controller
                 return redirect()->route('list');
             } elseif ($request->exists('print')) {
                 $this->paper->sendPrint($request->input('title'), $request->input('text'), $request->input('icon'));
+                $request->session()->flash('print_status', 'Wydrukowano notatkę: ' . (strlen($request->input('title')) ? $request->input('title') : substr($request->input('text'), 0, 20)) . '!');
             }
             return redirect()->route('edit', ['id' => $note->id, 'slug' => $note->topic_slug]);
         } else {
@@ -230,6 +250,7 @@ class Main extends Controller
                 'text' => $note->text,
                 'icon_selected' => $note->icon,
                 'type' => $note->type,
+                'private' => $note->private,
                 'id' => $note->id,
                 'icons' => $this->paper->getIcons(),
                 'topic_slug' => $note->topic_slug,
@@ -253,6 +274,7 @@ class Main extends Controller
                     'text' => $request->input('text'),
                     'icon' => $request->input('icon'),
                     'type' => self::NOTE,
+                    'private' => $request->input('private',0),
                     'created_at' => time(),
                     'updated_at' => time()
                 ]);
@@ -266,6 +288,7 @@ class Main extends Controller
                     'text' => $request->input('text'),
                     'icon' => $request->input('icon'),
                     'type' => self::TEMPLATE,
+                    'private' => $request->input('private',0),
                     'created_at' => time(),
                     'updated_at' => time()
                 ]);
@@ -273,6 +296,7 @@ class Main extends Controller
             return redirect()->route('edit', ['id' => $note->id, 'slug' => $note->topic_slug]);
         } else {
             $this->paper->sendPrint($request->input('title'), $request->input('text'), $request->input('icon'));
+            $request->session()->flash('print_status', 'Wydrukowano szybką notatkę: ' . (strlen($request->input('title')) ? $request->input('title') : substr($request->input('text'), 0, 20)) . '!');
             return back()->withInput();
         }
 

app/Http/Controllers/Plivo.php

@@ -0,0 +1,27 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Paper\Paper;
+use Illuminate\Http\Request;
+
+class Plivo extends Controller
+{
+    /** @var Paper */
+    private $paper;
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+    }
+
+
+    public function recieveSms(Request $request)
+    {
+        if ($request->isMethod('post')) {
+            $this->paper->sendPrint('SMS od '. $request->input('From'), $request->input('Text')."\n\n".date('d-m-Y H:i'), 'envelope-o');
+        }
+    }
+
+
+}

app/Http/Controllers/Repertoire.php

@@ -2,15 +2,18 @@
 
 namespace App\Http\Controllers;
 
+use App\Paper\CinemaCinemaCity;
+use App\Paper\CinemaGdynskieCentrumFilmowe;
+use App\Paper\CinemaHelios;
 use App\Paper\CinemaMultikino;
-use DiDom\Document;
 use App\Paper\Paper;
+use Illuminate\Http\Request;
 
 class Repertoire extends Controller
 {
 
     private $main;
-    private $icon = '/small/film.png';
+    private $icon = 'film';
 
     public function __construct()
     {
@@ -18,202 +21,130 @@ class Repertoire extends Controller
     }
 
 
-    public function today_cinemacity()
+    public function today_cinemacity(Request $request)
     {
-        $date = date('d/m/Y');
+        $cinemacity = new CinemaCinemaCity();
-        $repertuarText = $this->cinemacityRepertuar($date);
+        $cinemacity->setCinemaId(1010912);
-        $this->main->sendPrint('', $repertuarText, $this->icon, $this->icon);
+        $cinemacity->setDay(date('Y-m-d'));
+        $repertuarText = $cinemacity->convertToPrint();
+
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar CinemaCity na dzisiaj!');
+
         return back();
     }
 
 
-    public function tomorrow_cinemacity()
+    public function tomorrow_cinemacity(Request $request)
     {
-        $date = new \DateTime();
+        $cinemacity = new CinemaCinemaCity();
-        $date->modify('+1 day');
+        $cinemacity->setCinemaId(1010912);
-        $repertuarText = $this->cinemacityRepertuar($date->format('d/m/Y'));
+        $cinemacity->setDay(date_create()->modify('+1 day')->format('Y-m-d'));
-        $this->main->sendPrint('', $repertuarText, $this->icon, $this->icon);
+        $repertuarText = $cinemacity->convertToPrint();
+
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar CinemaCity na jutro!');
+
         return back();
     }
 
-    public function cinemacityRepertuar($date)
-    {
-        $url = 'https://www.cinema-city.pl/scheduleInfo?locationId=1010308&date=' . $date . '&venueTypeId=0&hideSite=false&openedFromPopup=1';
 
-        $document = new Document($url, true);
+    public function today_multikino(Request $request)
-        $text = "Repertuar Cinema-City\n";
-        $text .= str_replace('/', '-', $date) . "\n\n";
-
-        $movies = $document->find('table tbody tr');
-        foreach ($movies as $movie) {
-//            dump($movie);
-            $text .= $movie->find('.featureLink')[0]->text() . "\n";
-            $hours = [];
-            foreach ($movie->find('.prsnt a') as $projection) {
-                $hours[] = trim($projection->text());
-            }
-            $text .= implode(', ', $hours) . "\n\n";
-        }
-        return $text;
-    }
-
-
-    private function multikinoRepertuar($date)
-    {
-
-        $text = '';
-        $repertuar = json_decode(file_get_contents('https://multikino.pl/pl/repertoire/cinema/seances?id=4&from=' . $date));
-        $text .= "Repertuar Multikino Gdańsk\n";
-        $text .= $date . "\n\n";
-
-        foreach ($repertuar->results as $movie) {
-            $text .= $movie->title . "\n";
-            $text .= $movie->print_version . "\n";
-
-            $hours = [];
-            foreach ($movie->seances as $seans) {
-                $hours[] = date('H:i', strtotime($seans->beginning_date));
-            }
-            $text .= implode(', ', $hours) . "\n\n";
-        }
-
-        return $text;
-    }
-
-    public function today_multikino()
     {
         $multikino = new CinemaMultikino();
 
-        $repertuarText = $multikino->convertToPrint(date('Y-m-d'), 4);
+        $multikino->setCinemaId(4);
+        $multikino->setDay(date('Y-m-d'));
+
+        $repertuarText = $multikino->convertToPrint();
         $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Multikina na dzisiaj!');
+
         return back();
     }
 
-    public function tomorrow_multikino()
+    public function tomorrow_multikino(Request $request)
     {
-        $date = new \DateTime();
-        $date->modify('+1 day');
-
         $multikino = new CinemaMultikino();
-        $repertuarText = $multikino->convertToPrint($date->format('Y-m-d'), 4);
+        $multikino->setDay(date_create()->modify('+1 day')->format('Y-m-d'));
+        $multikino->setCinemaId(4);
+
+        $repertuarText = $multikino->convertToPrint();
         $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Multikina na jutro!');
+
         return back();
-
-
-//        $repertuarText = $this->multikinoRepertuar($date->format('Y-m-d'));
-//        $this->main->sendPrint('', $repertuarText);
-//        return back();
     }
 
 
-    public function tomorrow_gdynskiecentrumfilmowe()
+    public function tomorrow_gdynskiecentrumfilmowe(Request $request)
     {
-        $date = new \DateTime();
+        $gdynskieCentrumFilmowe = new CinemaGdynskieCentrumFilmowe();
-        $date->modify('+1 day');
+        $gdynskieCentrumFilmowe->setDay(date_create()->modify('+1 day')->format('d_m_Y'));
+        $repertuarText = $gdynskieCentrumFilmowe->convertToPrint();
 
-        $repertuarText = $this->gdynskieCentrumFilmowe($date->format('d_m_Y'));
         $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Gdyńskiego Centrum Filmowego na jutro!');
+
         return back();
     }
 
-    public function today_gdynskiecentrumfilmowe()
+    public function today_gdynskiecentrumfilmowe(Request $request)
     {
-        $date = date('d_m_Y');
+        $gdynskieCentrumFilmowe = new CinemaGdynskieCentrumFilmowe();
-        $repertuarText = $this->gdynskieCentrumFilmowe($date);
+        $gdynskieCentrumFilmowe->setDay(date('d_m_y'));
+        $repertuarText = $gdynskieCentrumFilmowe->convertToPrint();
+
         $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Gdyńskiego Centrum Filmowego na jutro!');
+
         return back();
     }
 
-    public function today_helios()
+    public function today_helios(Request $request)
     {
-        $this->main->sendPrint('', $this->helios(0, 2), $this->icon);
+        $helios = new CinemaHelios();
-        $this->main->sendPrint('', $this->helios(0, 49));
+        $helios->setDay(0);
+        $helios->setCinemaId([2, 49]);
+        $helios->convertToPrint();
+
+        $repertuarText = $helios->convertToPrint();
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Helios na dzisiaj!');
         return back();
     }
 
-    public function tomorrow_helios()
+    public function tomorrow_helios(Request $request)
     {
-        $this->main->sendPrint('', $this->helios(1, 2), $this->icon);
+        $helios = new CinemaHelios();
-        $this->main->sendPrint('', $this->helios(1, 49));
+        $helios->setDay(1);
+        $helios->setCinemaId([2, 49]);
+        $helios->convertToPrint();
+
+        $repertuarText = $helios->convertToPrint();
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Helios na jutro!');
         return back();
     }
 
-    public function today_repertoire()
+    public function today_repertoire(Request $request)
     {
-
+        $this->today_multikino($request);
-        $this->today_multikino();
+        $this->today_cinemacity($request);
-        $this->today_cinemacity();
+        $this->today_helios($request);
-        $this->today_helios();
+        $this->today_gdynskiecentrumfilmowe($request);
-        $this->today_gdynskiecentrumfilmowe();
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Heliosa, Multikina, CinemaCity i Gdyńskiego Centrum Filmowego na dzisiaj!');
-
+        return back();
     }
 
-    public function tomorrow_repertoire()
+    public function tomorrow_repertoire(Request $request)
     {
-
+        $this->tomorrow_multikino($request);
-        $this->tomorrow_multikino();
+        $this->tomorrow_cinemacity($request);
-        $this->tomorrow_cinemacity();
+        $this->tomorrow_helios($request);
-        $this->tomorrow_helios();
+        $this->tomorrow_gdynskiecentrumfilmowe($request);
-        $this->tomorrow_gdynskiecentrumfilmowe();
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Heliosa, Multikina, CinemaCity i Gdyńskiego Centrum Filmowego na jutro!');
-    }
+        return back();
-
-    private function helios($day, $cinemaId)
-    {
-        $url = 'http://www.helios.pl/2,Gdansk/Repertuar/axRepertoire/?dzien=' . $day . '&kino=' . $cinemaId;
-
-
-        $data = json_decode(file_get_contents($url));
-        $document = new Document();
-        $data->html = str_replace(["\n", "\t"], '', $data->html);
-        $document->loadHtml($data->html);
-
-
-        $cinemas = [2 => 'Helios Alfa', 49 => 'Helios Metropolia'];
-
-        $text = '';
-        $text .= "Repertuar $cinemas[$cinemaId]\n";
-
-        $date = new \DateTime();
-        $date->modify('+' . $day . ' day');
-
-        $text .= $date->format('d-m-Y') . "\n\n";
-
-
-        foreach ($document->find('.seance') as $seans) {
-            $text .= trim($seans->find('.movie-title')[0]->text()) . "\n";
-            $hours = [];
-            foreach ($seans->find('.time li') as $hour) {
-                $hours[] = $hour->text();
-            }
-            $text .= implode(', ', array_unique($hours)) . "\n\n";
-        }
-
-        return $text;
-    }
-
-
-    private function gdynskieCentrumFilmowe($date)
-    {
-
-
-        $url = 'http://www.gdynskiecentrumfilmowe.pl/kino_studyjne/repertuar/,' . strtotime($date) . ',_' . $date . '.html';
-        $document = new Document($url, true);
-        $text = '';
-        $text .= "Repertuar Gdyńskie Centrum Filmowe\n";
-        $text .= str_replace('_', '-', $date) . "\n\n";
-
-        $movies = $document->find('.articles .article-item');
-        foreach ($movies as $movie) {
-
-            $text .= $movie->find('.item-title-int')[0]->text() . "\n";
-            $hours = [];
-            foreach ($movie->find('.projection span') as $projection) {
-                $hours[] = $projection->innerHtml();
-            }
-            $text .= implode(', ', array_unique($hours)) . "\n\n";
-        }
-
-        return $text;
     }
 
 }

app/Http/Controllers/Settings.php

@@ -0,0 +1,119 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 10.02.2017
+ * Time: 20:10
+ */
+
+namespace App\Http\Controllers;
+set_time_limit(-1);
+
+use App\Paper\Paper;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+
+class Settings extends Controller
+{
+
+    private $paper = null;
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+    }
+
+    /**
+     * get:/
+     * @param Request $request
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
+     */
+    public function mainView(Request $request)
+    {
+
+        $keyboard = DB::select('SELECT * FROM keyboard');
+        return view('settings', [
+            'keyboard' => $keyboard,
+            'actions' => $this->getActions()
+        ]);
+    }
+
+    public function getMappedKeys()
+    {
+        $keys = DB::table('keyboard')->get();
+        $text = '';
+        $actions = $this->getActions('');
+        foreach ($keys as $key) {
+            $text .= '[' . $key->key . '] ' . $actions[$key->action] . "\n";
+        }
+        return $text;
+    }
+
+    public function printMappedKeys()
+    {
+        $this->paper->sendPrint('Zmapowane klawisze', $this->getMappedKeys());
+    }
+
+    public function save(Request $request)
+    {
+        foreach ($request->input('key') as $keyid => $keyValue) {
+            DB::table('keyboard')
+                ->where('id', $keyid)
+                ->update([
+                    'action' => $keyValue,
+                ]);
+        }
+        return redirect()->route('settingsList');
+    }
+
+    private function getActions($noActionText = 'Bez akcji')
+    {
+        $actions = [];
+        $actions[''] = $noActionText;
+
+        $actions['separator0'] = 'separator';
+
+        $actions['settings_list'] = 'Lista zmapowanych klawiszy';
+
+        $actions['separator1'] = 'separator';
+
+        $actions['repertoire_all_today'] = 'Repertuar wszystkie kina dzisiaj';
+        $actions['repertoire_all_tomorrow'] = 'Repertuar wszystkie kina jutro';
+
+        $actions['repertoire_helios_today'] = 'Repertuar Helios dzisiaj';
+        $actions['repertoire_helios_tomorrow'] = 'Repertuar Helios jutro';
+
+        $actions['repertoire_multikino_today'] = 'Repertuar Multikino dzisiaj';
+        $actions['repertoire_multikino_tomorrow'] = 'Repertuar Multikino jutro';
+
+        $actions['repertoire_cinemacity_today'] = 'Repertuar Cinema-City dzisiaj';
+        $actions['repertoire_cinemacity_tomorrow'] = 'Repertuar Cinema-City jutro';
+
+        $actions['repertoire_gdynskiecentrumfilmowe_today'] = 'Repertuar Gdyńskie Centrum filmowe dzisiaj';
+        $actions['repertoire_gdynskiecentrumfilmowe_tomorrow'] = 'Repertuar Gdyńskie Centrum filmowe jutro';
+
+        $actions['separator2'] = 'separator';
+        $actions['airly_all'] = 'Airly wszystkie stacje';
+        $actions['airly_rzeczypospolitej'] = 'Airly (Rzeczypospolitej)';
+        $actions['airly_grunwaldzka'] = 'Airly (Grunwaldzka)';
+        $actions['airly_sowinskiego'] = 'Airly (Sowińskiego)';
+
+//        $actions['separator3'] = 'separator';
+//        $actions['spacex_next_flight'] = 'Najbliższy lot SpaceX';
+//        $actions['spacex_prev_flight'] = 'Poprzedni lot SpaceX';
+//        $actions['spacex_all_next_summary'] = 'Wszystkie zaplanowane loty SpaceX (skrót)';
+
+        $actions['separator4'] = 'separator';
+        $actions['note_last'] = 'Ostatnia zapisana notatka';
+
+
+        $actions['separator5'] = 'separator';
+
+        $notes = DB::select('SELECT * FROM note WHERE type = "note" ORDER BY updated_at DESC');
+        foreach ($notes as $note) {
+            $actions['note_' . $note->id] = 'Notatka: ' . $note->topic;
+        }
+        return $actions;
+    }
+
+}

app/Http/Middleware/VerifyCsrfToken.php

@@ -12,6 +12,6 @@ class VerifyCsrfToken extends BaseVerifier
      * @var array
      */
     protected $except = [
-        //
+        'sms'
     ];
 }

app/Paper/Airly.php

@@ -6,18 +6,28 @@ namespace App\Paper;
 class Airly
 {
 
-    private $apiKey = '8b6d77b2950e4e018b0684912bf7b9ed';
+    private $apiKey;
 
+    public $icon = 'cloud';
 
-    private $stations = ['2210', '2256', '2180'];
+    private $stations = [];
     private $airlyApi = 'https://airapi.airly.eu/v1';
 
 
+    public function __construct()
+    {
+        $this->apiKey = config('paper.airly.api_key');
+    }
+
     public function getStations()
     {
         return $this->stations;
     }
 
+    public function setStations(array $stations){
+        $this->stations = $stations;
+    }
+
     function getStationInfo($stationId)
     {
         return json_decode(file_get_contents(sprintf('%s/sensors/%d?apikey=%s', $this->airlyApi, $stationId, $this->apiKey)), 1);

app/Paper/CinemaCinemaCity.php

@@ -0,0 +1,79 @@
+<?php
+
+namespace App\Paper;
+
+use App\Paper\Interfaces\Cinema;
+use DiDom\Document;
+
+class CinemaCinemaCity implements Cinema
+{
+
+    private $cinemaId;
+    private $day;
+
+    public function setCinemaId($cinemaId)
+    {
+        $this->cinemaId = $cinemaId;
+    }
+
+    public function setDay($day)
+    {
+        $this->day = $day;
+    }
+
+    function fetchRepertorire()
+    {
+        if (is_null($this->cinemaId) || is_null($this->day))
+            throw new \Exception('Day or cinemaid not set.');
+
+        $url = 'https://www.cinema-city.pl/pgm-list-byfeat?si=' . $this->cinemaId . '&sort=cin&bd=' . $this->day;
+
+        return file_get_contents($url);
+
+    }
+
+    function parseRepertoire()
+    {
+        $document = $this->fetchRepertorire();
+        $document = json_decode($document);
+
+
+        $movies = [];
+
+        $date = date('d/m/Y', strtotime($this->day));
+        foreach ($document as $movieData) {
+            $movie = [];
+            $movie['title'] = $movieData->n;
+            $movie['hours'] = [];
+
+            foreach ($movieData->BD as $projections) {
+                if ($projections->date == $date) {
+                    foreach ($projections->P as $projection) {
+                        $movie['hours'][] = $projection->time;
+                    }
+                }
+            }
+            if (count($movie['hours']) > 0) {
+                $movies[] = $movie;
+            }
+
+        }
+
+
+        return $movies;
+    }
+
+    function convertToPrint()
+    {
+        $cinemas = $this->parseRepertoire();
+
+        $text = "Repertuar Cinema-City\n";
+        $text .= $this->day . "\n\n";
+
+        foreach ($cinemas as $movie) {
+            $text .= $movie['title'] . "\n";
+            $text .= implode(',', $movie['hours'] ). "\n\n";
+        }
+        return $text;
+    }
+}

app/Paper/CinemaGdynskieCentrumFilmowe.php

@@ -0,0 +1,82 @@
+<?php
+
+namespace App\Paper;
+
+use App\Paper\Interfaces\Cinema;
+use DiDom\Document;
+
+class CinemaGdynskieCentrumFilmowe implements Cinema
+{
+
+    private $cinemaId;
+    private $day;
+
+    public function setCinemaId($cinemaId)
+    {
+        $this->cinemaId = $cinemaId;
+    }
+
+    public function setDay($day)
+    {
+        $this->day = $day;
+
+
+    }
+
+    function fetchRepertorire()
+    {
+        if (is_null($this->day))
+            throw new \Exception('Day not set.');
+
+//        if (!is_array($this->cinemaId)) {
+//            $this->cinemaId = (array)$this->cinemaId;
+//        }
+        $url = 'http://www.gdynskiecentrumfilmowe.pl/kino_studyjne/repertuar/,' . strtotime($this->day) . ',_' . $this->day . '.html';
+        return file_get_contents($url);
+
+    }
+
+    function parseRepertoire()
+    {
+        $rawPage = $this->fetchRepertorire();
+
+        $document = new Document();
+        $document->loadHtml($rawPage);
+        $moviesData = [];
+
+
+
+        $movies = $document->find('.articles .article-item');
+        foreach ($movies as $movie) {
+
+            $movieData = [];
+            $movieData['title'] = $movie->first('.item-title-int::text');
+            $movieData['hours'] = [];
+            foreach ($movie->find('.projection span') as $projection) {
+                $movieData['hours'][] = $projection->innerHtml();
+            }
+//            $text .= implode(', ', array_unique($hours)) . "\n\n";
+            $moviesData[] = $movieData;
+        }
+
+        return $moviesData;
+
+    }
+
+    function convertToPrint()
+    {
+        $movies = $this->parseRepertoire();
+
+        $text = '';
+        $text .= "Repertuar Gdyńskie Centrum Filmowe\n";
+        $text .= str_replace('_', '-', $this->day) . "\n\n";
+
+        foreach ($movies as $movie) {
+
+            $text .= $movie['title']. "\n";
+            $text .= implode(', ', array_unique($movie['hours'])). "\n\n";
+        }
+
+        return $text;
+    }
+}

app/Paper/CinemaHelios.php

@@ -0,0 +1,86 @@
+<?php
+
+namespace App\Paper;
+
+use App\Paper\Interfaces\Cinema;
+use DiDom\Document;
+
+class CinemaHelios implements Cinema
+{
+
+    private $cinemaId;
+    private $day;
+
+    private $cinemas = [2 => 'Helios Alfa', 49 => 'Helios Metropolia'];
+
+    public function setCinemaId($cinemaId)
+    {
+        $this->cinemaId = $cinemaId;
+    }
+
+    public function setDay($day)
+    {
+        $this->day = $day;
+    }
+
+    function fetchRepertorire()
+    {
+        if (is_null($this->cinemaId) || is_null($this->day))
+            throw new \Exception('Day or cinemaid not set.');
+
+        if (!is_array($this->cinemaId)) {
+            $this->cinemaId = (array)$this->cinemaId;
+        }
+
+        $documents = [];
+        foreach ($this->cinemaId as $cinema) {
+            $url = 'http://www.helios.pl/2,Gdansk/Repertuar/axRepertoire/?dzien=' . $this->day . '&kino=' . $cinema;
+            $data = json_decode(file_get_contents($url));
+
+            $document = new Document();
+            $data->html = str_replace(["\n", "\t"], '', $data->html);
+            $document->loadHtml($data->html);
+            $documents[] = $document;
+        }
+        return $documents;
+    }
+
+    function parseRepertoire()
+    {
+        $documents = $this->fetchRepertorire();
+        $cinemas = [];
+        foreach ($documents as $document) {
+            $movies = [];
+            foreach ($document->find('.seance') as $seans) {
+                $movie = [];
+                $movie['title'] = trim($seans->find('.movie-title')[0]->text());
+
+                $hours = [];
+                foreach ($seans->find('.time li') as $hour) {
+                    $hours[] = $hour->text();
+                }
+                $movie['hours'] = array_unique($hours);
+                $movies[] = $movie;
+            }
+            $cinemas[] = $movies;
+        }
+        return $cinemas;
+    }
+
+    function convertToPrint()
+    {
+        $cinemas = $this->parseRepertoire();
+        $text = '';
+        foreach ($cinemas as $cinemaId => $filmy) {
+            $text .= "Repertuar " . $this->cinemas[$this->cinemaId[$cinemaId]] . "\n";
+            $text .= date_create()->modify("+$this->day day")->format('d-m-Y') . "\n\n";
+
+            foreach ($filmy as $film) {
+                $text .= $film['title'] . "\n";
+                $text .= implode(', ', array_unique($film['hours'])) . "\n\n";
+            }
+            $text .= "\n";
+        }
+        return $text;
+    }
+}

app/Paper/CinemaMultikino.php

@@ -8,35 +8,47 @@ use App\Paper\Interfaces\Cinema;
 class CinemaMultikino implements Cinema
 {
 
+    private $cinemaId;
+    private $day;
 
-    function fetchRepertorire($day, $cinemaId = null)
+    public function setCinemaId($cinemaId)
     {
-        $moviePath = 'https://multikino.pl/data/filmswithshowings/' . $cinemaId;
+        $this->cinemaId = $cinemaId;
+    }
+
+    public function setDay($day)
+    {
+        $this->day = $day;
+    }
+
+    function fetchRepertorire()
+    {
+
+        if (is_null($this->cinemaId) || is_null($this->day))
+            throw new \Exception('Day or cinemaid not set.');
+        $moviePath = 'https://multikino.pl/data/filmswithshowings/' . $this->cinemaId;
         $movieContent = file_get_contents($moviePath);
-        print_r($movieContent);
         $movieJson = json_decode($movieContent, 0);
         return $movieJson;
     }
 
-    function parseRepertoire($day, $cinemaId = null)
+    function parseRepertoire()
     {
-        $movieJson = $this->fetchRepertorire($day, $cinemaId);
+        $movieJson = $this->fetchRepertorire();
 
-echo $day;
-//        print_r($movieJson);
         $filmy = [];
         foreach ($movieJson->films as $movie) {
             $film = [];
             $film['id'] = $movie->id;
             $film['title'] = $movie->title;
             $film['times'] = [];
-            $film['date'] = $day;
+            $film['date'] = $this->day;
             $film['runningtime'] = $movie->info_runningtime;
             $film['genres'] = [];
             $film['synopsis_short'] = str_replace(["\r\n", "  "], [" "], $movie->synopsis_short);
             if ($movie->original_s_count > 0 && $movie->show_showings) {
                 foreach ($movie->showings as $shoving) {
-                    if ($shoving->date_time == $day) {
+                    if ($shoving->date_time == $this->day) {
                         foreach ($shoving->times as $time) {
                             $film['times'][] = $time->time . " " . $time->screen_type;
                         }
@@ -53,18 +65,16 @@ echo $day;
             }
         }
 
-//        print_r($filmy);
-        die();
         return $filmy;
     }
 
-    function convertToPrint($day, $cinemaId = null)
+    function convertToPrint()
     {
-        $filmy = $this->parseRepertoire($day, $cinemaId);
+        $filmy = $this->parseRepertoire();
 
         $text = '';
         $text .= "Repertuar Multikino Gdańsk\n";
-        $text .= $day . "\n\n";
+        $text .= $this->day . "\n\n";
 
         foreach ($filmy as $movie) {
             $text .= $movie['title'] . "\n";
@@ -75,6 +85,7 @@ echo $day;
             $text .= implode(', ', $movie['times']) . "\n";
             $text .= "--------------------------------\n\n";
         }
+
         return $text;
     }
 }

app/Paper/HtmlToPos.php

@@ -12,10 +12,104 @@ class HtmlToPos
         return str_replace(['<br>', '<br/>', '<br />'], "\n", $text);
     }
 
-    public function convert($html = '')
+    /**
+     * usuwa linijki które na początku mają ! albo #
+     * @param $posText
+     * @return string
+     */
+    private function hideLines($posText): string
     {
-        $posText = $this->handleNewLine($html);
+        return preg_replace('/^\s*[!#].*?$[\r\n]?/m', '', $posText);
+    }
+
+
+    private function pickRandomElement($posText)
+    {
+        /**
+         * poniższy kod wybieraz tekstu fragmenty w podwójnych nawiasach kwadratowych, rozdziela je po przecinkach
+         * następnie losuje element i podmienia go w miejsce oryginalnego fragmentu
+         */
+        $re = "#\[\[(.*?)\]\]#s";
+        preg_match_all($re, $posText, $found, PREG_SET_ORDER, 0);
+        foreach ($found as $elements) {
+            $data = explode(',', $elements[1]);
+            $data = array_filter($data, function ($el) {
+                return strlen(trim($el));
+            });
+            $data = array_values($data);
+            $pos = strpos($posText, $elements[0]);
+            $posText = substr_replace($posText, $data[mt_rand(0, count($data) - 1)], $pos, strlen($elements[0]));
+        }
         return $posText;
     }
 
+    private function randomNumber($posText)
+    {
+
+        /**
+         * przeszukiwanie tekstu pod katem zawartości [ liczba, liczba2 ] i zamienianiu tego na randomową liczbę z przedziału
+         * liczba - liczba2
+         * obojętnie czy ujemną czy nie
+         */
+        $re = '/\[\s*(-?\d+)\s*\,\s*(-?\d+)\s*\]/';
+        preg_match_all($re, $posText, $matches, PREG_SET_ORDER, 0);
+        foreach ($matches as $match) {
+            $pos = strpos($posText, $match[0]);
+            $posText = substr_replace($posText, mt_rand($match[1], $match[2]), $pos, strlen($match[0]));
+        }
+        return $posText;
+    }
+
+    public function vocabularyWord($posText)
+    {
+        if (strstr($posText, '[vocabulary_word]')
+            || strpos($posText, '[vocabulary_short]')
+            || strpos($posText, '[vocabulary_long]')) {
+            $voc = new Vocabulary();
+            $randomWord = $voc->getRandomWord();
+            $word = $voc->getWord($randomWord);
+
+            $posText = str_replace('[vocabulary_word]', $word->word, $posText);
+            $posText = str_replace('[vocabulary_short]', $word->short, $posText);
+            $posText = str_replace('[vocabulary_long]', $word->long, $posText);
+        }
+
+        return $posText;
+    }
+
+    public function traficar($posText)
+    {
+        if (strstr($posText, '[traficar]')) {
+            $traficar = new Traficar();
+            $nearest = $traficar->nearestCarText();
+            $posText = str_replace('[traficar]', $nearest, $posText);
+        }
+        return $posText;
+    }
+
+
+    /**
+     * łamie tekst w miejscu spacji do długości 32 znaki na linię
+     * @param $posText
+     * @return string
+     */
+    public function textBreak($posText)
+    {
+        $posText = wordwrap($posText, 32);
+        return $posText;
+    }
+
+    public function convert($html = '')
+    {
+        $posText = $this->handleNewLine($html);
+        $posText = $this->hideLines($posText);
+        $posText = $this->pickRandomElement($posText);
+        $posText = $this->randomNumber($posText);
+        $posText = $this->vocabularyWord($posText);
+        $posText = $this->traficar($posText);
+
+        $posText = $this->textBreak($posText);
+
+        return $posText;
+    }
 }

app/Paper/Interfaces/Cinema.php

@@ -11,10 +11,14 @@ namespace App\Paper\Interfaces;
  */
 interface Cinema
 {
-    function fetchRepertorire($day, $cinemaId = null);
+    function setCinemaId($cinemaId);
 
-    function parseRepertoire($day, $cinemaId = null);
+    function setDay($day);
 
-    function convertToPrint($day, $cinemaId = null);
+    function fetchRepertorire();
+
+    function parseRepertoire();
+
+    function convertToPrint();
 
 }

app/Paper/Paper.php

@@ -5,13 +5,13 @@ namespace App\Paper;
 use Illuminate\Support\Facades\DB;
 use Mike42\Escpos\PrintConnectors\FilePrintConnector;
 use Mike42\Escpos\Printer;
+use App\Paper\HtmlToPos;
 use Mike42\Escpos\EscposImage;
 use Mockery\Exception;
 
 class Paper
 {
     private $imageDirectory = 'large/';
-    private $imageDirectorySmall = 'small/';
 
 
     private $printer;
@@ -28,6 +28,16 @@ class Paper
         }
     }
 
+    public function getConnector()
+    {
+        return $this->connector;
+    }
+
+    public function getPrinter()
+    {
+        return $this->printer;
+    }
+
 
     public function sendHeaderPrint($title)
     {
@@ -42,11 +52,15 @@ class Paper
         }
     }
 
-    public function sendImagePrint($image, $imageLocal = true)
+    public function sendImagePrint($image, $imageLocal = true, $icon = true)
     {
         if ($image) {
             if ($imageLocal) {
+                if ($icon) {
                     $img = EscposImage::load($this->imageDirectory . basename($image) . '.png');
+                } else {
+                    $img = EscposImage::load($image);
+                }
             } else { //image not local so then remote image
                 $extension = strtolower(pathinfo($image, PATHINFO_EXTENSION));
 
@@ -61,16 +75,36 @@ class Paper
         }
     }
 
+    public function saveToHistory($title, $text, $textSource, $image)
+    {
+        DB::table('history')
+            ->insertGetId([
+                'topic' => $title,
+                'topic_slug' => str_slug($title, '_'),
+                'text' => $text,
+                'text_source' => $textSource,
+                'icon' => $image,
+                'created_at' => time(),
+                'updated_at' => time()
+            ]);
+    }
+
 
     public function sendPrint($title, $text = '', $image = false, $imageLocal = true)
     {
         $this->sendImagePrint($image, $imageLocal);
-
         $this->sendHeaderPrint($title);
         $htmlToPos = new HtmlToPos();
-        $this->printer->text($htmlToPos->convert($text));
+        $convertedData = $htmlToPos->convert($text);
 
-        $this->printer->feed(4);
+        //zapisuje do pamięci dane o drukowanej notatce, jesli obrazek nie jest ikoną to nie zapisuje go
+        $this->saveToHistory($title, $convertedData, $text, $imageLocal ? $image : '');
+        if (is_array($convertedData)) {
+            $this->printer->text($convertedData['text']);
+        } else {
+            $this->printer->text($htmlToPos->convert($text));
+        }
+        $this->printer->feed(3);
     }
 
     /**
@@ -83,8 +117,6 @@ class Paper
      */
     public function getIcons()
     {
-//        $icons = array_diff(scandir($this->imageDirectorySmall), ['.', '..']);
-
         $icons = ["address-card-o", "anchor", "archive-3", "at", "balance-scale", "ban", "bar-chart-o", "barcode", "battery-empty", "battery-full", "battery-half", "battery-quarter", "battery-three-quarters", "bed", "beer", "bell-o", "bell-slash-o", "bicycle", "birthday-cake", "bolt", "bomb", "book", "bug", "building-o", "bullhorn", "bus", "camera", "car", "chain", "chat-2", "check", "cloud", "code", "coffee", "cog", "cutlery", "dashboard", "database", "diamond", "dollar", "dribbble", "envelope-o", "envira", "exclamation-triangle", "female", "file-text-o", "film", "fingerprint", "fire-extinguisher", "fire", "flag-o", "flask", "floppy-o", "folder-o", "folder-open-o", "frown-o", "gamepad", "gift", "git", "glass", "graduation-cap", "grav", "group", "hand-o-left", "heart-o", "home", "lemon-o", "lightbulb-o", "list-alt", "location-arrow", "lock", "male", "map-1", "map-marker", "microchip", "money", "moon-o", "music", "paper-plane", "paperclip", "paw", "pencil", "phone", "pie-chart", "piggy-bank", "plane", "question-circle-o", "rocket", "search", "ship", "shopping-cart", "smile-o", "snowflake-o", "steam", "subway", "success", "support", "thermometer-2", "thumbs-o-down", "thumbs-o-up", "ticket", "times", "trash-o", "tree", "trophy", "truck", "umbrella", "usd", "warning", "wifi", "wpexplorer", "wrench", "youtube-play"];
 
 

app/Paper/Traficar.php

@@ -0,0 +1,108 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 30.06.2018
+ * Time: 18:29
+ */
+
+namespace App\Paper;
+
+
+class Traficar
+{
+
+    private $homeCoords = ['lat' => 54.417475, 'lng' => 18.481913];
+
+    private $traficarJson;
+    //dystans w kilometrach w którym auta brane są pod uwagę
+    const CLOSEST_DISTANCE = 2.5;
+
+    /**
+     * @param $lat1
+     * @param $lon1
+     * @param $lat2
+     * @param $lon2
+     * @return float zwracana jest odległość w kilometrach
+     */
+    private function distance($lat1, $lon1, $lat2, $lon2)
+    {
+
+        $theta = $lon1 - $lon2;
+        $dist = sin(deg2rad($lat1)) * sin(deg2rad($lat2)) + cos(deg2rad($lat1)) * cos(deg2rad($lat2)) * cos(deg2rad($theta));
+        $dist = acos($dist);
+        $dist = rad2deg($dist);
+        $miles = $dist * 60 * 1.1515;
+        return ($miles * 1.609344);
+    }
+
+
+    /**
+     * pobiera informacje o najbliższym trafficarze względem punktu podanego jako domowy i zwraca Sformatowane
+     * informacje na jego temat lub jesli nie ma auta to podaje informację że nie ma dostępnego.
+     *
+     * @return string
+     */
+    public function nearestCarText()
+    {
+        $info = $this->nearestCarInfo();
+        $formatedInfo = 'Brak aut w promieniu ' . self::CLOSEST_DISTANCE . 'km od domu.';
+        if ($info['car'] != []) {
+            $formatedInfo = "Najbliższy traficar:\n" .
+                'Model: ' . $info['car']['model'] . "\n" .
+                'Numer boczny: ' . $info['car']['orderNumber'] . "\n" .
+                'Rejestracja: ' . $info['car']['regNumber'] . "\n" .
+                'Lokalizacja: ' . $info['car']['location'] . "\n" .
+                'Odległość: ' . $info['distance'] . "km\n\n" .
+                'Traficarów w promieniu ' . self::CLOSEST_DISTANCE . 'km: ' . $this->getTotalCarsInArea() . "\n";
+        }
+        return $formatedInfo;
+    }
+
+    /**
+     * pobiera informacje na temat aut traficatowych i zapisuje do pamięci
+     * @return mixed
+     */
+    private function getTraficarJson()
+    {
+        if (is_null($this->traficarJson)) {
+            $this->traficarJson = json_decode(file_get_contents('https://api.traficar.pl/eaw-rest-api/car?shapeId=5'), 1);
+        }
+        return $this->traficarJson;
+
+    }
+
+
+    /**
+     * zwraca ilość aut w podanym promieniu
+     * @return int
+     */
+    private function getTotalCarsInArea()
+    {
+        $trafcarData = $this->getTraficarJson();
+        $numberOfCarsInArea = 0;
+        foreach ($trafcarData['cars'] as $car) {
+            $distance = $this->distance($this->homeCoords['lat'], $this->homeCoords['lng'], $car['latitude'], $car['longitude']);
+            if ($distance < self::CLOSEST_DISTANCE) {
+                $numberOfCarsInArea++;
+            }
+        }
+        return $numberOfCarsInArea;
+    }
+
+    public function nearestCarInfo()
+    {
+        $trafcarData = $this->getTraficarJson();
+        $closestCar = [];
+        $closestDistance = 1000;
+        foreach ($trafcarData['cars'] as $car) {
+
+            $distance = $this->distance($this->homeCoords['lat'], $this->homeCoords['lng'], $car['latitude'], $car['longitude']);
+            if ($distance < self::CLOSEST_DISTANCE && $distance < $closestDistance) {
+                $closestDistance = $distance;
+                $closestCar = $car;
+            }
+        }
+        return ['car' => $closestCar, 'distance' => round($closestDistance, 2),];
+    }
+}

app/Paper/Vocabulary.php

@@ -0,0 +1,88 @@
+<?php
+
+namespace App\Paper;
+
+use DiDom\Document;
+use DiDom\Query;
+
+
+class Vocabulary
+{
+
+    const URL = 'https://www.vocabulary.com/';
+    const EXAMPLES_URL = 'https://corpus.vocabulary.com/api/1.0/';
+
+
+    public function getWordData($word)
+    {
+        return new Document($this->getWordUrl($word), true);
+    }
+
+    private function getWordUrl($word)
+    {
+        $word = trim($word);
+        return self::URL . 'dictionary/definition.ajax?search=' . $word . '&lang=en';
+    }
+
+    private function getWordExamplesUrl($word, $maxResult = 10, $offset = 0)
+    {
+        $word = trim($word);
+        return sprintf('%sexamples.json?query=%s&maxResults=%d&startOffset=%d', self::EXAMPLES_URL, $word, $maxResult, $offset);
+    }
+
+    public function getWord($word)
+    {
+        $document = $this->getWordData($word);
+
+
+        $wordData = new \stdClass();
+        $wordPageSelector = $document->first('.wordPage');
+        $wordData->lang = $wordPageSelector->attr('data-lang');
+        $wordData->word = $wordPageSelector->attr('data-word');
+        $wordData->next = $wordPageSelector->attr('data-next');
+        $wordData->prev = $wordPageSelector->attr('data-prev');
+        $wordData->short = trim($document->first('p.short')->text());
+        $wordData->long = trim($document->first('p.long')->text());
+
+        $wordData->instances = [];
+        foreach ($document->find('.ordinal ') as $ordinal) {
+            $definition = [];
+            $definition['type'] = $ordinal->first('h3')->first('a')->attr('title');
+            $definition['definition'] = trim($ordinal->first('//h3[@class="definition"][1]/text()[2]', Query::TYPE_XPATH));
+            $definition['example'] = ($example = $ordinal->first('//div[@class="example"]', Query::TYPE_XPATH)) ? $example->text() : '';
+
+            foreach ($ordinal->find('.instances') as $instance) {
+                $in = [];
+                $in['type'] = str_replace(' ', '_', trim(strtolower($instance->first('dt::text()')), ': '));
+                $in['words'] = $instance->find('dd a::text()');
+                $in['definition'] = $instance->first('div.definition::text()');
+                $definition[$in['type']] = $in;
+            }
+
+            $wordData->instances[] = $definition;
+        }
+        $wordData->examples = $this->getExamples($word, 3);
+
+
+        return $wordData;
+    }
+
+    private function getRandomWordUrl()
+    {
+        return self::URL . 'randomword.json';
+    }
+
+    public function getRandomWord()
+    {
+        $data = json_decode(file_get_contents($this->getRandomWordUrl()));
+        if ($data->status != 0) {
+            throw new Exception('error');
+        }
+        return $data->result->word;
+    }
+
+    public function getExamples($word, $maxResult = 10, $offset = 0)
+    {
+        return json_decode(file_get_contents($this->getWordExamplesUrl($word, $maxResult, $offset)), 1);
+    }
+}

composer.json

@@ -5,7 +5,7 @@
     "license": "MIT",
     "type": "project",
     "require": {
-        "php": ">=5.6.4",
+        "php": ">=7.0.0",
         "imangazaliev/didom": "^1.9",
         "intervention/image": "^2.3",
         "laravel/framework": "5.4.*",

config/app.php

@@ -12,7 +12,7 @@ return [
     | any other location as required by the application or its packages.
     */
 
-    'name' => 'Laravel',
+    'name' => 'Paper.Pi',
 
     /*
     |--------------------------------------------------------------------------
@@ -64,7 +64,7 @@ return [
     |
     */
 
-    'timezone' => 'UTC',
+    'timezone' => 'Europe/Warsaw',
 
     /*
     |--------------------------------------------------------------------------

config/database.php

@@ -35,7 +35,7 @@ return [
 
         'sqlite' => [
             'driver' => 'sqlite',
-            'database' => env('DB_DATABASE', database_path('database.sqlite')),
+            'database' => database_path(env('DB_DATABASE','database.sqlite')),
             'prefix' => '',
         ],
 

config/paper.php

@@ -0,0 +1,18 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 15.04.2018
+ * Time: 19:53
+ */
+
+
+return ['airly' =>
+    [
+        'api_key' => '8b6d77b2950e4e018b0684912bf7b9ed',
+        'stations' => ['2210', '2256', '2180'],
+        'rzeczypospolitej' => 2210,
+        'grunwaldzka' => 2256,
+        'sowinskiego' => 2180,
+    ]
+];

public/css/accordion.css

@@ -1,252 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Accordion
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Accordion
-*******************************/
-
-.ui.accordion,
-.ui.accordion .accordion {
-  max-width: 100%;
-}
-.ui.accordion .accordion {
-  margin: 1em 0em 0em;
-  padding: 0em;
-}
-
-/* Title */
-.ui.accordion .title,
-.ui.accordion .accordion .title {
-  cursor: pointer;
-}
-
-/* Default Styling */
-.ui.accordion .title:not(.ui) {
-  padding: 0.5em 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-size: 1em;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Content */
-.ui.accordion .title ~ .content,
-.ui.accordion .accordion .title ~ .content {
-  display: none;
-}
-
-/* Default Styling */
-.ui.accordion:not(.styled) .title ~ .content:not(.ui),
-.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) {
-  margin: '';
-  padding: 0.5em 0em 1em;
-}
-.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child {
-  padding-bottom: 0em;
-}
-
-/* Arrow */
-.ui.accordion .title .dropdown.icon,
-.ui.accordion .accordion .title .dropdown.icon {
-  display: inline-block;
-  float: none;
-  opacity: 1;
-  width: 1.25em;
-  height: 1em;
-  margin: 0em 0.25rem 0em 0rem;
-  padding: 0em;
-  font-size: 1em;
-  -webkit-transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
-  transition: opacity 0.1s ease, -webkit-transform 0.1s ease;
-  transition: transform 0.1s ease, opacity 0.1s ease;
-  transition: transform 0.1s ease, opacity 0.1s ease, -webkit-transform 0.1s ease;
-  vertical-align: baseline;
-  -webkit-transform: none;
-          transform: none;
-}
-
-/*--------------
-    Coupling
----------------*/
-
-
-/* Menu */
-.ui.accordion.menu .item .title {
-  display: block;
-  padding: 0em;
-}
-.ui.accordion.menu .item .title > .dropdown.icon {
-  float: right;
-  margin: 0.21425em 0em 0em 1em;
-  -webkit-transform: rotate(180deg);
-          transform: rotate(180deg);
-}
-
-/* Header */
-.ui.accordion .ui.header .dropdown.icon {
-  font-size: 1em;
-  margin: 0em 0.25rem 0em 0rem;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.accordion .active.title .dropdown.icon,
-.ui.accordion .accordion .active.title .dropdown.icon {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-}
-.ui.accordion.menu .item .active.title > .dropdown.icon {
-  -webkit-transform: rotate(90deg);
-          transform: rotate(90deg);
-}
-
-
-/*******************************
-            Types
-*******************************/
-
-
-/*--------------
-     Styled
----------------*/
-
-.ui.styled.accordion {
-  width: 600px;
-}
-.ui.styled.accordion,
-.ui.styled.accordion .accordion {
-  border-radius: 0.28571429rem;
-  background: #FFFFFF;
-  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15);
-}
-.ui.styled.accordion .title,
-.ui.styled.accordion .accordion .title {
-  margin: 0em;
-  padding: 0.75em 1em;
-  color: rgba(0, 0, 0, 0.4);
-  font-weight: bold;
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  -webkit-transition: background 0.1s ease, color 0.1s ease;
-  transition: background 0.1s ease, color 0.1s ease;
-}
-.ui.styled.accordion > .title:first-child,
-.ui.styled.accordion .accordion .title:first-child {
-  border-top: none;
-}
-
-/* Content */
-.ui.styled.accordion .content,
-.ui.styled.accordion .accordion .content {
-  margin: 0em;
-  padding: 0.5em 1em 1.5em;
-}
-.ui.styled.accordion .accordion .content {
-  padding: 0em;
-  padding: 0.5em 1em 1.5em;
-}
-
-/* Hover */
-.ui.styled.accordion .title:hover,
-.ui.styled.accordion .active.title,
-.ui.styled.accordion .accordion .title:hover,
-.ui.styled.accordion .accordion .active.title {
-  background: transparent;
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.styled.accordion .accordion .title:hover,
-.ui.styled.accordion .accordion .active.title {
-  background: transparent;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Active */
-.ui.styled.accordion .active.title {
-  background: transparent;
-  color: rgba(0, 0, 0, 0.95);
-}
-.ui.styled.accordion .accordion .active.title {
-  background: transparent;
-  color: rgba(0, 0, 0, 0.95);
-}
-
-
-/*******************************
-            States
-*******************************/
-
-
-/*--------------
-     Active
----------------*/
-
-.ui.accordion .active.content,
-.ui.accordion .accordion .active.content {
-  display: block;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------
-     Fluid
----------------*/
-
-.ui.fluid.accordion,
-.ui.fluid.accordion .accordion {
-  width: 100%;
-}
-
-/*--------------
-     Inverted
----------------*/
-
-.ui.inverted.accordion .title:not(.ui) {
-  color: rgba(255, 255, 255, 0.9);
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-@font-face {
-  font-family: 'Accordion';
-  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff');
-  font-weight: normal;
-  font-style: normal;
-}
-
-/* Dropdown Icon */
-.ui.accordion .title .dropdown.icon,
-.ui.accordion .accordion .title .dropdown.icon {
-  font-family: Accordion;
-  line-height: 1;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  font-weight: normal;
-  font-style: normal;
-  text-align: center;
-}
-.ui.accordion .title .dropdown.icon:before,
-.ui.accordion .accordion .title .dropdown.icon:before {
-  content: '\f0da' /*rtl:'\f0d9'*/;
-}
-
-
-/*******************************
-        User Overrides
-*******************************/
-

public/css/ad.css

@@ -1,275 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Ad
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-         Advertisement
-*******************************/
-
-.ui.ad {
-  display: block;
-  overflow: hidden;
-  margin: 1em 0em;
-}
-.ui.ad:first-child {
-  margin: 0em;
-}
-.ui.ad:last-child {
-  margin: 0em;
-}
-.ui.ad iframe {
-  margin: 0em;
-  padding: 0em;
-  border: none;
-  overflow: hidden;
-}
-
-/*--------------
-     Common
----------------*/
-
-
-/* Leaderboard */
-.ui.leaderboard.ad {
-  width: 728px;
-  height: 90px;
-}
-
-/* Medium Rectangle */
-.ui[class*="medium rectangle"].ad {
-  width: 300px;
-  height: 250px;
-}
-
-/* Large Rectangle */
-.ui[class*="large rectangle"].ad {
-  width: 336px;
-  height: 280px;
-}
-
-/* Half Page */
-.ui[class*="half page"].ad {
-  width: 300px;
-  height: 600px;
-}
-
-/*--------------
-     Square
----------------*/
-
-
-/* Square */
-.ui.square.ad {
-  width: 250px;
-  height: 250px;
-}
-
-/* Small Square */
-.ui[class*="small square"].ad {
-  width: 200px;
-  height: 200px;
-}
-
-/*--------------
-    Rectangle
----------------*/
-
-
-/* Small Rectangle */
-.ui[class*="small rectangle"].ad {
-  width: 180px;
-  height: 150px;
-}
-
-/* Vertical Rectangle */
-.ui[class*="vertical rectangle"].ad {
-  width: 240px;
-  height: 400px;
-}
-
-/*--------------
-     Button
----------------*/
-
-.ui.button.ad {
-  width: 120px;
-  height: 90px;
-}
-.ui[class*="square button"].ad {
-  width: 125px;
-  height: 125px;
-}
-.ui[class*="small button"].ad {
-  width: 120px;
-  height: 60px;
-}
-
-/*--------------
-   Skyscrapers
----------------*/
-
-
-/* Skyscraper */
-.ui.skyscraper.ad {
-  width: 120px;
-  height: 600px;
-}
-
-/* Wide Skyscraper */
-.ui[class*="wide skyscraper"].ad {
-  width: 160px;
-}
-
-/*--------------
-     Banners
----------------*/
-
-
-/* Banner */
-.ui.banner.ad {
-  width: 468px;
-  height: 60px;
-}
-
-/* Vertical Banner */
-.ui[class*="vertical banner"].ad {
-  width: 120px;
-  height: 240px;
-}
-
-/* Top Banner */
-.ui[class*="top banner"].ad {
-  width: 930px;
-  height: 180px;
-}
-
-/* Half Banner */
-.ui[class*="half banner"].ad {
-  width: 234px;
-  height: 60px;
-}
-
-/*--------------
-    Boards
----------------*/
-
-
-/* Leaderboard */
-.ui[class*="large leaderboard"].ad {
-  width: 970px;
-  height: 90px;
-}
-
-/* Billboard */
-.ui.billboard.ad {
-  width: 970px;
-  height: 250px;
-}
-
-/*--------------
-    Panorama
----------------*/
-
-
-/* Panorama */
-.ui.panorama.ad {
-  width: 980px;
-  height: 120px;
-}
-
-/*--------------
-     Netboard
----------------*/
-
-
-/* Netboard */
-.ui.netboard.ad {
-  width: 580px;
-  height: 400px;
-}
-
-/*--------------
-     Mobile
----------------*/
-
-
-/* Large Mobile Banner */
-.ui[class*="large mobile banner"].ad {
-  width: 320px;
-  height: 100px;
-}
-
-/* Mobile Leaderboard */
-.ui[class*="mobile leaderboard"].ad {
-  width: 320px;
-  height: 50px;
-}
-
-
-/*******************************
-             Types
-*******************************/
-
-
-/* Mobile Sizes */
-.ui.mobile.ad {
-  display: none;
-}
-@media only screen and (max-width: 767px) {
-  .ui.mobile.ad {
-    display: block;
-  }
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-.ui.centered.ad {
-  margin-left: auto;
-  margin-right: auto;
-}
-.ui.test.ad {
-  position: relative;
-  background: #545454;
-}
-.ui.test.ad:after {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 100%;
-  text-align: center;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
-  content: 'Ad';
-  color: #FFFFFF;
-  font-size: 1em;
-  font-weight: bold;
-}
-.ui.mobile.test.ad:after {
-  font-size: 0.85714286em;
-}
-.ui.test.ad[data-text]:after {
-  content: attr(data-text);
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/ad.min.css

@@ -1,10 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Ad
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Copyright 2013 Contributors
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)}

public/css/app.css

@@ -20,6 +20,14 @@ textarea.content {
 
 }
 
+.note-title {
+    line-height: 32px;
+}
+
+h1.header span.icon.display-inline-block {
+    display: inline-block;
+}
+
 form {
     margin-bottom: 0;
 }
@@ -28,6 +36,23 @@ form {
     display: none;
 }
 
+.flex {
+    display: flex;
+    align-items: center;
+}
+
+.flex.space-between {
+    justify-content: space-between;
+}
+
+.flex.header {
+    margin-bottom: 1rem;
+}
+
+.flex .header {
+    margin-bottom: 0;
+}
+
 .icon {
     cursor: pointer;
     height: 25px;
@@ -37,7 +62,7 @@ form {
     margin: 2px;
 }
 
-.icon:hover {
+.icons .icon:hover {
     background-color: #1e90ff4d;
 }
 
@@ -55,342 +80,455 @@ form {
     height: 29px;
     margin: 0;
 }
+
 .icon.address-card-o {
     background-position-x: -0px;
 }
+
 .icon.anchor {
     background-position-x: -25px;
 }
+
 .icon.archive-3 {
     background-position-x: -50px;
 }
+
 .icon.at {
     background-position-x: -75px;
 }
+
 .icon.balance-scale {
     background-position-x: -100px;
 }
+
 .icon.ban {
     background-position-x: -125px;
 }
+
 .icon.bar-chart-o {
     background-position-x: -150px;
 }
+
 .icon.barcode {
     background-position-x: -175px;
 }
+
 .icon.battery-empty {
     background-position-x: -200px;
 }
+
 .icon.battery-full {
     background-position-x: -225px;
 }
+
 .icon.battery-half {
     background-position-x: -250px;
 }
+
 .icon.battery-quarter {
     background-position-x: -275px;
 }
+
 .icon.battery-three-quarters {
     background-position-x: -300px;
 }
+
 .icon.bed {
     background-position-x: -325px;
 }
+
 .icon.beer {
     background-position-x: -350px;
 }
+
 .icon.bell-o {
     background-position-x: -375px;
 }
+
 .icon.bell-slash-o {
     background-position-x: -400px;
 }
+
 .icon.bicycle {
     background-position-x: -425px;
 }
+
 .icon.birthday-cake {
     background-position-x: -450px;
 }
+
 .icon.bolt {
     background-position-x: -475px;
 }
+
 .icon.bomb {
     background-position-x: -500px;
 }
+
 .icon.book {
     background-position-x: -525px;
 }
+
 .icon.bug {
     background-position-x: -550px;
 }
+
 .icon.building-o {
     background-position-x: -575px;
 }
+
 .icon.bullhorn {
     background-position-x: -600px;
 }
+
 .icon.bus {
     background-position-x: -625px;
 }
+
 .icon.camera {
     background-position-x: -650px;
 }
+
 .icon.car {
     background-position-x: -675px;
 }
+
 .icon.chain {
     background-position-x: -700px;
 }
+
 .icon.chat-2 {
     background-position-x: -725px;
 }
+
 .icon.check {
     background-position-x: -750px;
 }
+
 .icon.cloud {
     background-position-x: -775px;
 }
+
 .icon.code {
     background-position-x: -800px;
 }
+
 .icon.coffee {
     background-position-x: -825px;
 }
+
 .icon.cog {
     background-position-x: -850px;
 }
+
 .icon.cutlery {
     background-position-x: -875px;
 }
+
 .icon.dashboard {
     background-position-x: -900px;
 }
+
 .icon.database {
     background-position-x: -925px;
 }
+
 .icon.diamond {
     background-position-x: -950px;
 }
+
 .icon.dollar {
     background-position-x: -975px;
 }
+
 .icon.dribbble {
     background-position-x: -1000px;
 }
+
 .icon.envelope-o {
     background-position-x: -1025px;
 }
+
 .icon.envira {
     background-position-x: -1050px;
 }
+
 .icon.exclamation-triangle {
     background-position-x: -1075px;
 }
+
 .icon.female {
     background-position-x: -1100px;
 }
+
 .icon.file-text-o {
     background-position-x: -1125px;
 }
+
 .icon.film {
     background-position-x: -1150px;
 }
+
 .icon.fingerprint {
     background-position-x: -1175px;
 }
+
 .icon.fire-extinguisher {
     background-position-x: -1200px;
 }
+
 .icon.fire {
     background-position-x: -1225px;
 }
+
 .icon.flag-o {
     background-position-x: -1250px;
 }
+
 .icon.flask {
     background-position-x: -1275px;
 }
+
 .icon.floppy-o {
     background-position-x: -1300px;
 }
+
 .icon.folder-o {
     background-position-x: -1325px;
 }
+
 .icon.folder-open-o {
     background-position-x: -1350px;
 }
+
 .icon.frown-o {
     background-position-x: -1375px;
 }
+
 .icon.gamepad {
     background-position-x: -1400px;
 }
+
 .icon.gift {
     background-position-x: -1425px;
 }
+
 .icon.git {
     background-position-x: -1450px;
 }
+
 .icon.glass {
     background-position-x: -1475px;
 }
+
 .icon.graduation-cap {
     background-position-x: -1500px;
 }
+
 .icon.grav {
     background-position-x: -1525px;
 }
+
 .icon.group {
     background-position-x: -1550px;
 }
+
 .icon.hand-o-left {
     background-position-x: -1575px;
 }
+
 .icon.heart-o {
     background-position-x: -1600px;
 }
+
 .icon.home {
     background-position-x: -1625px;
 }
+
 .icon.lemon-o {
     background-position-x: -1650px;
 }
+
 .icon.lightbulb-o {
     background-position-x: -1675px;
 }
+
 .icon.list-alt {
     background-position-x: -1700px;
 }
+
 .icon.location-arrow {
     background-position-x: -1725px;
 }
+
 .icon.lock {
     background-position-x: -1750px;
 }
+
 .icon.male {
     background-position-x: -1775px;
 }
+
 .icon.map-1 {
     background-position-x: -1800px;
 }
+
 .icon.map-marker {
     background-position-x: -1825px;
 }
+
 .icon.microchip {
     background-position-x: -1850px;
 }
+
 .icon.money {
     background-position-x: -1875px;
 }
+
 .icon.moon-o {
     background-position-x: -1900px;
 }
+
 .icon.music {
     background-position-x: -1925px;
 }
+
 .icon.paper-plane {
     background-position-x: -1950px;
 }
+
 .icon.paperclip {
     background-position-x: -1975px;
 }
+
 .icon.paw {
     background-position-x: -2000px;
 }
+
 .icon.pencil {
     background-position-x: -2025px;
 }
+
 .icon.phone {
     background-position-x: -2050px;
 }
+
 .icon.pie-chart {
     background-position-x: -2075px;
 }
+
 .icon.piggy-bank {
     background-position-x: -2100px;
 }
+
 .icon.plane {
     background-position-x: -2125px;
 }
+
 .icon.question-circle-o {
     background-position-x: -2150px;
 }
+
 .icon.rocket {
     background-position-x: -2175px;
 }
+
 .icon.search {
     background-position-x: -2200px;
 }
+
 .icon.ship {
     background-position-x: -2225px;
 }
+
 .icon.shopping-cart {
     background-position-x: -2250px;
 }
+
 .icon.smile-o {
     background-position-x: -2275px;
 }
+
 .icon.snowflake-o {
     background-position-x: -2300px;
 }
+
 .icon.steam {
     background-position-x: -2325px;
 }
+
 .icon.subway {
     background-position-x: -2350px;
 }
+
 .icon.success {
     background-position-x: -2375px;
 }
+
 .icon.support {
     background-position-x: -2400px;
 }
+
 .icon.thermometer-2 {
     background-position-x: -2425px;
 }
+
 .icon.thumbs-o-down {
     background-position-x: -2450px;
 }
+
 .icon.thumbs-o-up {
     background-position-x: -2475px;
 }
+
 .icon.ticket {
     background-position-x: -2500px;
 }
+
 .icon.times {
     background-position-x: -2525px;
 }
+
 .icon.trash-o {
     background-position-x: -2550px;
 }
+
 .icon.tree {
     background-position-x: -2575px;
 }
+
 .icon.trophy {
     background-position-x: -2600px;
 }
+
 .icon.truck {
     background-position-x: -2625px;
 }
+
 .icon.umbrella {
     background-position-x: -2650px;
 }
+
 .icon.usd {
     background-position-x: -2675px;
 }
+
 .icon.warning {
     background-position-x: -2700px;
 }
+
 .icon.wifi {
     background-position-x: -2725px;
 }
+
 .icon.wpexplorer {
     background-position-x: -2750px;
 }
+
 .icon.wrench {
     background-position-x: -2775px;
 }
+
 .icon.youtube-play {
     background-position-x: -2800px;
 }

public/css/breadcrumb.css

@@ -1,124 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Breadcrumb
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-           Breadcrumb
-*******************************/
-
-.ui.breadcrumb {
-  line-height: 1;
-  display: inline-block;
-  margin: 0em 0em;
-  vertical-align: middle;
-}
-.ui.breadcrumb:first-child {
-  margin-top: 0em;
-}
-.ui.breadcrumb:last-child {
-  margin-bottom: 0em;
-}
-
-
-/*******************************
-          Content
-*******************************/
-
-
-/* Divider */
-.ui.breadcrumb .divider {
-  display: inline-block;
-  opacity: 0.7;
-  margin: 0em 0.21428571rem 0em;
-  font-size: 0.92857143em;
-  color: rgba(0, 0, 0, 0.4);
-  vertical-align: baseline;
-}
-
-/* Link */
-.ui.breadcrumb a {
-  color: #4183C4;
-}
-.ui.breadcrumb a:hover {
-  color: #1e70bf;
-}
-
-/* Icon Divider */
-.ui.breadcrumb .icon.divider {
-  font-size: 0.85714286em;
-  vertical-align: baseline;
-}
-
-/* Section */
-.ui.breadcrumb a.section {
-  cursor: pointer;
-}
-.ui.breadcrumb .section {
-  display: inline-block;
-  margin: 0em;
-  padding: 0em;
-}
-
-/* Loose Coupling */
-.ui.breadcrumb.segment {
-  display: inline-block;
-  padding: 0.78571429em 1em;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.breadcrumb .active.section {
-  font-weight: bold;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-.ui.mini.breadcrumb {
-  font-size: 0.78571429rem;
-}
-.ui.tiny.breadcrumb {
-  font-size: 0.85714286rem;
-}
-.ui.small.breadcrumb {
-  font-size: 0.92857143rem;
-}
-.ui.breadcrumb {
-  font-size: 1rem;
-}
-.ui.large.breadcrumb {
-  font-size: 1.14285714rem;
-}
-.ui.big.breadcrumb {
-  font-size: 1.28571429rem;
-}
-.ui.huge.breadcrumb {
-  font-size: 1.42857143rem;
-}
-.ui.massive.breadcrumb {
-  font-size: 1.71428571rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/breadcrumb.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Breadcrumb
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.breadcrumb{line-height:1;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem 0;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem}

public/css/card.css

@@ -1,964 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Item
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Standard
-*******************************/
-
-
-/*--------------
-      Card
----------------*/
-
-.ui.cards > .card,
-.ui.card {
-  max-width: 100%;
-  position: relative;
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: vertical;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: column;
-          flex-direction: column;
-  width: 290px;
-  min-height: 0px;
-  background: #FFFFFF;
-  padding: 0em;
-  border: none;
-  border-radius: 0.28571429rem;
-  box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5;
-  -webkit-transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: box-shadow 0.1s ease, transform 0.1s ease;
-  transition: box-shadow 0.1s ease, transform 0.1s ease, -webkit-transform 0.1s ease;
-  z-index: '';
-}
-.ui.card {
-  margin: 1em 0em;
-}
-.ui.cards > .card a,
-.ui.card a {
-  cursor: pointer;
-}
-.ui.card:first-child {
-  margin-top: 0em;
-}
-.ui.card:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-      Cards
----------------*/
-
-.ui.cards {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: -0.875em -0.5em;
-  -ms-flex-wrap: wrap;
-      flex-wrap: wrap;
-}
-.ui.cards > .card {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 0.875em 0.5em;
-  float: none;
-}
-
-/* Clearing */
-.ui.cards:after,
-.ui.card:after {
-  display: block;
-  content: ' ';
-  height: 0px;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
-}
-
-/* Consecutive Card Groups Preserve Row Spacing */
-.ui.cards ~ .ui.cards {
-  margin-top: 0.875em;
-}
-
-/*--------------
-  Rounded Edges
----------------*/
-
-.ui.cards > .card > :first-child,
-.ui.card > :first-child {
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em !important;
-  border-top: none !important;
-}
-.ui.cards > .card > :last-child,
-.ui.card > :last-child {
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem !important;
-}
-.ui.cards > .card > :only-child,
-.ui.card > :only-child {
-  border-radius: 0.28571429rem !important;
-}
-
-/*--------------
-     Images
----------------*/
-
-.ui.cards > .card > .image,
-.ui.card > .image {
-  position: relative;
-  display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  padding: 0em;
-  background: rgba(0, 0, 0, 0.05);
-}
-.ui.cards > .card > .image > img,
-.ui.card > .image > img {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: inherit;
-}
-.ui.cards > .card > .image:not(.ui) > img,
-.ui.card > .image:not(.ui) > img {
-  border: none;
-}
-
-/*--------------
-     Content
----------------*/
-
-.ui.cards > .card > .content,
-.ui.card > .content {
-  -webkit-box-flex: 1;
-      -ms-flex-positive: 1;
-          flex-grow: 1;
-  border: none;
-  border-top: 1px solid rgba(34, 36, 38, 0.1);
-  background: none;
-  margin: 0em;
-  padding: 1em 1em;
-  box-shadow: none;
-  font-size: 1em;
-  border-radius: 0em;
-}
-.ui.cards > .card > .content:after,
-.ui.card > .content:after {
-  display: block;
-  content: ' ';
-  height: 0px;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
-}
-.ui.cards > .card > .content > .header,
-.ui.card > .content > .header {
-  display: block;
-  margin: '';
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-/* Default Header Size */
-.ui.cards > .card > .content > .header:not(.ui),
-.ui.card > .content > .header:not(.ui) {
-  font-weight: bold;
-  font-size: 1.28571429em;
-  margin-top: -0.21425em;
-  line-height: 1.2857em;
-}
-.ui.cards > .card > .content > .meta + .description,
-.ui.cards > .card > .content > .header + .description,
-.ui.card > .content > .meta + .description,
-.ui.card > .content > .header + .description {
-  margin-top: 0.5em;
-}
-
-/*----------------
- Floated Content
------------------*/
-
-.ui.cards > .card [class*="left floated"],
-.ui.card [class*="left floated"] {
-  float: left;
-}
-.ui.cards > .card [class*="right floated"],
-.ui.card [class*="right floated"] {
-  float: right;
-}
-
-/*--------------
-     Aligned
----------------*/
-
-.ui.cards > .card [class*="left aligned"],
-.ui.card [class*="left aligned"] {
-  text-align: left;
-}
-.ui.cards > .card [class*="center aligned"],
-.ui.card [class*="center aligned"] {
-  text-align: center;
-}
-.ui.cards > .card [class*="right aligned"],
-.ui.card [class*="right aligned"] {
-  text-align: right;
-}
-
-/*--------------
-  Content Image
----------------*/
-
-.ui.cards > .card .content img,
-.ui.card .content img {
-  display: inline-block;
-  vertical-align: middle;
-  width: '';
-}
-.ui.cards > .card img.avatar,
-.ui.cards > .card .avatar img,
-.ui.card img.avatar,
-.ui.card .avatar img {
-  width: 2em;
-  height: 2em;
-  border-radius: 500rem;
-}
-
-/*--------------
-   Description
----------------*/
-
-.ui.cards > .card > .content > .description,
-.ui.card > .content > .description {
-  clear: both;
-  color: rgba(0, 0, 0, 0.68);
-}
-
-/*--------------
-    Paragraph
----------------*/
-
-.ui.cards > .card > .content p,
-.ui.card > .content p {
-  margin: 0em 0em 0.5em;
-}
-.ui.cards > .card > .content p:last-child,
-.ui.card > .content p:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-      Meta
----------------*/
-
-.ui.cards > .card .meta,
-.ui.card .meta {
-  font-size: 1em;
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.cards > .card .meta *,
-.ui.card .meta * {
-  margin-right: 0.3em;
-}
-.ui.cards > .card .meta :last-child,
-.ui.card .meta :last-child {
-  margin-right: 0em;
-}
-.ui.cards > .card .meta [class*="right floated"],
-.ui.card .meta [class*="right floated"] {
-  margin-right: 0em;
-  margin-left: 0.3em;
-}
-
-/*--------------
-      Links
----------------*/
-
-
-/* Generic */
-.ui.cards > .card > .content a:not(.ui),
-.ui.card > .content a:not(.ui) {
-  color: '';
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.cards > .card > .content a:not(.ui):hover,
-.ui.card > .content a:not(.ui):hover {
-  color: '';
-}
-
-/* Header */
-.ui.cards > .card > .content > a.header,
-.ui.card > .content > a.header {
-  color: rgba(0, 0, 0, 0.85);
-}
-.ui.cards > .card > .content > a.header:hover,
-.ui.card > .content > a.header:hover {
-  color: #1e70bf;
-}
-
-/* Meta */
-.ui.cards > .card .meta > a:not(.ui),
-.ui.card .meta > a:not(.ui) {
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.cards > .card .meta > a:not(.ui):hover,
-.ui.card .meta > a:not(.ui):hover {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/*--------------
-     Buttons
----------------*/
-
-.ui.cards > .card > .buttons,
-.ui.card > .buttons,
-.ui.cards > .card > .button,
-.ui.card > .button {
-  margin: 0px -1px;
-  width: calc(100% +  2px );
-}
-
-/*--------------
-      Dimmer
----------------*/
-
-.ui.cards > .card .dimmer,
-.ui.card .dimmer {
-  background-color: '';
-  z-index: 10;
-}
-
-/*--------------
-     Labels
----------------*/
-
-
-/*-----Star----- */
-
-
-/* Icon */
-.ui.cards > .card > .content .star.icon,
-.ui.card > .content .star.icon {
-  cursor: pointer;
-  opacity: 0.75;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.cards > .card > .content .star.icon:hover,
-.ui.card > .content .star.icon:hover {
-  opacity: 1;
-  color: #FFB70A;
-}
-.ui.cards > .card > .content .active.star.icon,
-.ui.card > .content .active.star.icon {
-  color: #FFE623;
-}
-
-/*-----Like----- */
-
-
-/* Icon */
-.ui.cards > .card > .content .like.icon,
-.ui.card > .content .like.icon {
-  cursor: pointer;
-  opacity: 0.75;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.cards > .card > .content .like.icon:hover,
-.ui.card > .content .like.icon:hover {
-  opacity: 1;
-  color: #FF2733;
-}
-.ui.cards > .card > .content .active.like.icon,
-.ui.card > .content .active.like.icon {
-  color: #FF2733;
-}
-
-/*----------------
-  Extra Content
------------------*/
-
-.ui.cards > .card > .extra,
-.ui.card > .extra {
-  max-width: 100%;
-  min-height: 0em !important;
-  -webkit-box-flex: 0;
-      -ms-flex-positive: 0;
-          flex-grow: 0;
-  border-top: 1px solid rgba(0, 0, 0, 0.05) !important;
-  position: static;
-  background: none;
-  width: auto;
-  margin: 0em 0em;
-  padding: 0.75em 1em;
-  top: 0em;
-  left: 0em;
-  color: rgba(0, 0, 0, 0.4);
-  box-shadow: none;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.cards > .card > .extra a:not(.ui),
-.ui.card > .extra a:not(.ui) {
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.cards > .card > .extra a:not(.ui):hover,
-.ui.card > .extra a:not(.ui):hover {
-  color: #1e70bf;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*-------------------
-       Raised
---------------------*/
-
-.ui.raised.cards > .card,
-.ui.raised.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-}
-.ui.raised.cards a.card:hover,
-.ui.link.cards .raised.card:hover,
-a.ui.raised.card:hover,
-.ui.link.raised.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25);
-}
-.ui.raised.cards > .card,
-.ui.raised.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-}
-
-/*-------------------
-       Centered
---------------------*/
-
-.ui.centered.cards {
-  -webkit-box-pack: center;
-      -ms-flex-pack: center;
-          justify-content: center;
-}
-.ui.centered.card {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/*-------------------
-        Fluid
---------------------*/
-
-.ui.fluid.card {
-  width: 100%;
-  max-width: 9999px;
-}
-
-/*-------------------
-        Link
---------------------*/
-
-.ui.cards a.card,
-.ui.link.cards .card,
-a.ui.card,
-.ui.link.card {
-  -webkit-transform: none;
-          transform: none;
-}
-.ui.cards a.card:hover,
-.ui.link.cards .card:hover,
-a.ui.card:hover,
-.ui.link.card:hover {
-  cursor: pointer;
-  z-index: 5;
-  background: #FFFFFF;
-  border: none;
-  box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5;
-  -webkit-transform: translateY(-3px);
-          transform: translateY(-3px);
-}
-
-/*-------------------
-       Colors
---------------------*/
-
-
-/* Red */
-.ui.red.cards > .card,
-.ui.cards > .red.card,
-.ui.red.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.red.cards > .card:hover,
-.ui.cards > .red.card:hover,
-.ui.red.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Orange */
-.ui.orange.cards > .card,
-.ui.cards > .orange.card,
-.ui.orange.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.orange.cards > .card:hover,
-.ui.cards > .orange.card:hover,
-.ui.orange.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Yellow */
-.ui.yellow.cards > .card,
-.ui.cards > .yellow.card,
-.ui.yellow.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.yellow.cards > .card:hover,
-.ui.cards > .yellow.card:hover,
-.ui.yellow.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Olive */
-.ui.olive.cards > .card,
-.ui.cards > .olive.card,
-.ui.olive.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.olive.cards > .card:hover,
-.ui.cards > .olive.card:hover,
-.ui.olive.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Green */
-.ui.green.cards > .card,
-.ui.cards > .green.card,
-.ui.green.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.green.cards > .card:hover,
-.ui.cards > .green.card:hover,
-.ui.green.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Teal */
-.ui.teal.cards > .card,
-.ui.cards > .teal.card,
-.ui.teal.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.teal.cards > .card:hover,
-.ui.cards > .teal.card:hover,
-.ui.teal.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Blue */
-.ui.blue.cards > .card,
-.ui.cards > .blue.card,
-.ui.blue.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.blue.cards > .card:hover,
-.ui.cards > .blue.card:hover,
-.ui.blue.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Violet */
-.ui.violet.cards > .card,
-.ui.cards > .violet.card,
-.ui.violet.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.violet.cards > .card:hover,
-.ui.cards > .violet.card:hover,
-.ui.violet.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Purple */
-.ui.purple.cards > .card,
-.ui.cards > .purple.card,
-.ui.purple.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.purple.cards > .card:hover,
-.ui.cards > .purple.card:hover,
-.ui.purple.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Pink */
-.ui.pink.cards > .card,
-.ui.cards > .pink.card,
-.ui.pink.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.pink.cards > .card:hover,
-.ui.cards > .pink.card:hover,
-.ui.pink.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Brown */
-.ui.brown.cards > .card,
-.ui.cards > .brown.card,
-.ui.brown.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.brown.cards > .card:hover,
-.ui.cards > .brown.card:hover,
-.ui.brown.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Grey */
-.ui.grey.cards > .card,
-.ui.cards > .grey.card,
-.ui.grey.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.grey.cards > .card:hover,
-.ui.cards > .grey.card:hover,
-.ui.grey.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD;
-}
-
-/* Black */
-.ui.black.cards > .card,
-.ui.cards > .black.card,
-.ui.black.card {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5;
-}
-.ui.black.cards > .card:hover,
-.ui.cards > .black.card:hover,
-.ui.black.card:hover {
-  box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD;
-}
-
-/*--------------
-   Card Count
----------------*/
-
-.ui.one.cards {
-  margin-left: 0em;
-  margin-right: 0em;
-}
-.ui.one.cards > .card {
-  width: 100%;
-}
-.ui.two.cards {
-  margin-left: -1em;
-  margin-right: -1em;
-}
-.ui.two.cards > .card {
-  width: calc( 50%  -  2em );
-  margin-left: 1em;
-  margin-right: 1em;
-}
-.ui.three.cards {
-  margin-left: -1em;
-  margin-right: -1em;
-}
-.ui.three.cards > .card {
-  width: calc( 33.33333333%  -  2em );
-  margin-left: 1em;
-  margin-right: 1em;
-}
-.ui.four.cards {
-  margin-left: -0.75em;
-  margin-right: -0.75em;
-}
-.ui.four.cards > .card {
-  width: calc( 25%  -  1.5em );
-  margin-left: 0.75em;
-  margin-right: 0.75em;
-}
-.ui.five.cards {
-  margin-left: -0.75em;
-  margin-right: -0.75em;
-}
-.ui.five.cards > .card {
-  width: calc( 20%  -  1.5em );
-  margin-left: 0.75em;
-  margin-right: 0.75em;
-}
-.ui.six.cards {
-  margin-left: -0.75em;
-  margin-right: -0.75em;
-}
-.ui.six.cards > .card {
-  width: calc( 16.66666667%  -  1.5em );
-  margin-left: 0.75em;
-  margin-right: 0.75em;
-}
-.ui.seven.cards {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-}
-.ui.seven.cards > .card {
-  width: calc( 14.28571429%  -  1em );
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-}
-.ui.eight.cards {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-}
-.ui.eight.cards > .card {
-  width: calc( 12.5%  -  1em );
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-  font-size: 11px;
-}
-.ui.nine.cards {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-}
-.ui.nine.cards > .card {
-  width: calc( 11.11111111%  -  1em );
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-  font-size: 10px;
-}
-.ui.ten.cards {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-}
-.ui.ten.cards > .card {
-  width: calc( 10%  -  1em );
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-}
-
-/*-------------------
-      Doubling
---------------------*/
-
-
-/* Mobile Only */
-@media only screen and (max-width: 767px) {
-  .ui.two.doubling.cards {
-    margin-left: 0em;
-    margin-right: 0em;
-  }
-  .ui.two.doubling.cards .card {
-    width: 100%;
-    margin-left: 0em;
-    margin-right: 0em;
-  }
-  .ui.three.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.three.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.four.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.four.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.five.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.five.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.six.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.six.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.seven.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.seven.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.eight.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.eight.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.nine.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.nine.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.ten.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.ten.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-}
-
-/* Tablet Only */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .ui.two.doubling.cards {
-    margin-left: 0em;
-    margin-right: 0em;
-  }
-  .ui.two.doubling.cards .card {
-    width: 100%;
-    margin-left: 0em;
-    margin-right: 0em;
-  }
-  .ui.three.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.three.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.four.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.four.doubling.cards .card {
-    width: calc( 50%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.five.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.five.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.six.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.six.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.eight.doubling.cards {
-    margin-left: -1em;
-    margin-right: -1em;
-  }
-  .ui.eight.doubling.cards .card {
-    width: calc( 33.33333333%  -  2em );
-    margin-left: 1em;
-    margin-right: 1em;
-  }
-  .ui.eight.doubling.cards {
-    margin-left: -0.75em;
-    margin-right: -0.75em;
-  }
-  .ui.eight.doubling.cards .card {
-    width: calc( 25%  -  1.5em );
-    margin-left: 0.75em;
-    margin-right: 0.75em;
-  }
-  .ui.nine.doubling.cards {
-    margin-left: -0.75em;
-    margin-right: -0.75em;
-  }
-  .ui.nine.doubling.cards .card {
-    width: calc( 25%  -  1.5em );
-    margin-left: 0.75em;
-    margin-right: 0.75em;
-  }
-  .ui.ten.doubling.cards {
-    margin-left: -0.75em;
-    margin-right: -0.75em;
-  }
-  .ui.ten.doubling.cards .card {
-    width: calc( 20%  -  1.5em );
-    margin-left: 0.75em;
-    margin-right: 0.75em;
-  }
-}
-
-/*-------------------
-      Stackable
---------------------*/
-
-@media only screen and (max-width: 767px) {
-  .ui.stackable.cards {
-    display: block !important;
-  }
-  .ui.stackable.cards .card:first-child {
-    margin-top: 0em !important;
-  }
-  .ui.stackable.cards > .card {
-    display: block !important;
-    height: auto !important;
-    margin: 1em 1em;
-    padding: 0 !important;
-    width: calc( 100%  -  2em ) !important;
-  }
-}
-
-/*--------------
-      Size
----------------*/
-
-.ui.cards > .card {
-  font-size: 1em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/checkbox.css

@@ -1,625 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Checkbox
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-           Checkbox
-*******************************/
-
-
-/*--------------
-    Content
----------------*/
-
-.ui.checkbox {
-  position: relative;
-  display: inline-block;
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-  outline: none;
-  vertical-align: baseline;
-  font-style: normal;
-  min-height: 17px;
-  font-size: 1rem;
-  line-height: 17px;
-  min-width: 17px;
-}
-
-/* HTML Checkbox */
-.ui.checkbox input[type="checkbox"],
-.ui.checkbox input[type="radio"] {
-  cursor: pointer;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  opacity: 0 !important;
-  outline: none;
-  z-index: 3;
-  width: 17px;
-  height: 17px;
-}
-
-/*--------------
-      Box
----------------*/
-
-.ui.checkbox .box,
-.ui.checkbox label {
-  cursor: auto;
-  position: relative;
-  display: block;
-  padding-left: 1.85714em;
-  outline: none;
-  font-size: 1em;
-}
-.ui.checkbox .box:before,
-.ui.checkbox label:before {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 17px;
-  height: 17px;
-  content: '';
-  background: #FFFFFF;
-  border-radius: 0.21428571rem;
-  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  border: 1px solid #D4D4D5;
-}
-
-/*--------------
-    Checkmark
----------------*/
-
-.ui.checkbox .box:after,
-.ui.checkbox label:after {
-  position: absolute;
-  font-size: 14px;
-  top: 0px;
-  left: 0px;
-  width: 17px;
-  height: 17px;
-  text-align: center;
-  opacity: 0;
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease;
-  transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease, -webkit-transform 0.1s ease;
-}
-
-/*--------------
-      Label
----------------*/
-
-
-/* Inside */
-.ui.checkbox label,
-.ui.checkbox + label {
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-
-/* Outside */
-.ui.checkbox + label {
-  vertical-align: middle;
-}
-
-
-/*******************************
-           States
-*******************************/
-
-
-/*--------------
-      Hover
----------------*/
-
-.ui.checkbox .box:hover::before,
-.ui.checkbox label:hover::before {
-  background: #FFFFFF;
-  border-color: rgba(34, 36, 38, 0.35);
-}
-.ui.checkbox label:hover,
-.ui.checkbox + label:hover {
-  color: rgba(0, 0, 0, 0.8);
-}
-
-/*--------------
-      Down
----------------*/
-
-.ui.checkbox .box:active::before,
-.ui.checkbox label:active::before {
-  background: #F9FAFB;
-  border-color: rgba(34, 36, 38, 0.35);
-}
-.ui.checkbox .box:active::after,
-.ui.checkbox label:active::after {
-  color: rgba(0, 0, 0, 0.95);
-}
-.ui.checkbox input:active ~ label {
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-     Focus
----------------*/
-
-.ui.checkbox input:focus ~ .box:before,
-.ui.checkbox input:focus ~ label:before {
-  background: #FFFFFF;
-  border-color: #96C8DA;
-}
-.ui.checkbox input:focus ~ .box:after,
-.ui.checkbox input:focus ~ label:after {
-  color: rgba(0, 0, 0, 0.95);
-}
-.ui.checkbox input:focus ~ label {
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-     Active
----------------*/
-
-.ui.checkbox input:checked ~ .box:before,
-.ui.checkbox input:checked ~ label:before {
-  background: #FFFFFF;
-  border-color: rgba(34, 36, 38, 0.35);
-}
-.ui.checkbox input:checked ~ .box:after,
-.ui.checkbox input:checked ~ label:after {
-  opacity: 1;
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-  Indeterminate
----------------*/
-
-.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before,
-.ui.checkbox input:not([type=radio]):indeterminate ~ label:before {
-  background: #FFFFFF;
-  border-color: rgba(34, 36, 38, 0.35);
-}
-.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after,
-.ui.checkbox input:not([type=radio]):indeterminate ~ label:after {
-  opacity: 1;
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-  Active Focus
----------------*/
-
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before,
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before,
-.ui.checkbox input:checked:focus ~ .box:before,
-.ui.checkbox input:checked:focus ~ label:before {
-  background: #FFFFFF;
-  border-color: #96C8DA;
-}
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after,
-.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after,
-.ui.checkbox input:checked:focus ~ .box:after,
-.ui.checkbox input:checked:focus ~ label:after {
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-    Read-Only
----------------*/
-
-.ui.read-only.checkbox,
-.ui.read-only.checkbox label {
-  cursor: default;
-}
-
-/*--------------
-     Disabled
----------------*/
-
-.ui.disabled.checkbox .box:after,
-.ui.disabled.checkbox label,
-.ui.checkbox input[disabled] ~ .box:after,
-.ui.checkbox input[disabled] ~ label {
-  cursor: default !important;
-  opacity: 0.5;
-  color: #000000;
-}
-
-/*--------------
-     Hidden
----------------*/
-
-
-/* Initialized checkbox moves input below element
- to prevent manually triggering */
-.ui.checkbox input.hidden {
-  z-index: -1;
-}
-
-/* Selectable Label */
-.ui.checkbox input.hidden + label {
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-}
-
-
-/*******************************
-             Types
-*******************************/
-
-
-/*--------------
-     Radio
----------------*/
-
-.ui.radio.checkbox {
-  min-height: 15px;
-}
-.ui.radio.checkbox .box,
-.ui.radio.checkbox label {
-  padding-left: 1.85714em;
-}
-
-/* Box */
-.ui.radio.checkbox .box:before,
-.ui.radio.checkbox label:before {
-  content: '';
-  -webkit-transform: none;
-          transform: none;
-  width: 15px;
-  height: 15px;
-  border-radius: 500rem;
-  top: 1px;
-  left: 0px;
-}
-
-/* Bullet */
-.ui.radio.checkbox .box:after,
-.ui.radio.checkbox label:after {
-  border: none;
-  content: '' !important;
-  width: 15px;
-  height: 15px;
-  line-height: 15px;
-}
-
-/* Radio Checkbox */
-.ui.radio.checkbox .box:after,
-.ui.radio.checkbox label:after {
-  top: 1px;
-  left: 0px;
-  width: 15px;
-  height: 15px;
-  border-radius: 500rem;
-  -webkit-transform: scale(0.46666667);
-          transform: scale(0.46666667);
-  background-color: rgba(0, 0, 0, 0.87);
-}
-
-/* Focus */
-.ui.radio.checkbox input:focus ~ .box:before,
-.ui.radio.checkbox input:focus ~ label:before {
-  background-color: #FFFFFF;
-}
-.ui.radio.checkbox input:focus ~ .box:after,
-.ui.radio.checkbox input:focus ~ label:after {
-  background-color: rgba(0, 0, 0, 0.95);
-}
-
-/* Indeterminate */
-.ui.radio.checkbox input:indeterminate ~ .box:after,
-.ui.radio.checkbox input:indeterminate ~ label:after {
-  opacity: 0;
-}
-
-/* Active */
-.ui.radio.checkbox input:checked ~ .box:before,
-.ui.radio.checkbox input:checked ~ label:before {
-  background-color: #FFFFFF;
-}
-.ui.radio.checkbox input:checked ~ .box:after,
-.ui.radio.checkbox input:checked ~ label:after {
-  background-color: rgba(0, 0, 0, 0.95);
-}
-
-/* Active Focus */
-.ui.radio.checkbox input:focus:checked ~ .box:before,
-.ui.radio.checkbox input:focus:checked ~ label:before {
-  background-color: #FFFFFF;
-}
-.ui.radio.checkbox input:focus:checked ~ .box:after,
-.ui.radio.checkbox input:focus:checked ~ label:after {
-  background-color: rgba(0, 0, 0, 0.95);
-}
-
-/*--------------
-     Slider
----------------*/
-
-.ui.slider.checkbox {
-  min-height: 1.25rem;
-}
-
-/* Input */
-.ui.slider.checkbox input {
-  width: 3.5rem;
-  height: 1.25rem;
-}
-
-/* Label */
-.ui.slider.checkbox .box,
-.ui.slider.checkbox label {
-  padding-left: 4.5rem;
-  line-height: 1rem;
-  color: rgba(0, 0, 0, 0.4);
-}
-
-/* Line */
-.ui.slider.checkbox .box:before,
-.ui.slider.checkbox label:before {
-  display: block;
-  position: absolute;
-  content: '';
-  border: none !important;
-  left: 0em;
-  z-index: 1;
-  top: 0.4rem;
-  background-color: rgba(0, 0, 0, 0.05);
-  width: 3.5rem;
-  height: 0.21428571rem;
-  -webkit-transform: none;
-          transform: none;
-  border-radius: 500rem;
-  -webkit-transition: background 0.3s ease;
-  transition: background 0.3s ease;
-}
-
-/* Handle */
-.ui.slider.checkbox .box:after,
-.ui.slider.checkbox label:after {
-  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  position: absolute;
-  content: '' !important;
-  opacity: 1;
-  z-index: 2;
-  border: none;
-  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
-  width: 1.5rem;
-  height: 1.5rem;
-  top: -0.25rem;
-  left: 0em;
-  -webkit-transform: none;
-          transform: none;
-  border-radius: 500rem;
-  -webkit-transition: left 0.3s ease;
-  transition: left 0.3s ease;
-}
-
-/* Focus */
-.ui.slider.checkbox input:focus ~ .box:before,
-.ui.slider.checkbox input:focus ~ label:before {
-  background-color: rgba(0, 0, 0, 0.15);
-  border: none;
-}
-
-/* Hover */
-.ui.slider.checkbox .box:hover,
-.ui.slider.checkbox label:hover {
-  color: rgba(0, 0, 0, 0.8);
-}
-.ui.slider.checkbox .box:hover::before,
-.ui.slider.checkbox label:hover::before {
-  background: rgba(0, 0, 0, 0.15);
-}
-
-/* Active */
-.ui.slider.checkbox input:checked ~ .box,
-.ui.slider.checkbox input:checked ~ label {
-  color: rgba(0, 0, 0, 0.95) !important;
-}
-.ui.slider.checkbox input:checked ~ .box:before,
-.ui.slider.checkbox input:checked ~ label:before {
-  background-color: #545454 !important;
-}
-.ui.slider.checkbox input:checked ~ .box:after,
-.ui.slider.checkbox input:checked ~ label:after {
-  left: 2rem;
-}
-
-/* Active Focus */
-.ui.slider.checkbox input:focus:checked ~ .box,
-.ui.slider.checkbox input:focus:checked ~ label {
-  color: rgba(0, 0, 0, 0.95) !important;
-}
-.ui.slider.checkbox input:focus:checked ~ .box:before,
-.ui.slider.checkbox input:focus:checked ~ label:before {
-  background-color: #000000 !important;
-}
-
-/*--------------
-     Toggle
----------------*/
-
-.ui.toggle.checkbox {
-  min-height: 1.5rem;
-}
-
-/* Input */
-.ui.toggle.checkbox input {
-  width: 3.5rem;
-  height: 1.5rem;
-}
-
-/* Label */
-.ui.toggle.checkbox .box,
-.ui.toggle.checkbox label {
-  min-height: 1.5rem;
-  padding-left: 4.5rem;
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.toggle.checkbox label {
-  padding-top: 0.15em;
-}
-
-/* Switch */
-.ui.toggle.checkbox .box:before,
-.ui.toggle.checkbox label:before {
-  display: block;
-  position: absolute;
-  content: '';
-  z-index: 1;
-  -webkit-transform: none;
-          transform: none;
-  border: none;
-  top: 0rem;
-  background: rgba(0, 0, 0, 0.05);
-  box-shadow: none;
-  width: 3.5rem;
-  height: 1.5rem;
-  border-radius: 500rem;
-}
-
-/* Handle */
-.ui.toggle.checkbox .box:after,
-.ui.toggle.checkbox label:after {
-  background: #FFFFFF -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  position: absolute;
-  content: '' !important;
-  opacity: 1;
-  z-index: 2;
-  border: none;
-  box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset;
-  width: 1.5rem;
-  height: 1.5rem;
-  top: 0rem;
-  left: 0em;
-  border-radius: 500rem;
-  -webkit-transition: background 0.3s ease, left 0.3s ease;
-  transition: background 0.3s ease, left 0.3s ease;
-}
-.ui.toggle.checkbox input ~ .box:after,
-.ui.toggle.checkbox input ~ label:after {
-  left: -0.05rem;
-  box-shadow: none;
-}
-
-/* Focus */
-.ui.toggle.checkbox input:focus ~ .box:before,
-.ui.toggle.checkbox input:focus ~ label:before {
-  background-color: rgba(0, 0, 0, 0.15);
-  border: none;
-}
-
-/* Hover */
-.ui.toggle.checkbox .box:hover::before,
-.ui.toggle.checkbox label:hover::before {
-  background-color: rgba(0, 0, 0, 0.15);
-  border: none;
-}
-
-/* Active */
-.ui.toggle.checkbox input:checked ~ .box,
-.ui.toggle.checkbox input:checked ~ label {
-  color: rgba(0, 0, 0, 0.95) !important;
-}
-.ui.toggle.checkbox input:checked ~ .box:before,
-.ui.toggle.checkbox input:checked ~ label:before {
-  background-color: #2185D0 !important;
-}
-.ui.toggle.checkbox input:checked ~ .box:after,
-.ui.toggle.checkbox input:checked ~ label:after {
-  left: 2.15rem;
-  box-shadow: none;
-}
-
-/* Active Focus */
-.ui.toggle.checkbox input:focus:checked ~ .box,
-.ui.toggle.checkbox input:focus:checked ~ label {
-  color: rgba(0, 0, 0, 0.95) !important;
-}
-.ui.toggle.checkbox input:focus:checked ~ .box:before,
-.ui.toggle.checkbox input:focus:checked ~ label:before {
-  background-color: #0d71bb !important;
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-
-/*--------------
-     Fitted
----------------*/
-
-.ui.fitted.checkbox .box,
-.ui.fitted.checkbox label {
-  padding-left: 0em !important;
-}
-.ui.fitted.toggle.checkbox,
-.ui.fitted.toggle.checkbox {
-  width: 3.5rem;
-}
-.ui.fitted.slider.checkbox,
-.ui.fitted.slider.checkbox {
-  width: 3.5rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-@font-face {
-  font-family: 'Checkbox';
-  src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype');
-}
-
-/* Checkmark */
-.ui.checkbox label:after,
-.ui.checkbox .box:after {
-  font-family: 'Checkbox';
-}
-
-/* Checked */
-.ui.checkbox input:checked ~ .box:after,
-.ui.checkbox input:checked ~ label:after {
-  content: '\e800';
-}
-
-/* Indeterminate */
-.ui.checkbox input:indeterminate ~ .box:after,
-.ui.checkbox input:indeterminate ~ label:after {
-  font-size: 12px;
-  content: '\e801';
-}
-/*  UTF Reference
-.check:before { content: '\e800'; }
-.dash:before  { content: '\e801'; }
-.plus:before { content: '\e802'; }
-*/
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/comment.css

@@ -1,270 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Comment
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Standard
-*******************************/
-
-
-/*--------------
-    Comments
----------------*/
-
-.ui.comments {
-  margin: 1.5em 0em;
-  max-width: 650px;
-}
-.ui.comments:first-child {
-  margin-top: 0em;
-}
-.ui.comments:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-     Comment
----------------*/
-
-.ui.comments .comment {
-  position: relative;
-  background: none;
-  margin: 0.5em 0em 0em;
-  padding: 0.5em 0em 0em;
-  border: none;
-  border-top: none;
-  line-height: 1.2;
-}
-.ui.comments .comment:first-child {
-  margin-top: 0em;
-  padding-top: 0em;
-}
-
-/*--------------------
-    Nested Comments
----------------------*/
-
-.ui.comments .comment .comments {
-  margin: 0em 0em 0.5em 0.5em;
-  padding: 1em 0em 1em 1em;
-}
-.ui.comments .comment .comments:before {
-  position: absolute;
-  top: 0px;
-  left: 0px;
-}
-.ui.comments .comment .comments .comment {
-  border: none;
-  border-top: none;
-  background: none;
-}
-
-/*--------------
-     Avatar
----------------*/
-
-.ui.comments .comment .avatar {
-  display: block;
-  width: 2.5em;
-  height: auto;
-  float: left;
-  margin: 0.2em 0em 0em;
-}
-.ui.comments .comment img.avatar,
-.ui.comments .comment .avatar img {
-  display: block;
-  margin: 0em auto;
-  width: 100%;
-  height: 100%;
-  border-radius: 0.25rem;
-}
-
-/*--------------
-     Content
----------------*/
-
-.ui.comments .comment > .content {
-  display: block;
-}
-
-/* If there is an avatar move content over */
-.ui.comments .comment > .avatar ~ .content {
-  margin-left: 3.5em;
-}
-
-/*--------------
-     Author
----------------*/
-
-.ui.comments .comment .author {
-  font-size: 1em;
-  color: rgba(0, 0, 0, 0.87);
-  font-weight: bold;
-}
-.ui.comments .comment a.author {
-  cursor: pointer;
-}
-.ui.comments .comment a.author:hover {
-  color: #1e70bf;
-}
-
-/*--------------
-     Metadata
----------------*/
-
-.ui.comments .comment .metadata {
-  display: inline-block;
-  margin-left: 0.5em;
-  color: rgba(0, 0, 0, 0.4);
-  font-size: 0.875em;
-}
-.ui.comments .comment .metadata > * {
-  display: inline-block;
-  margin: 0em 0.5em 0em 0em;
-}
-.ui.comments .comment .metadata > :last-child {
-  margin-right: 0em;
-}
-
-/*--------------------
-     Comment Text
----------------------*/
-
-.ui.comments .comment .text {
-  margin: 0.25em 0em 0.5em;
-  font-size: 1em;
-  word-wrap: break-word;
-  color: rgba(0, 0, 0, 0.87);
-  line-height: 1.3;
-}
-
-/*--------------------
-     User Actions
----------------------*/
-
-.ui.comments .comment .actions {
-  font-size: 0.875em;
-}
-.ui.comments .comment .actions a {
-  cursor: pointer;
-  display: inline-block;
-  margin: 0em 0.75em 0em 0em;
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.comments .comment .actions a:last-child {
-  margin-right: 0em;
-}
-.ui.comments .comment .actions a.active,
-.ui.comments .comment .actions a:hover {
-  color: rgba(0, 0, 0, 0.8);
-}
-
-/*--------------------
-      Reply Form
----------------------*/
-
-.ui.comments > .reply.form {
-  margin-top: 1em;
-}
-.ui.comments .comment .reply.form {
-  width: 100%;
-  margin-top: 1em;
-}
-.ui.comments .reply.form textarea {
-  font-size: 1em;
-  height: 12em;
-}
-
-
-/*******************************
-            State
-*******************************/
-
-.ui.collapsed.comments,
-.ui.comments .collapsed.comments,
-.ui.comments .collapsed.comment {
-  display: none;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------------
-        Threaded
----------------------*/
-
-.ui.threaded.comments .comment .comments {
-  margin: -1.5em 0 -1em 1.25em;
-  padding: 3em 0em 2em 2.25em;
-  box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15);
-}
-
-/*--------------------
-        Minimal
----------------------*/
-
-.ui.minimal.comments .comment .actions {
-  opacity: 0;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  left: auto;
-  -webkit-transition: opacity 0.2s ease;
-  transition: opacity 0.2s ease;
-  -webkit-transition-delay: 0.1s;
-          transition-delay: 0.1s;
-}
-.ui.minimal.comments .comment > .content:hover > .actions {
-  opacity: 1;
-}
-
-/*-------------------
-        Sizes
---------------------*/
-
-.ui.mini.comments {
-  font-size: 0.78571429rem;
-}
-.ui.tiny.comments {
-  font-size: 0.85714286rem;
-}
-.ui.small.comments {
-  font-size: 0.9em;
-}
-.ui.comments {
-  font-size: 1em;
-}
-.ui.large.comments {
-  font-size: 1.1em;
-}
-.ui.big.comments {
-  font-size: 1.28571429rem;
-}
-.ui.huge.comments {
-  font-size: 1.2em;
-}
-.ui.massive.comments {
-  font-size: 1.71428571rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/comment.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Comment
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:0 0;margin:.5em 0 0;padding:.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .comments{margin:0 0 .5em .5em;padding:1em 0 1em 1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments .comment .comments .comment{border:none;border-top:none;background:0 0}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment .avatar img,.ui.comments .comment img.avatar{display:block;margin:0 auto;width:100%;height:100%;border-radius:.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar~.content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,.87);font-weight:700}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:.5em;color:rgba(0,0,0,.4);font-size:.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:.25em 0 .5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,.87);line-height:1.3}.ui.comments .comment .actions{font-size:.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 .75em 0 0;color:rgba(0,0,0,.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comment,.ui.comments .collapsed.comments{display:none}.ui.threaded.comments .comment .comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;box-shadow:-1px 0 0 rgba(34,36,38,.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;-webkit-transition:opacity .2s ease;transition:opacity .2s ease;-webkit-transition-delay:.1s;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.mini.comments{font-size:.78571429rem}.ui.tiny.comments{font-size:.85714286rem}.ui.small.comments{font-size:.9em}.ui.comments{font-size:1em}.ui.large.comments{font-size:1.1em}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.2em}.ui.massive.comments{font-size:1.71428571rem}

public/css/container.css

@@ -1,147 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Container
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Container
-*******************************/
-
-
-/* All Sizes */
-.ui.container {
-  display: block;
-  max-width: 100% !important;
-}
-
-/* Mobile */
-@media only screen and (max-width: 767px) {
-  .ui.container {
-    width: auto !important;
-    margin-left: 1em !important;
-    margin-right: 1em !important;
-  }
-  .ui.grid.container {
-    width: auto !important;
-  }
-  .ui.relaxed.grid.container {
-    width: auto !important;
-  }
-  .ui.very.relaxed.grid.container {
-    width: auto !important;
-  }
-}
-
-/* Tablet */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .ui.container {
-    width: 723px;
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
-  .ui.grid.container {
-    width: calc( 723px  +  2rem ) !important;
-  }
-  .ui.relaxed.grid.container {
-    width: calc( 723px  +  3rem ) !important;
-  }
-  .ui.very.relaxed.grid.container {
-    width: calc( 723px  +  5rem ) !important;
-  }
-}
-
-/* Small Monitor */
-@media only screen and (min-width: 992px) and (max-width: 1199px) {
-  .ui.container {
-    width: 933px;
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
-  .ui.grid.container {
-    width: calc( 933px  +  2rem ) !important;
-  }
-  .ui.relaxed.grid.container {
-    width: calc( 933px  +  3rem ) !important;
-  }
-  .ui.very.relaxed.grid.container {
-    width: calc( 933px  +  5rem ) !important;
-  }
-}
-
-/* Large Monitor */
-@media only screen and (min-width: 1200px) {
-  .ui.container {
-    width: 1127px;
-    margin-left: auto !important;
-    margin-right: auto !important;
-  }
-  .ui.grid.container {
-    width: calc( 1127px  +  2rem ) !important;
-  }
-  .ui.relaxed.grid.container {
-    width: calc( 1127px  +  3rem ) !important;
-  }
-  .ui.very.relaxed.grid.container {
-    width: calc( 1127px  +  5rem ) !important;
-  }
-}
-
-
-/*******************************
-             Types
-*******************************/
-
-
-/* Text Container */
-.ui.text.container {
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  max-width: 700px !important;
-  line-height: 1.5;
-}
-.ui.text.container {
-  font-size: 1.14285714rem;
-}
-
-/* Fluid */
-.ui.fluid.container {
-  width: 100%;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-.ui[class*="left aligned"].container {
-  text-align: left;
-}
-.ui[class*="center aligned"].container {
-  text-align: center;
-}
-.ui[class*="right aligned"].container {
-  text-align: right;
-}
-.ui.justified.container {
-  text-align: justify;
-  -webkit-hyphens: auto;
-      -ms-hyphens: auto;
-          hyphens: auto;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/container.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Container
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto!important;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}.ui.relaxed.grid.container{width:auto!important}.ui.very.relaxed.grid.container{width:auto!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2rem)!important}.ui.relaxed.grid.container{width:calc(723px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(723px + 5rem)!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2rem)!important}.ui.relaxed.grid.container{width:calc(933px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(933px + 5rem)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2rem)!important}.ui.relaxed.grid.container{width:calc(1127px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5}.ui.text.container{font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}

public/css/dimmer.css

@@ -1,200 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Dimmer
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Dimmer
-*******************************/
-
-.dimmable:not(.body) {
-  position: relative;
-}
-.ui.dimmer {
-  display: none;
-  position: absolute;
-  top: 0em !important;
-  left: 0em !important;
-  width: 100%;
-  height: 100%;
-  text-align: center;
-  vertical-align: middle;
-  background-color: rgba(0, 0, 0, 0.85);
-  opacity: 0;
-  line-height: 1;
-  -webkit-animation-fill-mode: both;
-          animation-fill-mode: both;
-  -webkit-animation-duration: 0.5s;
-          animation-duration: 0.5s;
-  -webkit-transition: background-color 0.5s linear;
-  transition: background-color 0.5s linear;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  will-change: opacity;
-  z-index: 1000;
-}
-
-/* Dimmer Content */
-.ui.dimmer > .content {
-  width: 100%;
-  height: 100%;
-  display: table;
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-}
-.ui.dimmer > .content > * {
-  display: table-cell;
-  vertical-align: middle;
-  color: #FFFFFF;
-}
-
-/* Loose Coupling */
-.ui.segment > .ui.dimmer {
-  border-radius: inherit !important;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.animating.dimmable:not(body),
-.dimmed.dimmable:not(body) {
-  overflow: hidden;
-}
-.dimmed.dimmable > .ui.animating.dimmer,
-.dimmed.dimmable > .ui.visible.dimmer,
-.ui.active.dimmer {
-  display: block;
-  opacity: 1;
-}
-.ui.disabled.dimmer {
-  width: 0 !important;
-  height: 0 !important;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------
-      Page
----------------*/
-
-.ui.page.dimmer {
-  position: fixed;
-  -webkit-transform-style: '';
-          transform-style: '';
-  -webkit-perspective: 2000px;
-          perspective: 2000px;
-  -webkit-transform-origin: center center;
-          transform-origin: center center;
-}
-body.animating.in.dimmable,
-body.dimmed.dimmable {
-  overflow: hidden;
-}
-body.dimmable > .dimmer {
-  position: fixed;
-}
-
-/*--------------
-    Blurring
----------------*/
-
-.blurring.dimmable > :not(.dimmer) {
-  -webkit-filter: blur(0px) grayscale(0);
-          filter: blur(0px) grayscale(0);
-  -webkit-transition: 800ms -webkit-filter ease;
-  transition: 800ms -webkit-filter ease;
-  transition: 800ms filter ease;
-  transition: 800ms filter ease, 800ms -webkit-filter ease;
-}
-.blurring.dimmed.dimmable > :not(.dimmer) {
-  -webkit-filter: blur(5px) grayscale(0.7);
-          filter: blur(5px) grayscale(0.7);
-}
-
-/* Dimmer Color */
-.blurring.dimmable > .dimmer {
-  background-color: rgba(0, 0, 0, 0.6);
-}
-.blurring.dimmable > .inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.6);
-}
-
-/*--------------
-    Aligned
----------------*/
-
-.ui.dimmer > .top.aligned.content > * {
-  vertical-align: top;
-}
-.ui.dimmer > .bottom.aligned.content > * {
-  vertical-align: bottom;
-}
-
-/*--------------
-    Inverted
----------------*/
-
-.ui.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.85);
-}
-.ui.inverted.dimmer > .content > * {
-  color: #FFFFFF;
-}
-
-/*--------------
-     Simple
----------------*/
-
-
-/* Displays without javascript */
-.ui.simple.dimmer {
-  display: block;
-  overflow: hidden;
-  opacity: 1;
-  width: 0%;
-  height: 0%;
-  z-index: -100;
-  background-color: rgba(0, 0, 0, 0);
-}
-.dimmed.dimmable > .ui.simple.dimmer {
-  overflow: visible;
-  opacity: 1;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.85);
-  z-index: 1;
-}
-.ui.simple.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0);
-}
-.dimmed.dimmable > .ui.simple.inverted.dimmer {
-  background-color: rgba(255, 255, 255, 0.85);
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-        User Overrides
-*******************************/
-

public/css/dimmer.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Dimmer
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.dimmable:not(.body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-transition:background-color .5s linear;transition:background-color .5s linear;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{width:100%;height:100%;display:table;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ui.dimmer>.content>*{display:table-cell;vertical-align:middle;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:block;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.ui.page.dimmer{position:fixed;-webkit-transform-style:'';transform-style:'';-webkit-perspective:2000px;perspective:2000px;-webkit-transform-origin:center center;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);-webkit-transition:.8s -webkit-filter ease;transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:#fff}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)}

public/css/divider.css

@@ -1,260 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Divider
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Divider
-*******************************/
-
-.ui.divider {
-  margin: 1rem 0rem;
-  line-height: 1;
-  height: 0em;
-  font-weight: bold;
-  text-transform: uppercase;
-  letter-spacing: 0.05em;
-  color: rgba(0, 0, 0, 0.85);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-/*--------------
-      Basic
----------------*/
-
-.ui.divider:not(.vertical):not(.horizontal) {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-/*--------------
-    Coupling
----------------*/
-
-
-/* Allow divider between each column row */
-.ui.grid > .column + .divider,
-.ui.grid > .row > .column + .divider {
-  left: auto;
-}
-
-/*--------------
-   Horizontal
----------------*/
-
-.ui.horizontal.divider {
-  display: table;
-  white-space: nowrap;
-  height: auto;
-  margin: '';
-  line-height: 1;
-  text-align: center;
-}
-.ui.horizontal.divider:before,
-.ui.horizontal.divider:after {
-  content: '';
-  display: table-cell;
-  position: relative;
-  top: 50%;
-  width: 50%;
-  background-repeat: no-repeat;
-}
-.ui.horizontal.divider:before {
-  background-position: right 1em top 50%;
-}
-.ui.horizontal.divider:after {
-  background-position: left 1em top 50%;
-}
-
-/*--------------
-    Vertical
----------------*/
-
-.ui.vertical.divider {
-  position: absolute;
-  z-index: 2;
-  top: 50%;
-  left: 50%;
-  margin: 0rem;
-  padding: 0em;
-  width: auto;
-  height: 50%;
-  line-height: 0em;
-  text-align: center;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-}
-.ui.vertical.divider:before,
-.ui.vertical.divider:after {
-  position: absolute;
-  left: 50%;
-  content: '';
-  z-index: 3;
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
-  border-right: 1px solid rgba(255, 255, 255, 0.1);
-  width: 0%;
-  height: calc(100% -  1rem );
-}
-.ui.vertical.divider:before {
-  top: -100%;
-}
-.ui.vertical.divider:after {
-  top: auto;
-  bottom: 0px;
-}
-
-/* Inside grid */
-@media only screen and (max-width: 767px) {
-  .ui.stackable.grid .ui.vertical.divider,
-  .ui.grid .stackable.row .ui.vertical.divider {
-    display: table;
-    white-space: nowrap;
-    height: auto;
-    margin: '';
-    overflow: hidden;
-    line-height: 1;
-    text-align: center;
-    position: static;
-    top: 0;
-    left: 0;
-    -webkit-transform: none;
-            transform: none;
-  }
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before,
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    position: static;
-    left: 0;
-    border-left: none;
-    border-right: none;
-    content: '';
-    display: table-cell;
-    position: relative;
-    top: 50%;
-    width: 50%;
-    background-repeat: no-repeat;
-  }
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before {
-    background-position: right 1em top 50%;
-  }
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    background-position: left 1em top 50%;
-  }
-}
-
-/*--------------
-      Icon
----------------*/
-
-.ui.divider > .icon {
-  margin: 0rem;
-  font-size: 1rem;
-  height: 1em;
-  vertical-align: middle;
-}
-
-
-/*******************************
-          Variations
-*******************************/
-
-
-/*--------------
-    Hidden
----------------*/
-
-.ui.hidden.divider {
-  border-color: transparent !important;
-}
-.ui.hidden.divider:before,
-.ui.hidden.divider:after {
-  display: none;
-}
-
-/*--------------
-    Inverted
----------------*/
-
-.ui.divider.inverted,
-.ui.vertical.inverted.divider,
-.ui.horizontal.inverted.divider {
-  color: #FFFFFF;
-}
-.ui.divider.inverted,
-.ui.divider.inverted:after,
-.ui.divider.inverted:before {
-  border-top-color: rgba(34, 36, 38, 0.15) !important;
-  border-left-color: rgba(34, 36, 38, 0.15) !important;
-  border-bottom-color: rgba(255, 255, 255, 0.15) !important;
-  border-right-color: rgba(255, 255, 255, 0.15) !important;
-}
-
-/*--------------
-    Fitted
----------------*/
-
-.ui.fitted.divider {
-  margin: 0em;
-}
-
-/*--------------
-    Clearing
----------------*/
-
-.ui.clearing.divider {
-  clear: both;
-}
-
-/*--------------
-    Section
----------------*/
-
-.ui.section.divider {
-  margin-top: 2rem;
-  margin-bottom: 2rem;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.divider {
-  font-size: 1rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-.ui.horizontal.divider:before,
-.ui.horizontal.divider:after {
-  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
-}
-@media only screen and (max-width: 767px) {
-  .ui.stackable.grid .ui.vertical.divider:before,
-  .ui.grid .stackable.row .ui.vertical.divider:before,
-  .ui.stackable.grid .ui.vertical.divider:after,
-  .ui.grid .stackable.row .ui.vertical.divider:after {
-    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC');
-  }
-}
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/embed.css

@@ -1,166 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Video
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Types
-*******************************/
-
-.ui.embed {
-  position: relative;
-  max-width: 100%;
-  height: 0px;
-  overflow: hidden;
-  background: #DCDDDE;
-  padding-bottom: 56.25%;
-}
-
-/*-----------------
-  Embedded Content
-------------------*/
-
-.ui.embed iframe,
-.ui.embed embed,
-.ui.embed object {
-  position: absolute;
-  border: none;
-  width: 100%;
-  height: 100%;
-  top: 0px;
-  left: 0px;
-  margin: 0em;
-  padding: 0em;
-}
-
-/*-----------------
-      Embed
-------------------*/
-
-.ui.embed > .embed {
-  display: none;
-}
-
-/*--------------
-   Placeholder
----------------*/
-
-.ui.embed > .placeholder {
-  position: absolute;
-  cursor: pointer;
-  top: 0px;
-  left: 0px;
-  display: block;
-  width: 100%;
-  height: 100%;
-  background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
-}
-
-/*--------------
-      Icon
----------------*/
-
-.ui.embed > .icon {
-  cursor: pointer;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-}
-.ui.embed > .icon:after {
-  position: absolute;
-  top: 0%;
-  left: 0%;
-  width: 100%;
-  height: 100%;
-  z-index: 3;
-  content: '';
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
-  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
-  opacity: 0.5;
-  -webkit-transition: opacity 0.5s ease;
-  transition: opacity 0.5s ease;
-}
-.ui.embed > .icon:before {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  z-index: 4;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
-  color: #FFFFFF;
-  font-size: 6rem;
-  text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2);
-  -webkit-transition: opacity 0.5s ease, color 0.5s ease;
-  transition: opacity 0.5s ease, color 0.5s ease;
-  z-index: 10;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-
-/*--------------
-     Hover
----------------*/
-
-.ui.embed .icon:hover:after {
-  background: -webkit-radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
-  background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3));
-  opacity: 1;
-}
-.ui.embed .icon:hover:before {
-  color: #FFFFFF;
-}
-
-/*--------------
-     Active
----------------*/
-
-.ui.active.embed > .icon,
-.ui.active.embed > .placeholder {
-  display: none;
-}
-.ui.active.embed > .embed {
-  display: block;
-}
-
-
-/*******************************
-        Video Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-
-
-
-/*******************************
-          Variations
-*******************************/
-
-.ui.square.embed {
-  padding-bottom: 100%;
-}
-.ui[class*="4:3"].embed {
-  padding-bottom: 75%;
-}
-.ui[class*="16:9"].embed {
-  padding-bottom: 56.25%;
-}
-.ui[class*="21:9"].embed {
-  padding-bottom: 42.85714286%;
-}

public/css/embed.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Video
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>.icon:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:'';background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;-webkit-transition:opacity .5s ease;transition:opacity .5s ease}.ui.embed>.icon:before{position:absolute;top:50%;left:50%;z-index:4;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);-webkit-transition:opacity .5s ease,color .5s ease;transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed .icon:hover:after{background:-webkit-radial-gradient(transparent 45%,rgba(0,0,0,.3));background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed .icon:hover:before{color:#fff}.ui.active.embed>.icon,.ui.active.embed>.placeholder{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%}

public/css/feed.css

@@ -1,296 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Feed
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-         Activity Feed
-*******************************/
-
-.ui.feed {
-  margin: 1em 0em;
-}
-.ui.feed:first-child {
-  margin-top: 0em;
-}
-.ui.feed:last-child {
-  margin-bottom: 0em;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-
-/* Event */
-.ui.feed > .event {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-  width: 100%;
-  padding: 0.21428571rem 0em;
-  margin: 0em;
-  background: none;
-  border-top: none;
-}
-.ui.feed > .event:first-child {
-  border-top: 0px;
-  padding-top: 0em;
-}
-.ui.feed > .event:last-child {
-  padding-bottom: 0em;
-}
-
-/* Event Label */
-.ui.feed > .event > .label {
-  display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  width: 2.5em;
-  height: auto;
-  -ms-flex-item-align: stretch;
-      -ms-grid-row-align: stretch;
-      align-self: stretch;
-  text-align: left;
-}
-.ui.feed > .event > .label .icon {
-  opacity: 1;
-  font-size: 1.5em;
-  width: 100%;
-  padding: 0.25em;
-  background: none;
-  border: none;
-  border-radius: none;
-  color: rgba(0, 0, 0, 0.6);
-}
-.ui.feed > .event > .label img {
-  width: 100%;
-  height: auto;
-  border-radius: 500rem;
-}
-.ui.feed > .event > .label + .content {
-  margin: 0.5em 0em 0.35714286em 1.14285714em;
-}
-
-/*--------------
-     Content
----------------*/
-
-
-/* Content */
-.ui.feed > .event > .content {
-  display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  -ms-flex-item-align: stretch;
-      -ms-grid-row-align: stretch;
-      align-self: stretch;
-  text-align: left;
-  word-wrap: break-word;
-}
-.ui.feed > .event:last-child > .content {
-  padding-bottom: 0em;
-}
-
-/* Link */
-.ui.feed > .event > .content a {
-  cursor: pointer;
-}
-
-/*--------------
-      Date
----------------*/
-
-.ui.feed > .event > .content .date {
-  margin: -0.5rem 0em 0em;
-  padding: 0em;
-  font-weight: normal;
-  font-size: 1em;
-  font-style: normal;
-  color: rgba(0, 0, 0, 0.4);
-}
-
-/*--------------
-     Summary
----------------*/
-
-.ui.feed > .event > .content .summary {
-  margin: 0em;
-  font-size: 1em;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Summary Image */
-.ui.feed > .event > .content .summary img {
-  display: inline-block;
-  width: auto;
-  height: 10em;
-  margin: -0.25em 0.25em 0em 0em;
-  border-radius: 0.25em;
-  vertical-align: middle;
-}
-
-/*--------------
-      User
----------------*/
-
-.ui.feed > .event > .content .user {
-  display: inline-block;
-  font-weight: bold;
-  margin-right: 0em;
-  vertical-align: baseline;
-}
-.ui.feed > .event > .content .user img {
-  margin: -0.25em 0.25em 0em 0em;
-  width: auto;
-  height: 10em;
-  vertical-align: middle;
-}
-
-/*--------------
-   Inline Date
----------------*/
-
-
-/* Date inside Summary */
-.ui.feed > .event > .content .summary > .date {
-  display: inline-block;
-  float: none;
-  font-weight: normal;
-  font-size: 0.85714286em;
-  font-style: normal;
-  margin: 0em 0em 0em 0.5em;
-  padding: 0em;
-  color: rgba(0, 0, 0, 0.4);
-}
-
-/*--------------
-  Extra Summary
----------------*/
-
-.ui.feed > .event > .content .extra {
-  margin: 0.5em 0em 0em;
-  background: none;
-  padding: 0em;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Images */
-.ui.feed > .event > .content .extra.images img {
-  display: inline-block;
-  margin: 0em 0.25em 0em 0em;
-  width: 6em;
-}
-
-/* Text */
-.ui.feed > .event > .content .extra.text {
-  padding: 0em;
-  border-left: none;
-  font-size: 1em;
-  max-width: 500px;
-  line-height: 1.4285em;
-}
-
-/*--------------
-      Meta
----------------*/
-
-.ui.feed > .event > .content .meta {
-  display: inline-block;
-  font-size: 0.85714286em;
-  margin: 0.5em 0em 0em;
-  background: none;
-  border: none;
-  border-radius: 0;
-  box-shadow: none;
-  padding: 0em;
-  color: rgba(0, 0, 0, 0.6);
-}
-.ui.feed > .event > .content .meta > * {
-  position: relative;
-  margin-left: 0.75em;
-}
-.ui.feed > .event > .content .meta > *:after {
-  content: '';
-  color: rgba(0, 0, 0, 0.2);
-  top: 0em;
-  left: -1em;
-  opacity: 1;
-  position: absolute;
-  vertical-align: top;
-}
-.ui.feed > .event > .content .meta .like {
-  color: '';
-  -webkit-transition: 0.2s color ease;
-  transition: 0.2s color ease;
-}
-.ui.feed > .event > .content .meta .like:hover .icon {
-  color: #FF2733;
-}
-.ui.feed > .event > .content .meta .active.like .icon {
-  color: #EF404A;
-}
-
-/* First element */
-.ui.feed > .event > .content .meta > :first-child {
-  margin-left: 0em;
-}
-.ui.feed > .event > .content .meta > :first-child::after {
-  display: none;
-}
-
-/* Action */
-.ui.feed > .event > .content .meta a,
-.ui.feed > .event > .content .meta > .icon {
-  cursor: pointer;
-  opacity: 1;
-  color: rgba(0, 0, 0, 0.5);
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.feed > .event > .content .meta a:hover,
-.ui.feed > .event > .content .meta a:hover .icon,
-.ui.feed > .event > .content .meta > .icon:hover {
-  color: rgba(0, 0, 0, 0.95);
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-.ui.small.feed {
-  font-size: 0.92857143rem;
-}
-.ui.feed {
-  font-size: 1rem;
-}
-.ui.large.feed {
-  font-size: 1.14285714rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/feed.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Feed
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:2.5em;height:auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;font-weight:400;font-size:1em;font-style:normal;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>:after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';-webkit-transition:.2s color ease;transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover .icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like .icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);-webkit-transition:color .1s ease;transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.95)}.ui.small.feed{font-size:.92857143rem}.ui.feed{font-size:1rem}.ui.large.feed{font-size:1.14285714rem}

public/css/header.css

@@ -1,721 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Header
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Header
-*******************************/
-
-
-/* Standard */
-.ui.header {
-  border: none;
-  margin: calc(2rem -  0.14285em ) 0em 1rem;
-  padding: 0em 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  line-height: 1.2857em;
-  text-transform: none;
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.header:first-child {
-  margin-top: -0.14285em;
-}
-.ui.header:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-   Sub Header
----------------*/
-
-.ui.header .sub.header {
-  display: block;
-  font-weight: normal;
-  padding: 0em;
-  margin: 0em;
-  font-size: 1rem;
-  line-height: 1.2em;
-  color: rgba(0, 0, 0, 0.6);
-}
-
-/*--------------
-      Icon
----------------*/
-
-.ui.header > .icon {
-  display: table-cell;
-  opacity: 1;
-  font-size: 1.5em;
-  padding-top: 0.14285em;
-  vertical-align: middle;
-}
-
-/* With Text Node */
-.ui.header .icon:only-child {
-  display: inline-block;
-  padding: 0em;
-  margin-right: 0.75rem;
-}
-
-/*-------------------
-        Image
---------------------*/
-
-.ui.header > .image,
-.ui.header > img {
-  display: inline-block;
-  margin-top: 0.14285em;
-  width: 2.5em;
-  height: auto;
-  vertical-align: middle;
-}
-.ui.header > .image:only-child,
-.ui.header > img:only-child {
-  margin-right: 0.75rem;
-}
-
-/*--------------
-     Content
----------------*/
-
-.ui.header .content {
-  display: inline-block;
-  vertical-align: top;
-}
-
-/* After Image */
-.ui.header > img + .content,
-.ui.header > .image + .content {
-  padding-left: 0.75rem;
-  vertical-align: middle;
-}
-
-/* After Icon */
-.ui.header > .icon + .content {
-  padding-left: 0.75rem;
-  display: table-cell;
-  vertical-align: middle;
-}
-
-/*--------------
- Loose Coupling
----------------*/
-
-.ui.header .ui.label {
-  font-size: '';
-  margin-left: 0.5rem;
-  vertical-align: middle;
-}
-
-/* Positioning */
-.ui.header + p {
-  margin-top: 0em;
-}
-
-
-/*******************************
-            Types
-*******************************/
-
-
-/*--------------
-     Page
----------------*/
-
-h1.ui.header {
-  font-size: 2rem;
-}
-h2.ui.header {
-  font-size: 1.714rem;
-}
-h3.ui.header {
-  font-size: 1.28rem;
-}
-h4.ui.header {
-  font-size: 1.071rem;
-}
-h5.ui.header {
-  font-size: 1rem;
-}
-
-/* Sub Header */
-h1.ui.header .sub.header {
-  font-size: 1.14285714rem;
-}
-h2.ui.header .sub.header {
-  font-size: 1.14285714rem;
-}
-h3.ui.header .sub.header {
-  font-size: 1rem;
-}
-h4.ui.header .sub.header {
-  font-size: 1rem;
-}
-h5.ui.header .sub.header {
-  font-size: 0.92857143rem;
-}
-
-/*--------------
- Content Heading
----------------*/
-
-.ui.huge.header {
-  min-height: 1em;
-  font-size: 2em;
-}
-.ui.large.header {
-  font-size: 1.714em;
-}
-.ui.medium.header {
-  font-size: 1.28em;
-}
-.ui.small.header {
-  font-size: 1.071em;
-}
-.ui.tiny.header {
-  font-size: 1em;
-}
-
-/* Sub Header */
-.ui.huge.header .sub.header {
-  font-size: 1.14285714rem;
-}
-.ui.large.header .sub.header {
-  font-size: 1.14285714rem;
-}
-.ui.header .sub.header {
-  font-size: 1rem;
-}
-.ui.small.header .sub.header {
-  font-size: 1rem;
-}
-.ui.tiny.header .sub.header {
-  font-size: 0.92857143rem;
-}
-
-/*--------------
-   Sub Heading
----------------*/
-
-.ui.sub.header {
-  padding: 0em;
-  margin-bottom: 0.14285714rem;
-  font-weight: bold;
-  font-size: 0.85714286em;
-  text-transform: uppercase;
-  color: '';
-}
-.ui.small.sub.header {
-  font-size: 0.78571429em;
-}
-.ui.sub.header {
-  font-size: 0.85714286em;
-}
-.ui.large.sub.header {
-  font-size: 0.92857143em;
-}
-.ui.huge.sub.header {
-  font-size: 1em;
-}
-
-/*-------------------
-        Icon
---------------------*/
-
-.ui.icon.header {
-  display: inline-block;
-  text-align: center;
-  margin: 2rem 0em 1rem;
-}
-.ui.icon.header:after {
-  content: '';
-  display: block;
-  height: 0px;
-  clear: both;
-  visibility: hidden;
-}
-.ui.icon.header:first-child {
-  margin-top: 0em;
-}
-.ui.icon.header .icon {
-  float: none;
-  display: block;
-  width: auto;
-  height: auto;
-  line-height: 1;
-  padding: 0em;
-  font-size: 3em;
-  margin: 0em auto 0.5rem;
-  opacity: 1;
-}
-.ui.icon.header .content {
-  display: block;
-  padding: 0em;
-}
-.ui.icon.header .circular.icon {
-  font-size: 2em;
-}
-.ui.icon.header .square.icon {
-  font-size: 2em;
-}
-.ui.block.icon.header .icon {
-  margin-bottom: 0em;
-}
-.ui.icon.header.aligned {
-  margin-left: auto;
-  margin-right: auto;
-  display: block;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.disabled.header {
-  opacity: 0.45;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*-------------------
-      Inverted
---------------------*/
-
-.ui.inverted.header {
-  color: #FFFFFF;
-}
-.ui.inverted.header .sub.header {
-  color: rgba(255, 255, 255, 0.8);
-}
-.ui.inverted.attached.header {
-  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  box-shadow: none;
-  border-color: transparent;
-}
-.ui.inverted.block.header {
-  background: #545454 -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05));
-  box-shadow: none;
-}
-.ui.inverted.block.header {
-  border-bottom: none;
-}
-
-/*-------------------
-       Colors
---------------------*/
-
-
-/*--- Red ---*/
-
-.ui.red.header {
-  color: #DB2828 !important;
-}
-a.ui.red.header:hover {
-  color: #d01919 !important;
-}
-.ui.red.dividing.header {
-  border-bottom: 2px solid #DB2828;
-}
-
-/* Inverted */
-.ui.inverted.red.header {
-  color: #FF695E !important;
-}
-a.ui.inverted.red.header:hover {
-  color: #ff5144 !important;
-}
-
-/*--- Orange ---*/
-
-.ui.orange.header {
-  color: #F2711C !important;
-}
-a.ui.orange.header:hover {
-  color: #f26202 !important;
-}
-.ui.orange.dividing.header {
-  border-bottom: 2px solid #F2711C;
-}
-
-/* Inverted */
-.ui.inverted.orange.header {
-  color: #FF851B !important;
-}
-a.ui.inverted.orange.header:hover {
-  color: #ff7701 !important;
-}
-
-/*--- Olive ---*/
-
-.ui.olive.header {
-  color: #B5CC18 !important;
-}
-a.ui.olive.header:hover {
-  color: #a7bd0d !important;
-}
-.ui.olive.dividing.header {
-  border-bottom: 2px solid #B5CC18;
-}
-
-/* Inverted */
-.ui.inverted.olive.header {
-  color: #D9E778 !important;
-}
-a.ui.inverted.olive.header:hover {
-  color: #d8ea5c !important;
-}
-
-/*--- Yellow ---*/
-
-.ui.yellow.header {
-  color: #FBBD08 !important;
-}
-a.ui.yellow.header:hover {
-  color: #eaae00 !important;
-}
-.ui.yellow.dividing.header {
-  border-bottom: 2px solid #FBBD08;
-}
-
-/* Inverted */
-.ui.inverted.yellow.header {
-  color: #FFE21F !important;
-}
-a.ui.inverted.yellow.header:hover {
-  color: #ffdf05 !important;
-}
-
-/*--- Green ---*/
-
-.ui.green.header {
-  color: #21BA45 !important;
-}
-a.ui.green.header:hover {
-  color: #16ab39 !important;
-}
-.ui.green.dividing.header {
-  border-bottom: 2px solid #21BA45;
-}
-
-/* Inverted */
-.ui.inverted.green.header {
-  color: #2ECC40 !important;
-}
-a.ui.inverted.green.header:hover {
-  color: #22be34 !important;
-}
-
-/*--- Teal ---*/
-
-.ui.teal.header {
-  color: #00B5AD !important;
-}
-a.ui.teal.header:hover {
-  color: #009c95 !important;
-}
-.ui.teal.dividing.header {
-  border-bottom: 2px solid #00B5AD;
-}
-
-/* Inverted */
-.ui.inverted.teal.header {
-  color: #6DFFFF !important;
-}
-a.ui.inverted.teal.header:hover {
-  color: #54ffff !important;
-}
-
-/*--- Blue ---*/
-
-.ui.blue.header {
-  color: #2185D0 !important;
-}
-a.ui.blue.header:hover {
-  color: #1678c2 !important;
-}
-.ui.blue.dividing.header {
-  border-bottom: 2px solid #2185D0;
-}
-
-/* Inverted */
-.ui.inverted.blue.header {
-  color: #54C8FF !important;
-}
-a.ui.inverted.blue.header:hover {
-  color: #3ac0ff !important;
-}
-
-/*--- Violet ---*/
-
-.ui.violet.header {
-  color: #6435C9 !important;
-}
-a.ui.violet.header:hover {
-  color: #5829bb !important;
-}
-.ui.violet.dividing.header {
-  border-bottom: 2px solid #6435C9;
-}
-
-/* Inverted */
-.ui.inverted.violet.header {
-  color: #A291FB !important;
-}
-a.ui.inverted.violet.header:hover {
-  color: #8a73ff !important;
-}
-
-/*--- Purple ---*/
-
-.ui.purple.header {
-  color: #A333C8 !important;
-}
-a.ui.purple.header:hover {
-  color: #9627ba !important;
-}
-.ui.purple.dividing.header {
-  border-bottom: 2px solid #A333C8;
-}
-
-/* Inverted */
-.ui.inverted.purple.header {
-  color: #DC73FF !important;
-}
-a.ui.inverted.purple.header:hover {
-  color: #d65aff !important;
-}
-
-/*--- Pink ---*/
-
-.ui.pink.header {
-  color: #E03997 !important;
-}
-a.ui.pink.header:hover {
-  color: #e61a8d !important;
-}
-.ui.pink.dividing.header {
-  border-bottom: 2px solid #E03997;
-}
-
-/* Inverted */
-.ui.inverted.pink.header {
-  color: #FF8EDF !important;
-}
-a.ui.inverted.pink.header:hover {
-  color: #ff74d8 !important;
-}
-
-/*--- Brown ---*/
-
-.ui.brown.header {
-  color: #A5673F !important;
-}
-a.ui.brown.header:hover {
-  color: #975b33 !important;
-}
-.ui.brown.dividing.header {
-  border-bottom: 2px solid #A5673F;
-}
-
-/* Inverted */
-.ui.inverted.brown.header {
-  color: #D67C1C !important;
-}
-a.ui.inverted.brown.header:hover {
-  color: #c86f11 !important;
-}
-
-/*--- Grey ---*/
-
-.ui.grey.header {
-  color: #767676 !important;
-}
-a.ui.grey.header:hover {
-  color: #838383 !important;
-}
-.ui.grey.dividing.header {
-  border-bottom: 2px solid #767676;
-}
-
-/* Inverted */
-.ui.inverted.grey.header {
-  color: #DCDDDE !important;
-}
-a.ui.inverted.grey.header:hover {
-  color: #cfd0d2 !important;
-}
-
-/*-------------------
-       Aligned
---------------------*/
-
-.ui.left.aligned.header {
-  text-align: left;
-}
-.ui.right.aligned.header {
-  text-align: right;
-}
-.ui.centered.header,
-.ui.center.aligned.header {
-  text-align: center;
-}
-.ui.justified.header {
-  text-align: justify;
-}
-.ui.justified.header:after {
-  display: inline-block;
-  content: '';
-  width: 100%;
-}
-
-/*-------------------
-       Floated
---------------------*/
-
-.ui.floated.header,
-.ui[class*="left floated"].header {
-  float: left;
-  margin-top: 0em;
-  margin-right: 0.5em;
-}
-.ui[class*="right floated"].header {
-  float: right;
-  margin-top: 0em;
-  margin-left: 0.5em;
-}
-
-/*-------------------
-       Fitted
---------------------*/
-
-.ui.fitted.header {
-  padding: 0em;
-}
-
-/*-------------------
-      Dividing
---------------------*/
-
-.ui.dividing.header {
-  padding-bottom: 0.21428571rem;
-  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
-}
-.ui.dividing.header .sub.header {
-  padding-bottom: 0.21428571rem;
-}
-.ui.dividing.header .icon {
-  margin-bottom: 0em;
-}
-.ui.inverted.dividing.header {
-  border-bottom-color: rgba(255, 255, 255, 0.1);
-}
-
-/*-------------------
-        Block
---------------------*/
-
-.ui.block.header {
-  background: #F3F4F5;
-  padding: 0.78571429rem 1rem;
-  box-shadow: none;
-  border: 1px solid #D4D4D5;
-  border-radius: 0.28571429rem;
-}
-.ui.tiny.block.header {
-  font-size: 0.85714286rem;
-}
-.ui.small.block.header {
-  font-size: 0.92857143rem;
-}
-.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1rem;
-}
-.ui.large.block.header {
-  font-size: 1.14285714rem;
-}
-.ui.huge.block.header {
-  font-size: 1.42857143rem;
-}
-
-/*-------------------
-       Attached
---------------------*/
-
-.ui.attached.header {
-  background: #FFFFFF;
-  padding: 0.78571429rem 1rem;
-  margin-left: -1px;
-  margin-right: -1px;
-  box-shadow: none;
-  border: 1px solid #D4D4D5;
-}
-.ui.attached.block.header {
-  background: #F3F4F5;
-}
-.ui.attached:not(.top):not(.bottom).header {
-  margin-top: 0em;
-  margin-bottom: 0em;
-  border-top: none;
-  border-radius: 0em;
-}
-.ui.top.attached.header {
-  margin-bottom: 0em;
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
-}
-.ui.bottom.attached.header {
-  margin-top: 0em;
-  border-top: none;
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
-}
-
-/* Attached Sizes */
-.ui.tiny.attached.header {
-  font-size: 0.85714286em;
-}
-.ui.small.attached.header {
-  font-size: 0.92857143em;
-}
-.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1em;
-}
-.ui.large.attached.header {
-  font-size: 1.14285714em;
-}
-.ui.huge.attached.header {
-  font-size: 1.42857143em;
-}
-
-/*-------------------
-        Sizing
---------------------*/
-
-.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
-  font-size: 1.28em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-