Separate text filter decorators.

# Conflicts:
#	app/Paper/HtmlToPos.php

.gitignore

@@ -7,26 +7,4 @@
 Homestead.json
 Homestead.yaml
 .env
-
-# ---> Laravel
-vendor/
-node_modules/
-npm-debug.log
-
-# Laravel 4 specific
-bootstrap/compiled.php
-app/storage/
-
-# Laravel 5 & Lumen specific
-public/storage
-public/hot
-storage/*.key
-.env.*.php
-.env.php
-.env
-Homestead.yaml
-Homestead.json
-
-# Rocketeer PHP task runner and deployment package. https://github.com/rocketeers/rocketeer
-.rocketeer/
-
+database/printer.db

.htaccess

@@ -0,0 +1,3 @@
+<FilesMatch "\.(ico|pdf|jpg|jpeg|png|gif|html|htm|xml|txt|xsl)$">
+Header set Cache-Control "max-age=31536050"
+</FilesMatch>

README.md

@@ -1,4 +1,40 @@
-# paper-pi
+<p align="center"><img src="https://laravel.com/assets/img/components/logo-laravel.svg"></p>
 
-Webowa aplikacja napisana w PHP pozwalająca na drukowanie za pomocąpodłączonej do raspberry pi drukarki termicznej i zarządzanie zapisanymi wydrukami.
+<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/Decorators/HideLinesDecorator.php

@@ -0,0 +1,23 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 20:47
+ */
+
+namespace App\Decorators;
+
+
+class HideLinesDecorator extends TextConverterDecorator
+{
+
+    /**
+     * usuwa linijki z tekstu które zaczynają zię od znaku #
+     * @return string
+     */
+    public function getText(): string
+    {
+        return preg_replace('/^\s*[!#].*?$[\r\n]?/m', '', $this->text->getText());
+    }
+}

app/Decorators/Interfaces/TextConverterDecoratorInterface.php

@@ -0,0 +1,16 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 19:03
+ */
+
+namespace App\Decorators\Interfaces;
+
+
+interface TextConverterDecoratorInterface
+{
+    public function getText(): string;
+
+}

app/Decorators/NewLineDecorator.php

@@ -0,0 +1,20 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 20:23
+ */
+
+namespace App\Decorators;
+
+
+class NewLineDecorator extends TextConverterDecorator
+{
+    private $replaceElements = ['<br>', '<br />', '<br/>'];
+
+    public function getText(): string
+    {
+        return str_replace($this->replaceElements, "\n", $this->text->getText());
+    }
+}

app/Decorators/RandomElementsDecorator.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 20:52
+ */
+
+namespace App\Decorators;
+
+
+class RandomElementsDecorator extends TextConverterDecorator
+{
+
+    /**
+     * 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
+     */
+    public function getText(): string
+    {
+        $re = "#\[\[(.*?)\]\]#s";
+        $newText = $this->text->getText();
+        preg_match_all($re, $newText, $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($newText, $elements[0]);
+            $newText = substr_replace($newText, $data[mt_rand(0, count($data) - 1)], $pos, strlen($elements[0]));
+        }
+        return $newText;
+    }
+}

app/Decorators/RandomNumberDecorator.php

@@ -0,0 +1,33 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 21:28
+ */
+
+namespace App\Decorators;
+
+
+class RandomNumberDecorator extends TextConverterDecorator
+{
+
+
+    /**
+     * 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
+     */
+    public function getText(): string
+    {
+        $text = $this->text->getText();
+        $re = '/\[\s*(-?\d+)\s*\,\s*(-?\d+)\s*\]/';
+        preg_match_all($re, $text, $matches, PREG_SET_ORDER, 0);
+
+        foreach ($matches as $match) {
+            $pos = strpos($text, $match[0]);
+            $text = substr_replace($text, mt_rand($match[1], $match[2]), $pos, strlen($match[0]));
+        }
+        return $text;
+    }
+}

app/Decorators/Text.php

@@ -0,0 +1,28 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 20:35
+ */
+
+namespace App\Decorators;
+
+
+use App\Decorators\Interfaces\TextConverterDecoratorInterface;
+
+class Text implements TextConverterDecoratorInterface
+{
+
+    private $text;
+
+    public function __construct(string $text)
+    {
+        $this->text = $text;
+    }
+
+    public function getText(): string
+    {
+        return $this->text;
+    }
+}

app/Decorators/TextBreakDecorator.php

@@ -0,0 +1,25 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 21:32
+ */
+
+namespace App\Decorators;
+
+
+class TextBreakDecorator extends TextConverterDecorator
+{
+
+    private $lineLength = 32;
+
+    /**
+     * łamie tekst w miejscu spacji do długości 32 znaki na linię
+     * @return string
+     */
+    public function getText(): string
+    {
+        return wordwrap($this->text->getText(), $this->lineLength);
+    }
+}

app/Decorators/TextConverterDecorator.php

@@ -0,0 +1,21 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 19:06
+ */
+
+namespace App\Decorators;
+
+use App\Decorators\Interfaces\TextConverterDecoratorInterface;
+
+abstract class TextConverterDecorator implements TextConverterDecoratorInterface
+{
+    protected $text;
+
+    public function __construct(TextConverterDecoratorInterface $text)
+    {
+        $this->text = $text;
+    }
+}

app/Decorators/TraficarDecorator.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 22:20
+ */
+
+namespace App\Decorators;
+
+
+use App\Paper\Traficar;
+
+class TraficarDecorator extends TextConverterDecorator
+{
+
+    public function getText(): string
+    {
+        $text = $this->text->getText();
+        if (strstr($text, '[traficar]')) {
+            $traficar = new Traficar();
+            $nearest = $traficar->nearestCarText();
+            $text = str_replace('[traficar]', $nearest, $text);
+        }
+        return $text;
+    }
+}

app/Decorators/VocabularyWordDecorator.php

@@ -0,0 +1,35 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 28.02.2019
+ * Time: 22:20
+ */
+
+namespace App\Decorators;
+
+
+use App\Paper\Vocabulary;
+
+class VocabularyWordDecorator extends TextConverterDecorator
+{
+
+    public function getText(): string
+    {
+        $text = $this->text->getText();
+        if (strstr($text, '[vocabulary_word]')
+            || strpos($text, '[vocabulary_short]')
+            || strpos($text, '[vocabulary_long]')) {
+            $voc = new Vocabulary();
+            $randomWord = $voc->getRandomWord();
+            $word = $voc->getWord($randomWord);
+
+            $text = str_replace('[vocabulary_word]', $word->word, $text);
+            $text = str_replace('[vocabulary_short]', $word->short, $text);
+            $text = str_replace('[vocabulary_long]', $word->long, $text);
+        }
+
+        return $text;
+
+    }
+}

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/ClosedShops.php

@@ -0,0 +1,42 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Paper\Paper;
+
+class ClosedShops extends Controller
+{
+
+    private $icon = 'frown-o';
+    private $daysClosed = ['11-03','18-03',
+        '01-04','02-04','08-04','15-04','22-04',
+        '01-05','03-05','13-05','20-05','31-05',
+        '10-06','17-06',
+        '08-07','15-07','22-07',
+        '12-08','15-08','19-08',
+        '09-09','16-09','23-09',
+        '14-10','21-10',
+        '01-11','11-11','18-11',
+        '09-12','16-12','25-12','16-12'
+    ];
+
+    private $paper;
+
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+    }
+
+
+    public function tomorrow()
+    {
+        $today = new \DateTime();
+        $tomorrow = $today->modify('+1 day');
+        if(in_array($tomorrow->format('d-m'), $this->daysClosed)){
+            $this->paper->sendPrint('Jutro sklepy są zamknięte.', "Jutrzejszy dzień jest dniem \nwolnym od handlu ponieważ jutro \njest święto albo niedziela wolna \nod handlu\n\n".$tomorrow->format('d-m-Y'), $this->icon);
+        }
+    }
+
+
+}

app/Http/Controllers/Keyboard.php

@@ -0,0 +1,126 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Paper\Paper;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\DB;
+
+class Keyboard extends Controller
+{
+    public function press(Request $request, $key)
+    {
+
+        $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;
+            }
+        }
+
+
+    }
+
+}

app/Http/Controllers/Main.php

@@ -7,11 +7,10 @@
  */
 
 namespace App\Http\Controllers;
+set_time_limit(-1);
 
-use App\Paper\HtmlToPos;
+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;
@@ -19,6 +18,21 @@ use Illuminate\Http\Request;
 class Main extends Controller
 {
 
+    private $paper = null;
+    const TEMPLATE = 'template';
+    const NOTE = 'note';
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+    }
+
+    /**
+     * post::/printImage
+     * @param Request $request
+     * @return \Illuminate\Http\RedirectResponse
+     * @throws \Exception
+     */
     public function imagePrint(Request $request)
     {
 
@@ -35,7 +49,7 @@ class Main extends Controller
 
 
         $image = $image->greyscale()
-            ->resize(300, null, function ($constraint) {
+            ->resize(370, null, function ($constraint) {
                 $constraint->aspectRatio();
                 $constraint->upsize();
             });
@@ -92,100 +106,164 @@ 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();
     }
 
+    /**
+     * get:/
+     * @param Request $request
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
+     */
     public function listView(Request $request)
     {
-        $notes = DB::select('SELECT * FROM note ORDER BY updated_at DESC');
+        $notes = DB::select('SELECT * FROM note WHERE type = "note" ORDER BY updated_at DESC');
+        $templates = DB::select('SELECT * FROM note WHERE type = "template" ORDER BY updated_at DESC');
         return view('list', [
             'notes' => $notes,
+            'templates' => $templates,
             'title' => $request->old('title'),
-            'text' => $request->old('text')
+            'text' => $request->old('text'),
+            'icon_selected' => $request->old('icon'),
+            'icons' => $this->paper->getIcons()
         ]);
     }
 
-    public function form(Request $request)
+    /**
+     * get:/filte/{$filter?}
+     * @param Request $request
+     * @param null $filter
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\View\View
+     */
+    public function filterView(Request $request, $filter = 'empty')
     {
-        return view('create', [
+        $notes = DB::select('SELECT *, CASE WHEN icon IS NULL
+       THEN \'empty\'
+       ELSE icon
+       END AS new_icon FROM note WHERE type = "note" AND new_icon = :icon ORDER BY updated_at DESC', ['icon' => $filter]);
+        $templates = DB::select('SELECT *, CASE WHEN icon IS NULL
+       THEN \'empty\'
+       ELSE icon
+        END AS new_icon FROM note WHERE type = "template" AND new_icon = :icon ORDER BY updated_at DESC', ['icon' => $filter]);
+        return view('list', [
+            'filter' => $filter,
+            'notes' => $notes,
+            'templates' => $templates,
             'title' => $request->old('title'),
-            'text' => $request->old('text')
+            'text' => $request->old('text'),
+            'icon_selected' => $request->old('icon'),
+            'icons' => $this->paper->getIcons()
         ]);
     }
 
-    public function printText($id)
+    /**
+     * post::/print/{id}
+     * @param Request $request
+     * @param $id
+     * @return \Illuminate\Http\RedirectResponse
+     */
+    public function printText(Request $request, $id)
     {
-        $note = DB::table('note')->where('id', $id)->first();
-        $this->sendPrint($note->topic, $note->text);
+        $note = $this->printNote($id);
+        $request->session()->flash('print_status', 'Wydrukowano notatkę: ' . $note->topic . '!');
         return back();
     }
 
-    public function edit(Request $request, $id, $slug)
+    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);
+
+    }
+
+    /**
+     * get::/edit/{id}/{slug}
+     * post::/edit/{id}/{slug}
+     * @param Request $request
+     * @param $id
+     * @param $slug
+     * @return \Illuminate\Contracts\View\Factory|\Illuminate\Http\RedirectResponse|\Illuminate\View\View
+     */
+    public function edit(Request $request, $id, $slug = null)
     {
         $note = DB::table('note')->where('id', $id)->first();
         if ($request->isMethod('post')) {
-            if ($request->exists('save')) {
-                DB::table('note')
-                    ->where('id', $note->id)
-                    ->update([
-                        'topic' => $request->input('title'),
-                        'topic_slug' => str_slug($request->input('title'), '_'),
-                        'text' => $request->input('text'),
-                        'updated_at' => time(),
-                    ]);
+            if ($request->exists('save') ||
+                $request->exists('save_template')) {
+                if ($note->type == $this::TEMPLATE) {
+                    $id = DB::table('note')
+                        ->insertGetId([
+                            'topic' => $this->templateReplace($request->input('title')),
+                            'topic_slug' => str_slug($request->input('title'), '_'),
+                            '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([
+                            'topic' => $request->input('title'),
+                            'topic_slug' => str_slug($request->input('title'), '_'),
+                            'text' => $request->input('text'),
+                            'icon' => $request->input('icon'),
+                            'private' => $request->input('private', 0),
+                            'updated_at' => time(),
+                        ]);
+                }
             } elseif ($request->exists('delete')) {
                 DB::table('note')
                     ->where('id', $note->id)
                     ->delete();
-
                 return redirect()->route('list');
-
             } elseif ($request->exists('print')) {
-                $this->sendPrint($request->input('title'), $request->input('text'));
+                $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 {
             return view('edit', [
                 'title' => $note->topic,
                 '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,
             ]);
         }
     }
 
-    public function sendPrint($title, $text)
-    {
-        $connector = new FilePrintConnector("/dev/usb/lp0");
-        $printer = new Printer($connector);
-
-
-
-//        $printer->setFont(Printer::FONT_B);
-        if (strlen($title)) {
-            $printer->setDoubleStrike(true);
-            $printer->setJustification(Printer::JUSTIFY_CENTER);
-            $printer->setEmphasis(true);
-            $printer->text($title . "\n\n");
-            $printer->setEmphasis(false);
-            $printer->setJustification(Printer::JUSTIFY_LEFT);
-            $printer->setDoubleStrike(false);
-        }
-        $htmlToPos = new HtmlToPos();
-        $printer->text($htmlToPos->convert($text));
-
-        $printer->feed(4);
-        $printer->close();
-    }
 
+    /**
+     * post::/
+     * @param Request $request
+     * @return $this|\Illuminate\Http\RedirectResponse
+     */
     public function main(Request $request)
     {
         if ($request->exists('save')) {
@@ -194,13 +272,31 @@ class Main extends Controller
                     'topic' => $request->input('title'),
                     'topic_slug' => str_slug($request->input('title'), '_'),
                     'text' => $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();
+            return redirect()->route('edit', ['id' => $note->id, 'slug' => $note->topic_slug]);
+        } elseif ($request->exists('save_template')) {
+            $id = DB::table('note')
+                ->insertGetId([
+                    'topic' => $request->input('title'),
+                    'topic_slug' => str_slug($request->input('title'), '_'),
+                    'text' => $request->input('text'),
+                    'icon' => $request->input('icon'),
+                    'type' => self::TEMPLATE,
+                    'private' => $request->input('private', 0),
                     'created_at' => time(),
                     'updated_at' => time()
                 ]);
             $note = DB::table('note')->where('id', $id)->first();
             return redirect()->route('edit', ['id' => $note->id, 'slug' => $note->topic_slug]);
         } else {
-            $this->sendPrint($request->input('title'), $request->input('text'));
+            $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/PacktPub.php

@@ -0,0 +1,110 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use App\Paper\CinemaMultikino;
+use DiDom\Query;
+use Illuminate\Http\Request;
+use DiDom\Document;
+use App\Paper\Paper;
+
+class PacktPub extends Controller
+{
+
+    private $main;
+    private $icon = '/small/book.png';
+
+    private $freeBook = 'https://www.packtpub.com/packt/offers/free-learning';
+
+
+    private $loginData;
+
+    public function __construct()
+    {
+        $this->paper = new Paper();
+        $this->loginData = array(
+            'email' => 'krzysiej@gmail.com',
+            'password' => 'korki1korki1',
+            'op' => 'Login',
+            'form_build_id' => '',
+            'form_id' => 'packt_user_login_form',
+        );
+
+    }
+
+
+    public function today()
+    {
+
+        $data = file_get_contents($this->freeBook);
+        $document = new Document($data);
+
+//        list(,,$id,)= explode('/', $document->first('//form[@id="free-learning-form"]/@action', Query::TYPE_XPATH));
+        $id = $document->first('//input[@id="free-learning-register-claim-title-nid"]/@value', Query::TYPE_XPATH);
+
+        $myBooksRaw = $this->c('https://www.packtpub.com/account/my-ebooks', $this->loginData);
+
+        print_r($myBooksRaw);
+        $myBooks = new Document($myBooksRaw);
+
+//        $x = $myBooks->first('//div[@nid="' . $id . '"]', Query::TYPE_XPATH);
+
+        var_dump($id);
+
+        var_dump('//div[@nid="' . $id . '"]');
+        $isOwnd = (bool)$myBooks->first('//div[@nid="' . $id . '"]', Query::TYPE_XPATH);
+
+        var_dump($isOwnd);
+        die();
+        $titleNode = $document->first('.dotd-title h2');
+
+        if ($titleNode) {
+            $title = trim($titleNode->text());
+        }
+
+        $descriptionNodes = $document->find('//div[contains(@class,"dotd-main-book-summary")]/div[not(@class)]', Query::TYPE_XPATH);
+        $descriptionText = '';
+        if ($descriptionNodes) {
+            foreach ($descriptionNodes as $node) {
+                $descriptionText .= trim($node->text()) . "\n";
+            }
+        }
+
+        $descriptionText .= "\n\n" . (($isOwnd) ? 'Masz już tę książkę w biblioteczce.' : 'Nie masz jeszcze tej książki.');
+        $descriptionText .= "\n\n" . date('Y-m-d');
+
+
+        $imageNode = $document->first('//div[contains(@class, "dotd-main-book")]//img[contains(@class, "bookimage")]/@src', Query::TYPE_XPATH);
+        if ($imageNode) {
+            $imageNode = str_replace(' ', '%20', $imageNode);
+
+            $this->paper->sendPrint($title, $descriptionText, 'https:' . $imageNode, false);
+        }
+    }
+
+    private function c($url, $postArray = null)
+    {
+        $cookie = __DIR__ . '/cookie.txt';
+        $ch = curl_init();
+        $useragent = "Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6";
+        curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, FALSE);
+        curl_setopt($ch, CURLOPT_FAILONERROR, TRUE);
+        curl_setopt($ch, CURLOPT_COOKIESESSION, TRUE);
+        curl_setopt($ch, CURLOPT_FOLLOWLOCATION, TRUE);
+        curl_setopt($ch, CURLOPT_RETURNTRANSFER, TRUE);
+        curl_setopt($ch, CURLOPT_COOKIEFILE, $cookie);
+        curl_setopt($ch, CURLOPT_COOKIEJAR, $cookie);
+        curl_setopt($ch, CURLOPT_USERAGENT, $useragent);
+        curl_setopt($ch, CURLOPT_URL, $url);
+        if (!is_null($postArray)) {
+            curl_setopt($ch, CURLOPT_POST, TRUE);
+            curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($postArray));
+        }
+        $result = curl_exec($ch);
+
+        curl_close($ch);
+        return $result;
+    }
+
+
+}

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,217 +2,149 @@
 
 namespace App\Http\Controllers;
 
+use App\Paper\CinemaCinemaCity;
+use App\Paper\CinemaGdynskieCentrumFilmowe;
+use App\Paper\CinemaHelios;
+use App\Paper\CinemaMultikino;
+use App\Paper\Paper;
 use Illuminate\Http\Request;
-use DiDom\Document;
-use  App\Paper;
 
 class Repertoire extends Controller
 {
 
     private $main;
+    private $icon = 'film';
 
     public function __construct()
     {
-        $this->main = new Main();
+        $this->main = new Paper();
     }
 
 
-    public function today_cinemacity()
+    public function today_cinemacity(Request $request)
     {
-        $date = date('d/m/Y');
-        $repertuarText = $this->cinemacityRepertuar($date);
-        $this->main->sendPrint('', $repertuarText);
+        $cinemacity = new CinemaCinemaCity();
+        $cinemacity->setCinemaId(1010912);
+        $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();
-        $date->modify('+1 day');
-        $repertuarText = $this->cinemacityRepertuar($date->format('d/m/Y'));
-        $this->main->sendPrint('', $repertuarText);
+        $cinemacity = new CinemaCinemaCity();
+        $cinemacity->setCinemaId(1010912);
+        $cinemacity->setDay(date_create()->modify('+1 day')->format('Y-m-d'));
+        $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)
+
+    public function today_multikino(Request $request)
     {
-        $url = 'https://www.cinema-city.pl/scheduleInfo?locationId=1010308&date=' . $date . '&venueTypeId=0&hideSite=false&openedFromPopup=1';
+        $multikino = new CinemaMultikino();
 
-        $document = new Document($url, true);
-        $text = "Repertuar Cinema-City\n";
-        $text .= str_replace('/', '-', $date) . "\n\n";
+        $multikino->setCinemaId(4);
+        $multikino->setDay(date('Y-m-d'));
 
-        $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;
-    }
+        $repertuarText = $multikino->convertToPrint();
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Multikina na dzisiaj!');
 
-
-    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 Paper\CinemaMultikino();
-        $repertuarText = $multikino->convertToPrint(date('Y-m-d'), 4);
-        $this->main->sendPrint('', $repertuarText);
         return back();
     }
 
-    public function tomorrow_multikino()
+    public function tomorrow_multikino(Request $request)
     {
-        $date = new \DateTime();
-        $date->modify('+1 day');
+        $multikino = new CinemaMultikino();
+        $multikino->setDay(date_create()->modify('+1 day')->format('Y-m-d'));
+        $multikino->setCinemaId(4);
 
-        $multikino = new Paper\CinemaMultikino();
-        $repertuarText = $multikino->convertToPrint($date->format('Y-m-d'), 4);
-        $this->main->sendPrint('', $repertuarText);
-        return back();
+        $repertuarText = $multikino->convertToPrint();
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Multikina na jutro!');
 
-
-
-//        $repertuarText = $this->multikinoRepertuar($date->format('Y-m-d'));
-//        $this->main->sendPrint('', $repertuarText);
-//        return back();
-    }
-
-
-    public function tomorrow_gdynskiecentrumfilmowe()
-    {
-        $date = new \DateTime();
-        $date->modify('+1 day');
-
-        $repertuarText = $this->gdynskieCentrumFilmowe($date->format('d_m_Y'));
-        $this->main->sendPrint('', $repertuarText);
         return back();
     }
 
-    public function today_gdynskiecentrumfilmowe()
+
+    public function tomorrow_gdynskiecentrumfilmowe(Request $request)
     {
-        $date = date('d_m_Y');
-        $repertuarText = $this->gdynskieCentrumFilmowe($date);
-        $this->main->sendPrint('', $repertuarText);
+        $gdynskieCentrumFilmowe = new CinemaGdynskieCentrumFilmowe();
+        $gdynskieCentrumFilmowe->setDay(date_create()->modify('+1 day')->format('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_gdynskiecentrumfilmowe(Request $request)
     {
-        $this->main->sendPrint('', $this->helios(0, 2));
-        $this->main->sendPrint('', $this->helios(0, 49));
+        $gdynskieCentrumFilmowe = new CinemaGdynskieCentrumFilmowe();
+        $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 tomorrow_helios()
+    public function today_helios(Request $request)
     {
-        $this->main->sendPrint('', $this->helios(1, 2));
-        $this->main->sendPrint('', $this->helios(1, 49));
+        $helios = new CinemaHelios();
+        $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 today_repertoire()
+    public function tomorrow_helios(Request $request)
     {
+        $helios = new CinemaHelios();
+        $helios->setDay(1);
+        $helios->setCinemaId([2, 49]);
+        $helios->convertToPrint();
 
-        $this->today_multikino();
-        $this->today_cinemacity();
-        $this->today_helios();
-        $this->today_gdynskiecentrumfilmowe();
-
+        $repertuarText = $helios->convertToPrint();
+        $this->main->sendPrint('', $repertuarText, $this->icon);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Helios na jutro!');
+        return back();
     }
 
-    public function tomorrow_repertoire()
+    public function today_repertoire(Request $request)
     {
-
-        $this->tomorrow_multikino();
-        $this->tomorrow_cinemacity();
-        $this->tomorrow_helios();
-        $this->tomorrow_gdynskiecentrumfilmowe();
+        $this->today_multikino($request);
+        $this->today_cinemacity($request);
+        $this->today_helios($request);
+        $this->today_gdynskiecentrumfilmowe($request);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Heliosa, Multikina, CinemaCity i Gdyńskiego Centrum Filmowego na dzisiaj!');
+        return back();
     }
 
-    private function helios($day, $cinemaId)
+    public function tomorrow_repertoire(Request $request)
     {
-        $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;
+        $this->tomorrow_multikino($request);
+        $this->tomorrow_cinemacity($request);
+        $this->tomorrow_helios($request);
+        $this->tomorrow_gdynskiecentrumfilmowe($request);
+        $request->session()->flash('print_status', 'Wydrukowano repertuar Heliosa, Multikina, CinemaCity i Gdyńskiego Centrum Filmowego na jutro!');
+        return back();
     }
 
 }

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/Interfaces/PrinterElementInterface.php

@@ -0,0 +1,15 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 27.02.2019
+ * Time: 23:41
+ */
+
+namespace App\Interfaces;
+
+
+interface PrinterElementInterface
+{
+    public function render(): string;
+}

app/Paper/Airly.php

@@ -0,0 +1,88 @@
+<?php
+
+namespace App\Paper;
+
+
+class Airly
+{
+
+    private $apiKey;
+
+    public $icon = 'cloud';
+
+    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);
+    }
+
+    function getStationMeasurements($stationId)
+    {
+        return json_decode(file_get_contents(sprintf('%s/sensor/measurements?sensorId=%d&apikey=%s', $this->airlyApi, $stationId, $this->apiKey)), 1);
+    }
+
+    public function getPollutionLevelToText($pollutionLevel)
+    {
+        return ["Wspaniałe powietrze! Idealny dzień na aktywność na świeżym powietrzu",
+            "Dobre powietrze. Możesz bez obaw wyjść na zewnątrz i cieszyć się dniem",
+            "Bywało lepiej… To nie jest najlepszy dzień na aktywność poza domem",
+            "Zła jakość powietrza! Lepiej zostań dzisiaj w domu",
+            "Zła jakość powietrza! Lepiej zostań dzisiaj w domu",
+            "Bardzo zła jakość powietrza! Zostań dziś w domu"][$pollutionLevel - 1];
+    }
+
+
+    public function getInformationText($stationId)
+    {
+        $stationMeasurements = $this->getStationMeasurements($stationId);
+
+        if ($stationMeasurements['currentMeasurements'] === []) {
+            $dataText = 'Brak aktualnych danych ze stacji';
+        } else {
+            $dataText = "Aktualne warunki:" . PHP_EOL;
+            if (isset($stationMeasurements['currentMeasurements']['temperature'])) {
+                $dataText .= "Temperatura:  " . round((int)$stationMeasurements['currentMeasurements']['temperature'], 0) . "°C" . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['pressure'])) {
+                $dataText .= "Ciśnienie:    " . round(((float)$stationMeasurements['currentMeasurements']['pressure'] / 100), 2) . "hPa" . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['humidity'])) {
+                $dataText .= "Wilgotność:   " . round((int)$stationMeasurements['currentMeasurements']['humidity'], 2) . "%" . PHP_EOL . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['pm1'])) {
+                $dataText .= "PMI 1:   " . (int)$stationMeasurements['currentMeasurements']['pm1'] . "ppm" . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['pm25'])) {
+                $dataText .= "PMI 2.5: " . (int)$stationMeasurements['currentMeasurements']['pm25'] . "ppm / " . round((int)$stationMeasurements['currentMeasurements']['pm25'] / 0.25, 0) . '%' . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['pm10'])) {
+                $dataText .= "PMI 10:  " . (int)$stationMeasurements['currentMeasurements']['pm10'] . "ppm / " . round((int)$stationMeasurements['currentMeasurements']['pm10'] / 0.50, 0) . '%' . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['airQualityIndex'])) {
+                $dataText .= "Ogólna jakość powietrza: " . (int)$stationMeasurements['currentMeasurements']['airQualityIndex'] . '/100' . PHP_EOL;
+            }
+            if (isset($stationMeasurements['currentMeasurements']['pollutionLevel'])) {
+                $dataText .= "Stopień zanieczyszczeń: " . (int)$stationMeasurements['currentMeasurements']['pollutionLevel'] . '/6' . PHP_EOL;
+                $dataText .= $this->getPollutionLevelToText((int)$stationMeasurements['currentMeasurements']['pollutionLevel']);
+            }
+        }
+        return $dataText;
+    }
+}

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,18 +8,33 @@ 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);
         $movieJson = json_decode($movieContent, 0);
         return $movieJson;
     }
 
-    function parseRepertoire($day, $cinemaId = null)
+    function parseRepertoire()
     {
-        $movieJson = $this->fetchRepertorire($day, $cinemaId);
+        $movieJson = $this->fetchRepertorire();
 
         $filmy = [];
         foreach ($movieJson->films as $movie) {
@@ -27,13 +42,13 @@ class CinemaMultikino implements Cinema
             $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;
                         }
@@ -49,26 +64,28 @@ class CinemaMultikino implements Cinema
                 $filmy[] = $film;
             }
         }
+
         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";
-            $text .= '('.$movie['runningtime']. ")\n";
+            $text .= $movie['title'] . "\n";
+            $text .= '(' . $movie['runningtime'] . ")\n";
             $text .= implode(', ', $movie['genres']) . "\n\n";
             $text .= $movie['synopsis_short'] . "\n\n";
 
             $text .= implode(', ', $movie['times']) . "\n";
             $text .= "--------------------------------\n\n";
         }
+
         return $text;
     }
 }

app/Paper/HtmlToPos.php

@@ -3,26 +3,28 @@
 namespace App\Paper;
 
 
+use App\Decorators\HideLinesDecorator;
+use App\Decorators\NewLineDecorator;
+use App\Decorators\RandomElementsDecorator;
+use App\Decorators\RandomNumberDecorator;
+use App\Decorators\Text;
+use App\Decorators\TextBreakDecorator;
+use App\Decorators\TraficarDecorator;
+use App\Decorators\VocabularyWordDecorator;
+
 class HtmlToPos
 {
 
-
-    private function handleNewLine($text)
+    public function convert($html = '')
     {
-        return str_replace(['<br>', '<br/>', '<br />'], "\n", $text);
+        $text = new Text($html);
+        $text = new NewLineDecorator($text);
+        $text = new HideLinesDecorator($text);
+        $text = new RandomElementsDecorator($text);
+        $text = new RandomNumberDecorator($text);
+        $text = new VocabularyWordDecorator($text);
+        $text = new TraficarDecorator($text);
+        $text = new TextBreakDecorator($text);
+        return $text->getText();
     }
-
-    public function convert($html)
-    {
-
-        $posText = $this->handleNewLine($html);
-
-
-//        print_r($posText);
-
-//        die();
-        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

@@ -0,0 +1,134 @@
+<?php
+
+namespace App\Paper;
+
+use Illuminate\Support\Facades\DB;
+use Mike42\Escpos\PrintConnectors\FilePrintConnector;
+use Mike42\Escpos\Printer;
+use Mike42\Escpos\EscposImage;
+
+class Paper
+{
+    private $imageDirectory = 'large/';
+
+
+    private $printer;
+    private $connector;
+
+
+    public function __construct()
+    {
+        try {
+            $this->connector = new FilePrintConnector("/dev/usb/lp0");
+            $this->printer = new Printer($this->connector);
+        } catch (\Exception $e) {
+            die($e->getMessage());
+        }
+    }
+
+    public function getConnector()
+    {
+        return $this->connector;
+    }
+
+    public function getPrinter()
+    {
+        return $this->printer;
+    }
+
+
+    public function sendHeaderPrint($title)
+    {
+        if (strlen($title)) {
+            $this->printer->setDoubleStrike(true);
+            $this->printer->setJustification(Printer::JUSTIFY_CENTER);
+            $this->printer->setEmphasis(true);
+            $this->printer->text($title . "\n\n");
+            $this->printer->setEmphasis(false);
+            $this->printer->setJustification(Printer::JUSTIFY_LEFT);
+            $this->printer->setDoubleStrike(false);
+        }
+    }
+
+    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));
+
+                $tmpFile = storage_path() . '/image_packt.' . $extension;
+                file_put_contents($tmpFile, file_get_contents($image));
+                $img = EscposImage::load($tmpFile);
+            }
+            $this->printer->setJustification(Printer::JUSTIFY_CENTER);
+            $this->printer->bitImageColumnFormat($img);
+            $this->printer->feed(2);
+            $this->printer->setJustification(Printer::JUSTIFY_LEFT);
+        }
+    }
+
+    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();
+        $convertedData = $htmlToPos->convert($text);
+
+        //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);
+    }
+
+    /**
+     *
+     * pobieranie ikon z bazy w kolejności ilości użyć, ikon z dysku a następnie
+     * usunięcie pozdbioru ikon z bazy ze wszystkich ikon a następnie dodanie
+     * ich na początek listy ikon
+     *
+     * @return array
+     */
+    public function getIcons()
+    {
+        $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"];
+
+
+        $iconsDatabase = [];
+        $iconsDb = DB::select('SELECT icon FROM note WHERE icon is not null group by icon  ORDER BY count(icon) DESC ');
+        foreach ($iconsDb as $icon) {
+            $iconsDatabase[] = pathinfo(basename($icon->icon), PATHINFO_FILENAME);
+        }
+        return (array_merge($iconsDatabase, array_diff($icons, $iconsDatabase)));
+    }
+
+    public function __destruct()
+    {
+        $this->printer->close();
+    }
+
+}

app/Paper/PrinterElements/PrinterDocument.php

@@ -0,0 +1,30 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 27.02.2019
+ * Time: 23:49
+ */
+
+namespace App\Paper\PrinterElements;
+
+
+use App\Interfaces\PrinterElementInterface;
+
+class PrinterDocument implements PrinterElementInterface
+{
+
+    private $elements = [];
+
+    public function render(): string
+    {
+        foreach ($this->elements as $element) {
+
+        }
+    }
+
+    public function addElement(PrinterElementInterface $element)
+    {
+        $this->elements[] = $element;
+    }
+}

app/Paper/PrinterElements/TitlePrinterElement.php

@@ -0,0 +1,27 @@
+<?php
+/**
+ * Created by PhpStorm.
+ * User: k
+ * Date: 27.02.2019
+ * Time: 23:45
+ */
+
+namespace App\Paper\PrinterElements;
+
+
+use App\Interfaces\PrinterElementInterface;
+
+class TitlePrinterElement implements PrinterElementInterface
+{
+    private $title;
+
+    public function __construct($title)
+    {
+        $this->title = $title;
+    }
+
+    public function render(): string
+    {
+        return $this->title;
+    }
+}

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

@@ -1,19 +1,534 @@
-textarea { font-family: monospace }
-textarea.content {  font-family: monospace; word-wrap: break-word; word-break: break-all; }
- #editor {
-     border: 1px solid rgba(34,36,38,.15);
-     padding: 15px;
-     font-family: monospace;
-     word-wrap: break-word;
-     width: 257px;
-     word-break: break-all;
-     white-space: pre-wrap;
-     box-sizing: content-box;
+textarea {
+    font-family: monospace
+}
 
- }
+textarea.content {
+    font-family: monospace;
+    word-wrap: break-word;
+    word-break: break-all;
+}
 
-form {margin-bottom: 0;}
+#editor {
+    border: 1px solid rgba(34, 36, 38, .15);
+    padding: 15px;
+    font-family: monospace;
+    word-wrap: break-word;
+    width: 257px;
+    word-break: break-all;
+    white-space: pre-wrap;
+    box-sizing: content-box;
+
+}
+
+.note-title {
+    line-height: 32px;
+}
+
+h1.header span.icon.display-inline-block {
+    display: inline-block;
+}
+
+form {
+    margin-bottom: 0;
+}
 
 .ui.file.input input[type="file"] {
     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;
+    width: 25px;
+    display: inline-block;
+    background: url(/small/iconsmall.png);
+    margin: 2px;
+}
+
+.icons .icon:hover {
+    background-color: #1e90ff4d;
+}
+
+.icon.empty {
+    height: 25px;
+    width: 25px;
+    background-image: none;
+}
+
+.icon.selected {
+    border: 2px solid dodgerblue;
+    border-radius: 3px;
+    background-color: #1e90ff4d;
+    width: 29px;
+    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
-*******************************/
-

public/css/image.css

@@ -1,306 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Image
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-             Image
-*******************************/
-
-.ui.image {
-  position: relative;
-  display: inline-block;
-  vertical-align: middle;
-  max-width: 100%;
-  background-color: transparent;
-}
-img.ui.image {
-  display: block;
-}
-.ui.image svg,
-.ui.image img {
-  display: block;
-  max-width: 100%;
-  height: auto;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.hidden.images,
-.ui.hidden.image {
-  display: none;
-}
-.ui.hidden.transition.images,
-.ui.hidden.transition.image {
-  display: block;
-  visibility: hidden;
-}
-.ui.disabled.images,
-.ui.disabled.image {
-  cursor: default;
-  opacity: 0.45;
-}
-
-
-/*******************************
-          Variations
-*******************************/
-
-
-/*--------------
-     Inline
----------------*/
-
-.ui.inline.image,
-.ui.inline.image svg,
-.ui.inline.image img {
-  display: inline-block;
-}
-
-/*------------------
-  Vertical Aligned
--------------------*/
-
-.ui.top.aligned.images .image,
-.ui.top.aligned.image,
-.ui.top.aligned.image svg,
-.ui.top.aligned.image img {
-  display: inline-block;
-  vertical-align: top;
-}
-.ui.middle.aligned.images .image,
-.ui.middle.aligned.image,
-.ui.middle.aligned.image svg,
-.ui.middle.aligned.image img {
-  display: inline-block;
-  vertical-align: middle;
-}
-.ui.bottom.aligned.images .image,
-.ui.bottom.aligned.image,
-.ui.bottom.aligned.image svg,
-.ui.bottom.aligned.image img {
-  display: inline-block;
-  vertical-align: bottom;
-}
-
-/*--------------
-     Rounded
----------------*/
-
-.ui.rounded.images .image,
-.ui.rounded.image,
-.ui.rounded.images .image > *,
-.ui.rounded.image > * {
-  border-radius: 0.3125em;
-}
-
-/*--------------
-    Bordered
----------------*/
-
-.ui.bordered.images .image,
-.ui.bordered.images img,
-.ui.bordered.images svg,
-.ui.bordered.image img,
-.ui.bordered.image svg,
-img.ui.bordered.image {
-  border: 1px solid rgba(0, 0, 0, 0.1);
-}
-
-/*--------------
-    Circular
----------------*/
-
-.ui.circular.images,
-.ui.circular.image {
-  overflow: hidden;
-}
-.ui.circular.images .image,
-.ui.circular.image,
-.ui.circular.images .image > *,
-.ui.circular.image > * {
-  border-radius: 500rem;
-}
-
-/*--------------
-     Fluid
----------------*/
-
-.ui.fluid.images,
-.ui.fluid.image,
-.ui.fluid.images img,
-.ui.fluid.images svg,
-.ui.fluid.image svg,
-.ui.fluid.image img {
-  display: block;
-  width: 100%;
-  height: auto;
-}
-
-/*--------------
-     Avatar
----------------*/
-
-.ui.avatar.images .image,
-.ui.avatar.images img,
-.ui.avatar.images svg,
-.ui.avatar.image img,
-.ui.avatar.image svg,
-.ui.avatar.image {
-  margin-right: 0.25em;
-  display: inline-block;
-  width: 2em;
-  height: 2em;
-  border-radius: 500rem;
-}
-
-/*-------------------
-       Spaced
---------------------*/
-
-.ui.spaced.image {
-  display: inline-block !important;
-  margin-left: 0.5em;
-  margin-right: 0.5em;
-}
-.ui[class*="left spaced"].image {
-  margin-left: 0.5em;
-  margin-right: 0em;
-}
-.ui[class*="right spaced"].image {
-  margin-left: 0em;
-  margin-right: 0.5em;
-}
-
-/*-------------------
-       Floated
---------------------*/
-
-.ui.floated.image,
-.ui.floated.images {
-  float: left;
-  margin-right: 1em;
-  margin-bottom: 1em;
-}
-.ui.right.floated.images,
-.ui.right.floated.image {
-  float: right;
-  margin-right: 0em;
-  margin-bottom: 1em;
-  margin-left: 1em;
-}
-.ui.floated.images:last-child,
-.ui.floated.image:last-child {
-  margin-bottom: 0em;
-}
-.ui.centered.images,
-.ui.centered.image {
-  margin-left: auto;
-  margin-right: auto;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.mini.images .image,
-.ui.mini.images img,
-.ui.mini.images svg,
-.ui.mini.image {
-  width: 35px;
-  height: auto;
-  font-size: 0.78571429rem;
-}
-.ui.tiny.images .image,
-.ui.tiny.images img,
-.ui.tiny.images svg,
-.ui.tiny.image {
-  width: 80px;
-  height: auto;
-  font-size: 0.85714286rem;
-}
-.ui.small.images .image,
-.ui.small.images img,
-.ui.small.images svg,
-.ui.small.image {
-  width: 150px;
-  height: auto;
-  font-size: 0.92857143rem;
-}
-.ui.medium.images .image,
-.ui.medium.images img,
-.ui.medium.images svg,
-.ui.medium.image {
-  width: 300px;
-  height: auto;
-  font-size: 1rem;
-}
-.ui.large.images .image,
-.ui.large.images img,
-.ui.large.images svg,
-.ui.large.image {
-  width: 450px;
-  height: auto;
-  font-size: 1.14285714rem;
-}
-.ui.big.images .image,
-.ui.big.images img,
-.ui.big.images svg,
-.ui.big.image {
-  width: 600px;
-  height: auto;
-  font-size: 1.28571429rem;
-}
-.ui.huge.images .image,
-.ui.huge.images img,
-.ui.huge.images svg,
-.ui.huge.image {
-  width: 800px;
-  height: auto;
-  font-size: 1.42857143rem;
-}
-.ui.massive.images .image,
-.ui.massive.images img,
-.ui.massive.images svg,
-.ui.massive.image {
-  width: 960px;
-  height: auto;
-  font-size: 1.71428571rem;
-}
-
-
-/*******************************
-              Groups
-*******************************/
-
-.ui.images {
-  font-size: 0em;
-  margin: 0em -0.25rem 0rem;
-}
-.ui.images .image,
-.ui.images img,
-.ui.images svg {
-  display: inline-block;
-  margin: 0em 0.25rem 0.5rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/image.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Image
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.image{position:relative;display:inline-block;vertical-align:middle;max-width:100%;background-color:transparent}img.ui.image{display:block}.ui.image img,.ui.image svg{display:block;max-width:100%;height:auto}.ui.hidden.image,.ui.hidden.images{display:none}.ui.hidden.transition.image,.ui.hidden.transition.images{display:block;visibility:hidden}.ui.disabled.image,.ui.disabled.images{cursor:default;opacity:.45}.ui.inline.image,.ui.inline.image img,.ui.inline.image svg{display:inline-block}.ui.top.aligned.image,.ui.top.aligned.image img,.ui.top.aligned.image svg,.ui.top.aligned.images .image{display:inline-block;vertical-align:top}.ui.middle.aligned.image,.ui.middle.aligned.image img,.ui.middle.aligned.image svg,.ui.middle.aligned.images .image{display:inline-block;vertical-align:middle}.ui.bottom.aligned.image,.ui.bottom.aligned.image img,.ui.bottom.aligned.image svg,.ui.bottom.aligned.images .image{display:inline-block;vertical-align:bottom}.ui.rounded.image,.ui.rounded.image>*,.ui.rounded.images .image,.ui.rounded.images .image>*{border-radius:.3125em}.ui.bordered.image img,.ui.bordered.image svg,.ui.bordered.images .image,.ui.bordered.images img,.ui.bordered.images svg,img.ui.bordered.image{border:1px solid rgba(0,0,0,.1)}.ui.circular.image,.ui.circular.images{overflow:hidden}.ui.circular.image,.ui.circular.image>*,.ui.circular.images .image,.ui.circular.images .image>*{border-radius:500rem}.ui.fluid.image,.ui.fluid.image img,.ui.fluid.image svg,.ui.fluid.images,.ui.fluid.images img,.ui.fluid.images svg{display:block;width:100%;height:auto}.ui.avatar.image,.ui.avatar.image img,.ui.avatar.image svg,.ui.avatar.images .image,.ui.avatar.images img,.ui.avatar.images svg{margin-right:.25em;display:inline-block;width:2em;height:2em;border-radius:500rem}.ui.spaced.image{display:inline-block!important;margin-left:.5em;margin-right:.5em}.ui[class*="left spaced"].image{margin-left:.5em;margin-right:0}.ui[class*="right spaced"].image{margin-left:0;margin-right:.5em}.ui.floated.image,.ui.floated.images{float:left;margin-right:1em;margin-bottom:1em}.ui.right.floated.image,.ui.right.floated.images{float:right;margin-right:0;margin-bottom:1em;margin-left:1em}.ui.floated.image:last-child,.ui.floated.images:last-child{margin-bottom:0}.ui.centered.image,.ui.centered.images{margin-left:auto;margin-right:auto}.ui.mini.image,.ui.mini.images .image,.ui.mini.images img,.ui.mini.images svg{width:35px;height:auto;font-size:.78571429rem}.ui.tiny.image,.ui.tiny.images .image,.ui.tiny.images img,.ui.tiny.images svg{width:80px;height:auto;font-size:.85714286rem}.ui.small.image,.ui.small.images .image,.ui.small.images img,.ui.small.images svg{width:150px;height:auto;font-size:.92857143rem}.ui.medium.image,.ui.medium.images .image,.ui.medium.images img,.ui.medium.images svg{width:300px;height:auto;font-size:1rem}.ui.large.image,.ui.large.images .image,.ui.large.images img,.ui.large.images svg{width:450px;height:auto;font-size:1.14285714rem}.ui.big.image,.ui.big.images .image,.ui.big.images img,.ui.big.images svg{width:600px;height:auto;font-size:1.28571429rem}.ui.huge.image,.ui.huge.images .image,.ui.huge.images img,.ui.huge.images svg{width:800px;height:auto;font-size:1.42857143rem}.ui.massive.image,.ui.massive.images .image,.ui.massive.images img,.ui.massive.images svg{width:960px;height:auto;font-size:1.71428571rem}.ui.images{font-size:0;margin:0 -.25rem 0}.ui.images .image,.ui.images img,.ui.images svg{display:inline-block;margin:0 .25rem .5rem}

public/css/input.css

@@ -1,510 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Input
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-           Standard
-*******************************/
-
-
-/*--------------------
-        Inputs
----------------------*/
-
-.ui.input {
-  position: relative;
-  font-weight: normal;
-  font-style: normal;
-  display: -webkit-inline-box;
-  display: -ms-inline-flexbox;
-  display: inline-flex;
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.input input {
-  margin: 0em;
-  max-width: 100%;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
-  outline: none;
-  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
-  text-align: left;
-  line-height: 1.2142em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  padding: 0.67861429em 1em;
-  background: #FFFFFF;
-  border: 1px solid rgba(34, 36, 38, 0.15);
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 0.28571429rem;
-  -webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
-  transition: box-shadow 0.1s ease, border-color 0.1s ease;
-  box-shadow: none;
-}
-
-/*--------------------
-      Placeholder
----------------------*/
-
-
-/* browsers require these rules separate */
-.ui.input input::-webkit-input-placeholder {
-  color: rgba(191, 191, 191, 0.87);
-}
-.ui.input input::-moz-placeholder {
-  color: rgba(191, 191, 191, 0.87);
-}
-.ui.input input:-ms-input-placeholder {
-  color: rgba(191, 191, 191, 0.87);
-}
-
-
-/*******************************
-            States
-*******************************/
-
-
-/*--------------------
-        Disabled
----------------------*/
-
-.ui.disabled.input,
-.ui.input input[disabled] {
-  opacity: 0.45;
-}
-.ui.disabled.input input,
-.ui.input input[disabled] {
-  pointer-events: none;
-}
-
-/*--------------------
-        Active
----------------------*/
-
-.ui.input input:active,
-.ui.input.down input {
-  border-color: rgba(0, 0, 0, 0.3);
-  background: #FAFAFA;
-  color: rgba(0, 0, 0, 0.87);
-  box-shadow: none;
-}
-
-/*--------------------
-       Loading
----------------------*/
-
-.ui.loading.loading.input > i.icon:before {
-  position: absolute;
-  content: '';
-  top: 50%;
-  left: 50%;
-  margin: -0.64285714em 0em 0em -0.64285714em;
-  width: 1.28571429em;
-  height: 1.28571429em;
-  border-radius: 500rem;
-  border: 0.2em solid rgba(0, 0, 0, 0.1);
-}
-.ui.loading.loading.input > i.icon:after {
-  position: absolute;
-  content: '';
-  top: 50%;
-  left: 50%;
-  margin: -0.64285714em 0em 0em -0.64285714em;
-  width: 1.28571429em;
-  height: 1.28571429em;
-  -webkit-animation: button-spin 0.6s linear;
-          animation: button-spin 0.6s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  border-radius: 500rem;
-  border-color: #767676 transparent transparent;
-  border-style: solid;
-  border-width: 0.2em;
-  box-shadow: 0px 0px 0px 1px transparent;
-}
-
-/*--------------------
-        Focus
----------------------*/
-
-.ui.input.focus input,
-.ui.input input:focus {
-  border-color: #85B7D9;
-  background: #FFFFFF;
-  color: rgba(0, 0, 0, 0.8);
-  box-shadow: none;
-}
-.ui.input.focus input::-webkit-input-placeholder,
-.ui.input input:focus::-webkit-input-placeholder {
-  color: rgba(115, 115, 115, 0.87);
-}
-.ui.input.focus input::-moz-placeholder,
-.ui.input input:focus::-moz-placeholder {
-  color: rgba(115, 115, 115, 0.87);
-}
-.ui.input.focus input:-ms-input-placeholder,
-.ui.input input:focus:-ms-input-placeholder {
-  color: rgba(115, 115, 115, 0.87);
-}
-
-/*--------------------
-        Error
----------------------*/
-
-.ui.input.error input {
-  background-color: #FFF6F6;
-  border-color: #E0B4B4;
-  color: #9F3A38;
-  box-shadow: none;
-}
-
-/* Error Placeholder */
-.ui.input.error input::-webkit-input-placeholder {
-  color: #e7bdbc;
-}
-.ui.input.error input::-moz-placeholder {
-  color: #e7bdbc;
-}
-.ui.input.error input:-ms-input-placeholder {
-  color: #e7bdbc !important;
-}
-
-/* Focused Error Placeholder */
-.ui.input.error input:focus::-webkit-input-placeholder {
-  color: #da9796;
-}
-.ui.input.error input:focus::-moz-placeholder {
-  color: #da9796;
-}
-.ui.input.error input:focus:-ms-input-placeholder {
-  color: #da9796 !important;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------------
-      Transparent
----------------------*/
-
-.ui.transparent.input input {
-  border-color: transparent !important;
-  background-color: transparent !important;
-  padding: 0em !important;
-  box-shadow: none !important;
-}
-
-/* Transparent Icon */
-.ui.transparent.icon.input > i.icon {
-  width: 1.1em;
-}
-.ui.transparent.icon.input > input {
-  padding-left: 0em !important;
-  padding-right: 2em !important;
-}
-.ui.transparent[class*="left icon"].input > input {
-  padding-left: 2em !important;
-  padding-right: 0em !important;
-}
-
-/* Transparent Inverted */
-.ui.transparent.inverted.input {
-  color: #FFFFFF;
-}
-.ui.transparent.inverted.input input {
-  color: inherit;
-}
-.ui.transparent.inverted.input input::-webkit-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.ui.transparent.inverted.input input::-moz-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-.ui.transparent.inverted.input input:-ms-input-placeholder {
-  color: rgba(255, 255, 255, 0.5);
-}
-
-/*--------------------
-         Icon
----------------------*/
-
-.ui.icon.input > i.icon {
-  cursor: default;
-  position: absolute;
-  line-height: 1;
-  text-align: center;
-  top: 0px;
-  right: 0px;
-  margin: 0em;
-  height: 100%;
-  width: 2.67142857em;
-  opacity: 0.5;
-  border-radius: 0em 0.28571429rem 0.28571429rem 0em;
-  -webkit-transition: opacity 0.3s ease;
-  transition: opacity 0.3s ease;
-}
-.ui.icon.input > i.icon:not(.link) {
-  pointer-events: none;
-}
-.ui.icon.input input {
-  padding-right: 2.67142857em !important;
-}
-.ui.icon.input > i.icon:before,
-.ui.icon.input > i.icon:after {
-  left: 0;
-  position: absolute;
-  text-align: center;
-  top: 50%;
-  width: 100%;
-  margin-top: -0.5em;
-}
-.ui.icon.input > i.link.icon {
-  cursor: pointer;
-}
-.ui.icon.input > i.circular.icon {
-  top: 0.35em;
-  right: 0.5em;
-}
-
-/* Left Icon Input */
-.ui[class*="left icon"].input > i.icon {
-  right: auto;
-  left: 1px;
-  border-radius: 0.28571429rem 0em 0em 0.28571429rem;
-}
-.ui[class*="left icon"].input > i.circular.icon {
-  right: auto;
-  left: 0.5em;
-}
-.ui[class*="left icon"].input > input {
-  padding-left: 2.67142857em !important;
-  padding-right: 1em !important;
-}
-
-/* Focus */
-.ui.icon.input > input:focus ~ i.icon {
-  opacity: 1;
-}
-
-/*--------------------
-        Labeled
----------------------*/
-
-
-/* Adjacent Label */
-.ui.labeled.input > .label {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  margin: 0;
-  font-size: 1em;
-}
-.ui.labeled.input > .label:not(.corner) {
-  padding-top: 0.78571429em;
-  padding-bottom: 0.78571429em;
-}
-
-/* Regular Label on Left */
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child {
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
-}
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input {
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-  border-left-color: transparent;
-}
-.ui.labeled.input:not([class*="corner labeled"]) .label:first-child + input:focus {
-  border-left-color: #85B7D9;
-}
-
-/* Regular Label on Right */
-.ui[class*="right labeled"].input input {
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-  border-right-color: transparent !important;
-}
-.ui[class*="right labeled"].input input + .label {
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-}
-.ui[class*="right labeled"].input input:focus {
-  border-right-color: #85B7D9 !important;
-}
-
-/* Corner Label */
-.ui.labeled.input .corner.label {
-  top: 1px;
-  right: 1px;
-  font-size: 0.64285714em;
-  border-radius: 0em 0.28571429rem 0em 0em;
-}
-
-/* Spacing with corner label */
-.ui[class*="corner labeled"]:not([class*="left corner labeled"]).labeled.input input {
-  padding-right: 2.5em !important;
-}
-.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > input {
-  padding-right: 3.25em !important;
-}
-.ui[class*="corner labeled"].icon.input:not([class*="left corner labeled"]) > .icon {
-  margin-right: 1.25em;
-}
-
-/* Left Labeled */
-.ui[class*="left corner labeled"].labeled.input input {
-  padding-left: 2.5em !important;
-}
-.ui[class*="left corner labeled"].icon.input > input {
-  padding-left: 3.25em !important;
-}
-.ui[class*="left corner labeled"].icon.input > .icon {
-  margin-left: 1.25em;
-}
-
-/* Corner Label Position  */
-.ui.input > .ui.corner.label {
-  top: 1px;
-  right: 1px;
-}
-.ui.input > .ui.left.corner.label {
-  right: auto;
-  left: 1px;
-}
-
-/*--------------------
-        Action
----------------------*/
-
-.ui.action.input > .button,
-.ui.action.input > .buttons {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-}
-.ui.action.input > .button,
-.ui.action.input > .buttons > .button {
-  padding-top: 0.78571429em;
-  padding-bottom: 0.78571429em;
-  margin: 0;
-}
-
-/* Button on Right */
-.ui.action.input:not([class*="left action"]) > input {
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-  border-right-color: transparent !important;
-}
-.ui.action.input:not([class*="left action"]) > .dropdown:not(:first-child),
-.ui.action.input:not([class*="left action"]) > .button:not(:first-child),
-.ui.action.input:not([class*="left action"]) > .buttons:not(:first-child) > .button {
-  border-radius: 0px;
-}
-.ui.action.input:not([class*="left action"]) > .dropdown:last-child,
-.ui.action.input:not([class*="left action"]) > .button:last-child,
-.ui.action.input:not([class*="left action"]) > .buttons:last-child > .button {
-  border-radius: 0px 0.28571429rem 0.28571429rem 0px;
-}
-
-/* Input Focus */
-.ui.action.input:not([class*="left action"]) input:focus {
-  border-right-color: #85B7D9 !important;
-}
-
-/* Button on Left */
-.ui[class*="left action"].input > input {
-  border-top-left-radius: 0px !important;
-  border-bottom-left-radius: 0px !important;
-  border-left-color: transparent !important;
-}
-.ui[class*="left action"].input > .dropdown,
-.ui[class*="left action"].input > .button,
-.ui[class*="left action"].input > .buttons > .button {
-  border-radius: 0px;
-}
-.ui[class*="left action"].input > .dropdown:first-child,
-.ui[class*="left action"].input > .button:first-child,
-.ui[class*="left action"].input > .buttons:first-child > .button {
-  border-radius: 0.28571429rem 0px 0px 0.28571429rem;
-}
-
-/* Input Focus */
-.ui[class*="left action"].input > input:focus {
-  border-left-color: #85B7D9 !important;
-}
-
-/*--------------------
-       Inverted
----------------------*/
-
-
-/* Standard */
-.ui.inverted.input input {
-  border: none;
-}
-
-/*--------------------
-        Fluid
----------------------*/
-
-.ui.fluid.input {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-.ui.fluid.input > input {
-  width: 0px !important;
-}
-
-/*--------------------
-        Size
----------------------*/
-
-.ui.mini.input {
-  font-size: 0.78571429em;
-}
-.ui.small.input {
-  font-size: 0.92857143em;
-}
-.ui.input {
-  font-size: 1em;
-}
-.ui.large.input {
-  font-size: 1.14285714em;
-}
-.ui.big.input {
-  font-size: 1.28571429em;
-}
-.ui.huge.input {
-  font-size: 1.42857143em;
-}
-.ui.massive.input {
-  font-size: 1.71428571em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/item.css

@@ -1,475 +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
-*******************************/
-
-
-/*--------------
-      Item
----------------*/
-
-.ui.items > .item {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  margin: 1em 0em;
-  width: 100%;
-  min-height: 0px;
-  background: transparent;
-  padding: 0em;
-  border: none;
-  border-radius: 0rem;
-  box-shadow: none;
-  -webkit-transition: box-shadow 0.1s ease;
-  transition: box-shadow 0.1s ease;
-  z-index: '';
-}
-.ui.items > .item a {
-  cursor: pointer;
-}
-
-/*--------------
-      Items
----------------*/
-
-.ui.items {
-  margin: 1.5em 0em;
-}
-.ui.items:first-child {
-  margin-top: 0em !important;
-}
-.ui.items:last-child {
-  margin-bottom: 0em !important;
-}
-
-/*--------------
-      Item
----------------*/
-
-.ui.items > .item:after {
-  display: block;
-  content: ' ';
-  height: 0px;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
-}
-.ui.items > .item:first-child {
-  margin-top: 0em;
-}
-.ui.items > .item:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-     Images
----------------*/
-
-.ui.items > .item > .image {
-  position: relative;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  display: block;
-  float: none;
-  margin: 0em;
-  padding: 0em;
-  max-height: '';
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
-}
-.ui.items > .item > .image > img {
-  display: block;
-  width: 100%;
-  height: auto;
-  border-radius: 0.125rem;
-  border: none;
-}
-.ui.items > .item > .image:only-child > img {
-  border-radius: 0rem;
-}
-
-/*--------------
-     Content
----------------*/
-
-.ui.items > .item > .content {
-  display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  background: none;
-  margin: 0em;
-  padding: 0em;
-  box-shadow: none;
-  font-size: 1em;
-  border: none;
-  border-radius: 0em;
-}
-.ui.items > .item > .content:after {
-  display: block;
-  content: ' ';
-  height: 0px;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
-}
-.ui.items > .item > .image + .content {
-  min-width: 0;
-  width: auto;
-  display: block;
-  margin-left: 0em;
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
-  padding-left: 1.5em;
-}
-.ui.items > .item > .content > .header {
-  display: inline-block;
-  margin: -0.21425em 0em 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.85);
-}
-
-/* Default Header Size */
-.ui.items > .item > .content > .header:not(.ui) {
-  font-size: 1.28571429em;
-}
-
-/*--------------
-     Floated
----------------*/
-
-.ui.items > .item [class*="left floated"] {
-  float: left;
-}
-.ui.items > .item [class*="right floated"] {
-  float: right;
-}
-
-/*--------------
-  Content Image
----------------*/
-
-.ui.items > .item .content img {
-  -ms-flex-item-align: middle;
-      -ms-grid-row-align: middle;
-      align-self: middle;
-  width: '';
-}
-.ui.items > .item img.avatar,
-.ui.items > .item .avatar img {
-  width: '';
-  height: '';
-  border-radius: 500rem;
-}
-
-/*--------------
-   Description
----------------*/
-
-.ui.items > .item > .content > .description {
-  margin-top: 0.6em;
-  max-width: auto;
-  font-size: 1em;
-  line-height: 1.4285em;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/*--------------
-    Paragraph
----------------*/
-
-.ui.items > .item > .content p {
-  margin: 0em 0em 0.5em;
-}
-.ui.items > .item > .content p:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-      Meta
----------------*/
-
-.ui.items > .item .meta {
-  margin: 0.5em 0em 0.5em;
-  font-size: 1em;
-  line-height: 1em;
-  color: rgba(0, 0, 0, 0.6);
-}
-.ui.items > .item .meta * {
-  margin-right: 0.3em;
-}
-.ui.items > .item .meta :last-child {
-  margin-right: 0em;
-}
-.ui.items > .item .meta [class*="right floated"] {
-  margin-right: 0em;
-  margin-left: 0.3em;
-}
-
-/*--------------
-      Links
----------------*/
-
-
-/* Generic */
-.ui.items > .item > .content a:not(.ui) {
-  color: '';
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.items > .item > .content a:not(.ui):hover {
-  color: '';
-}
-
-/* Header */
-.ui.items > .item > .content > a.header {
-  color: rgba(0, 0, 0, 0.85);
-}
-.ui.items > .item > .content > a.header:hover {
-  color: #1e70bf;
-}
-
-/* Meta */
-.ui.items > .item .meta > a:not(.ui) {
-  color: rgba(0, 0, 0, 0.4);
-}
-.ui.items > .item .meta > a:not(.ui):hover {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/*--------------
-     Labels
----------------*/
-
-
-/*-----Star----- */
-
-
-/* Icon */
-.ui.items > .item > .content .favorite.icon {
-  cursor: pointer;
-  opacity: 0.75;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.items > .item > .content .favorite.icon:hover {
-  opacity: 1;
-  color: #FFB70A;
-}
-.ui.items > .item > .content .active.favorite.icon {
-  color: #FFE623;
-}
-
-/*-----Like----- */
-
-
-/* Icon */
-.ui.items > .item > .content .like.icon {
-  cursor: pointer;
-  opacity: 0.75;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.items > .item > .content .like.icon:hover {
-  opacity: 1;
-  color: #FF2733;
-}
-.ui.items > .item > .content .active.like.icon {
-  color: #FF2733;
-}
-
-/*----------------
-  Extra Content
------------------*/
-
-.ui.items > .item .extra {
-  display: block;
-  position: relative;
-  background: none;
-  margin: 0.5rem 0em 0em;
-  width: 100%;
-  padding: 0em 0em 0em;
-  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;
-  border-top: none;
-}
-.ui.items > .item .extra > * {
-  margin: 0.25rem 0.5rem 0.25rem 0em;
-}
-.ui.items > .item .extra > [class*="right floated"] {
-  margin: 0.25rem 0em 0.25rem 0.5rem;
-}
-.ui.items > .item .extra:after {
-  display: block;
-  content: ' ';
-  height: 0px;
-  clear: both;
-  overflow: hidden;
-  visibility: hidden;
-}
-
-
-/*******************************
-          Responsive
-*******************************/
-
-
-/* Default Image Width */
-.ui.items > .item > .image:not(.ui) {
-  width: 175px;
-}
-
-/* Tablet Only */
-@media only screen and (min-width: 768px) and (max-width: 991px) {
-  .ui.items > .item {
-    margin: 1em 0em;
-  }
-  .ui.items > .item > .image:not(.ui) {
-    width: 150px;
-  }
-  .ui.items > .item > .image + .content {
-    display: block;
-    padding: 0em 0em 0em 1em;
-  }
-}
-
-/* Mobile Only */
-@media only screen and (max-width: 767px) {
-  .ui.items > .item {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-    margin: 2em 0em;
-  }
-  .ui.items > .item > .image {
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-  }
-  .ui.items > .item > .image,
-  .ui.items > .item > .image > img {
-    max-width: 100% !important;
-    width: auto !important;
-    max-height: 250px !important;
-  }
-  .ui.items > .item > .image + .content {
-    display: block;
-    padding: 1.5em 0em 0em;
-  }
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*-------------------
-       Aligned
---------------------*/
-
-.ui.items > .item > .image + [class*="top aligned"].content {
-  -ms-flex-item-align: start;
-      align-self: flex-start;
-}
-.ui.items > .item > .image + [class*="middle aligned"].content {
-  -ms-flex-item-align: center;
-      -ms-grid-row-align: center;
-      align-self: center;
-}
-.ui.items > .item > .image + [class*="bottom aligned"].content {
-  -ms-flex-item-align: end;
-      align-self: flex-end;
-}
-
-/*--------------
-     Relaxed
----------------*/
-
-.ui.relaxed.items > .item {
-  margin: 1.5em 0em;
-}
-.ui[class*="very relaxed"].items > .item {
-  margin: 2em 0em;
-}
-
-/*-------------------
-      Divided
---------------------*/
-
-.ui.divided.items > .item {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  margin: 0em;
-  padding: 1em 0em;
-}
-.ui.divided.items > .item:first-child {
-  border-top: none;
-  margin-top: 0em !important;
-  padding-top: 0em !important;
-}
-.ui.divided.items > .item:last-child {
-  margin-bottom: 0em !important;
-  padding-bottom: 0em !important;
-}
-
-/* Relaxed Divided */
-.ui.relaxed.divided.items > .item {
-  margin: 0em;
-  padding: 1.5em 0em;
-}
-.ui[class*="very relaxed"].divided.items > .item {
-  margin: 0em;
-  padding: 2em 0em;
-}
-
-/*-------------------
-        Link
---------------------*/
-
-.ui.items a.item:hover,
-.ui.link.items > .item:hover {
-  cursor: pointer;
-}
-.ui.items a.item:hover .content .header,
-.ui.link.items > .item:hover .content .header {
-  color: #1e70bf;
-}
-
-/*--------------
-      Size
----------------*/
-
-.ui.items > .item {
-  font-size: 1em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/list.css

@@ -1,951 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - List
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            List
-*******************************/
-
-ul.ui.list,
-ol.ui.list,
-.ui.list {
-  list-style-type: none;
-  margin: 1em 0em;
-  padding: 0em 0em;
-}
-ul.ui.list:first-child,
-ol.ui.list:first-child,
-.ui.list:first-child {
-  margin-top: 0em;
-  padding-top: 0em;
-}
-ul.ui.list:last-child,
-ol.ui.list:last-child,
-.ui.list:last-child {
-  margin-bottom: 0em;
-  padding-bottom: 0em;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-
-/* List Item */
-ul.ui.list li,
-ol.ui.list li,
-.ui.list > .item,
-.ui.list .list > .item {
-  display: list-item;
-  table-layout: fixed;
-  list-style-type: none;
-  list-style-position: outside;
-  padding: 0.21428571em 0em;
-  line-height: 1.14285714em;
-}
-ul.ui.list > li:first-child:after,
-ol.ui.list > li:first-child:after,
-.ui.list > .list > .item,
-.ui.list > .item:after {
-  content: '';
-  display: block;
-  height: 0;
-  clear: both;
-  visibility: hidden;
-}
-ul.ui.list li:first-child,
-ol.ui.list li:first-child,
-.ui.list .list > .item:first-child,
-.ui.list > .item:first-child {
-  padding-top: 0em;
-}
-ul.ui.list li:last-child,
-ol.ui.list li:last-child,
-.ui.list .list > .item:last-child,
-.ui.list > .item:last-child {
-  padding-bottom: 0em;
-}
-
-/* Child List */
-ul.ui.list ul,
-ol.ui.list ol,
-.ui.list .list {
-  clear: both;
-  margin: 0em;
-  padding: 0.75em 0em 0.25em 0.5em;
-}
-
-/* Child Item */
-ul.ui.list ul li,
-ol.ui.list ol li,
-.ui.list .list > .item {
-  padding: 0.14285714em 0em;
-  line-height: inherit;
-}
-
-/* Icon */
-.ui.list .list > .item > i.icon,
-.ui.list > .item > i.icon {
-  display: table-cell;
-  margin: 0em;
-  padding-top: 0.07142857em;
-  padding-right: 0.28571429em;
-  vertical-align: top;
-  -webkit-transition: color 0.1s ease;
-  transition: color 0.1s ease;
-}
-.ui.list .list > .item > i.icon:only-child,
-.ui.list > .item > i.icon:only-child {
-  display: inline-block;
-  vertical-align: top;
-}
-
-/* Image */
-.ui.list .list > .item > .image,
-.ui.list > .item > .image {
-  display: table-cell;
-  background-color: transparent;
-  margin: 0em;
-  vertical-align: top;
-}
-.ui.list .list > .item > .image:not(:only-child):not(img),
-.ui.list > .item > .image:not(:only-child):not(img) {
-  padding-right: 0.5em;
-}
-.ui.list .list > .item > .image img,
-.ui.list > .item > .image img {
-  vertical-align: top;
-}
-.ui.list .list > .item > img.image,
-.ui.list .list > .item > .image:only-child,
-.ui.list > .item > img.image,
-.ui.list > .item > .image:only-child {
-  display: inline-block;
-}
-
-/* Content */
-.ui.list .list > .item > .content,
-.ui.list > .item > .content {
-  line-height: 1.14285714em;
-}
-.ui.list .list > .item > .image + .content,
-.ui.list .list > .item > .icon + .content,
-.ui.list > .item > .image + .content,
-.ui.list > .item > .icon + .content {
-  display: table-cell;
-  padding: 0em 0em 0em 0.5em;
-  vertical-align: top;
-}
-.ui.list .list > .item > img.image + .content,
-.ui.list > .item > img.image + .content {
-  display: inline-block;
-}
-.ui.list .list > .item > .content > .list,
-.ui.list > .item > .content > .list {
-  margin-left: 0em;
-  padding-left: 0em;
-}
-
-/* Header */
-.ui.list .list > .item .header,
-.ui.list > .item .header {
-  display: block;
-  margin: 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Description */
-.ui.list .list > .item .description,
-.ui.list > .item .description {
-  display: block;
-  color: rgba(0, 0, 0, 0.7);
-}
-
-/* Child Link */
-.ui.list > .item a,
-.ui.list .list > .item a {
-  cursor: pointer;
-}
-
-/* Linking Item */
-.ui.list .list > a.item,
-.ui.list > a.item {
-  cursor: pointer;
-  color: #4183C4;
-}
-.ui.list .list > a.item:hover,
-.ui.list > a.item:hover {
-  color: #1e70bf;
-}
-
-/* Linked Item Icons */
-.ui.list .list > a.item i.icon,
-.ui.list > a.item i.icon {
-  color: rgba(0, 0, 0, 0.4);
-}
-
-/* Header Link */
-.ui.list .list > .item a.header,
-.ui.list > .item a.header {
-  cursor: pointer;
-  color: #4183C4 !important;
-}
-.ui.list .list > .item a.header:hover,
-.ui.list > .item a.header:hover {
-  color: #1e70bf !important;
-}
-
-/* Floated Content */
-.ui[class*="left floated"].list {
-  float: left;
-}
-.ui[class*="right floated"].list {
-  float: right;
-}
-.ui.list .list > .item [class*="left floated"],
-.ui.list > .item [class*="left floated"] {
-  float: left;
-  margin: 0em 1em 0em 0em;
-}
-.ui.list .list > .item [class*="right floated"],
-.ui.list > .item [class*="right floated"] {
-  float: right;
-  margin: 0em 0em 0em 1em;
-}
-
-
-/*******************************
-            Coupling
-*******************************/
-
-.ui.menu .ui.list > .item,
-.ui.menu .ui.list .list > .item {
-  display: list-item;
-  table-layout: fixed;
-  background-color: transparent;
-  list-style-type: none;
-  list-style-position: outside;
-  padding: 0.21428571em 0em;
-  line-height: 1.14285714em;
-}
-.ui.menu .ui.list .list > .item:before,
-.ui.menu .ui.list > .item:before {
-  border: none;
-  background: none;
-}
-.ui.menu .ui.list .list > .item:first-child,
-.ui.menu .ui.list > .item:first-child {
-  padding-top: 0em;
-}
-.ui.menu .ui.list .list > .item:last-child,
-.ui.menu .ui.list > .item:last-child {
-  padding-bottom: 0em;
-}
-
-
-/*******************************
-            Types
-*******************************/
-
-
-/*-------------------
-      Horizontal
---------------------*/
-
-.ui.horizontal.list {
-  display: inline-block;
-  font-size: 0em;
-}
-.ui.horizontal.list > .item {
-  display: inline-block;
-  margin-left: 1em;
-  font-size: 1rem;
-}
-.ui.horizontal.list:not(.celled) > .item:first-child {
-  margin-left: 0em !important;
-  padding-left: 0em !important;
-}
-.ui.horizontal.list .list {
-  padding-left: 0em;
-  padding-bottom: 0em;
-}
-.ui.horizontal.list > .item > .image,
-.ui.horizontal.list .list > .item > .image,
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list .list > .item > .icon,
-.ui.horizontal.list > .item > .content,
-.ui.horizontal.list .list > .item > .content {
-  vertical-align: middle;
-}
-
-/* Padding on all elements */
-.ui.horizontal.list > .item:first-child,
-.ui.horizontal.list > .item:last-child {
-  padding-top: 0.21428571em;
-  padding-bottom: 0.21428571em;
-}
-
-/* Horizontal List */
-.ui.horizontal.list > .item > i.icon {
-  margin: 0em;
-  padding: 0em 0.25em 0em 0em;
-}
-.ui.horizontal.list > .item > .icon,
-.ui.horizontal.list > .item > .icon + .content {
-  float: none;
-  display: inline-block;
-}
-
-
-/*******************************
-             States
-*******************************/
-
-
-/*-------------------
-       Disabled
---------------------*/
-
-.ui.list .list > .disabled.item,
-.ui.list > .disabled.item {
-  pointer-events: none;
-  color: rgba(40, 40, 40, 0.3) !important;
-}
-.ui.inverted.list .list > .disabled.item,
-.ui.inverted.list > .disabled.item {
-  color: rgba(225, 225, 225, 0.3) !important;
-}
-
-/*-------------------
-        Hover
---------------------*/
-
-.ui.list .list > a.item:hover .icon,
-.ui.list > a.item:hover .icon {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*-------------------
-       Inverted
---------------------*/
-
-.ui.inverted.list .list > a.item > .icon,
-.ui.inverted.list > a.item > .icon {
-  color: rgba(255, 255, 255, 0.7);
-}
-.ui.inverted.list .list > .item .header,
-.ui.inverted.list > .item .header {
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.inverted.list .list > .item .description,
-.ui.inverted.list > .item .description {
-  color: rgba(255, 255, 255, 0.7);
-}
-
-/* Item Link */
-.ui.inverted.list .list > a.item,
-.ui.inverted.list > a.item {
-  cursor: pointer;
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.inverted.list .list > a.item:hover,
-.ui.inverted.list > a.item:hover {
-  color: #1e70bf;
-}
-
-/* Linking Content */
-.ui.inverted.list .item a:not(.ui) {
-  color: rgba(255, 255, 255, 0.9) !important;
-}
-.ui.inverted.list .item a:not(.ui):hover {
-  color: #1e70bf !important;
-}
-
-/*-------------------
-       Aligned
---------------------*/
-
-.ui.list[class*="top aligned"] .image,
-.ui.list[class*="top aligned"] .content,
-.ui.list [class*="top aligned"] {
-  vertical-align: top !important;
-}
-.ui.list[class*="middle aligned"] .image,
-.ui.list[class*="middle aligned"] .content,
-.ui.list [class*="middle aligned"] {
-  vertical-align: middle !important;
-}
-.ui.list[class*="bottom aligned"] .image,
-.ui.list[class*="bottom aligned"] .content,
-.ui.list [class*="bottom aligned"] {
-  vertical-align: bottom !important;
-}
-
-/*-------------------
-       Link
---------------------*/
-
-.ui.link.list .item,
-.ui.link.list a.item,
-.ui.link.list .item a:not(.ui) {
-  color: rgba(0, 0, 0, 0.4);
-  -webkit-transition: 0.1s color ease;
-  transition: 0.1s color ease;
-}
-.ui.link.list a.item:hover,
-.ui.link.list .item a:not(.ui):hover {
-  color: rgba(0, 0, 0, 0.8);
-}
-.ui.link.list a.item:active,
-.ui.link.list .item a:not(.ui):active {
-  color: rgba(0, 0, 0, 0.9);
-}
-.ui.link.list .active.item,
-.ui.link.list .active.item a:not(.ui) {
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/* Inverted */
-.ui.inverted.link.list .item,
-.ui.inverted.link.list a.item,
-.ui.inverted.link.list .item a:not(.ui) {
-  color: rgba(255, 255, 255, 0.5);
-}
-.ui.inverted.link.list a.item:hover,
-.ui.inverted.link.list .item a:not(.ui):hover {
-  color: #ffffff;
-}
-.ui.inverted.link.list a.item:active,
-.ui.inverted.link.list .item a:not(.ui):active {
-  color: #ffffff;
-}
-.ui.inverted.link.list a.active.item,
-.ui.inverted.link.list .active.item a:not(.ui) {
-  color: #ffffff;
-}
-
-/*-------------------
-      Selection
---------------------*/
-
-.ui.selection.list .list > .item,
-.ui.selection.list > .item {
-  cursor: pointer;
-  background: transparent;
-  padding: 0.5em 0.5em;
-  margin: 0em;
-  color: rgba(0, 0, 0, 0.4);
-  border-radius: 0.5em;
-  -webkit-transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
-  transition: 0.1s color ease, 0.1s padding-left ease, 0.1s background-color ease;
-}
-.ui.selection.list .list > .item:last-child,
-.ui.selection.list > .item:last-child {
-  margin-bottom: 0em;
-}
-.ui.selection.list.list > .item:hover,
-.ui.selection.list > .item:hover {
-  background: rgba(0, 0, 0, 0.03);
-  color: rgba(0, 0, 0, 0.8);
-}
-.ui.selection.list .list > .item:active,
-.ui.selection.list > .item:active {
-  background: rgba(0, 0, 0, 0.05);
-  color: rgba(0, 0, 0, 0.9);
-}
-.ui.selection.list .list > .item.active,
-.ui.selection.list > .item.active {
-  background: rgba(0, 0, 0, 0.05);
-  color: rgba(0, 0, 0, 0.95);
-}
-
-/* Inverted */
-.ui.inverted.selection.list > .item,
-.ui.inverted.selection.list > .item {
-  background: transparent;
-  color: rgba(255, 255, 255, 0.5);
-}
-.ui.inverted.selection.list > .item:hover,
-.ui.inverted.selection.list > .item:hover {
-  background: rgba(255, 255, 255, 0.02);
-  color: #ffffff;
-}
-.ui.inverted.selection.list > .item:active,
-.ui.inverted.selection.list > .item:active {
-  background: rgba(255, 255, 255, 0.08);
-  color: #ffffff;
-}
-.ui.inverted.selection.list > .item.active,
-.ui.inverted.selection.list > .item.active {
-  background: rgba(255, 255, 255, 0.08);
-  color: #ffffff;
-}
-
-/* Celled / Divided Selection List */
-.ui.celled.selection.list .list > .item,
-.ui.divided.selection.list .list > .item,
-.ui.celled.selection.list > .item,
-.ui.divided.selection.list > .item {
-  border-radius: 0em;
-}
-
-/*-------------------
-       Animated
---------------------*/
-
-.ui.animated.list > .item {
-  -webkit-transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
-  transition: 0.25s color ease 0.1s, 0.25s padding-left ease 0.1s, 0.25s background-color ease 0.1s;
-}
-.ui.animated.list:not(.horizontal) > .item:hover {
-  padding-left: 1em;
-}
-
-/*-------------------
-       Fitted
---------------------*/
-
-.ui.fitted.list:not(.selection) .list > .item,
-.ui.fitted.list:not(.selection) > .item {
-  padding-left: 0em;
-  padding-right: 0em;
-}
-.ui.fitted.selection.list .list > .item,
-.ui.fitted.selection.list > .item {
-  margin-left: -0.5em;
-  margin-right: -0.5em;
-}
-
-/*-------------------
-      Bulleted
---------------------*/
-
-ul.ui.list,
-.ui.bulleted.list {
-  margin-left: 1.25rem;
-}
-ul.ui.list li,
-.ui.bulleted.list .list > .item,
-.ui.bulleted.list > .item {
-  position: relative;
-}
-ul.ui.list li:before,
-.ui.bulleted.list .list > .item:before,
-.ui.bulleted.list > .item:before {
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: none;
-  position: absolute;
-  top: auto;
-  left: auto;
-  font-weight: normal;
-  margin-left: -1.25rem;
-  content: '•';
-  opacity: 1;
-  color: inherit;
-  vertical-align: top;
-}
-ul.ui.list li:before,
-.ui.bulleted.list .list > a.item:before,
-.ui.bulleted.list > a.item:before {
-  color: rgba(0, 0, 0, 0.87);
-}
-ul.ui.list ul,
-.ui.bulleted.list .list {
-  padding-left: 1.25rem;
-}
-
-/* Horizontal Bulleted */
-ul.ui.horizontal.bulleted.list,
-.ui.horizontal.bulleted.list {
-  margin-left: 0em;
-}
-ul.ui.horizontal.bulleted.list li,
-.ui.horizontal.bulleted.list > .item {
-  margin-left: 1.75rem;
-}
-ul.ui.horizontal.bulleted.list li:first-child,
-.ui.horizontal.bulleted.list > .item:first-child {
-  margin-left: 0em;
-}
-ul.ui.horizontal.bulleted.list li::before,
-.ui.horizontal.bulleted.list > .item::before {
-  color: rgba(0, 0, 0, 0.87);
-}
-ul.ui.horizontal.bulleted.list li:first-child::before,
-.ui.horizontal.bulleted.list > .item:first-child::before {
-  display: none;
-}
-
-/*-------------------
-       Ordered
---------------------*/
-
-ol.ui.list,
-.ui.ordered.list,
-.ui.ordered.list .list,
-ol.ui.list ol {
-  counter-reset: ordered;
-  margin-left: 1.25rem;
-  list-style-type: none;
-}
-ol.ui.list li,
-.ui.ordered.list .list > .item,
-.ui.ordered.list > .item {
-  list-style-type: none;
-  position: relative;
-}
-ol.ui.list li:before,
-.ui.ordered.list .list > .item:before,
-.ui.ordered.list > .item:before {
-  position: absolute;
-  top: auto;
-  left: auto;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-      -ms-user-select: none;
-          user-select: none;
-  pointer-events: none;
-  margin-left: -1.25rem;
-  counter-increment: ordered;
-  content: counters(ordered, ".") " ";
-  text-align: right;
-  color: rgba(0, 0, 0, 0.87);
-  vertical-align: middle;
-  opacity: 0.8;
-}
-ol.ui.inverted.list li:before,
-.ui.ordered.inverted.list .list > .item:before,
-.ui.ordered.inverted.list > .item:before {
-  color: rgba(255, 255, 255, 0.7);
-}
-
-/* Value */
-.ui.ordered.list > .list > .item[data-value],
-.ui.ordered.list > .item[data-value] {
-  content: attr(data-value);
-}
-ol.ui.list li[value]:before {
-  content: attr(value);
-}
-
-/* Child Lists */
-ol.ui.list ol,
-.ui.ordered.list .list {
-  margin-left: 1em;
-}
-ol.ui.list ol li:before,
-.ui.ordered.list .list > .item:before {
-  margin-left: -2em;
-}
-
-/* Horizontal Ordered */
-ol.ui.horizontal.list,
-.ui.ordered.horizontal.list {
-  margin-left: 0em;
-}
-ol.ui.horizontal.list li:before,
-.ui.ordered.horizontal.list .list > .item:before,
-.ui.ordered.horizontal.list > .item:before {
-  position: static;
-  margin: 0em 0.5em 0em 0em;
-}
-
-/*-------------------
-       Divided
---------------------*/
-
-.ui.divided.list > .item {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-}
-.ui.divided.list .list > .item {
-  border-top: none;
-}
-.ui.divided.list .item .list > .item {
-  border-top: none;
-}
-.ui.divided.list .list > .item:first-child,
-.ui.divided.list > .item:first-child {
-  border-top: none;
-}
-
-/* Sub Menu */
-.ui.divided.list:not(.horizontal) .list > .item:first-child {
-  border-top-width: 1px;
-}
-
-/* Divided bulleted */
-.ui.divided.bulleted.list:not(.horizontal),
-.ui.divided.bulleted.list .list {
-  margin-left: 0em;
-  padding-left: 0em;
-}
-.ui.divided.bulleted.list > .item:not(.horizontal) {
-  padding-left: 1.25rem;
-}
-
-/* Divided Ordered */
-.ui.divided.ordered.list {
-  margin-left: 0em;
-}
-.ui.divided.ordered.list .list > .item,
-.ui.divided.ordered.list > .item {
-  padding-left: 1.25rem;
-}
-.ui.divided.ordered.list .item .list {
-  margin-left: 0em;
-  margin-right: 0em;
-  padding-bottom: 0.21428571em;
-}
-.ui.divided.ordered.list .item .list > .item {
-  padding-left: 1em;
-}
-
-/* Divided Selection */
-.ui.divided.selection.list .list > .item,
-.ui.divided.selection.list > .item {
-  margin: 0em;
-  border-radius: 0em;
-}
-
-/* Divided horizontal */
-.ui.divided.horizontal.list {
-  margin-left: 0em;
-}
-.ui.divided.horizontal.list > .item:not(:first-child) {
-  padding-left: 0.5em;
-}
-.ui.divided.horizontal.list > .item:not(:last-child) {
-  padding-right: 0.5em;
-}
-.ui.divided.horizontal.list > .item {
-  border-top: none;
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
-  margin: 0em;
-  line-height: 0.6;
-}
-.ui.horizontal.divided.list > .item:first-child {
-  border-left: none;
-}
-
-/* Inverted */
-.ui.divided.inverted.list > .item,
-.ui.divided.inverted.list > .list,
-.ui.divided.inverted.horizontal.list > .item {
-  border-color: rgba(255, 255, 255, 0.1);
-}
-
-/*-------------------
-        Celled
---------------------*/
-
-.ui.celled.list > .item,
-.ui.celled.list > .list {
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-}
-.ui.celled.list > .item:last-child {
-  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
-}
-
-/* Padding on all elements */
-.ui.celled.list > .item:first-child,
-.ui.celled.list > .item:last-child {
-  padding-top: 0.21428571em;
-  padding-bottom: 0.21428571em;
-}
-
-/* Sub Menu */
-.ui.celled.list .item .list > .item {
-  border-width: 0px;
-}
-.ui.celled.list .list > .item:first-child {
-  border-top-width: 0px;
-}
-
-/* Celled Bulleted */
-.ui.celled.bulleted.list {
-  margin-left: 0em;
-}
-.ui.celled.bulleted.list .list > .item,
-.ui.celled.bulleted.list > .item {
-  padding-left: 1.25rem;
-}
-.ui.celled.bulleted.list .item .list {
-  margin-left: -1.25rem;
-  margin-right: -1.25rem;
-  padding-bottom: 0.21428571em;
-}
-
-/* Celled Ordered */
-.ui.celled.ordered.list {
-  margin-left: 0em;
-}
-.ui.celled.ordered.list .list > .item,
-.ui.celled.ordered.list > .item {
-  padding-left: 1.25rem;
-}
-.ui.celled.ordered.list .item .list {
-  margin-left: 0em;
-  margin-right: 0em;
-  padding-bottom: 0.21428571em;
-}
-.ui.celled.ordered.list .list > .item {
-  padding-left: 1em;
-}
-
-/* Celled Horizontal */
-.ui.horizontal.celled.list {
-  margin-left: 0em;
-}
-.ui.horizontal.celled.list .list > .item,
-.ui.horizontal.celled.list > .item {
-  border-top: none;
-  border-left: 1px solid rgba(34, 36, 38, 0.15);
-  margin: 0em;
-  padding-left: 0.5em;
-  padding-right: 0.5em;
-  line-height: 0.6;
-}
-.ui.horizontal.celled.list .list > .item:last-child,
-.ui.horizontal.celled.list > .item:last-child {
-  border-bottom: none;
-  border-right: 1px solid rgba(34, 36, 38, 0.15);
-}
-
-/* Inverted */
-.ui.celled.inverted.list > .item,
-.ui.celled.inverted.list > .list {
-  border-color: 1px solid rgba(255, 255, 255, 0.1);
-}
-.ui.celled.inverted.horizontal.list .list > .item,
-.ui.celled.inverted.horizontal.list > .item {
-  border-color: 1px solid rgba(255, 255, 255, 0.1);
-}
-
-/*-------------------
-       Relaxed
---------------------*/
-
-.ui.relaxed.list:not(.horizontal) > .item:not(:first-child) {
-  padding-top: 0.42857143em;
-}
-.ui.relaxed.list:not(.horizontal) > .item:not(:last-child) {
-  padding-bottom: 0.42857143em;
-}
-.ui.horizontal.relaxed.list .list > .item:not(:first-child),
-.ui.horizontal.relaxed.list > .item:not(:first-child) {
-  padding-left: 1rem;
-}
-.ui.horizontal.relaxed.list .list > .item:not(:last-child),
-.ui.horizontal.relaxed.list > .item:not(:last-child) {
-  padding-right: 1rem;
-}
-
-/* Very Relaxed */
-.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:first-child) {
-  padding-top: 0.85714286em;
-}
-.ui[class*="very relaxed"].list:not(.horizontal) > .item:not(:last-child) {
-  padding-bottom: 0.85714286em;
-}
-.ui.horizontal[class*="very relaxed"].list .list > .item:not(:first-child),
-.ui.horizontal[class*="very relaxed"].list > .item:not(:first-child) {
-  padding-left: 1.5rem;
-}
-.ui.horizontal[class*="very relaxed"].list .list > .item:not(:last-child),
-.ui.horizontal[class*="very relaxed"].list > .item:not(:last-child) {
-  padding-right: 1.5rem;
-}
-
-/*-------------------
-      Sizes
---------------------*/
-
-.ui.mini.list {
-  font-size: 0.78571429em;
-}
-.ui.tiny.list {
-  font-size: 0.85714286em;
-}
-.ui.small.list {
-  font-size: 0.92857143em;
-}
-.ui.list {
-  font-size: 1em;
-}
-.ui.large.list {
-  font-size: 1.14285714em;
-}
-.ui.big.list {
-  font-size: 1.28571429em;
-}
-.ui.huge.list {
-  font-size: 1.42857143em;
-}
-.ui.massive.list {
-  font-size: 1.71428571em;
-}
-.ui.mini.horizontal.list .list > .item,
-.ui.mini.horizontal.list > .item {
-  font-size: 0.78571429rem;
-}
-.ui.tiny.horizontal.list .list > .item,
-.ui.tiny.horizontal.list > .item {
-  font-size: 0.85714286rem;
-}
-.ui.small.horizontal.list .list > .item,
-.ui.small.horizontal.list > .item {
-  font-size: 0.92857143rem;
-}
-.ui.horizontal.list .list > .item,
-.ui.horizontal.list > .item {
-  font-size: 1rem;
-}
-.ui.large.horizontal.list .list > .item,
-.ui.large.horizontal.list > .item {
-  font-size: 1.14285714rem;
-}
-.ui.big.horizontal.list .list > .item,
-.ui.big.horizontal.list > .item {
-  font-size: 1.28571429rem;
-}
-.ui.huge.horizontal.list .list > .item,
-.ui.huge.horizontal.list > .item {
-  font-size: 1.42857143rem;
-}
-.ui.massive.horizontal.list .list > .item,
-.ui.massive.horizontal.list > .item {
-  font-size: 1.71428571rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-    User Variable Overrides
-*******************************/
-

public/css/loader.css

@@ -1,347 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Loader
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Loader
-*******************************/
-
-
-/* Standard Size */
-.ui.loader {
-  display: none;
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  margin: 0px;
-  text-align: center;
-  z-index: 1000;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-          transform: translateX(-50%) translateY(-50%);
-}
-
-/* Static Shape */
-.ui.loader:before {
-  position: absolute;
-  content: '';
-  top: 0%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  border-radius: 500rem;
-  border: 0.2em solid rgba(0, 0, 0, 0.1);
-}
-
-/* Active Shape */
-.ui.loader:after {
-  position: absolute;
-  content: '';
-  top: 0%;
-  left: 50%;
-  width: 100%;
-  height: 100%;
-  -webkit-animation: loader 0.6s linear;
-          animation: loader 0.6s linear;
-  -webkit-animation-iteration-count: infinite;
-          animation-iteration-count: infinite;
-  border-radius: 500rem;
-  border-color: #767676 transparent transparent;
-  border-style: solid;
-  border-width: 0.2em;
-  box-shadow: 0px 0px 0px 1px transparent;
-}
-
-/* Active Animation */
-@-webkit-keyframes loader {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-@keyframes loader {
-  from {
-    -webkit-transform: rotate(0deg);
-            transform: rotate(0deg);
-  }
-  to {
-    -webkit-transform: rotate(360deg);
-            transform: rotate(360deg);
-  }
-}
-
-/* Sizes */
-.ui.mini.loader:before,
-.ui.mini.loader:after {
-  width: 1rem;
-  height: 1rem;
-  margin: 0em 0em 0em -0.5rem;
-}
-.ui.tiny.loader:before,
-.ui.tiny.loader:after {
-  width: 1.14285714rem;
-  height: 1.14285714rem;
-  margin: 0em 0em 0em -0.57142857rem;
-}
-.ui.small.loader:before,
-.ui.small.loader:after {
-  width: 1.71428571rem;
-  height: 1.71428571rem;
-  margin: 0em 0em 0em -0.85714286rem;
-}
-.ui.loader:before,
-.ui.loader:after {
-  width: 2.28571429rem;
-  height: 2.28571429rem;
-  margin: 0em 0em 0em -1.14285714rem;
-}
-.ui.large.loader:before,
-.ui.large.loader:after {
-  width: 3.42857143rem;
-  height: 3.42857143rem;
-  margin: 0em 0em 0em -1.71428571rem;
-}
-.ui.big.loader:before,
-.ui.big.loader:after {
-  width: 3.71428571rem;
-  height: 3.71428571rem;
-  margin: 0em 0em 0em -1.85714286rem;
-}
-.ui.huge.loader:before,
-.ui.huge.loader:after {
-  width: 4.14285714rem;
-  height: 4.14285714rem;
-  margin: 0em 0em 0em -2.07142857rem;
-}
-.ui.massive.loader:before,
-.ui.massive.loader:after {
-  width: 4.57142857rem;
-  height: 4.57142857rem;
-  margin: 0em 0em 0em -2.28571429rem;
-}
-
-/*-------------------
-      Coupling
---------------------*/
-
-
-/* Show inside active dimmer */
-.ui.dimmer .loader {
-  display: block;
-}
-
-/* Black Dimmer */
-.ui.dimmer .ui.loader {
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.dimmer .ui.loader:before {
-  border-color: rgba(255, 255, 255, 0.15);
-}
-.ui.dimmer .ui.loader:after {
-  border-color: #FFFFFF transparent transparent;
-}
-
-/* White Dimmer (Inverted) */
-.ui.inverted.dimmer .ui.loader {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.inverted.dimmer .ui.loader:before {
-  border-color: rgba(0, 0, 0, 0.1);
-}
-.ui.inverted.dimmer .ui.loader:after {
-  border-color: #767676 transparent transparent;
-}
-
-
-/*******************************
-             Types
-*******************************/
-
-
-/*-------------------
-        Text
---------------------*/
-
-.ui.text.loader {
-  width: auto !important;
-  height: auto !important;
-  text-align: center;
-  font-style: normal;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.indeterminate.loader:after {
-  -webkit-animation-direction: reverse;
-          animation-direction: reverse;
-  -webkit-animation-duration: 1.2s;
-          animation-duration: 1.2s;
-}
-.ui.loader.active,
-.ui.loader.visible {
-  display: block;
-}
-.ui.loader.disabled,
-.ui.loader.hidden {
-  display: none;
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-
-/*-------------------
-        Sizes
---------------------*/
-
-
-/* Loader */
-.ui.inverted.dimmer .ui.mini.loader,
-.ui.mini.loader {
-  width: 1rem;
-  height: 1rem;
-  font-size: 0.78571429em;
-}
-.ui.inverted.dimmer .ui.tiny.loader,
-.ui.tiny.loader {
-  width: 1.14285714rem;
-  height: 1.14285714rem;
-  font-size: 0.85714286em;
-}
-.ui.inverted.dimmer .ui.small.loader,
-.ui.small.loader {
-  width: 1.71428571rem;
-  height: 1.71428571rem;
-  font-size: 0.92857143em;
-}
-.ui.inverted.dimmer .ui.loader,
-.ui.loader {
-  width: 2.28571429rem;
-  height: 2.28571429rem;
-  font-size: 1em;
-}
-.ui.inverted.dimmer .ui.large.loader,
-.ui.large.loader {
-  width: 3.42857143rem;
-  height: 3.42857143rem;
-  font-size: 1.14285714em;
-}
-.ui.inverted.dimmer .ui.big.loader,
-.ui.big.loader {
-  width: 3.71428571rem;
-  height: 3.71428571rem;
-  font-size: 1.28571429em;
-}
-.ui.inverted.dimmer .ui.huge.loader,
-.ui.huge.loader {
-  width: 4.14285714rem;
-  height: 4.14285714rem;
-  font-size: 1.42857143em;
-}
-.ui.inverted.dimmer .ui.massive.loader,
-.ui.massive.loader {
-  width: 4.57142857rem;
-  height: 4.57142857rem;
-  font-size: 1.71428571em;
-}
-
-/* Text Loader */
-.ui.mini.text.loader {
-  min-width: 1rem;
-  padding-top: 1.78571429rem;
-}
-.ui.tiny.text.loader {
-  min-width: 1.14285714rem;
-  padding-top: 1.92857143rem;
-}
-.ui.small.text.loader {
-  min-width: 1.71428571rem;
-  padding-top: 2.5rem;
-}
-.ui.text.loader {
-  min-width: 2.28571429rem;
-  padding-top: 3.07142857rem;
-}
-.ui.large.text.loader {
-  min-width: 3.42857143rem;
-  padding-top: 4.21428571rem;
-}
-.ui.big.text.loader {
-  min-width: 3.71428571rem;
-  padding-top: 4.5rem;
-}
-.ui.huge.text.loader {
-  min-width: 4.14285714rem;
-  padding-top: 4.92857143rem;
-}
-.ui.massive.text.loader {
-  min-width: 4.57142857rem;
-  padding-top: 5.35714286rem;
-}
-
-/*-------------------
-       Inverted
---------------------*/
-
-.ui.inverted.loader {
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.inverted.loader:before {
-  border-color: rgba(255, 255, 255, 0.15);
-}
-.ui.inverted.loader:after {
-  border-top-color: #FFFFFF;
-}
-
-/*-------------------
-       Inline
---------------------*/
-
-.ui.inline.loader {
-  position: relative;
-  vertical-align: middle;
-  margin: 0em;
-  left: 0em;
-  top: 0em;
-  -webkit-transform: none;
-          transform: none;
-}
-.ui.inline.loader.active,
-.ui.inline.loader.visible {
-  display: inline-block;
-}
-
-/* Centered Inline */
-.ui.centered.inline.loader.active,
-.ui.centered.inline.loader.visible {
-  display: block;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/loader.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Loader
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.loader{display:none;position:absolute;top:50%;left:50%;margin:0;text-align:center;z-index:1000;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.ui.loader:before{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;border-radius:500rem;border:.2em solid rgba(0,0,0,.1)}.ui.loader:after{position:absolute;content:'';top:0;left:50%;width:100%;height:100%;-webkit-animation:loader .6s linear;animation:loader .6s linear;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;border-radius:500rem;border-color:#767676 transparent transparent;border-style:solid;border-width:.2em;box-shadow:0 0 0 1px transparent}@-webkit-keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loader{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ui.mini.loader:after,.ui.mini.loader:before{width:1rem;height:1rem;margin:0 0 0 -.5rem}.ui.tiny.loader:after,.ui.tiny.loader:before{width:1.14285714rem;height:1.14285714rem;margin:0 0 0 -.57142857rem}.ui.small.loader:after,.ui.small.loader:before{width:1.71428571rem;height:1.71428571rem;margin:0 0 0 -.85714286rem}.ui.loader:after,.ui.loader:before{width:2.28571429rem;height:2.28571429rem;margin:0 0 0 -1.14285714rem}.ui.large.loader:after,.ui.large.loader:before{width:3.42857143rem;height:3.42857143rem;margin:0 0 0 -1.71428571rem}.ui.big.loader:after,.ui.big.loader:before{width:3.71428571rem;height:3.71428571rem;margin:0 0 0 -1.85714286rem}.ui.huge.loader:after,.ui.huge.loader:before{width:4.14285714rem;height:4.14285714rem;margin:0 0 0 -2.07142857rem}.ui.massive.loader:after,.ui.massive.loader:before{width:4.57142857rem;height:4.57142857rem;margin:0 0 0 -2.28571429rem}.ui.dimmer .loader{display:block}.ui.dimmer .ui.loader{color:rgba(255,255,255,.9)}.ui.dimmer .ui.loader:before{border-color:rgba(255,255,255,.15)}.ui.dimmer .ui.loader:after{border-color:#fff transparent transparent}.ui.inverted.dimmer .ui.loader{color:rgba(0,0,0,.87)}.ui.inverted.dimmer .ui.loader:before{border-color:rgba(0,0,0,.1)}.ui.inverted.dimmer .ui.loader:after{border-color:#767676 transparent transparent}.ui.text.loader{width:auto!important;height:auto!important;text-align:center;font-style:normal}.ui.indeterminate.loader:after{-webkit-animation-direction:reverse;animation-direction:reverse;-webkit-animation-duration:1.2s;animation-duration:1.2s}.ui.loader.active,.ui.loader.visible{display:block}.ui.loader.disabled,.ui.loader.hidden{display:none}.ui.inverted.dimmer .ui.mini.loader,.ui.mini.loader{width:1rem;height:1rem;font-size:.78571429em}.ui.inverted.dimmer .ui.tiny.loader,.ui.tiny.loader{width:1.14285714rem;height:1.14285714rem;font-size:.85714286em}.ui.inverted.dimmer .ui.small.loader,.ui.small.loader{width:1.71428571rem;height:1.71428571rem;font-size:.92857143em}.ui.inverted.dimmer .ui.loader,.ui.loader{width:2.28571429rem;height:2.28571429rem;font-size:1em}.ui.inverted.dimmer .ui.large.loader,.ui.large.loader{width:3.42857143rem;height:3.42857143rem;font-size:1.14285714em}.ui.big.loader,.ui.inverted.dimmer .ui.big.loader{width:3.71428571rem;height:3.71428571rem;font-size:1.28571429em}.ui.huge.loader,.ui.inverted.dimmer .ui.huge.loader{width:4.14285714rem;height:4.14285714rem;font-size:1.42857143em}.ui.inverted.dimmer .ui.massive.loader,.ui.massive.loader{width:4.57142857rem;height:4.57142857rem;font-size:1.71428571em}.ui.mini.text.loader{min-width:1rem;padding-top:1.78571429rem}.ui.tiny.text.loader{min-width:1.14285714rem;padding-top:1.92857143rem}.ui.small.text.loader{min-width:1.71428571rem;padding-top:2.5rem}.ui.text.loader{min-width:2.28571429rem;padding-top:3.07142857rem}.ui.large.text.loader{min-width:3.42857143rem;padding-top:4.21428571rem}.ui.big.text.loader{min-width:3.71428571rem;padding-top:4.5rem}.ui.huge.text.loader{min-width:4.14285714rem;padding-top:4.92857143rem}.ui.massive.text.loader{min-width:4.57142857rem;padding-top:5.35714286rem}.ui.inverted.loader{color:rgba(255,255,255,.9)}.ui.inverted.loader:before{border-color:rgba(255,255,255,.15)}.ui.inverted.loader:after{border-top-color:#fff}.ui.inline.loader{position:relative;vertical-align:middle;margin:0;left:0;top:0;-webkit-transform:none;transform:none}.ui.inline.loader.active,.ui.inline.loader.visible{display:inline-block}.ui.centered.inline.loader.active,.ui.centered.inline.loader.visible{display:block;margin-left:auto;margin-right:auto}

public/css/message.css

@@ -1,477 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Message
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Message
-*******************************/
-
-.ui.message {
-  position: relative;
-  min-height: 1em;
-  margin: 1em 0em;
-  background: #F8F8F9;
-  padding: 1em 1.5em;
-  line-height: 1.4285em;
-  color: rgba(0, 0, 0, 0.87);
-  -webkit-transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
-  transition: opacity 0.1s ease, color 0.1s ease, background 0.1s ease, box-shadow 0.1s ease;
-  border-radius: 0.28571429rem;
-  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.message:first-child {
-  margin-top: 0em;
-}
-.ui.message:last-child {
-  margin-bottom: 0em;
-}
-
-/*--------------
-     Content
----------------*/
-
-
-/* Header */
-.ui.message .header {
-  display: block;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-weight: bold;
-  margin: -0.14285em 0em 0rem 0em;
-}
-
-/* Default font size */
-.ui.message .header:not(.ui) {
-  font-size: 1.14285714em;
-}
-
-/* Paragraph */
-.ui.message p {
-  opacity: 0.85;
-  margin: 0.75em 0em;
-}
-.ui.message p:first-child {
-  margin-top: 0em;
-}
-.ui.message p:last-child {
-  margin-bottom: 0em;
-}
-.ui.message .header + p {
-  margin-top: 0.25em;
-}
-
-/* List */
-.ui.message .list:not(.ui) {
-  text-align: left;
-  padding: 0em;
-  opacity: 0.85;
-  list-style-position: inside;
-  margin: 0.5em 0em 0em;
-}
-.ui.message .list:not(.ui):first-child {
-  margin-top: 0em;
-}
-.ui.message .list:not(.ui):last-child {
-  margin-bottom: 0em;
-}
-.ui.message .list:not(.ui) li {
-  position: relative;
-  list-style-type: none;
-  margin: 0em 0em 0.3em 1em;
-  padding: 0em;
-}
-.ui.message .list:not(.ui) li:before {
-  position: absolute;
-  content: '•';
-  left: -1em;
-  height: 100%;
-  vertical-align: baseline;
-}
-.ui.message .list:not(.ui) li:last-child {
-  margin-bottom: 0em;
-}
-
-/* Icon */
-.ui.message > .icon {
-  margin-right: 0.6em;
-}
-
-/* Close Icon */
-.ui.message > .close.icon {
-  cursor: pointer;
-  position: absolute;
-  margin: 0em;
-  top: 0.78575em;
-  right: 0.5em;
-  opacity: 0.7;
-  -webkit-transition: opacity 0.1s ease;
-  transition: opacity 0.1s ease;
-}
-.ui.message > .close.icon:hover {
-  opacity: 1;
-}
-
-/* First / Last Element */
-.ui.message > :first-child {
-  margin-top: 0em;
-}
-.ui.message > :last-child {
-  margin-bottom: 0em;
-}
-
-
-/*******************************
-            Coupling
-*******************************/
-
-.ui.dropdown .menu > .message {
-  margin: 0px -1px;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-
-/*--------------
-    Visible
----------------*/
-
-.ui.visible.visible.visible.visible.message {
-  display: block;
-}
-.ui.icon.visible.visible.visible.visible.message {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-}
-
-/*--------------
-     Hidden
----------------*/
-
-.ui.hidden.hidden.hidden.hidden.message {
-  display: none;
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-
-/*--------------
-    Compact
----------------*/
-
-.ui.compact.message {
-  display: inline-block;
-}
-
-/*--------------
-    Attached
----------------*/
-
-.ui.attached.message {
-  margin-bottom: -1px;
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
-  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset;
-  margin-left: -1px;
-  margin-right: -1px;
-}
-.ui.attached + .ui.attached.message:not(.top):not(.bottom) {
-  margin-top: -1px;
-  border-radius: 0em;
-}
-.ui.bottom.attached.message {
-  margin-top: -1px;
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
-  box-shadow: 0em 0em 0em 1px rgba(34, 36, 38, 0.15) inset, 0px 1px 2px 0 rgba(34, 36, 38, 0.15);
-}
-.ui.bottom.attached.message:not(:last-child) {
-  margin-bottom: 1em;
-}
-.ui.attached.icon.message {
-  width: auto;
-}
-
-/*--------------
-      Icon
----------------*/
-
-.ui.icon.message {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  width: 100%;
-  -webkit-box-align: center;
-      -ms-flex-align: center;
-          align-items: center;
-}
-.ui.icon.message > .icon:not(.close) {
-  display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 0 auto;
-          flex: 0 0 auto;
-  width: auto;
-  line-height: 1;
-  vertical-align: middle;
-  font-size: 3em;
-  opacity: 0.8;
-}
-.ui.icon.message > .content {
-  display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 1 auto;
-          flex: 1 1 auto;
-  vertical-align: middle;
-}
-.ui.icon.message .icon:not(.close) + .content {
-  padding-left: 0rem;
-}
-.ui.icon.message .circular.icon {
-  width: 1em;
-}
-
-/*--------------
-    Floating
----------------*/
-
-.ui.floating.message {
-  box-shadow: 0px 0px 0px 1px rgba(34, 36, 38, 0.22) inset, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-}
-
-/*--------------
-     Colors
----------------*/
-
-.ui.black.message {
-  background-color: #1B1C1D;
-  color: rgba(255, 255, 255, 0.9);
-}
-
-/*--------------
-     Types
----------------*/
-
-
-/* Positive */
-.ui.positive.message {
-  background-color: #FCFFF5;
-  color: #2C662D;
-}
-.ui.positive.message,
-.ui.attached.positive.message {
-  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.positive.message .header {
-  color: #1A531B;
-}
-
-/* Negative */
-.ui.negative.message {
-  background-color: #FFF6F6;
-  color: #9F3A38;
-}
-.ui.negative.message,
-.ui.attached.negative.message {
-  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.negative.message .header {
-  color: #912D2B;
-}
-
-/* Info */
-.ui.info.message {
-  background-color: #F8FFFF;
-  color: #276F86;
-}
-.ui.info.message,
-.ui.attached.info.message {
-  box-shadow: 0px 0px 0px 1px #A9D5DE inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.info.message .header {
-  color: #0E566C;
-}
-
-/* Warning */
-.ui.warning.message {
-  background-color: #FFFAF3;
-  color: #573A08;
-}
-.ui.warning.message,
-.ui.attached.warning.message {
-  box-shadow: 0px 0px 0px 1px #C9BA9B inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.warning.message .header {
-  color: #794B02;
-}
-
-/* Error */
-.ui.error.message {
-  background-color: #FFF6F6;
-  color: #9F3A38;
-}
-.ui.error.message,
-.ui.attached.error.message {
-  box-shadow: 0px 0px 0px 1px #E0B4B4 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.error.message .header {
-  color: #912D2B;
-}
-
-/* Success */
-.ui.success.message {
-  background-color: #FCFFF5;
-  color: #2C662D;
-}
-.ui.success.message,
-.ui.attached.success.message {
-  box-shadow: 0px 0px 0px 1px #A3C293 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.success.message .header {
-  color: #1A531B;
-}
-
-/* Colors */
-.ui.inverted.message,
-.ui.black.message {
-  background-color: #1B1C1D;
-  color: rgba(255, 255, 255, 0.9);
-}
-.ui.red.message {
-  background-color: #FFE8E6;
-  color: #DB2828;
-  box-shadow: 0px 0px 0px 1px #DB2828 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.red.message .header {
-  color: #c82121;
-}
-.ui.orange.message {
-  background-color: #FFEDDE;
-  color: #F2711C;
-  box-shadow: 0px 0px 0px 1px #F2711C inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.orange.message .header {
-  color: #e7640d;
-}
-.ui.yellow.message {
-  background-color: #FFF8DB;
-  color: #B58105;
-  box-shadow: 0px 0px 0px 1px #B58105 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.yellow.message .header {
-  color: #9c6f04;
-}
-.ui.olive.message {
-  background-color: #FBFDEF;
-  color: #8ABC1E;
-  box-shadow: 0px 0px 0px 1px #8ABC1E inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.olive.message .header {
-  color: #7aa61a;
-}
-.ui.green.message {
-  background-color: #E5F9E7;
-  color: #1EBC30;
-  box-shadow: 0px 0px 0px 1px #1EBC30 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.green.message .header {
-  color: #1aa62a;
-}
-.ui.teal.message {
-  background-color: #E1F7F7;
-  color: #10A3A3;
-  box-shadow: 0px 0px 0px 1px #10A3A3 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.teal.message .header {
-  color: #0e8c8c;
-}
-.ui.blue.message {
-  background-color: #DFF0FF;
-  color: #2185D0;
-  box-shadow: 0px 0px 0px 1px #2185D0 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.blue.message .header {
-  color: #1e77ba;
-}
-.ui.violet.message {
-  background-color: #EAE7FF;
-  color: #6435C9;
-  box-shadow: 0px 0px 0px 1px #6435C9 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.violet.message .header {
-  color: #5a30b5;
-}
-.ui.purple.message {
-  background-color: #F6E7FF;
-  color: #A333C8;
-  box-shadow: 0px 0px 0px 1px #A333C8 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.purple.message .header {
-  color: #922eb4;
-}
-.ui.pink.message {
-  background-color: #FFE3FB;
-  color: #E03997;
-  box-shadow: 0px 0px 0px 1px #E03997 inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.pink.message .header {
-  color: #dd238b;
-}
-.ui.brown.message {
-  background-color: #F1E2D3;
-  color: #A5673F;
-  box-shadow: 0px 0px 0px 1px #A5673F inset, 0px 0px 0px 0px rgba(0, 0, 0, 0);
-}
-.ui.brown.message .header {
-  color: #935b38;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.mini.message {
-  font-size: 0.78571429em;
-}
-.ui.tiny.message {
-  font-size: 0.85714286em;
-}
-.ui.small.message {
-  font-size: 0.92857143em;
-}
-.ui.message {
-  font-size: 1em;
-}
-.ui.large.message {
-  font-size: 1.14285714em;
-}
-.ui.big.message {
-  font-size: 1.28571429em;
-}
-.ui.huge.message {
-  font-size: 1.42857143em;
-}
-.ui.massive.message {
-  font-size: 1.71428571em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-        Site Overrides
-*******************************/
-

public/css/modal.css

@@ -1,502 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Modal
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-             Modal
-*******************************/
-
-.ui.modal {
-  display: none;
-  position: fixed;
-  z-index: 1001;
-  top: 50%;
-  left: 50%;
-  text-align: left;
-  background: #FFFFFF;
-  border: none;
-  box-shadow: 1px 3px 3px 0px rgba(0, 0, 0, 0.2), 1px 3px 15px 2px rgba(0, 0, 0, 0.2);
-  -webkit-transform-origin: 50% 25%;
-          transform-origin: 50% 25%;
-  border-radius: 0.28571429rem;
-  -webkit-user-select: text;
-     -moz-user-select: text;
-      -ms-user-select: text;
-          user-select: text;
-  will-change: top, left, margin, transform, opacity;
-}
-.ui.modal > :first-child:not(.icon),
-.ui.modal > .icon:first-child + * {
-  border-top-left-radius: 0.28571429rem;
-  border-top-right-radius: 0.28571429rem;
-}
-.ui.modal > :last-child {
-  border-bottom-left-radius: 0.28571429rem;
-  border-bottom-right-radius: 0.28571429rem;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-
-/*--------------
-     Close
----------------*/
-
-.ui.modal > .close {
-  cursor: pointer;
-  position: absolute;
-  top: -2.5rem;
-  right: -2.5rem;
-  z-index: 1;
-  opacity: 0.8;
-  font-size: 1.25em;
-  color: #FFFFFF;
-  width: 2.25rem;
-  height: 2.25rem;
-  padding: 0.625rem 0rem 0rem 0rem;
-}
-.ui.modal > .close:hover {
-  opacity: 1;
-}
-
-/*--------------
-     Header
----------------*/
-
-.ui.modal > .header {
-  display: block;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  background: #FFFFFF;
-  margin: 0em;
-  padding: 1.25rem 1.5rem;
-  box-shadow: none;
-  color: rgba(0, 0, 0, 0.85);
-  border-bottom: 1px solid rgba(34, 36, 38, 0.15);
-}
-.ui.modal > .header:not(.ui) {
-  font-size: 1.42857143rem;
-  line-height: 1.2857em;
-  font-weight: bold;
-}
-
-/*--------------
-     Content
----------------*/
-
-.ui.modal > .content {
-  display: block;
-  width: 100%;
-  font-size: 1em;
-  line-height: 1.4;
-  padding: 1.5rem;
-  background: #FFFFFF;
-}
-.ui.modal > .image.content {
-  display: -webkit-box;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-orient: horizontal;
-  -webkit-box-direction: normal;
-      -ms-flex-direction: row;
-          flex-direction: row;
-}
-
-/* Image */
-.ui.modal > .content > .image {
-  display: block;
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 auto;
-          flex: 0 1 auto;
-  width: '';
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
-}
-.ui.modal > [class*="top aligned"] {
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
-}
-.ui.modal > [class*="middle aligned"] {
-  -ms-flex-item-align: middle;
-      -ms-grid-row-align: middle;
-      align-self: middle;
-}
-.ui.modal > [class*="stretched"] {
-  -ms-flex-item-align: stretch;
-      -ms-grid-row-align: stretch;
-      align-self: stretch;
-}
-
-/* Description */
-.ui.modal > .content > .description {
-  display: block;
-  -webkit-box-flex: 1;
-      -ms-flex: 1 0 auto;
-          flex: 1 0 auto;
-  min-width: 0px;
-  -ms-flex-item-align: top;
-      -ms-grid-row-align: top;
-      align-self: top;
-}
-.ui.modal > .content > .icon + .description,
-.ui.modal > .content > .image + .description {
-  -webkit-box-flex: 0;
-      -ms-flex: 0 1 auto;
-          flex: 0 1 auto;
-  min-width: '';
-  width: auto;
-  padding-left: 2em;
-}
-/*rtl:ignore*/
-.ui.modal > .content > .image > i.icon {
-  margin: 0em;
-  opacity: 1;
-  width: auto;
-  line-height: 1;
-  font-size: 8rem;
-}
-
-/*--------------
-     Actions
----------------*/
-
-.ui.modal > .actions {
-  background: #F9FAFB;
-  padding: 1rem 1rem;
-  border-top: 1px solid rgba(34, 36, 38, 0.15);
-  text-align: right;
-}
-.ui.modal .actions > .button {
-  margin-left: 0.75em;
-}
-
-/*-------------------
-       Responsive
---------------------*/
-
-
-/* Modal Width */
-@media only screen and (max-width: 767px) {
-  .ui.modal {
-    width: 95%;
-    margin: 0em 0em 0em -47.5%;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .ui.modal {
-    width: 88%;
-    margin: 0em 0em 0em -44%;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .ui.modal {
-    width: 850px;
-    margin: 0em 0em 0em -425px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .ui.modal {
-    width: 900px;
-    margin: 0em 0em 0em -450px;
-  }
-}
-@media only screen and (min-width: 1920px) {
-  .ui.modal {
-    width: 950px;
-    margin: 0em 0em 0em -475px;
-  }
-}
-
-/* Tablet and Mobile */
-@media only screen and (max-width: 991px) {
-  .ui.modal > .header {
-    padding-right: 2.25rem;
-  }
-  .ui.modal > .close {
-    top: 1.0535rem;
-    right: 1rem;
-    color: rgba(0, 0, 0, 0.87);
-  }
-}
-
-/* Mobile */
-@media only screen and (max-width: 767px) {
-  .ui.modal > .header {
-    padding: 0.75rem 1rem !important;
-    padding-right: 2.25rem !important;
-  }
-  .ui.modal > .content {
-    display: block;
-    padding: 1rem !important;
-  }
-  .ui.modal > .close {
-    top: 0.5rem !important;
-    right: 0.5rem !important;
-  }
-  /*rtl:ignore*/
-  .ui.modal .image.content {
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
-  }
-  .ui.modal .content > .image {
-    display: block;
-    max-width: 100%;
-    margin: 0em auto !important;
-    text-align: center;
-    padding: 0rem 0rem 1rem !important;
-  }
-  .ui.modal > .content > .image > i.icon {
-    font-size: 5rem;
-    text-align: center;
-  }
-  /*rtl:ignore*/
-  .ui.modal .content > .description {
-    display: block;
-    width: 100% !important;
-    margin: 0em !important;
-    padding: 1rem 0rem !important;
-    box-shadow: none;
-  }
-  
-/* Let Buttons Stack */
-  .ui.modal > .actions {
-    padding: 1rem 1rem 0rem !important;
-  }
-  .ui.modal .actions > .buttons,
-  .ui.modal .actions > .button {
-    margin-bottom: 1rem;
-  }
-}
-
-/*--------------
-    Coupling
----------------*/
-
-.ui.inverted.dimmer > .ui.modal {
-  box-shadow: 1px 3px 10px 2px rgba(0, 0, 0, 0.2);
-}
-
-
-/*******************************
-             Types
-*******************************/
-
-.ui.basic.modal {
-  background-color: transparent;
-  border: none;
-  border-radius: 0em;
-  box-shadow: none !important;
-  color: #FFFFFF;
-}
-.ui.basic.modal > .header,
-.ui.basic.modal > .content,
-.ui.basic.modal > .actions {
-  background-color: transparent;
-}
-.ui.basic.modal > .header {
-  color: #FFFFFF;
-}
-.ui.basic.modal > .close {
-  top: 1rem;
-  right: 1.5rem;
-}
-.ui.inverted.dimmer > .basic.modal {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.inverted.dimmer > .ui.basic.modal > .header {
-  color: rgba(0, 0, 0, 0.85);
-}
-
-/* Tablet and Mobile */
-@media only screen and (max-width: 991px) {
-  .ui.basic.modal > .close {
-    color: #FFFFFF;
-  }
-}
-
-
-/*******************************
-             States
-*******************************/
-
-.ui.active.modal {
-  display: block;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------
-    Scrolling
----------------*/
-
-
-/* A modal that cannot fit on the page */
-.scrolling.dimmable.dimmed {
-  overflow: hidden;
-}
-.scrolling.dimmable.dimmed > .dimmer {
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.scrolling.dimmable > .dimmer {
-  position: fixed;
-}
-.modals.dimmer .ui.scrolling.modal {
-  position: static !important;
-  margin: 3.5rem auto !important;
-}
-
-/* undetached scrolling */
-.scrolling.undetached.dimmable.dimmed {
-  overflow: auto;
-  -webkit-overflow-scrolling: touch;
-}
-.scrolling.undetached.dimmable.dimmed > .dimmer {
-  overflow: hidden;
-}
-.scrolling.undetached.dimmable .ui.scrolling.modal {
-  position: absolute;
-  left: 50%;
-  margin-top: 3.5rem !important;
-}
-
-/* Coupling with Sidebar */
-.undetached.dimmable.dimmed > .pusher {
-  z-index: auto;
-}
-@media only screen and (max-width: 991px) {
-  .modals.dimmer .ui.scrolling.modal {
-    margin-top: 1rem !important;
-    margin-bottom: 1rem !important;
-  }
-}
-
-/*--------------
-   Full Screen
----------------*/
-
-.ui.fullscreen.modal {
-  width: 95% !important;
-  left: 2.5% !important;
-  margin: 1em auto;
-}
-.ui.fullscreen.scrolling.modal {
-  left: 0em !important;
-}
-.ui.fullscreen.modal > .header {
-  padding-right: 2.25rem;
-}
-.ui.fullscreen.modal > .close {
-  top: 1.0535rem;
-  right: 1rem;
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/*--------------
-      Size
----------------*/
-
-.ui.modal {
-  font-size: 1rem;
-}
-
-/* Small */
-.ui.small.modal > .header:not(.ui) {
-  font-size: 1.3em;
-}
-
-/* Small Modal Width */
-@media only screen and (max-width: 767px) {
-  .ui.small.modal {
-    width: 95%;
-    margin: 0em 0em 0em -47.5%;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .ui.small.modal {
-    width: 70.4%;
-    margin: 0em 0em 0em -35.2%;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .ui.small.modal {
-    width: 680px;
-    margin: 0em 0em 0em -340px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .ui.small.modal {
-    width: 720px;
-    margin: 0em 0em 0em -360px;
-  }
-}
-@media only screen and (min-width: 1920px) {
-  .ui.small.modal {
-    width: 760px;
-    margin: 0em 0em 0em -380px;
-  }
-}
-
-/* Large Modal Width */
-.ui.large.modal > .header {
-  font-size: 1.6em;
-}
-@media only screen and (max-width: 767px) {
-  .ui.large.modal {
-    width: 95%;
-    margin: 0em 0em 0em -47.5%;
-  }
-}
-@media only screen and (min-width: 768px) {
-  .ui.large.modal {
-    width: 88%;
-    margin: 0em 0em 0em -44%;
-  }
-}
-@media only screen and (min-width: 992px) {
-  .ui.large.modal {
-    width: 1020px;
-    margin: 0em 0em 0em -510px;
-  }
-}
-@media only screen and (min-width: 1200px) {
-  .ui.large.modal {
-    width: 1080px;
-    margin: 0em 0em 0em -540px;
-  }
-}
-@media only screen and (min-width: 1920px) {
-  .ui.large.modal {
-    width: 1140px;
-    margin: 0em 0em 0em -570px;
-  }
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-

public/css/nag.css

@@ -1,147 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Nag
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-             Nag
-*******************************/
-
-.ui.nag {
-  display: none;
-  opacity: 0.95;
-  position: relative;
-  top: 0em;
-  left: 0px;
-  z-index: 999;
-  min-height: 0em;
-  width: 100%;
-  margin: 0em;
-  padding: 0.75em 1em;
-  background: #555555;
-  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
-  font-size: 1rem;
-  text-align: center;
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
-  -webkit-transition: 0.2s background ease;
-  transition: 0.2s background ease;
-}
-a.ui.nag {
-  cursor: pointer;
-}
-.ui.nag > .title {
-  display: inline-block;
-  margin: 0em 0.5em;
-  color: #FFFFFF;
-}
-.ui.nag > .close.icon {
-  cursor: pointer;
-  opacity: 0.4;
-  position: absolute;
-  top: 50%;
-  right: 1em;
-  font-size: 1em;
-  margin: -0.5em 0em 0em;
-  color: #FFFFFF;
-  -webkit-transition: opacity 0.2s ease;
-  transition: opacity 0.2s ease;
-}
-
-
-/*******************************
-             States
-*******************************/
-
-
-/* Hover */
-.ui.nag:hover {
-  background: #555555;
-  opacity: 1;
-}
-.ui.nag .close:hover {
-  opacity: 1;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------
-     Static
----------------*/
-
-.ui.overlay.nag {
-  position: absolute;
-  display: block;
-}
-
-/*--------------
-     Fixed
----------------*/
-
-.ui.fixed.nag {
-  position: fixed;
-}
-
-/*--------------
-     Bottom
----------------*/
-
-.ui.bottom.nags,
-.ui.bottom.nag {
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
-  top: auto;
-  bottom: 0em;
-}
-
-/*--------------
-     White
----------------*/
-
-.ui.inverted.nags .nag,
-.ui.inverted.nag {
-  background-color: #F3F4F5;
-  color: rgba(0, 0, 0, 0.85);
-}
-.ui.inverted.nags .nag .close,
-.ui.inverted.nags .nag .title,
-.ui.inverted.nag .close,
-.ui.inverted.nag .title {
-  color: rgba(0, 0, 0, 0.4);
-}
-
-
-/*******************************
-           Groups
-*******************************/
-
-.ui.nags .nag {
-  border-radius: 0em !important;
-}
-.ui.nags .nag:last-child {
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
-}
-.ui.bottom.nags .nag:last-child {
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-        User Overrides
-*******************************/
-

public/css/nag.min.css

@@ -1,9 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Nag
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */.ui.nag{display:none;opacity:.95;position:relative;top:0;left:0;z-index:999;min-height:0;width:100%;margin:0;padding:.75em 1em;background:#555;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);font-size:1rem;text-align:center;color:rgba(0,0,0,.87);border-radius:0 0 .28571429rem .28571429rem;-webkit-transition:.2s background ease;transition:.2s background ease}a.ui.nag{cursor:pointer}.ui.nag>.title{display:inline-block;margin:0 .5em;color:#fff}.ui.nag>.close.icon{cursor:pointer;opacity:.4;position:absolute;top:50%;right:1em;font-size:1em;margin:-.5em 0 0;color:#fff;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.ui.nag:hover{background:#555;opacity:1}.ui.nag .close:hover{opacity:1}.ui.overlay.nag{position:absolute;display:block}.ui.fixed.nag{position:fixed}.ui.bottom.nag,.ui.bottom.nags{border-radius:.28571429rem .28571429rem 0 0;top:auto;bottom:0}.ui.inverted.nag,.ui.inverted.nags .nag{background-color:#f3f4f5;color:rgba(0,0,0,.85)}.ui.inverted.nag .close,.ui.inverted.nag .title,.ui.inverted.nags .nag .close,.ui.inverted.nags .nag .title{color:rgba(0,0,0,.4)}.ui.nags .nag{border-radius:0!important}.ui.nags .nag:last-child{border-radius:0 0 .28571429rem .28571429rem}.ui.bottom.nags .nag:last-child{border-radius:.28571429rem .28571429rem 0 0}

public/css/popup.css

@@ -1,733 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Popup
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Popup
-*******************************/
-
-.ui.popup {
-  display: none;
-  position: absolute;
-  top: 0px;
-  right: 0px;
-  
-/* Fixes content being squished when inline (moz only) */
-  min-width: -webkit-min-content;
-  min-width: -moz-min-content;
-  min-width: min-content;
-  z-index: 1900;
-  border: 1px solid #D4D4D5;
-  line-height: 1.4285em;
-  max-width: 250px;
-  background: #FFFFFF;
-  padding: 0.833em 1em;
-  font-weight: normal;
-  font-style: normal;
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 0.28571429rem;
-  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-}
-.ui.popup > .header {
-  padding: 0em;
-  font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif;
-  font-size: 1.14285714em;
-  line-height: 1.2;
-  font-weight: bold;
-}
-.ui.popup > .header + .content {
-  padding-top: 0.5em;
-}
-.ui.popup:before {
-  position: absolute;
-  content: '';
-  width: 0.71428571em;
-  height: 0.71428571em;
-  background: #FFFFFF;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-  z-index: 2;
-  box-shadow: 1px 1px 0px 0px #bababc;
-}
-
-
-/*******************************
-            Types
-*******************************/
-
-
-/*--------------
-    Tooltip
----------------*/
-
-
-/* Content */
-[data-tooltip] {
-  position: relative;
-}
-
-/* Arrow */
-[data-tooltip]:before {
-  pointer-events: none;
-  position: absolute;
-  content: '';
-  font-size: 1rem;
-  width: 0.71428571em;
-  height: 0.71428571em;
-  background: #FFFFFF;
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg);
-  z-index: 2;
-  box-shadow: 1px 1px 0px 0px #bababc;
-}
-
-/* Popup */
-[data-tooltip]:after {
-  pointer-events: none;
-  content: attr(data-tooltip);
-  position: absolute;
-  text-transform: none;
-  text-align: left;
-  white-space: nowrap;
-  font-size: 1rem;
-  border: 1px solid #D4D4D5;
-  line-height: 1.4285em;
-  max-width: none;
-  background: #FFFFFF;
-  padding: 0.833em 1em;
-  font-weight: normal;
-  font-style: normal;
-  color: rgba(0, 0, 0, 0.87);
-  border-radius: 0.28571429rem;
-  box-shadow: 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15);
-  z-index: 1;
-}
-
-/* Default Position (Top Center) */
-[data-tooltip]:not([data-position]):before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 50%;
-  background: #FFFFFF;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-[data-tooltip]:not([data-position]):after {
-  left: 50%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  bottom: 100%;
-  margin-bottom: 0.5em;
-}
-
-/* Animation */
-[data-tooltip]:before,
-[data-tooltip]:after {
-  pointer-events: none;
-  visibility: hidden;
-}
-[data-tooltip]:before {
-  opacity: 0;
-  -webkit-transform: rotate(45deg) scale(0) !important;
-          transform: rotate(45deg) scale(0) !important;
-  -webkit-transform-origin: center top;
-          transform-origin: center top;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
-}
-[data-tooltip]:after {
-  opacity: 1;
-  -webkit-transform-origin: center bottom;
-          transform-origin: center bottom;
-  -webkit-transition: all 0.1s ease;
-  transition: all 0.1s ease;
-}
-[data-tooltip]:hover:before,
-[data-tooltip]:hover:after {
-  visibility: visible;
-  pointer-events: auto;
-}
-[data-tooltip]:hover:before {
-  -webkit-transform: rotate(45deg) scale(1) !important;
-          transform: rotate(45deg) scale(1) !important;
-  opacity: 1;
-}
-
-/* Animation Position */
-[data-tooltip]:after,
-[data-tooltip][data-position="top center"]:after,
-[data-tooltip][data-position="bottom center"]:after {
-  -webkit-transform: translateX(-50%) scale(0) !important;
-          transform: translateX(-50%) scale(0) !important;
-}
-[data-tooltip]:hover:after,
-[data-tooltip][data-position="bottom center"]:hover:after {
-  -webkit-transform: translateX(-50%) scale(1) !important;
-          transform: translateX(-50%) scale(1) !important;
-}
-[data-tooltip][data-position="left center"]:after,
-[data-tooltip][data-position="right center"]:after {
-  -webkit-transform: translateY(-50%) scale(0) !important;
-          transform: translateY(-50%) scale(0) !important;
-}
-[data-tooltip][data-position="left center"]:hover:after,
-[data-tooltip][data-position="right center"]:hover:after {
-  -webkit-transform: translateY(-50%) scale(1) !important;
-          transform: translateY(-50%) scale(1) !important;
-}
-[data-tooltip][data-position="top left"]:after,
-[data-tooltip][data-position="top right"]:after,
-[data-tooltip][data-position="bottom left"]:after,
-[data-tooltip][data-position="bottom right"]:after {
-  -webkit-transform: scale(0) !important;
-          transform: scale(0) !important;
-}
-[data-tooltip][data-position="top left"]:hover:after,
-[data-tooltip][data-position="top right"]:hover:after,
-[data-tooltip][data-position="bottom left"]:hover:after,
-[data-tooltip][data-position="bottom right"]:hover:after {
-  -webkit-transform: scale(1) !important;
-          transform: scale(1) !important;
-}
-
-/*--------------
-    Inverted
----------------*/
-
-
-/* Arrow */
-[data-tooltip][data-inverted]:before {
-  box-shadow: none !important;
-}
-
-/* Arrow Position */
-[data-tooltip][data-inverted]:before {
-  background: #1B1C1D;
-}
-
-/* Popup  */
-[data-tooltip][data-inverted]:after {
-  background: #1B1C1D;
-  color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-[data-tooltip][data-inverted]:after .header {
-  background-color: none;
-  color: #FFFFFF;
-}
-
-/*--------------
-    Position
----------------*/
-
-
-/* Top Center */
-[data-position="top center"][data-tooltip]:after {
-  top: auto;
-  right: auto;
-  left: 50%;
-  bottom: 100%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  margin-bottom: 0.5em;
-}
-[data-position="top center"][data-tooltip]:before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 50%;
-  background: #FFFFFF;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-
-/* Top Left */
-[data-position="top left"][data-tooltip]:after {
-  top: auto;
-  right: auto;
-  left: 0;
-  bottom: 100%;
-  margin-bottom: 0.5em;
-}
-[data-position="top left"][data-tooltip]:before {
-  top: auto;
-  right: auto;
-  bottom: 100%;
-  left: 1em;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-
-/* Top Right */
-[data-position="top right"][data-tooltip]:after {
-  top: auto;
-  left: auto;
-  right: 0;
-  bottom: 100%;
-  margin-bottom: 0.5em;
-}
-[data-position="top right"][data-tooltip]:before {
-  top: auto;
-  left: auto;
-  bottom: 100%;
-  right: 1em;
-  margin-left: -0.07142857rem;
-  margin-bottom: 0.14285714rem;
-}
-
-/* Bottom Center */
-[data-position="bottom center"][data-tooltip]:after {
-  bottom: auto;
-  right: auto;
-  left: 50%;
-  top: 100%;
-  -webkit-transform: translateX(-50%);
-          transform: translateX(-50%);
-  margin-top: 0.5em;
-}
-[data-position="bottom center"][data-tooltip]:before {
-  bottom: auto;
-  right: auto;
-  top: 100%;
-  left: 50%;
-  margin-left: -0.07142857rem;
-  margin-top: 0.14285714rem;
-}
-
-/* Bottom Left */
-[data-position="bottom left"][data-tooltip]:after {
-  left: 0;
-  top: 100%;
-  margin-top: 0.5em;
-}
-[data-position="bottom left"][data-tooltip]:before {
-  bottom: auto;
-  right: auto;
-  top: 100%;
-  left: 1em;
-  margin-left: -0.07142857rem;
-  margin-top: 0.14285714rem;
-}
-
-/* Bottom Right */
-[data-position="bottom right"][data-tooltip]:after {
-  right: 0;
-  top: 100%;
-  margin-top: 0.5em;
-}
-[data-position="bottom right"][data-tooltip]:before {
-  bottom: auto;
-  left: auto;
-  top: 100%;
-  right: 1em;
-  margin-left: -0.14285714rem;
-  margin-top: 0.07142857rem;
-}
-
-/* Left Center */
-[data-position="left center"][data-tooltip]:after {
-  right: 100%;
-  top: 50%;
-  margin-right: 0.5em;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-[data-position="left center"][data-tooltip]:before {
-  right: 100%;
-  top: 50%;
-  margin-top: -0.14285714rem;
-  margin-right: -0.07142857rem;
-}
-
-/* Right Center */
-[data-position="right center"][data-tooltip]:after {
-  left: 100%;
-  top: 50%;
-  margin-left: 0.5em;
-  -webkit-transform: translateY(-50%);
-          transform: translateY(-50%);
-}
-[data-position="right center"][data-tooltip]:before {
-  left: 100%;
-  top: 50%;
-  margin-top: -0.07142857rem;
-  margin-left: 0.14285714rem;
-}
-
-/* Arrow */
-[data-position~="bottom"][data-tooltip]:before {
-  background: #FFFFFF;
-  box-shadow: -1px -1px 0px 0px #bababc;
-}
-[data-position="left center"][data-tooltip]:before {
-  background: #FFFFFF;
-  box-shadow: 1px -1px 0px 0px #bababc;
-}
-[data-position="right center"][data-tooltip]:before {
-  background: #FFFFFF;
-  box-shadow: -1px 1px 0px 0px #bababc;
-}
-[data-position~="top"][data-tooltip]:before {
-  background: #FFFFFF;
-}
-
-/* Inverted Arrow Color */
-[data-inverted][data-position~="bottom"][data-tooltip]:before {
-  background: #1B1C1D;
-  box-shadow: -1px -1px 0px 0px #bababc;
-}
-[data-inverted][data-position="left center"][data-tooltip]:before {
-  background: #1B1C1D;
-  box-shadow: 1px -1px 0px 0px #bababc;
-}
-[data-inverted][data-position="right center"][data-tooltip]:before {
-  background: #1B1C1D;
-  box-shadow: -1px 1px 0px 0px #bababc;
-}
-[data-inverted][data-position~="top"][data-tooltip]:before {
-  background: #1B1C1D;
-}
-[data-position~="bottom"][data-tooltip]:before {
-  -webkit-transform-origin: center bottom;
-          transform-origin: center bottom;
-}
-[data-position~="bottom"][data-tooltip]:after {
-  -webkit-transform-origin: center top;
-          transform-origin: center top;
-}
-[data-position="left center"][data-tooltip]:before {
-  -webkit-transform-origin: top center;
-          transform-origin: top center;
-}
-[data-position="left center"][data-tooltip]:after {
-  -webkit-transform-origin: right center;
-          transform-origin: right center;
-}
-[data-position="right center"][data-tooltip]:before {
-  -webkit-transform-origin: right center;
-          transform-origin: right center;
-}
-[data-position="right center"][data-tooltip]:after {
-  -webkit-transform-origin: left center;
-          transform-origin: left center;
-}
-
-/*--------------
-     Spacing
----------------*/
-
-.ui.popup {
-  margin: 0em;
-}
-
-/* Extending from Top */
-.ui.top.popup {
-  margin: 0em 0em 0.71428571em;
-}
-.ui.top.left.popup {
-  -webkit-transform-origin: left bottom;
-          transform-origin: left bottom;
-}
-.ui.top.center.popup {
-  -webkit-transform-origin: center bottom;
-          transform-origin: center bottom;
-}
-.ui.top.right.popup {
-  -webkit-transform-origin: right bottom;
-          transform-origin: right bottom;
-}
-
-/* Extending from Vertical Center */
-.ui.left.center.popup {
-  margin: 0em 0.71428571em 0em 0em;
-  -webkit-transform-origin: right 50%;
-          transform-origin: right 50%;
-}
-.ui.right.center.popup {
-  margin: 0em 0em 0em 0.71428571em;
-  -webkit-transform-origin: left 50%;
-          transform-origin: left 50%;
-}
-
-/* Extending from Bottom */
-.ui.bottom.popup {
-  margin: 0.71428571em 0em 0em;
-}
-.ui.bottom.left.popup {
-  -webkit-transform-origin: left top;
-          transform-origin: left top;
-}
-.ui.bottom.center.popup {
-  -webkit-transform-origin: center top;
-          transform-origin: center top;
-}
-.ui.bottom.right.popup {
-  -webkit-transform-origin: right top;
-          transform-origin: right top;
-}
-
-/*--------------
-     Pointer
----------------*/
-
-
-/*--- Below ---*/
-
-.ui.bottom.center.popup:before {
-  margin-left: -0.30714286em;
-  top: -0.30714286em;
-  left: 50%;
-  right: auto;
-  bottom: auto;
-  box-shadow: -1px -1px 0px 0px #bababc;
-}
-.ui.bottom.left.popup {
-  margin-left: 0em;
-}
-/*rtl:rename*/
-.ui.bottom.left.popup:before {
-  top: -0.30714286em;
-  left: 1em;
-  right: auto;
-  bottom: auto;
-  margin-left: 0em;
-  box-shadow: -1px -1px 0px 0px #bababc;
-}
-.ui.bottom.right.popup {
-  margin-right: 0em;
-}
-/*rtl:rename*/
-.ui.bottom.right.popup:before {
-  top: -0.30714286em;
-  right: 1em;
-  bottom: auto;
-  left: auto;
-  margin-left: 0em;
-  box-shadow: -1px -1px 0px 0px #bababc;
-}
-
-/*--- Above ---*/
-
-.ui.top.center.popup:before {
-  top: auto;
-  right: auto;
-  bottom: -0.30714286em;
-  left: 50%;
-  margin-left: -0.30714286em;
-}
-.ui.top.left.popup {
-  margin-left: 0em;
-}
-/*rtl:rename*/
-.ui.top.left.popup:before {
-  bottom: -0.30714286em;
-  left: 1em;
-  top: auto;
-  right: auto;
-  margin-left: 0em;
-}
-.ui.top.right.popup {
-  margin-right: 0em;
-}
-/*rtl:rename*/
-.ui.top.right.popup:before {
-  bottom: -0.30714286em;
-  right: 1em;
-  top: auto;
-  left: auto;
-  margin-left: 0em;
-}
-
-/*--- Left Center ---*/
-
-/*rtl:rename*/
-.ui.left.center.popup:before {
-  top: 50%;
-  right: -0.30714286em;
-  bottom: auto;
-  left: auto;
-  margin-top: -0.30714286em;
-  box-shadow: 1px -1px 0px 0px #bababc;
-}
-
-/*--- Right Center  ---*/
-
-/*rtl:rename*/
-.ui.right.center.popup:before {
-  top: 50%;
-  left: -0.30714286em;
-  bottom: auto;
-  right: auto;
-  margin-top: -0.30714286em;
-  box-shadow: -1px 1px 0px 0px #bababc;
-}
-
-/* Arrow Color By Location */
-.ui.bottom.popup:before {
-  background: #FFFFFF;
-}
-.ui.right.center.popup:before,
-.ui.left.center.popup:before {
-  background: #FFFFFF;
-}
-.ui.top.popup:before {
-  background: #FFFFFF;
-}
-
-/* Inverted Arrow Color */
-.ui.inverted.bottom.popup:before {
-  background: #1B1C1D;
-}
-.ui.inverted.right.center.popup:before,
-.ui.inverted.left.center.popup:before {
-  background: #1B1C1D;
-}
-.ui.inverted.top.popup:before {
-  background: #1B1C1D;
-}
-
-
-/*******************************
-            Coupling
-*******************************/
-
-
-/* Immediate Nested Grid */
-.ui.popup > .ui.grid:not(.padded) {
-  width: calc(100% + 1.75rem);
-  margin: -0.7rem -0.875rem;
-}
-
-
-/*******************************
-            States
-*******************************/
-
-.ui.loading.popup {
-  display: block;
-  visibility: hidden;
-  z-index: -1;
-}
-.ui.animating.popup,
-.ui.visible.popup {
-  display: block;
-}
-.ui.visible.popup {
-  -webkit-transform: translateZ(0px);
-          transform: translateZ(0px);
-  -webkit-backface-visibility: hidden;
-          backface-visibility: hidden;
-}
-
-
-/*******************************
-            Variations
-*******************************/
-
-
-/*--------------
-     Basic
----------------*/
-
-.ui.basic.popup:before {
-  display: none;
-}
-
-/*--------------
-     Wide
----------------*/
-
-.ui.wide.popup {
-  max-width: 350px;
-}
-.ui[class*="very wide"].popup {
-  max-width: 550px;
-}
-@media only screen and (max-width: 767px) {
-  .ui.wide.popup,
-  .ui[class*="very wide"].popup {
-    max-width: 250px;
-  }
-}
-
-/*--------------
-     Fluid
----------------*/
-
-.ui.fluid.popup {
-  width: 100%;
-  max-width: none;
-}
-
-/*--------------
-     Colors
----------------*/
-
-
-/* Inverted colors  */
-.ui.inverted.popup {
-  background: #1B1C1D;
-  color: #FFFFFF;
-  border: none;
-  box-shadow: none;
-}
-.ui.inverted.popup .header {
-  background-color: none;
-  color: #FFFFFF;
-}
-.ui.inverted.popup:before {
-  background-color: #1B1C1D;
-  box-shadow: none !important;
-}
-
-/*--------------
-     Flowing
----------------*/
-
-.ui.flowing.popup {
-  max-width: none;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.mini.popup {
-  font-size: 0.78571429rem;
-}
-.ui.tiny.popup {
-  font-size: 0.85714286rem;
-}
-.ui.small.popup {
-  font-size: 0.92857143rem;
-}
-.ui.popup {
-  font-size: 1rem;
-}
-.ui.large.popup {
-  font-size: 1.14285714rem;
-}
-.ui.huge.popup {
-  font-size: 1.42857143rem;
-}
-
-
-/*******************************
-         Theme Overrides
-*******************************/
-
-
-
-/*******************************
-        User Overrides
-*******************************/
-

public/css/progress.css

@@ -1,516 +0,0 @@
-/*!
- * # Semantic UI 2.2.7 - Progress Bar
- * http://github.com/semantic-org/semantic-ui/
- *
- *
- * Released under the MIT license
- * http://opensource.org/licenses/MIT
- *
- */
-
-
-/*******************************
-            Progress
-*******************************/
-
-.ui.progress {
-  position: relative;
-  display: block;
-  max-width: 100%;
-  border: none;
-  margin: 1em 0em 2.5em;
-  box-shadow: none;
-  background: rgba(0, 0, 0, 0.1);
-  padding: 0em;
-  border-radius: 0.28571429rem;
-}
-.ui.progress:first-child {
-  margin: 0em 0em 2.5em;
-}
-.ui.progress:last-child {
-  margin: 0em 0em 1.5em;
-}
-
-
-/*******************************
-            Content
-*******************************/
-
-
-/* Activity Bar */
-.ui.progress .bar {
-  display: block;
-  line-height: 1;
-  position: relative;
-  width: 0%;
-  min-width: 2em;
-  background: #888888;
-  border-radius: 0.28571429rem;
-  -webkit-transition: width 0.1s ease, background-color 0.1s ease;
-  transition: width 0.1s ease, background-color 0.1s ease;
-}
-
-/* Percent Complete */
-.ui.progress .bar > .progress {
-  white-space: nowrap;
-  position: absolute;
-  width: auto;
-  font-size: 0.92857143em;
-  top: 50%;
-  right: 0.5em;
-  left: auto;
-  bottom: auto;
-  color: rgba(255, 255, 255, 0.7);
-  text-shadow: none;
-  margin-top: -0.5em;
-  font-weight: bold;
-  text-align: left;
-}
-
-/* Label */
-.ui.progress > .label {
-  position: absolute;
-  width: 100%;
-  font-size: 1em;
-  top: 100%;
-  right: auto;
-  left: 0%;
-  bottom: auto;
-  color: rgba(0, 0, 0, 0.87);
-  font-weight: bold;
-  text-shadow: none;
-  margin-top: 0.2em;
-  text-align: center;
-  -webkit-transition: color 0.4s ease;
-  transition: color 0.4s ease;
-}
-
-
-/*******************************
-            Types
-*******************************/
-
-
-/* Indicating */
-.ui.indicating.progress[data-percent^="1"] .bar,
-.ui.indicating.progress[data-percent^="2"] .bar {
-  background-color: #D95C5C;
-}
-.ui.indicating.progress[data-percent^="3"] .bar {
-  background-color: #EFBC72;
-}
-.ui.indicating.progress[data-percent^="4"] .bar,
-.ui.indicating.progress[data-percent^="5"] .bar {
-  background-color: #E6BB48;
-}
-.ui.indicating.progress[data-percent^="6"] .bar {
-  background-color: #DDC928;
-}
-.ui.indicating.progress[data-percent^="7"] .bar,
-.ui.indicating.progress[data-percent^="8"] .bar {
-  background-color: #B4D95C;
-}
-.ui.indicating.progress[data-percent^="9"] .bar,
-.ui.indicating.progress[data-percent^="100"] .bar {
-  background-color: #66DA81;
-}
-
-/* Indicating Label */
-.ui.indicating.progress[data-percent^="1"] .label,
-.ui.indicating.progress[data-percent^="2"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.indicating.progress[data-percent^="3"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.indicating.progress[data-percent^="4"] .label,
-.ui.indicating.progress[data-percent^="5"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.indicating.progress[data-percent^="6"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.indicating.progress[data-percent^="7"] .label,
-.ui.indicating.progress[data-percent^="8"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-.ui.indicating.progress[data-percent^="9"] .label,
-.ui.indicating.progress[data-percent^="100"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Single Digits */
-.ui.indicating.progress[data-percent="1"] .bar,
-.ui.indicating.progress[data-percent="2"] .bar,
-.ui.indicating.progress[data-percent="3"] .bar,
-.ui.indicating.progress[data-percent="4"] .bar,
-.ui.indicating.progress[data-percent="5"] .bar,
-.ui.indicating.progress[data-percent="6"] .bar,
-.ui.indicating.progress[data-percent="7"] .bar,
-.ui.indicating.progress[data-percent="8"] .bar,
-.ui.indicating.progress[data-percent="9"] .bar {
-  background-color: #D95C5C;
-}
-.ui.indicating.progress[data-percent="1"] .label,
-.ui.indicating.progress[data-percent="2"] .label,
-.ui.indicating.progress[data-percent="3"] .label,
-.ui.indicating.progress[data-percent="4"] .label,
-.ui.indicating.progress[data-percent="5"] .label,
-.ui.indicating.progress[data-percent="6"] .label,
-.ui.indicating.progress[data-percent="7"] .label,
-.ui.indicating.progress[data-percent="8"] .label,
-.ui.indicating.progress[data-percent="9"] .label {
-  color: rgba(0, 0, 0, 0.87);
-}
-
-/* Indicating Success */
-.ui.indicating.progress.success .label {
-  color: #1A531B;
-}
-
-
-/*******************************
-             States
-*******************************/
-
-
-/*--------------
-     Success
----------------*/
-
-.ui.progress.success .bar {
-  background-color: #21BA45 !important;
-}
-.ui.progress.success .bar,
-.ui.progress.success .bar::after {
-  -webkit-animation: none !important;
-          animation: none !important;
-}
-.ui.progress.success > .label {
-  color: #1A531B;
-}
-
-/*--------------
-     Warning
----------------*/
-
-.ui.progress.warning .bar {
-  background-color: #F2C037 !important;
-}
-.ui.progress.warning .bar,
-.ui.progress.warning .bar::after {
-  -webkit-animation: none !important;
-          animation: none !important;
-}
-.ui.progress.warning > .label {
-  color: #794B02;
-}
-
-/*--------------
-     Error
----------------*/
-
-.ui.progress.error .bar {
-  background-color: #DB2828 !important;
-}
-.ui.progress.error .bar,
-.ui.progress.error .bar::after {
-  -webkit-animation: none !important;
-          animation: none !important;
-}
-.ui.progress.error > .label {
-  color: #912D2B;
-}
-
-/*--------------
-     Active
----------------*/
-
-.ui.active.progress .bar {
-  position: relative;
-  min-width: 2em;
-}
-.ui.active.progress .bar::after {
-  content: '';
-  opacity: 0;
-  position: absolute;
-  top: 0px;
-  left: 0px;
-  right: 0px;
-  bottom: 0px;
-  background: #FFFFFF;
-  border-radius: 0.28571429rem;
-  -webkit-animation: progress-active 2s ease infinite;
-          animation: progress-active 2s ease infinite;
-}
-@-webkit-keyframes progress-active {
-  0% {
-    opacity: 0.3;
-    width: 0;
-  }
-  100% {
-    opacity: 0;
-    width: 100%;
-  }
-}
-@keyframes progress-active {
-  0% {
-    opacity: 0.3;
-    width: 0;
-  }
-  100% {
-    opacity: 0;
-    width: 100%;
-  }
-}
-
-/*--------------
-    Disabled
----------------*/
-
-.ui.disabled.progress {
-  opacity: 0.35;
-}
-.ui.disabled.progress .bar,
-.ui.disabled.progress .bar::after {
-  -webkit-animation: none !important;
-          animation: none !important;
-}
-
-
-/*******************************
-           Variations
-*******************************/
-
-
-/*--------------
-    Inverted
----------------*/
-
-.ui.inverted.progress {
-  background: rgba(255, 255, 255, 0.08);
-  border: none;
-}
-.ui.inverted.progress .bar {
-  background: #888888;
-}
-.ui.inverted.progress .bar > .progress {
-  color: #F9FAFB;
-}
-.ui.inverted.progress > .label {
-  color: #FFFFFF;
-}
-.ui.inverted.progress.success > .label {
-  color: #21BA45;
-}
-.ui.inverted.progress.warning > .label {
-  color: #F2C037;
-}
-.ui.inverted.progress.error > .label {
-  color: #DB2828;
-}
-
-/*--------------
-    Attached
----------------*/
-
-
-/* bottom attached */
-.ui.progress.attached {
-  background: transparent;
-  position: relative;
-  border: none;
-  margin: 0em;
-}
-.ui.progress.attached,
-.ui.progress.attached .bar {
-  display: block;
-  height: 0.2rem;
-  padding: 0px;
-  overflow: hidden;
-  border-radius: 0em 0em 0.28571429rem 0.28571429rem;
-}
-.ui.progress.attached .bar {
-  border-radius: 0em;
-}
-
-/* top attached */
-.ui.progress.top.attached,
-.ui.progress.top.attached .bar {
-  top: 0px;
-  border-radius: 0.28571429rem 0.28571429rem 0em 0em;
-}
-.ui.progress.top.attached .bar {
-  border-radius: 0em;
-}
-
-/* Coupling */
-.ui.segment > .ui.attached.progress,
-.ui.card > .ui.attached.progress {
-  position: absolute;
-  top: auto;
-  left: 0;
-  bottom: 100%;
-  width: 100%;
-}
-.ui.segment > .ui.bottom.attached.progress,
-.ui.card > .ui.bottom.attached.progress {
-  top: 100%;
-  bottom: auto;
-}
-
-/*--------------
-     Colors
----------------*/
-
-
-/* Red */
-.ui.red.progress .bar {
-  background-color: #DB2828;
-}
-.ui.red.inverted.progress .bar {
-  background-color: #FF695E;
-}
-
-/* Orange */
-.ui.orange.progress .bar {
-  background-color: #F2711C;
-}
-.ui.orange.inverted.progress .bar {
-  background-color: #FF851B;
-}
-
-/* Yellow */
-.ui.yellow.progress .bar {
-  background-color: #FBBD08;
-}
-.ui.yellow.inverted.progress .bar {
-  background-color: #FFE21F;
-}
-
-/* Olive */
-.ui.olive.progress .bar {
-  background-color: #B5CC18;
-}
-.ui.olive.inverted.progress .bar {
-  background-color: #D9E778;
-}
-
-/* Green */
-.ui.green.progress .bar {
-  background-color: #21BA45;
-}
-.ui.green.inverted.progress .bar {
-  background-color: #2ECC40;
-}
-
-/* Teal */
-.ui.teal.progress .bar {
-  background-color: #00B5AD;
-}
-.ui.teal.inverted.progress .bar {
-  background-color: #6DFFFF;
-}
-
-/* Blue */
-.ui.blue.progress .bar {
-  background-color: #2185D0;
-}
-.ui.blue.inverted.progress .bar {
-  background-color: #54C8FF;
-}
-
-/* Violet */
-.ui.violet.progress .bar {
-  background-color: #6435C9;
-}
-.ui.violet.inverted.progress .bar {
-  background-color: #A291FB;
-}
-
-/* Purple */
-.ui.purple.progress .bar {
-  background-color: #A333C8;
-}
-.ui.purple.inverted.progress .bar {
-  background-color: #DC73FF;
-}
-
-/* Pink */
-.ui.pink.progress .bar {
-  background-color: #E03997;
-}
-.ui.pink.inverted.progress .bar {
-  background-color: #FF8EDF;
-}
-
-/* Brown */
-.ui.brown.progress .bar {
-  background-color: #A5673F;
-}
-.ui.brown.inverted.progress .bar {
-  background-color: #D67C1C;
-}
-
-/* Grey */
-.ui.grey.progress .bar {
-  background-color: #767676;
-}
-.ui.grey.inverted.progress .bar {
-  background-color: #DCDDDE;
-}
-
-/* Black */
-.ui.black.progress .bar {
-  background-color: #1B1C1D;
-}
-.ui.black.inverted.progress .bar {
-  background-color: #545454;
-}
-
-/*--------------
-     Sizes
----------------*/
-
-.ui.tiny.progress {
-  font-size: 0.85714286rem;
-}
-.ui.tiny.progress .bar {
-  height: 0.5em;
-}
-.ui.small.progress {
-  font-size: 0.92857143rem;
-}
-.ui.small.progress .bar {
-  height: 1em;
-}
-.ui.progress {
-  font-size: 1rem;
-}
-.ui.progress .bar {
-  height: 1.75em;
-}
-.ui.large.progress {
-  font-size: 1.14285714rem;
-}
-.ui.large.progress .bar {
-  height: 2.5em;
-}
-.ui.big.progress {
-  font-size: 1.28571429rem;
-}
-.ui.big.progress .bar {
-  height: 3.5em;
-}
-
-
-/*******************************
-            Progress
-*******************************/
-
-
-
-/*******************************
-         Site Overrides
-*******************************/
-