最初コミット

.env.example

@@ -0,0 +1,68 @@
+APP_NAME=076Server
+APP_ENV=local
+APP_KEY=
+APP_DEBUG=false
+APP_LOG_LEVEL=debug
+APP_URL=http://localhost
+ONION_HOST=jkdasfhfdhndsfnklhjfdsknjfdgsjk.onion
+SESSION_SECURE_COOKIE=false
+SESSION_HTTP_ONLY=true
+THEME="techsuwa"
+CSSENGINE="lolita"
+CSSMINIFY=true
+
+ENABLE_REGISTER=false
+HAS_ADMIN=false
+OWNER_NAME=""
+OWNER_PASS=""
+ADMIN_NAME=""
+ADMIN_PASS=""
+
+LOG_CHANNEL=stack
+LOG_LEVEL=debug
+
+DB_CONNECTION=mysql
+DB_HOST=127.0.0.1
+DB_PORT=3306
+DB_DATABASE=laravel
+DB_USERNAME=root
+DB_PASSWORD=
+
+BROADCAST_DRIVER=log
+CACHE_DRIVER=file
+QUEUE_CONNECTION=sync
+SESSION_DRIVER=file
+SESSION_LIFETIME=120
+
+MEMCACHED_HOST=127.0.0.1
+
+REDIS_HOST=127.0.0.1
+REDIS_PASSWORD=null
+REDIS_PORT=6379
+
+MAIL_MAILER=smtp
+MAIL_HOST=smtp.mailtrap.io
+MAIL_PORT=2525
+MAIL_USERNAME=null
+MAIL_PASSWORD=null
+MAIL_NOREPLY_USER=null
+MAIL_NOREPLY_PASS=null
+MAIL_ENCRYPTION=null
+MAIL_OWNER_ADDRESS=null
+MAIL_OWNER_NAME="${APP_NAME}"
+MAIL_FROM_ADDRESS=null
+MAIL_FROM_NAME="${APP_NAME}"
+
+GMO_KEY=""
+GMO_SECRET=""
+
+CONOHA_DENANT_ID=""
+CONOHA_DENANT_NAME=""
+CONOHA_USER_NAME=""
+CONOHA_USER_PASS=""
+
+YOUTUBE_API=""
+LBRY_URI=""
+PEER_URI=""
+PEER_USER=""
+PEER_PASS=""

.gitattributes

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

.gitignore

@@ -0,0 +1,9 @@
+
+/public/storage
+
+/storage/*.key
+/vendor
+package-lock.json
+composer.lock
+.env
+/storage/app/public/store

README.md

@@ -0,0 +1,79 @@
+<p align="center"><img src="https://res.cloudinary.com/dtfbvvkyp/image/upload/v1566331377/laravel-logolockup-cmyk-red.svg" width="400"></p>
+
+<p align="center">
+<a href="https://travis-ci.org/laravel/framework"><img src="https://travis-ci.org/laravel/framework.svg" alt="Build Status"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/d/total.svg" alt="Total Downloads"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/v/stable.svg" alt="Latest Stable Version"></a>
+<a href="https://packagist.org/packages/laravel/framework"><img src="https://poser.pugx.org/laravel/framework/license.svg" alt="License"></a>
+</p>
+
+## About Laravel
+
+Laravel is a web application framework with expressive, elegant syntax. We believe development must be an enjoyable and creative experience to be truly fulfilling. Laravel takes the pain out of development by easing common tasks used in many 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, powerful, and provides tools required for large, robust applications.
+
+## Learning Laravel
+
+Laravel has the most extensive and thorough [documentation](https://laravel.com/docs) and video tutorial library of all modern web application frameworks, making it a breeze to get started with the framework.
+
+If you don't feel like reading, [Laracasts](https://laracasts.com) can help. Laracasts contains over 1500 video tutorials on a range of topics including Laravel, modern PHP, unit testing, and JavaScript. Boost your skills by digging into our comprehensive video library.
+
+## Laravel Sponsors
+
+We would like to extend our thanks to the following sponsors for funding Laravel development. If you are interested in becoming a sponsor, please visit the Laravel [Patreon page](https://patreon.com/taylorotwell).
+
+- **[Vehikl](https://vehikl.com/)**
+- **[Tighten Co.](https://tighten.co)**
+- **[Kirschbaum Development Group](https://kirschbaumdevelopment.com)**
+- **[64 Robots](https://64robots.com)**
+- **[Cubet Techno Labs](https://cubettech.com)**
+- **[Cyber-Duck](https://cyber-duck.co.uk)**
+- **[Many](https://www.many.co.uk)**
+- **[Webdock, Fast VPS Hosting](https://www.webdock.io/en)**
+- **[DevSquad](https://devsquad.com)**
+- [UserInsights](https://userinsights.com)
+- [Fragrantica](https://www.fragrantica.com)
+- [SOFTonSOFA](https://softonsofa.com/)
+- [User10](https://user10.com)
+- [Soumettre.fr](https://soumettre.fr/)
+- [CodeBrisk](https://codebrisk.com)
+- [1Forge](https://1forge.com)
+- [TECPRESSO](https://tecpresso.co.jp/)
+- [Runtime Converter](http://runtimeconverter.com/)
+- [WebL'Agence](https://weblagence.com/)
+- [Invoice Ninja](https://www.invoiceninja.com)
+- [iMi digital](https://www.imi-digital.de/)
+- [Earthlink](https://www.earthlink.ro/)
+- [Steadfast Collective](https://steadfastcollective.com/)
+- [We Are The Robots Inc.](https://watr.mx/)
+- [Understand.io](https://www.understand.io/)
+- [Abdel Elrafa](https://abdelelrafa.com)
+- [Hyper Host](https://hyper.host)
+- [Appoly](https://www.appoly.co.uk)
+- [OP.GG](https://op.gg)
+- [云软科技](http://www.yunruan.ltd/)
+
+## Contributing
+
+Thank you for considering contributing to the Laravel framework! The contribution guide can be found in the [Laravel documentation](https://laravel.com/docs/contributions).
+
+## Code of Conduct
+
+In order to ensure that the Laravel community is welcoming to all, please review and abide by the [Code of Conduct](https://laravel.com/docs/contributions#code-of-conduct).
+
+## Security Vulnerabilities
+
+If you discover a security vulnerability within Laravel, please send an e-mail to Taylor Otwell via [taylor@laravel.com](mailto:taylor@laravel.com). All security vulnerabilities will be promptly addressed.
+
+## License
+
+The Laravel framework is open-sourced software licensed under the [MIT license](https://opensource.org/licenses/MIT).

app/Console/Kernel.php

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

app/Exceptions/Handler.php

@@ -0,0 +1,55 @@
+<?php
+
+namespace App\Exceptions;
+
+use Illuminate\Foundation\Exceptions\Handler as ExceptionHandler;
+use Throwable;
+
+class Handler extends ExceptionHandler
+{
+    /**
+     * A list of the exception types that are not reported.
+     *
+     * @var array
+     */
+    protected $dontReport = [
+        //
+    ];
+
+    /**
+     * A list of the inputs that are never flashed for validation exceptions.
+     *
+     * @var array
+     */
+    protected $dontFlash = [
+        'password',
+        'password_confirmation',
+    ];
+
+    /**
+     * Report or log an exception.
+     *
+     * @param  \Throwable  $exception
+     * @return void
+     *
+     * @throws \Exception
+     */
+    public function report(Throwable $exception)
+    {
+        parent::report($exception);
+    }
+
+    /**
+     * Render an exception into an HTTP response.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @param  \Throwable  $exception
+     * @return \Symfony\Component\HttpFoundation\Response
+     *
+     * @throws \Throwable
+     */
+    public function render($request, Throwable $exception)
+    {
+        return parent::render($request, $exception);
+    }
+}

app/Http/Controllers/Controller.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Foundation\Auth\Access\AuthorizesRequests;
+use Illuminate\Foundation\Bus\DispatchesJobs;
+use Illuminate\Foundation\Validation\ValidatesRequests;
+use Illuminate\Routing\Controller as BaseController;
+
+class Controller extends BaseController {
+  use AuthorizesRequests, DispatchesJobs, ValidatesRequests;
+}

app/Http/Controllers/Engine.php

@@ -0,0 +1,111 @@
+<?php
+
+namespace App\Http\Controllers;
+use Illuminate\Support\Facades\DB;
+
+class Engine {
+  public $user = 0;
+  public $err = '';
+  public $warn = '';
+  public $info = '';
+  public $suc = '';
+  public $css = '';
+
+  public function __construct () {
+    $this->err = '';
+    $this->warn = '';
+    $this->info = '';
+    $this->suc = '';
+
+    if (isset($_COOKIE['language'])) app()->setLocale($_COOKIE['language']);
+    $this->id = checkLegit((isset($_COOKIE['kero_token']) ? $_COOKIE['kero_token'] : ''));
+    $this->user = $this->getLoggedUser((isset($_COOKIE['kero_token']) ? $_COOKIE['kero_token'] : ''));
+
+    $this->css = env('CSSENGINE');
+    if ($this->user && $this->user->profile->gender != 0) $this->css .= '_'.($this->user->profile->gender == 1 ? 'm' : 'f');
+    if (env('CSSMINIFY')) $this->css .= '.min';
+    $this->css .= '.css';
+  }
+
+  function getLoggedUser ($kero) {
+    $check = checkLegit($kero);
+    if ($check == 0) return 0;
+
+    // $cols = getGroupColours();
+    $get = $this->getUser($check);
+
+    return $get;
+  }
+
+  public function getUser ($id) {
+    $get = DB::table('users')->where('id', $id)->first();
+    unset($get->password); unset($get->salt); unset($get->remember_token);
+    $get->profile = DB::table('usr_profile')->where('user_id', $get->id)->first();
+    $get->profile->showname = (!empty($get->profile->display_name) && !is_null($get->profile->display_name) ? $get->profile->display_name : $get->username);
+    $perm_id = DB::table('usr_perm_id')->select('perm_id')->where('user_id', $get->id)->first()->perm_id;
+    $get->perm_module = DB::table('usr_perm_module')->where('usr_perm_id', $perm_id)->first();
+    $get->details = DB::table('usr_details')->where('user_id', $get->id)->first();
+    $get->contacts = DB::table('usr_contacts')->where('user_id', $get->id)->first();
+    $ucol = DB::table('usr_perm_module')->select('id', 'name', 'colour_m', 'colour_f', 'colour_u')->get();
+
+    if (!empty($get->profile->name_style)) $get->profile->name_style = $get->profile->name_style;
+    else {
+      foreach ($ucol as $j3) {
+        if ($j3->id == $perm_id) {
+          if ($get->profile->gender == 1) $get->profile->name_style = $j3->colour_m;
+          else if ($get->profile->gender == 2) $get->profile->name_style = $j3->colour_f;
+          else $get->profile->name_style = $j3->colour_u;
+        }
+      }
+    }
+
+    if ($get->profile->gender == 1) $get->profile->gender_name = '男性';
+    else if ($get->profile->gender == 2) $get->profile->gender_name = '女性';
+    else $get->profile->gender_name = '不明';
+
+    $get->perm = $this->getPermissions($get->kero_token);
+    if (empty($get->profile->avatar) || $get->profile->avatar == '') $get->profile->avatar = 'img/noicon.jpg';
+    $get->profile->avatar = '/'.$get->profile->avatar;
+
+    return $get;
+  }
+
+  public function getPermissionGroup($mdl, $id) { return DB::table($mdl.'_permissions')->where('id', $id)->get(); }
+  public function getPermissionUser($mdl, $id) { return DB::table($mdl.'_user_permissions')->where('user_id', $id)->get(); }
+
+  public function getPermissions ($token) {
+    $check = checkLegit($token);
+    $perm = DB::table('usr_perm_id')->select('perm_id')->where('user_id', $check)->first();
+    $perm = json_decode(json_encode($perm), true);
+
+    if ($check != 0) {
+      $grouppermblg = $this->getPermissionGroup('blg', $perm['perm_id']);
+      $userpermblg = $this->getPermissionUser('blg', $check);
+
+      $grouppermusr = $this->getPermissionGroup('usr', $perm['perm_id']);
+      $userpermusr = $this->getPermissionUser('usr', $check);
+
+      $blgarr = array();
+      $usrarr = array();
+
+      if (!empty($userpermblg[0])) $blgarr = (array)$userpermblg[0];
+      else $blgarr = (array)$grouppermblg[0];
+      $blgarr = array_combine(array_map(function($k){ return 'blg_'.$k; }, array_keys($blgarr)), $blgarr);
+
+      if (!empty($userpermusr[0])) $usrarr = (array)$userpermusr[0];
+      else $usrarr = (array)$grouppermusr[0];
+      $usrarr = array_combine(array_map(function($k){ return 'usr_'.$k; }, array_keys($usrarr)), $usrarr);
+
+      return array_merge($blgarr, $usrarr);
+    }
+    else {
+      $grouppermblg = $this->getPermissionGroup('blg', 6);
+      $grouppermusr = $this->getPermissionGroup('usr', 6);
+
+      (array)$grouppermblg[0] = array_combine(array_map(function($k){ return 'blg_'.$k; }, array_keys((array)$grouppermblg[0])), (array)$grouppermblg[0]);
+      (array)$grouppermusr[0] = array_combine(array_map(function($k){ return 'usr_'.$k; }, array_keys((array)$grouppermusr[0])), (array)$grouppermusr[0]);
+
+      return array_merge((array)$grouppermblg[0], (array)$grouppermusr[0]);
+    }
+  }
+}

app/Http/Controllers/MailerController.php

@@ -0,0 +1,74 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use Illuminate\Contracts\Routing\ResponseFactory;
+use Illuminate\Support\Facades\Log;
+
+use PHPMailer\PHPMailer\PHPMailer;
+use PHPMailer\PHPMailer\Exception;
+
+class MailerController extends Controller {
+  public function __construct() {}
+
+  public function compose ($val, $form=false) {
+    mb_language('japanese');
+    mb_internal_encoding('UTF-8');
+
+    $mail = new PHPMailer(true);
+
+    try {
+      // $mail->SMTPDebug = 2;
+      $mail->isSMTP();
+      $mail->Host = config('mail.mailers.smtp.host');
+      $mail->Port = config('mail.mailers.smtp.port');
+      $mail->SMTPSecure = config('mail.mailers.smtp.encryption');
+      $mail->SMTPAuth = true;
+      $mail->From = config('mail.'.($form ? 'owner' : 'from').'.address');
+      $mail->FromName = mb_encode_mimeheader(config('mail.mailers.smtp.'.($form ? 'fromname' : 'noreplyfrom')), 'JIS');
+      $mail->Username = config('mail.mailers.smtp.'.($form ? 'username' : 'noreplyuser'));
+      $mail->Password = config('mail.mailers.smtp.'.($form ? 'password' : 'noreplypass'));
+
+      $mail->AddAddress(config('mail.'.($form ? 'owner' : 'from').'.address'));
+      if ($form) $mail->addReplyTo(config('mail.owner.address'), config('mail.owner.name'));
+      else $mail->addReplyTo($val['adr']);
+
+      $mail->SMTPOptions = [
+        'ssl' => [
+          'verify_peer' => false,
+          'verify_peer_name' => false,
+          'allow_self_signed' => true
+        ]
+      ];
+
+      if (isset($val['attach'])) {
+        for ($i=0; $i < count($val['attach']); $i++) {
+          $mail->AddAttachment($val['attach'][$i], $val['attachname'][$i]);
+        }
+      }
+
+      if (isset($val['gpg'])) {
+        $mail->AddStringAttachment($val['gpg'], $val['filename']);
+        $mail->AddStringAttachment($val['bunsyo'], $val['adr'].'.gpg');
+      }
+
+      $mail->isHTML(false);
+
+      $mail->Subject = mb_encode_mimeheader('【'.$val['catname'].'】'.$val['kenmei'], 'JIS');
+      if ($form) $mail->Body = mb_convert_encoding($val['bunsyo'], 'UTF-8');
+      else $mail->Body = mb_convert_encoding($val['bunsyo'], 'JIS');
+
+      if (!$mail->send()) {
+        Log::critical('Mailer error: ' . $mail->ErrorInfo);
+        return false;
+      }
+    } catch (Exception $e) {
+      Log::critical($e);
+      return false;
+    }
+
+    return true;
+  }
+}

app/Http/Controllers/Peertube/About.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class About extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    $res = [
+      'page' => 'about',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Account.php

@@ -0,0 +1,46 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Account extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index ($id, $cat='video-channels') {
+    $res = [
+      'page' => 'account',
+      'style' => 'account',
+      'cat' => $cat,
+      'userinfo' => $this->common->user,
+    ];
+    $res['owner'] = $this->getOwner($id);
+    if (!empty($res['owner'])) $res['owner']->totalVideo = 0;
+    $res['channel'] = $this->getChannel($id);
+    if (!empty($res['owner'])) {
+      foreach ($res['channel']->data as $k => $v) {
+        $res['channel']->data[$k]->video = $this->getVideo($v->name.'@'.$v->host);
+        $res['owner']->totalVideo += $res['channel']->data[$k]->video->total;
+      }
+    }
+    return view('pages.peertube.a', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+
+  function getChannel ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id.'/video-channels?start=0&count=20&sort=-updatedAt&withStats=false');
+  }
+
+  function getVideo ($id) {
+    return $this->ptapi('/api/v1/video-channels/'.$id.'/videos?start=0&count=5&sort=-publishedAt&nsfw=both');
+  }
+}

app/Http/Controllers/Peertube/Admin/Users.php

@@ -0,0 +1,36 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Admin;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Users extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      if ($this->common->user['me']->adminFlags != 1) {
+        return redirect('/peertube/videos/local');
+      }
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/AuthTrait.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Controllers\Api;
+
+use App\Http\Controllers\Controller, Session;
+use Illuminate\Http\Request;
+
+trait AuthTrait {
+  public function getsession () {
+    if (!Session::has('ptsess')) {
+      $user = [];
+      $user['local'] = $this->getLocal();
+      $user['me'] = $this->getMe($user['local']);
+      $user['config'] = $this->getConfig();
+      $user['notify'] = $this->getNotify();
+      Session::put('ptsess', $user);
+      $this->user = $user;
+    }
+    else {
+      $this->user = Session::get('ptsess');
+    }
+
+    return $user;
+  }
+}

app/Http/Controllers/Peertube/Channel.php

@@ -0,0 +1,44 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Channel extends Common {
+  private $common;
+  private $count;
+
+  public function __construct () {
+    $this->common = new Common;
+    $this->count = 25;
+  }
+
+  public function index ($id, $cat='videos', $page=0) {
+    $res = [
+      'page' => 'channel',
+      'style' => 'channel',
+      'cat' => $cat,
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+    $res['channel'] = $this->getChannel($id);
+    $res['video'] = $cat == 'video-playlists' ? $this->getPlaylist($id, ($page*$this->count), $this->count) : $this->getVideo($id, ($page*$this->count), $this->count);
+    $res['pagetotal'] = $res['video']->total;
+    return view('pages.peertube.c', ['res' => $res]);
+  }
+
+  function getChannel ($id) {
+    return $this->ptapi('/api/v1/video-channels/'.$id);
+  }
+
+  function getVideo ($id, $start, $count) {
+    return $this->ptapi('/api/v1/video-channels/'.$id.'/videos?start='.$start.'&count='.$count.'&sort=-publishedAt&skipCount=false&nsfw=both');
+  }
+
+  function getPlaylist ($id, $start, $count) {
+    return $this->ptapi('/api/v1/video-channels/'.$id.'/video-playlists?start='.$start.'&count='.$count);
+  }
+}

app/Http/Controllers/Peertube/Common.php

@@ -0,0 +1,119 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+
+use App\Http\Controllers\Controller, Session;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Engine;
+use Illuminate\Support\Facades\Log;
+
+class Common extends Engine {
+  // use AuthTrait;
+
+  public $user = [];
+  private $engine;
+  private $access_token;
+  private $refresh_token;
+
+  public function __construct () {
+    $this->access_token = isset($_COOKIE['access_token']) ? $_COOKIE['access_token'] : null;
+    $this->refresh_token = isset($_COOKIE['refresh_token']) ? $_COOKIE['refresh_token'] : null;
+
+    if (!Session::has('ptsess')) {
+      $user = [];
+      $user['local'] = $this->getLocal();
+      $user['me'] = $this->getMe($user['local']);
+      $user['config'] = $this->getConfig();
+      $user['notify'] = $this->getNotify();
+      Session::put('ptsess', $user);
+      $this->user = $user;
+    }
+    else {
+      $this->user = Session::get('ptsess');
+    }
+
+    $this->engine = new Engine;
+  }
+
+  public function getLocal () {
+    return $this->ptapi('/api/v1/oauth-clients/local');
+  }
+
+  public function getMe ($param) {
+    if (!isset($_COOKIE['access_token']) && isset($_COOKIE['refresh_token'])) {
+      $r = new Request;
+      $login = new \App\Http\Controllers\Peertube\Login;
+      $r->client_id = $param->client_id;
+      $r->client_secret = $param->client_secret;
+      $r->refresh_token = $this->refresh_token;
+      $this->login($r);
+      $this->access_token = $_COOKIE['access_token'];
+      $this->refresh_token = $_COOKIE['refresh_token'];
+    }
+
+    if (isset($_COOKIE['access_token']) && isset($_COOKIE['refresh_token'])) return $this->ptapi('/api/v1/users/me');
+    return null;
+  }
+
+  public function getConfig () {
+    return $this->ptapi('/api/v1/config/');
+  }
+
+  public function getNotify () {
+    if (isset($_COOKIE['access_token']) && isset($_COOKIE['refresh_token'])) return $this->ptapi('/api/v1/users/me/notifications?start=0&count=0&unread=true');
+    return null;
+  }
+
+  public function ptapi ($url, $param='', $method='get', $contenttype='json') {
+    set_time_limit(0);
+    $this->access_token = isset($_COOKIE['access_token']) ? $_COOKIE['access_token'] : null;
+    $this->refresh_token = isset($_COOKIE['refresh_token']) ? $_COOKIE['refresh_token'] : null;
+    $header = ['Content-Type: application/'.$contenttype, 'Host: '.str_replace('https://', '', env('PEER_URI'))];
+
+    if (!is_null($this->access_token)) {
+      $header[] = 'Authorization: Bearer '.$this->access_token;
+    }
+
+    $ch = curl_init();
+    curl_setopt($ch, CURLOPT_URL, env('PEER_URI').$url);
+    curl_setopt($ch, CURLOPT_HTTPHEADER, $header);
+    if ($method == 'post') {
+      curl_setopt($ch, CURLOPT_POST, 1);
+      if ($param != '') curl_setopt($ch, CURLOPT_POSTFIELDS, $param);
+    }
+    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
+
+    $get = curl_exec($ch);
+    $err = curl_error($ch);
+    curl_close($ch);
+
+    if (!$get) return $err;
+    $get = json_decode($get);
+    if (isset($get->status) && $get->status == 404) return [];
+
+    return $get;
+  }
+
+  public function vidlist ($get) {
+    $res = [
+      'today' => [],
+      'week' => [],
+      'month' => [],
+      'lastmonth' => [],
+      'moreearly' => [],
+    ];
+
+    foreach ($get->data as $g) {
+      $ud = strtotime($g->createdAt);
+
+      if ($ud > time() - 86400 && $ud < time() + 86400) $res['today'][] = $g;
+      else if ($ud > time() - 604800 && $ud < time() + 604800) $res['week'][] = $g;
+      else if ($ud > time() - 2629800 && $ud < time() + 2629800) $res['month'][] = $g;
+      else if ($ud > time() - 5259600 && $ud < time() + 5259600) $res['lastmonth'][] = $g;
+      else $res['moreearly'][] = $g;
+    }
+
+    return $res;
+  }
+}

app/Http/Controllers/Peertube/Home.php

@@ -0,0 +1,35 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Home extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    $res = [
+      'page' => 'home',
+      'style' => 'videoslist',
+      'userinfo' => $this->common->user,
+    ];
+
+    $res['new']  = $this->getNewest();
+    $res['hot']  = $this->getPopularest();
+    return view('pages.peertube.home', ['res' => $res]);
+  }
+
+  function getNewest () {
+    return $this->ptapi('/api/v1/videos?start=0&count=8&sort=-publishedAt&skipCount=true&isLocal=true&nsfw=both');
+  }
+
+  function getPopularest () {
+    return $this->ptapi('/api/v1/videos?start=0&count=8&sort=-trending&skipCount=true&isLocal=true&nsfw=both');
+  }
+}

app/Http/Controllers/Peertube/Login.php

@@ -0,0 +1,62 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Login extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index ($err=null) {
+    if (isset($this->common->user['me']) && !is_null($this->common->user['me'])) {
+      return redirect('/peertube/home');
+    }
+
+    $res = [
+      'page' => 'login',
+      'style' => 'login',
+      'userinfo' => $this->common->user,
+      'err' => $err
+    ];
+
+    return view('pages.peertube.login', ['res' => $res]);
+  }
+
+  public function login (Request $r) {
+    if (isset($this->common->user['me']) && !is_null($this->common->user['me'])) {
+      return redirect('/peertube/videos/local');
+    }
+
+    $param = [
+      'client_id' => $this->common->user['local']->client_id,
+      'client_secret' => $this->common->user['local']->client_secret,
+      'grant_type' => 'password',
+    ];
+
+    if (isset($r->username) && isset($r->password)) {
+      $param['username'] = $r->username;
+      $param['password'] = $r->password;
+    }
+    else if (isset($r->refresh_token)) {
+      $param['refresh_token'] = $r->refresh_token;
+    }
+
+    $res = $this->ptapi('/api/v1/users/token', http_build_query($param), 'post', 'x-www-form-urlencoded');
+    $err = null;
+
+    if (isset($res->access_token) && isset($res->refresh_token)) {
+      setcookie('access_token', $res->access_token, time()+(int)$res->expires_in, '/', $_SERVER['HTTP_HOST'], 0, 1); // 24時間
+      setcookie('refresh_token', $res->refresh_token, time()+(int)$res->refresh_token_expires_in, '/', $_SERVER['HTTP_HOST'], 0, 1); // 14日間
+
+      return redirect('/peertube/videos/local');
+    }
+
+    return $this->index(isset($res->error) ? $res->error : '不正なエラー');
+  }
+}

app/Http/Controllers/Peertube/Logout.php

@@ -0,0 +1,25 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Logout extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function logout () {
+    $this->ptapi('/api/v1/users/revoke-token', '', 'post');
+    unset($_COOKIE['access_token']);
+    unset($_COOKIE['refresh_token']);
+    setcookie('access_token', '', time() - 3600, '/', $_SERVER['HTTP_HOST'], 0, 1);
+    setcookie('refresh_token', '', time() - 3600, '/', $_SERVER['HTTP_HOST'], 0, 1);
+
+    return redirect('/peertube/home');
+  }
+}

app/Http/Controllers/Peertube/Myaccount.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Myaccount extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Abuses.php

@@ -0,0 +1,37 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Abuses extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      if ($this->common->user['me']->adminFlags != 1) {
+        return redirect('/peertube/videos/local');
+      }
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Applications.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Applications extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Blocklist/Accounts.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount\Blocklist;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Accounts extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Blocklist/Servers.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount\Blocklist;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Servers extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Notification.php

@@ -0,0 +1,48 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Notification extends Common {
+  private $common;
+  private $count;
+
+  public function __construct () {
+    $this->common = new Common;
+    $this->count = 20;
+  }
+
+  public function index ($page=0) {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'notification',
+      'style' => 'myaccount',
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+
+    $res['notification'] = $this->getNotification(($page*$this->count), $this->count);
+    return view('pages.peertube.my-account.notifications', ['res' => $res]);
+  }
+
+  function getNotification ($start, $count) {
+    return $this->ptapi('/api/v1/users/me/notifications?start='.$start.'&count='.$count.'&sort=-createdAt');
+  }
+
+  public function read (Request $r) {
+    $this->ptapi('/api/v1/users/me/notifications/read', json_encode(['ids' => [(int)$r->id]]), 'post');
+    return redirect('/peertube/my-account/notifications');
+  }
+
+  public function readAll () {
+    $this->ptapi('/api/v1/users/me/notifications/read-all', '', 'post');
+    return redirect('/peertube/my-account/notifications');
+  }
+}

app/Http/Controllers/Peertube/Myaccount/Settings.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Myaccount;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Settings extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Mylibrary extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary/History/Videos.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Mylibrary\History;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Videos extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/history/videos?start=0&count=5
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary/Subscriptions.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Mylibrary;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Subscriptions extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions?start=0&count=10
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary/Videochannels.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Mylibrary;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Videochannels extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/accounts/techsuwako/video-channels?start=0&count=20&sort=-updatedAt&withStats=true
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary/Videoplaylists.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Mylibrary;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Videoplaylists extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions/videos?start=0&count=25&sort=-publishedAt&skipCount=true
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Mylibrary/Videos.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Mylibrary;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Videos extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/videos?start=0&count=10&sort=-publishedAt
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Signup.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Signup extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (isset($this->common->user['me']) && !is_null($this->common->user['me'])) {
+      return redirect('/peertube/videos/local');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'dummy',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Videos/Local.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Local extends Common {
+  private $common;
+  private $count;
+
+  public function __construct () {
+    $this->common = new Common;
+    $this->count = 50;
+  }
+
+  public function index ($page=0) {
+    $res = [
+      'page' => 'local',
+      'style' => 'videoslist',
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+    $res['video'] = $this->getVideo(($page*$this->count), $this->count);
+    return view('pages.peertube.videos.local', ['res' => $res]);
+  }
+
+  function getVideo ($start, $count) {
+    $get = $this->ptapi('/api/v1/videos?start='.$start.'&count='.$count.'&sort=-publishedAt&skipCount=true&isLocal=true&nsfw=both');
+    return $this->vidlist($get);
+  }
+}

app/Http/Controllers/Peertube/Videos/Overview.php

@@ -0,0 +1,31 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Overview extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index ($page=1) {
+    $res = [
+      'page' => 'overview',
+      'style' => 'videoslist',
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+    $res['video'] = $this->getVideo($page);
+    return view('pages.peertube.videos.overview', ['res' => $res]);
+  }
+
+  function getVideo ($page) {
+    return $this->ptapi('/api/v1/overviews/videos?page='.$page);
+  }
+}

app/Http/Controllers/Peertube/Videos/Recentlyadded.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Recentlyadded extends Common {
+  private $common;
+  private $count;
+
+  public function __construct () {
+    $this->common = new Common;
+    $this->count = 25;
+  }
+
+  public function index ($page=0) {
+    $res = [
+      'page' => 'recently-added',
+      'style' => 'videoslist',
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+    $res['video'] = $this->getVideo(($page*$this->count), $this->count);
+    return view('pages.peertube.videos.recentlyadded', ['res' => $res]);
+  }
+
+  function getVideo ($start, $count) {
+    $get = $this->ptapi('/api/v1/videos/?start='.$start.'&count='.$count.'&sort=-publishedAt&skipCount=true&nsfw=both');
+    return $this->vidlist($get);
+  }
+}

app/Http/Controllers/Peertube/Videos/Subscriptions.php

@@ -0,0 +1,34 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Subscriptions extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    if (!isset($this->common->user['me']) || is_null($this->common->user['me'])) {
+      return redirect('/peertube/login');
+    }
+
+    $res = [
+      'page' => 'dummy',
+      'style' => 'videoslist',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    //https://video.076.ne.jp/api/v1/users/me/subscriptions/videos?start=0&count=25&sort=-publishedAt&skipCount=true
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Videos/Trending.php

@@ -0,0 +1,33 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Trending extends Common {
+  private $common;
+  private $count;
+
+  public function __construct () {
+    $this->common = new Common;
+    $this->count = 25;
+  }
+
+  public function index ($page=0) {
+    $res = [
+      'page' => 'trending',
+      'style' => 'videoslist',
+      'paginate' => $page,
+      'pagetotal' => 500,
+      'userinfo' => $this->common->user,
+    ];
+    $res['video'] = $this->getVideo(($page*$this->count), $this->count);
+    return view('pages.peertube.videos.trending', ['res' => $res]);
+  }
+
+  function getVideo ($start, $count) {
+    return $this->ptapi('/api/v1/videos/?start='.$start.'&count='.$count.'&sort=-trending&skipCount=true&nsfw=both');
+  }
+}

app/Http/Controllers/Peertube/Videos/Upload.php

@@ -0,0 +1,29 @@
+<?php
+
+namespace App\Http\Controllers\Peertube\Videos;
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Upload extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index () {
+    $res = [
+      'page' => 'dummy',
+      'style' => 'videoslist',
+      'userinfo' => $this->common->user,
+    ];
+    // $res['owner'] = $this->getOwner($id);
+    return view('pages.peertube.notyet', ['res' => $res]);
+  }
+
+  function getOwner ($id) {
+    return $this->ptapi('/api/v1/accounts/'.$id);
+  }
+}

app/Http/Controllers/Peertube/Watch.php

@@ -0,0 +1,54 @@
+<?php
+
+namespace App\Http\Controllers\Peertube;
+use Illuminate\Http\Request;
+use App\Http\Controllers\Peertube\Common;
+// use Illuminate\Support\Facades\Log;
+
+class Watch extends Common {
+  private $common;
+
+  public function __construct () {
+    $this->common = new Common;
+  }
+
+  public function index ($id) {
+    $res = [
+      'page' => 'watch',
+      'style' => 'watch',
+      'userinfo' => $this->common->user,
+    ];
+    $res['detail'] = $this->getDetail($id);
+    $res = $this->getComment($id, $res);
+
+    $tags = [];
+    if (!is_null($res['detail']->tags)) $tags = $res['detail']->tags;
+    else $tags = explode(' ', $res['detail']->title);
+
+    $res['recommend'] = $this->getRecommend($tags);
+    return view('pages.peertube.w', ['res' => $res]);
+  }
+
+  function getDetail ($id) {
+    return $this->ptapi('/api/v1/videos/'.$id);
+  }
+
+  function getRecommend ($tags) {
+    $tag = '';
+    foreach ($tags as $t) {
+      $tag .= 'tagsOneOf='.urlencode($t).'&';
+    }
+    return $this->ptapi('/api/v1/search/videos?start=0&count=6&nsfw=both&'.$tag.'sort=-publishedAt&searchTarget=local');
+  }
+
+  function getComment ($id, $res) {
+    $get = null;
+
+    $res['comment'] = $this->ptapi('/api/v1/videos/'.$id.'/comment-threads');
+    foreach ($res['comment']->data as $co) {
+      $co->src = 'PT';
+    }
+
+    return $res;
+  }
+}

app/Http/Controllers/RssFeedController.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Support\Facades\DB;
+use Illuminate\Http\Request;
+use Illuminate\Support\Facades\Log;
+
+class RssFeedController extends Controller {
+  public function feed () {
+    $select = ['id', 'user_id', 'title', 'slug', 'publish_date', 'message'];
+    $posts = DB::table('blg_content')->select($select)->where('isPost', true)->where('public_status', 0)->orderBy('id', 'desc')->limit(50)->get();
+
+    foreach ($posts as $k => $v) {
+      $userd = DB::table('users')->where('id', $v->user_id)->first();
+      $userd = DB::table('usr_profile')->where('user_id', $v->user_id)->first();
+      $v->user = $userd->display_name;
+      unset($posts[$k]->user_id);
+    }
+
+    return response()->view('rss.feed', ['posts' => $posts])->header('Content-Type', 'application/xml');
+  }
+}

app/Http/Kernel.php

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

app/Http/Middleware/Authenticate.php

@@ -0,0 +1,21 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Auth\Middleware\Authenticate as Middleware;
+
+class Authenticate extends Middleware
+{
+    /**
+     * Get the path the user should be redirected to when they are not authenticated.
+     *
+     * @param  \Illuminate\Http\Request  $request
+     * @return string|null
+     */
+    protected function redirectTo($request)
+    {
+        if (! $request->expectsJson()) {
+            return route('login');
+        }
+    }
+}

app/Http/Middleware/CheckForMaintenanceMode.php

@@ -0,0 +1,17 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Foundation\Http\Middleware\CheckForMaintenanceMode as Middleware;
+
+class CheckForMaintenanceMode extends Middleware
+{
+    /**
+     * The URIs that should be reachable while maintenance mode is enabled.
+     *
+     * @var array
+     */
+    protected $except = [
+        //
+    ];
+}

app/Http/Middleware/EncryptCookies.php

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

app/Http/Middleware/RedirectIfAuthenticated.php

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

app/Http/Middleware/TrimStrings.php

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

app/Http/Middleware/TrustHosts.php

@@ -0,0 +1,20 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Illuminate\Http\Middleware\TrustHosts as Middleware;
+
+class TrustHosts extends Middleware
+{
+    /**
+     * Get the host patterns that should be trusted.
+     *
+     * @return array
+     */
+    public function hosts()
+    {
+        return [
+            $this->allSubdomainsOfApplicationUrl(),
+        ];
+    }
+}

app/Http/Middleware/TrustProxies.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace App\Http\Middleware;
+
+use Fideloper\Proxy\TrustProxies as Middleware;
+use Illuminate\Http\Request;
+
+class TrustProxies extends Middleware
+{
+    /**
+     * The trusted proxies for this application.
+     *
+     * @var array|string|null
+     */
+    protected $proxies;
+
+    /**
+     * The headers that should be used to detect proxies.
+     *
+     * @var int
+     */
+    protected $headers = Request::HEADER_X_FORWARDED_ALL;
+}

app/Http/Middleware/VerifyCsrfToken.php

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

app/Providers/AppServiceProvider.php

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

app/Providers/AuthServiceProvider.php

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

app/Providers/BroadcastServiceProvider.php

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

app/Providers/EventServiceProvider.php

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

app/Providers/RouteServiceProvider.php

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

app/helpers.php

@@ -0,0 +1,159 @@
+<?php
+
+use Illuminate\Support\Facades\DB;
+
+function getPagesInMenu () {
+  $get = DB::table('blg_content')->select('title', 'slug')->where('public_status', 0)->where('isPost', 0)->where('isMenu', 1)->orderBy('sortorder', 'asc')->get();
+
+  $res = array();
+  $key = 0;
+
+  foreach ($get as $i) {
+    array_push($res, ['key' => $key, 'title' => $i->title, 'slug' => $i->slug]);
+    $key++;
+  }
+
+  return $res;
+}
+
+function getCss () {
+  $engine = new \App\Http\Controllers\Engine;
+  return $engine->css;
+}
+
+function getPerms () {
+  $engine = new \App\Http\Controllers\Engine;
+  return $engine->getPermissions((isset($_COOKIE['kero_token']) ? $_COOKIE['kero_token'] : ''));
+}
+
+function getUser () {
+  $engine = new \App\Http\Controllers\Engine;
+  return $engine->user;
+}
+
+function getGroupColours () {
+  return DB::table('usr_perm_module')->select('id', 'colour_m', 'colour_f', 'colour_u')->get()->toArray();
+}
+
+function checkLegit ($t) {
+  if (!isset($t) || empty($t) || is_null($t)) return 0;
+  $check = DB::table('users')->select('id')->where('kero_token', $t)->first();
+  return $check->id;
+}
+
+function ptComeSrc ($v) {
+  $res = new \stdClass();
+  $res->bg = '#';
+  $res->fg = '#fcfcfc';
+  $res->tx = '不明';
+
+  switch ($v) {
+    case 'PT':
+      $res->bg .= 'ffad5c';
+      $res->tx = 'PeerTube';
+      break;
+    case 'TS':
+      $res->bg .= 'cb81ea';
+      $res->tx = 'テク諏訪';
+      break;
+    case 'YT':
+      $res->bg .= 'f50057';
+      $res->tx = 'YouTube';
+      break;
+    case 'OD':
+      $res->bg .= '33b58f';
+      $res->tx = 'LBRY';
+      break;
+    default:
+      $res->bg = 'transparent';
+      break;
+  }
+
+  return $res;
+}
+
+function ptFullHandle ($v) {
+  return $v->name.($v->host != str_replace('https://', '', env('PEER_URI')) ? '@'.$v->host : '');
+}
+
+function ptAvatar ($v) {
+  $placeholder = '/img/noicon.jpg';
+  $res = '';
+
+  if (isset($v->avatar)) {
+    if (is_null($v->avatar)) return $placeholder;
+    $ava = $v->avatar->path;
+    $ava = str_replace(env('APP_URL'), '', $ava);
+    $res = str_starts_with(env('APP_URL'), $ava) ? env('PEER_URI') : '';
+    if ($ava == '/') return '/img/noicon.jpg';
+    else if (str_starts_with($ava, '/lazy-static')) $res = env('PEER_URI');
+
+    return $res.$ava;
+  }
+
+  return '/img/noicon.jpg';
+}
+
+function userDetail ($id, $kero=null) {
+  if ($kero || $id) {
+    $log_username = null;
+    if (!is_null($id)) $log_username = DB::table('users')->select('id', 'username')->where('id', $id)->first();
+    else $log_username = DB::table('users')->select('id', 'username')->where('kero_token', $kero)->first();
+    $perm_id = DB::table('usr_perm_id')->select('perm_id')->where('user_id', $log_username->id)->first()->perm_id;
+    $p3 = DB::table('usr_profile')->select('gender', 'avatar', 'name_style', 'display_name')->where('user_id', $log_username->id)->first();
+    $user_id = $log_username->id;
+    $log_username = $log_username->username;
+    $showname = '';
+    $showcol = '';
+    $ucol = DB::table('usr_perm_module')->select('id', 'colour_m', 'colour_f', 'colour_u')->get();
+
+    if (!empty($p3->display_name)) $showname = $p3->display_name;
+    else $showname = $log_username;
+
+    if (!empty($p3->name_style)) $showcol = $p3->name_style;
+    else {
+      foreach ($ucol as $j3) {
+        if ($j3->id == $perm_id) {
+          if ($p3->gender == 1) $showcol = $j3->colour_m;
+          else if ($p3->gender == 2) $showcol = $j3->colour_f;
+          else $showcol = $j3->colour_u;
+        }
+      }
+    }
+
+    $p3->avatar = ($p3->avatar ? '/'.$p3->avatar : '/img/noicon.jpg');
+    return array('user_id' => $user_id, 'showname' => $showname, 'showcol' => $showcol, 'avatar' => $p3->avatar);
+  }
+
+  return new \stdClass();
+}
+
+function getCountries () {
+  $flags = DB::table('nhn_country')->orderBy('id', 'asc')->get();
+  $res = array();
+
+  foreach ($flags as $flag) {
+    $protocol = isset($_SERVER["HTTPS"]) ? 'https' : 'http';
+
+    $res[] = array(
+      'value' => $flag->nameEng,
+      'label' => $flag->name
+    );
+  }
+
+  return $res;
+}
+
+function makeToken () {
+  $c  = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ$!%&()';
+  $clen = strlen($c);
+  $token = '';
+
+  for ($i = 0; $i < 128; $i++) {
+    $token .= $c[rand(0, $clen - 1)];
+  }
+
+  return $token;
+}
+
+?>

artisan

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

bootstrap/app.php

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

bootstrap/cache/.gitignore

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

composer.json

@@ -0,0 +1,65 @@
+{
+    "name": "laravel/laravel",
+    "type": "project",
+    "description": "The Laravel Framework.",
+    "keywords": ["framework", "laravel"],
+    "license": "MIT",
+    "require": {
+        "php": "^8.0",
+        "fideloper/proxy": "^4.4.1",
+        "fruitcake/laravel-cors": "^2.0.4",
+        "guzzlehttp/guzzle": "^7.4.0",
+        "laravel/framework": "^8.74.0",
+        "laravel/tinker": "^2.6.2",
+        "phpmailer/phpmailer": "^6.5",
+        "predis/predis": "^1.1.9"
+    },
+    "require-dev": {
+        "facade/ignition": "^2.5",
+        "fakerphp/faker": "^1.16.0",
+        "mockery/mockery": "^1.4.2",
+        "nunomaduro/collision": "^5.0",
+        "phpunit/phpunit": "^9.5.10"
+    },
+    "autoload": {
+        "psr-4": {
+            "App\\": "app/"
+        },
+        "files": [
+            "app/helpers.php"
+        ],
+        "classmap": [
+            "database/seeds",
+            "database/factories"
+        ]
+    },
+    "autoload-dev": {
+        "psr-4": {
+            "Tests\\": "tests/"
+        }
+    },
+    "scripts": {
+        "post-autoload-dump": [
+            "Illuminate\\Foundation\\ComposerScripts::postAutoloadDump",
+            "@php artisan package:discover --ansi"
+        ],
+        "post-root-package-install": [
+            "@php -r \"file_exists('.env') || copy('.env.example', '.env');\""
+        ],
+        "post-create-project-cmd": [
+            "@php artisan key:generate --ansi"
+        ]
+    },
+    "extra": {
+        "laravel": {
+            "dont-discover": []
+        }
+    },
+    "config": {
+        "optimize-autoloader": true,
+        "preferred-install": "dist",
+        "sort-packages": true
+    },
+    "minimum-stability": "dev",
+    "prefer-stable": true
+}

config/app.php

@@ -0,0 +1,232 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Name
+    |--------------------------------------------------------------------------
+    |
+    | This value is the name of your application. This value is used when the
+    | framework needs to place the application's name in a notification or
+    | any other location as required by the application or its packages.
+    |
+    */
+
+    'name' => env('APP_NAME', 'テクニカル諏訪子'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Environment
+    |--------------------------------------------------------------------------
+    |
+    | This value determines the "environment" your application is currently
+    | running in. This may determine how you prefer to configure various
+    | services the application utilizes. Set this in your ".env" file.
+    |
+    */
+
+    'env' => env('APP_ENV', 'production'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Debug Mode
+    |--------------------------------------------------------------------------
+    |
+    | When your application is in debug mode, detailed error messages with
+    | stack traces will be shown on every error that occurs within your
+    | application. If disabled, a simple generic error page is shown.
+    |
+    */
+
+    'debug' => (bool) env('APP_DEBUG', false),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application URL
+    |--------------------------------------------------------------------------
+    |
+    | This URL is used by the console to properly generate URLs when using
+    | the Artisan command line tool. You should set this to the root of
+    | your application so that it is used when running Artisan tasks.
+    |
+    */
+
+    'url' => env('APP_URL', 'http://localhost'),
+
+    'asset_url' => env('ASSET_URL', null),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Timezone
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default timezone for your application, which
+    | will be used by the PHP date and date-time functions. We have gone
+    | ahead and set this to a sensible default for you out of the box.
+    |
+    */
+
+    'timezone' => 'Asia/Tokyo',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Locale Configuration
+    |--------------------------------------------------------------------------
+    |
+    | The application locale determines the default locale that will be used
+    | by the translation service provider. You are free to set this value
+    | to any of the locales which will be supported by the application.
+    |
+    */
+
+    'locale' => 'ja',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Application Fallback Locale
+    |--------------------------------------------------------------------------
+    |
+    | The fallback locale determines the locale to use when the current one
+    | is not available. You may change the value to correspond to any of
+    | the language folders that are provided through your application.
+    |
+    */
+
+    'fallback_locale' => 'ja',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Faker Locale
+    |--------------------------------------------------------------------------
+    |
+    | This locale will be used by the Faker PHP library when generating fake
+    | data for your database seeds. For example, this will be used to get
+    | localized telephone numbers, street address information and more.
+    |
+    */
+
+    'faker_locale' => 'ja_JP',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Encryption Key
+    |--------------------------------------------------------------------------
+    |
+    | This key is used by the Illuminate encrypter service and should be set
+    | to a random, 32 character string, otherwise these encrypted strings
+    | will not be safe. Please do this before deploying an application!
+    |
+    */
+
+    'key' => env('APP_KEY'),
+
+    'cipher' => 'AES-256-CBC',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Autoloaded Service Providers
+    |--------------------------------------------------------------------------
+    |
+    | The service providers listed here will be automatically loaded on the
+    | request to your application. Feel free to add your own services to
+    | this array to grant expanded functionality to your applications.
+    |
+    */
+
+    'providers' => [
+
+        /*
+         * Laravel Framework Service Providers...
+         */
+        Illuminate\Auth\AuthServiceProvider::class,
+        Illuminate\Broadcasting\BroadcastServiceProvider::class,
+        Illuminate\Bus\BusServiceProvider::class,
+        Illuminate\Cache\CacheServiceProvider::class,
+        Illuminate\Foundation\Providers\ConsoleSupportServiceProvider::class,
+        Illuminate\Cookie\CookieServiceProvider::class,
+        Illuminate\Database\DatabaseServiceProvider::class,
+        Illuminate\Encryption\EncryptionServiceProvider::class,
+        Illuminate\Filesystem\FilesystemServiceProvider::class,
+        Illuminate\Foundation\Providers\FoundationServiceProvider::class,
+        Illuminate\Hashing\HashServiceProvider::class,
+        Illuminate\Mail\MailServiceProvider::class,
+        Illuminate\Notifications\NotificationServiceProvider::class,
+        Illuminate\Pagination\PaginationServiceProvider::class,
+        Illuminate\Pipeline\PipelineServiceProvider::class,
+        Illuminate\Queue\QueueServiceProvider::class,
+        Illuminate\Redis\RedisServiceProvider::class,
+        Illuminate\Auth\Passwords\PasswordResetServiceProvider::class,
+        Illuminate\Session\SessionServiceProvider::class,
+        Illuminate\Translation\TranslationServiceProvider::class,
+        Illuminate\Validation\ValidationServiceProvider::class,
+        Illuminate\View\ViewServiceProvider::class,
+
+        /*
+         * Package Service Providers...
+         */
+
+        /*
+         * Application Service Providers...
+         */
+        App\Providers\AppServiceProvider::class,
+        App\Providers\AuthServiceProvider::class,
+        // App\Providers\BroadcastServiceProvider::class,
+        App\Providers\EventServiceProvider::class,
+        App\Providers\RouteServiceProvider::class,
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Class Aliases
+    |--------------------------------------------------------------------------
+    |
+    | This array of class aliases will be registered when this application
+    | is started. However, feel free to register as many as you wish as
+    | the aliases are "lazy" loaded so they don't hinder performance.
+    |
+    */
+
+    'aliases' => [
+
+        'App' => Illuminate\Support\Facades\App::class,
+        'Arr' => Illuminate\Support\Arr::class,
+        'Artisan' => Illuminate\Support\Facades\Artisan::class,
+        'Auth' => Illuminate\Support\Facades\Auth::class,
+        'Blade' => Illuminate\Support\Facades\Blade::class,
+        'Broadcast' => Illuminate\Support\Facades\Broadcast::class,
+        'Bus' => Illuminate\Support\Facades\Bus::class,
+        'Cache' => Illuminate\Support\Facades\Cache::class,
+        'Config' => Illuminate\Support\Facades\Config::class,
+        'Cookie' => Illuminate\Support\Facades\Cookie::class,
+        'Crypt' => Illuminate\Support\Facades\Crypt::class,
+        'DB' => Illuminate\Support\Facades\DB::class,
+        'Eloquent' => Illuminate\Database\Eloquent\Model::class,
+        'Event' => Illuminate\Support\Facades\Event::class,
+        'File' => Illuminate\Support\Facades\File::class,
+        'Gate' => Illuminate\Support\Facades\Gate::class,
+        'Hash' => Illuminate\Support\Facades\Hash::class,
+        'Http' => Illuminate\Support\Facades\Http::class,
+        'Lang' => Illuminate\Support\Facades\Lang::class,
+        'Log' => Illuminate\Support\Facades\Log::class,
+        'Mail' => Illuminate\Support\Facades\Mail::class,
+        'Notification' => Illuminate\Support\Facades\Notification::class,
+        'Password' => Illuminate\Support\Facades\Password::class,
+        'Queue' => Illuminate\Support\Facades\Queue::class,
+        'Redirect' => Illuminate\Support\Facades\Redirect::class,
+        'Redis' => Illuminate\Support\Facades\Redis::class,
+        'Request' => Illuminate\Support\Facades\Request::class,
+        'Response' => Illuminate\Support\Facades\Response::class,
+        'Route' => Illuminate\Support\Facades\Route::class,
+        'Schema' => Illuminate\Support\Facades\Schema::class,
+        'Session' => Illuminate\Support\Facades\Session::class,
+        'Storage' => Illuminate\Support\Facades\Storage::class,
+        'Str' => Illuminate\Support\Str::class,
+        'URL' => Illuminate\Support\Facades\URL::class,
+        'Validator' => Illuminate\Support\Facades\Validator::class,
+        'View' => Illuminate\Support\Facades\View::class,
+
+    ],
+
+];

config/auth.php

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

config/broadcasting.php

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

config/cache.php

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

config/cors.php

@@ -0,0 +1,34 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Cross-Origin Resource Sharing (CORS) Configuration
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure your settings for cross-origin resource sharing
+    | or "CORS". This determines what cross-origin operations may execute
+    | in web browsers. You are free to adjust these settings as needed.
+    |
+    | To learn more: https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+    |
+    */
+
+    'paths' => ['api/*'],
+
+    'allowed_methods' => ['*'],
+
+    'allowed_origins' => ['*'],
+
+    'allowed_origins_patterns' => [],
+
+    'allowed_headers' => ['*'],
+
+    'exposed_headers' => [],
+
+    'max_age' => 0,
+
+    'supports_credentials' => false,
+
+];

config/database.php

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

config/filesystems.php

@@ -0,0 +1,92 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the default filesystem disk that should be used
+    | by the framework. The "local" disk, as well as a variety of cloud
+    | based disks are available to your application. Just store away!
+    |
+    */
+
+    'default' => env('FILESYSTEM_DRIVER', 'local'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Cloud Filesystem Disk
+    |--------------------------------------------------------------------------
+    |
+    | Many applications store files both locally and in the cloud. For this
+    | reason, you may specify a default "cloud" driver here. This driver
+    | will be bound as the Cloud disk implementation in the container.
+    |
+    */
+
+    'cloud' => env('FILESYSTEM_CLOUD', 's3'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Filesystem Disks
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure as many filesystem "disks" as you wish, and you
+    | may even configure multiple disks of the same driver. Defaults have
+    | been setup for each driver as an example of the required options.
+    |
+    | Supported Drivers: "local", "ftp", "sftp", "s3"
+    |
+    */
+
+    'disks' => [
+
+        'local' => [
+            'driver' => 'local',
+            'root' => storage_path('app'),
+        ],
+
+        'public' => [
+            'driver' => 'local',
+            'root' => storage_path('app/public'),
+            'url' => env('APP_URL').'/storage',
+            'visibility' => 'public',
+        ],
+
+        'private' => [
+            'driver' => 'local',
+            'root' => storage_path('app/private'),
+            'url' => env('APP_URL').'/storage',
+            'visibility' => 'private',
+        ],
+
+        's3' => [
+            'driver' => 's3',
+            'key' => env('AWS_ACCESS_KEY_ID'),
+            'secret' => env('AWS_SECRET_ACCESS_KEY'),
+            'region' => env('AWS_DEFAULT_REGION'),
+            'bucket' => env('AWS_BUCKET'),
+            'url' => env('AWS_URL'),
+            'endpoint' => env('AWS_ENDPOINT'),
+        ],
+
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Symbolic Links
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the symbolic links that will be created when the
+    | `storage:link` Artisan command is executed. The array keys should be
+    | the locations of the links and the values should be their targets.
+    |
+    */
+
+    'links' => [
+        public_path('storage') => storage_path('app/public'),
+    ],
+
+];

config/hashing.php

@@ -0,0 +1,52 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Hash Driver
+    |--------------------------------------------------------------------------
+    |
+    | This option controls the default hash driver that will be used to hash
+    | passwords for your application. By default, the bcrypt algorithm is
+    | used; however, you remain free to modify this option if you wish.
+    |
+    | Supported: "bcrypt", "argon", "argon2id"
+    |
+    */
+
+    'driver' => 'bcrypt',
+
+    /*
+    |--------------------------------------------------------------------------
+    | Bcrypt Options
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the configuration options that should be used when
+    | passwords are hashed using the Bcrypt algorithm. This will allow you
+    | to control the amount of time it takes to hash the given password.
+    |
+    */
+
+    'bcrypt' => [
+        'rounds' => env('BCRYPT_ROUNDS', 10),
+    ],
+
+    /*
+    |--------------------------------------------------------------------------
+    | Argon Options
+    |--------------------------------------------------------------------------
+    |
+    | Here you may specify the configuration options that should be used when
+    | passwords are hashed using the Argon algorithm. These will allow you
+    | to control the amount of time it takes to hash the given password.
+    |
+    */
+
+    'argon' => [
+        'memory' => 1024,
+        'threads' => 2,
+        'time' => 2,
+    ],
+
+];

config/logging.php

@@ -0,0 +1,104 @@
+<?php
+
+use Monolog\Handler\NullHandler;
+use Monolog\Handler\StreamHandler;
+use Monolog\Handler\SyslogUdpHandler;
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Default Log Channel
+    |--------------------------------------------------------------------------
+    |
+    | This option defines the default log channel that gets used when writing
+    | messages to the logs. The name specified in this option should match
+    | one of the channels defined in the "channels" configuration array.
+    |
+    */
+
+    'default' => env('LOG_CHANNEL', 'stack'),
+
+    /*
+    |--------------------------------------------------------------------------
+    | Log Channels
+    |--------------------------------------------------------------------------
+    |
+    | Here you may configure the log channels for your application. Out of
+    | the box, Laravel uses the Monolog PHP logging library. This gives
+    | you a variety of powerful log handlers / formatters to utilize.
+    |
+    | Available Drivers: "single", "daily", "slack", "syslog",
+    |                    "errorlog", "monolog",
+    |                    "custom", "stack"
+    |
+    */
+
+    'channels' => [
+        'stack' => [
+            'driver' => 'stack',
+            'channels' => ['single'],
+            'ignore_exceptions' => false,
+        ],
+
+        'single' => [
+            'driver' => 'single',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => 'debug',
+        ],
+
+        'daily' => [
+            'driver' => 'daily',
+            'path' => storage_path('logs/laravel.log'),
+            'level' => 'debug',
+            'days' => 14,
+        ],
+
+        'slack' => [
+            'driver' => 'slack',
+            'url' => env('LOG_SLACK_WEBHOOK_URL'),
+            'username' => 'Laravel Log',
+            'emoji' => ':boom:',
+            'level' => 'critical',
+        ],
+
+        'papertrail' => [
+            'driver' => 'monolog',
+            'level' => 'debug',
+            'handler' => SyslogUdpHandler::class,
+            'handler_with' => [
+                'host' => env('PAPERTRAIL_URL'),
+                'port' => env('PAPERTRAIL_PORT'),
+            ],
+        ],
+
+        'stderr' => [
+            'driver' => 'monolog',
+            'handler' => StreamHandler::class,
+            'formatter' => env('LOG_STDERR_FORMATTER'),
+            'with' => [
+                'stream' => 'php://stderr',
+            ],
+        ],
+
+        'syslog' => [
+            'driver' => 'syslog',
+            'level' => 'debug',
+        ],
+
+        'errorlog' => [
+            'driver' => 'errorlog',
+            'level' => 'debug',
+        ],
+
+        'null' => [
+            'driver' => 'monolog',
+            'handler' => NullHandler::class,
+        ],
+
+        'emergency' => [
+            'path' => storage_path('logs/laravel.log'),
+        ],
+    ],
+
+];

config/mail.php

@@ -0,0 +1,119 @@
+<?php
+
+return [
+
+  /*
+  |--------------------------------------------------------------------------
+  | Default Mailer
+  |--------------------------------------------------------------------------
+  |
+  | This option controls the default mailer that is used to send any email
+  | messages sent by your application. Alternative mailers may be setup
+  | and used as needed; however, this mailer will be used by default.
+  |
+  */
+
+  'default' => env('MAIL_MAILER', 'smtp'),
+
+  /*
+  |--------------------------------------------------------------------------
+  | Mailer Configurations
+  |--------------------------------------------------------------------------
+  |
+  | Here you may configure all of the mailers used by your application plus
+  | their respective settings. Several examples have been configured for
+  | you and you are free to add your own as your application requires.
+  |
+  | Laravel supports a variety of mail "transport" drivers to be used while
+  | sending an e-mail. You will specify which one you are using for your
+  | mailers below. You are free to add additional mailers as required.
+  |
+  | Supported: "smtp", "sendmail", "mailgun", "ses",
+  |            "postmark", "log", "array"
+  |
+  */
+
+  'mailers' => [
+    'smtp' => [
+      'transport' => 'smtp',
+      'host' => env('MAIL_HOST', 'smtp.mailgun.org'),
+      'port' => env('MAIL_PORT', 587),
+      'encryption' => env('MAIL_ENCRYPTION', 'tls'),
+      'fromname' => env('MAIL_OWNER_NAME'),
+      'username' => env('MAIL_USERNAME'),
+      'password' => env('MAIL_PASSWORD'),
+      'noreplyfrom' => env('MAIL_FROM_NAME'),
+      'noreplyuser' => env('MAIL_NOREPLY_USER'),
+      'noreplypass' => env('MAIL_NOREPLY_PASS'),
+      'sendmail' => '/usr/sbin/sendmail -bs',
+      'timeout' => null,
+      'auth_mode' => null,
+    ],
+
+    'ses' => [
+      'transport' => 'ses',
+    ],
+
+    'mailgun' => [
+      'transport' => 'mailgun',
+    ],
+
+    'postmark' => [
+      'transport' => 'postmark',
+    ],
+
+    'sendmail' => [
+      'transport' => 'sendmail',
+      'path' => '/usr/sbin/sendmail -bs',
+    ],
+
+    'log' => [
+      'transport' => 'log',
+      'channel' => env('MAIL_LOG_CHANNEL'),
+    ],
+
+    'array' => [
+      'transport' => 'array',
+    ],
+  ],
+
+  /*
+  |--------------------------------------------------------------------------
+  | Global "From" Address
+  |--------------------------------------------------------------------------
+  |
+  | You may wish for all e-mails sent by your application to be sent from
+  | the same address. Here, you may specify a name and address that is
+  | used globally for all e-mails that are sent by your application.
+  |
+  */
+
+  'from' => [
+    'address' => env('MAIL_FROM_ADDRESS', 'hello@example.com'),
+    'name' => env('MAIL_FROM_NAME', 'Example'),
+  ],
+  'owner' => [
+      'address' => env('MAIL_OWNER_ADDRESS', 'hello@example.com'),
+      'name' => env('MAIL_OWNER_NAME', 'Example'),
+  ],
+
+  /*
+  |--------------------------------------------------------------------------
+  | Markdown Mail Settings
+  |--------------------------------------------------------------------------
+  |
+  | If you are using Markdown based email rendering, you may configure your
+  | theme and component paths here, allowing you to customize the design
+  | of the emails. Or, you may simply stick with the Laravel defaults!
+  |
+  */
+
+  'markdown' => [
+    'theme' => 'default',
+
+    'paths' => [
+      resource_path('views/vendor/mail'),
+    ],
+  ],
+
+];

config/queue.php

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

config/services.php

@@ -0,0 +1,33 @@
+<?php
+
+return [
+
+    /*
+    |--------------------------------------------------------------------------
+    | Third Party Services
+    |--------------------------------------------------------------------------
+    |
+    | This file is for storing the credentials for third party services such
+    | as Mailgun, Postmark, AWS and more. This file provides the de facto
+    | location for this type of information, allowing packages to have
+    | a conventional file to locate the various service credentials.
+    |
+    */
+
+    'mailgun' => [
+        'domain' => env('MAILGUN_DOMAIN'),
+        'secret' => env('MAILGUN_SECRET'),
+        'endpoint' => env('MAILGUN_ENDPOINT', 'api.mailgun.net'),
+    ],
+
+    'postmark' => [
+        'token' => env('POSTMARK_TOKEN'),
+    ],
+
+    'ses' => [
+        'key' => env('AWS_ACCESS_KEY_ID'),
+        'secret' => env('AWS_SECRET_ACCESS_KEY'),
+        'region' => env('AWS_DEFAULT_REGION', 'us-east-1'),
+    ],
+
+];

config/session.php

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

config/view.php

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

database/.gitignore

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

database/factories/UserFactory.php

@@ -0,0 +1,28 @@
+<?php
+
+/** @var \Illuminate\Database\Eloquent\Factory $factory */
+
+use App\User;
+use Faker\Generator as Faker;
+use Illuminate\Support\Str;
+
+/*
+|--------------------------------------------------------------------------
+| Model Factories
+|--------------------------------------------------------------------------
+|
+| This directory should contain each of the model factory definitions for
+| your application. Factories provide a convenient way to generate new
+| model instances for testing / seeding your application's database.
+|
+*/
+
+$factory->define(User::class, function (Faker $faker) {
+    return [
+        'name' => $faker->name,
+        'email' => $faker->unique()->safeEmail,
+        'email_verified_at' => now(),
+        'password' => '$2y$10$92IXUNpkjO0rOQ5byMi.Ye4oKoEa3Ro9llC/.og/at2.uheWG/igi', // password
+        'remember_token' => Str::random(10),
+    ];
+});

database/migrations/2014_10_12_000000_create_users_table.php

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

database/migrations/2019_08_19_000000_create_failed_jobs_table.php

@@ -0,0 +1,35 @@
+<?php
+
+use Illuminate\Database\Migrations\Migration;
+use Illuminate\Database\Schema\Blueprint;
+use Illuminate\Support\Facades\Schema;
+
+class CreateFailedJobsTable extends Migration
+{
+    /**
+     * Run the migrations.
+     *
+     * @return void
+     */
+    public function up()
+    {
+        Schema::create('failed_jobs', function (Blueprint $table) {
+            $table->id();
+            $table->text('connection');
+            $table->text('queue');
+            $table->longText('payload');
+            $table->longText('exception');
+            $table->timestamp('failed_at')->useCurrent();
+        });
+    }
+
+    /**
+     * Reverse the migrations.
+     *
+     * @return void
+     */
+    public function down()
+    {
+        Schema::dropIfExists('failed_jobs');
+    }
+}

database/seeds/DatabaseSeeder.php

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

phpunit.xml

@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<phpunit xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+         xsi:noNamespaceSchemaLocation="./vendor/phpunit/phpunit/phpunit.xsd"
+         bootstrap="vendor/autoload.php"
+         colors="true"
+>
+    <testsuites>
+        <testsuite name="Unit">
+            <directory suffix="Test.php">./tests/Unit</directory>
+        </testsuite>
+        <testsuite name="Feature">
+            <directory suffix="Test.php">./tests/Feature</directory>
+        </testsuite>
+    </testsuites>
+    <filter>
+        <whitelist processUncoveredFilesFromWhitelist="true">
+            <directory suffix=".php">./app</directory>
+        </whitelist>
+    </filter>
+    <php>
+        <server name="APP_ENV" value="testing"/>
+        <server name="BCRYPT_ROUNDS" value="4"/>
+        <server name="CACHE_DRIVER" value="array"/>
+        <server name="DB_CONNECTION" value="sqlite"/>
+        <server name="DB_DATABASE" value=":memory:"/>
+        <server name="MAIL_MAILER" value="array"/>
+        <server name="QUEUE_CONNECTION" value="sync"/>
+        <server name="SESSION_DRIVER" value="array"/>
+        <server name="TELESCOPE_ENABLED" value="false"/>
+    </php>
+</phpunit>

public/.htaccess

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

public/css/channel.css

@@ -0,0 +1,735 @@
+.root {
+  --myGlobalTopPadding: 60px;
+  --myChannelImgMargin: 30px;
+  --myFontSize: 16px;
+  --myGreyChannelFontSize: 16px;
+  --myGreyOwnerFontSize: 14px;
+}
+
+.banner img {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+
+.banner {
+  position: relative;
+  height: 0;
+  width: 100%;
+  padding-top: 16.66666666%;
+}
+
+.channel-info {
+  padding-inline-end: var(--gridVideosMiniatureMargins)!important;
+  padding-inline-start: var(--gridVideosMiniatureMargins)!important;
+  --gridVideosMiniatureMargins: var(--videosHorizontalMarginContent);
+  display: grid;
+  grid-template-columns: 1fr auto;
+  grid-template-rows: auto auto;
+  background-color: var(--channelBackgroundColor);
+  margin-bottom: 45px;
+  padding-top: var(--myGlobalTopPadding);
+  font-size: var(--myFontSize);
+}
+
+@media screen and (max-width: 1400px) {
+  .channel-avatar-row {
+    grid-column: 1/3;
+  }
+}
+
+.channel-avatar-row {
+  display: flex;
+  grid-column: 1;
+  margin-bottom: 30px;
+}
+
+.channel-avatar-row .main-avatar {
+  display: inline-block;
+  width: 120px;
+  height: 120px;
+  min-width: 120px;
+  min-height: 120px;
+}
+
+.channel-avatar-row > div {
+  margin-inline-start: var(--myChannelImgMargin);
+  min-width: 1px;
+}
+
+.section-label {
+  margin-bottom: 5px !important;
+}
+
+.inner-form-title, .section-label {
+  color: #ea81e8 !important;
+}
+
+.channel-avatar-row .actor-info {
+  display: flex;
+}
+
+.actor-info {
+  min-width: 1px;
+  width: 100%;
+}
+
+.channel-avatar-row .actor-info > div:first-child {
+  flex-grow: 1;
+  min-width: 1px;
+}
+
+.channel-avatar-row .actor-display-name {
+  word-break: break-word;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  -webkit-hyphens: auto;
+  hyphens: auto;
+  display: flex;
+  flex-wrap: wrap;
+}
+
+.channel-avatar-row h1 {
+  font-size: 28px;
+  font-weight: 700;
+  margin: 0;
+}
+
+.channel-avatar-row .actor-handle, .channel-avatar-row .actor-counters {
+  color: var(--greyForegroundColor);
+  font-size: var(--myGreyChannelFontSize);
+}
+
+.channel-avatar-row .actor-handle {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.channel-buttons.right {
+    margin-inline-start: 45px;
+}
+
+.channel-buttons {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+@media screen and (max-width: 1100px) {
+  .channel-buttons.bottom {
+    display: flex;
+    justify-content: center;
+    margin-bottom: 30px;
+  }
+}
+
+.channel-buttons.bottom {
+    display: none;
+}
+
+.channel-buttons {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.channel-buttons > *:not(:last-child) {
+  margin-inline-end: 15px;
+}
+
+.orange-button, .orange-button:active, .orange-button:focus {
+  color: #fff;
+  background-color: var(--mainColor);
+}
+
+.peertube-button-link {
+  padding-inline-end: 17px;
+}
+
+.peertube-button-link {
+  padding-inline-start: 13px;
+}
+
+.peertube-button-link {
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-weight: 600;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px!important;
+  text-align: center;
+  cursor: pointer;
+  display: inline-block;
+}
+
+.support-button {
+  display: inline-flex;
+  align-items: center;
+  line-height: normal!important;
+}
+
+[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
+  cursor: pointer;
+}
+
+.orange-button-inverted, .orange-button-inverted:active, .orange-button-inverted:focus {
+  color: var(--mainColor);
+  background-color: var(--mainBackgroundColor);
+}
+
+.orange-button-inverted {
+  border: 2px solid var(--mainColor);
+  font-weight: 600;
+}
+
+.peertube-button {
+  padding-inline-end: 17px;
+}
+
+.peertube-button {
+  padding-inline-start: 13px;
+}
+
+.peertube-button {
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-weight: 600;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px!important;
+  text-align: center;
+  cursor: pointer;
+}
+
+button {
+  background: unset;
+}
+
+button, input[type=button], input[type=file]::-webkit-file-upload-button, input[type=reset], input[type=submit] {
+  border-radius: 0;
+}
+
+[type=button], [type=reset], [type=submit], button {
+  -webkit-appearance: button;
+}
+
+button, select {
+  text-transform: none;
+}
+
+button, input {
+  overflow: visible;
+}
+
+button, input, optgroup, select, textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button {
+  border-radius: 0;
+}
+
+.support-button my-global-icon {
+  margin-inline-end: 0;
+  position: relative;
+  width: 21px;
+  top: -1px;
+}
+
+.support-button {
+  display: inline-flex;
+  align-items: center;
+  line-height: normal!important;
+}
+
+.channel-description {
+  grid-column: 1;
+  word-break: break-word;
+  padding-bottom: var(--myGlobalTopPadding);
+}
+
+@media screen and (max-width: 1400px) {
+  .owner-card {
+    margin-inline-start: 60px;
+    grid-row: 2;
+  }
+}
+
+.owner-card {
+    margin-inline-start: 105px;
+}
+
+.owner-card {
+    grid-column: 2;
+    grid-row: 1/3;
+    place-self: end;
+}
+
+@media screen and (max-width: 1100px) {
+  .bottom-owner {
+    display: block;
+    width: 100%;
+    border-bottom: 2px solid rgba(0,0,0,.1);
+    padding: var(--myGlobalTopPadding) 45px;
+    margin-bottom: 60px;
+  }
+}
+
+.bottom-owner {
+  display: none;
+}
+
+.owner-block {
+  background-color: rgba(48, 26, 48, 0.6) !important;
+  padding: 10px !important;
+  width: 300px;
+  font-size: var(--myFontSize);
+}
+
+.section-label {
+  color: var(--mainColor);
+  font-size: 12px;
+  margin-bottom: 15px;
+  font-weight: 700;
+  letter-spacing: 2.5px;
+}
+
+.section-label {
+  margin-bottom: 5px !important;
+}
+
+.inner-form-title, .section-label {
+  color: #ea81e8 !important;
+}
+
+.owner-block .avatar-row {
+  display: flex;
+  margin-bottom: 15px;
+}
+
+my-actor-avatar {
+  display: inline-block;
+  width: 36px;
+  height: 36px;
+  min-width: 36px;
+  min-height: 36px;
+  margin-inline-end: 10px;
+  margin-inline-start: 0;
+  margin-top: 10px;
+  margin-bottom: 0;
+}
+
+.owner-block .avatar-row .actor-info {
+  margin-inline-start: 15px;
+}
+
+.owner-block .avatar-row h4 {
+  font-size: 18px;
+  margin: 0;
+}
+
+.actor-info > h4, .actor-info > .actor-handle {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.owner-block .avatar-row h4 a {
+  color: var(--mainForegroundColor);
+}
+
+.owner-block .avatar-row .actor-handle {
+  font-size: var(--myGreyOwnerFontSize);
+  color: var(--greyForegroundColor);
+}
+
+.actor-info > h4, .actor-info > .actor-handle {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.owner-block .owner-description {
+  position: relative;
+  overflow: hidden;
+  max-height: 140px;
+  word-break: break-word;
+}
+
+.owner-description, .icon.icon-logo {
+  display: none !important;
+}
+
+.view-account.short, .view-account.short:active, .view-account.short:focus {
+  color: var(--mainColor);
+  background-color: var(--mainBackgroundColor);
+}
+
+.view-account.short:focus, .view-account.short.focus-visible {
+  box-shadow: 0 0 0 .2rem var(--mainColorLightest);
+}
+
+.view-account.short:hover, .view-account.short:focus, .view-account.short:active {
+  text-decoration: none!important;
+  outline: none!important;
+}
+
+.view-account.short {
+  padding-inline-end: 17px;
+}
+
+.view-account.short {
+  padding-inline-start: 13px;
+}
+
+.view-account.short {
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px!important;
+  text-align: center;
+  cursor: pointer;
+  display: inline-block;
+  border: 2px solid var(--mainColor);
+  font-weight: 600;
+  margin-top: 30px;
+}
+
+.view-account.complete {
+  display: none;
+}
+
+.links {
+  margin-inline-end: var(--gridVideosMiniatureMargins)!important;
+  margin-inline-start: var(--gridVideosMiniatureMargins)!important;
+  --gridVideosMiniatureMargins: var(--videosHorizontalMarginContent);
+}
+
+.margin-content {
+  margin-inline-end: var(--gridVideosMiniatureMargins)!important;
+  margin-inline-start: var(--gridVideosMiniatureMargins)!important;
+  --gridVideosMiniatureMargins: var(--videosHorizontalMarginContent);
+}
+
+.main-col .margin-content {
+  margin: 0 var(--horizontalMarginContent);
+  flex-grow: 1;
+}
+
+.videos-header {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  margin-bottom: 30px;
+}
+
+.videos-header .title-subscription.no-title {
+  margin-top: 10px;
+}
+
+.videos-header .title-subscription {
+  grid-row: 2;
+  font-size: 14px;
+  color: var(--greyForegroundColor);
+}
+
+.videos-header .title, .videos-header .title-subscription {
+  grid-column: 1;
+}
+
+.videos-header my-feed {
+  margin-inline-start: 5px;
+  display: inline-block;
+  width: 16px;
+  color: var(--mainColor);
+  position: relative;
+  top: -2px;
+}
+
+.feed {
+  width: 100%;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos .video-wrapper, .margin-content .videos .playlist-wrapper, .margin-content .playlists .video-wrapper, .margin-content .playlists .playlist-wrapper {
+    margin: 0 auto;
+    width: 100%;
+  }
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos .video-wrapper my-video-miniature, .margin-content .videos .video-wrapper my-video-playlist-miniature, .margin-content .videos .playlist-wrapper my-video-miniature, .margin-content .videos .playlist-wrapper my-video-playlist-miniature, .margin-content .playlists .video-wrapper my-video-miniature, .margin-content .playlists .video-wrapper my-video-playlist-miniature, .margin-content .playlists .playlist-wrapper my-video-miniature, .margin-content .playlists .playlist-wrapper my-video-playlist-miniature {
+    display: block;
+    min-width: var(--miniatureMinWidth);
+    max-width: var(--miniatureMaxWidth);
+  }
+}
+
+.video-miniature:not(.display-as-row) {
+  display: flex;
+  flex-direction: column;
+  padding-bottom: 15px;
+  width: 100%;
+}
+
+.video-miniature:not(.display-as-row) my-video-thumbnail {
+  position: relative;
+  height: 0;
+  width: 100%;
+  padding-top: 56.25%;
+}
+
+.video-miniature:not(.display-as-row) my-video-thumbnail .video-thumbnail {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+
+.video-thumbnail {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  border-radius: 3px;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: #ececec;
+  transition: filter .2s ease;
+}
+
+.video-thumbnail img {
+    width: inherit;
+    height: inherit;
+}
+
+.video-thumbnail-label-overlay.warning {
+  background-color: orange;
+}
+
+.video-thumbnail-label-overlay.danger {
+  background-color: red;
+}
+
+.video-thumbnail-label-overlay {
+  position: absolute;
+  padding: 0 5px;
+  left: 5px;
+  top: 5px;
+  font-weight: 700;
+}
+
+.video-thumbnail-watch-later-overlay, .video-thumbnail-label-overlay, .video-thumbnail-duration-overlay, .video-thumbnail-live-overlay {
+  display: inline-block;
+  background-color: #000000b3;
+  color: #fff;
+  border-radius: 3px;
+  font-size: 12px;
+  font-weight: 600;
+  line-height: 1.1;
+  z-index: 10;
+}
+
+.video-thumbnail .play-overlay, .video-thumbnail .play-overlay .icon {
+  transition: all .2s ease;
+}
+
+.video-thumbnail .play-overlay {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: inherit;
+  height: inherit;
+  opacity: 0;
+  background-color: #0000004d;
+}
+
+.video-thumbnail .play-overlay .icon {
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%) scale(.5);
+  border-top: 13px solid transparent;
+  border-bottom: 13px solid transparent;
+  border-left: 18px solid rgba(255,255,255,.95);
+}
+
+.progress-bar {
+  height: 3px;
+  width: 100%;
+  position: absolute;
+  bottom: 0;
+  background-color: #0003;
+}
+
+.progress-bar div {
+  height: 100%;
+  background-color: var(--mainColor);
+}
+
+.video-miniature:not(.display-as-row) .video-bottom {
+  display: flex;
+  width: 100%;
+  min-width: 1px;
+}
+
+.video-miniature-information {
+  width: calc(100% - 40px);
+}
+
+.video-miniature:not(.display-as-row) .video-miniature-name {
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+.video-miniature-name {
+  display: block;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  font-size: 1.1em;
+  line-height: 1.1em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 2.2em;
+  word-break: break-word;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  transition: color .2s;
+  font-weight: 600;
+  color: var(--mainForegroundColor);
+}
+
+.video-miniature:not(.display-as-row) .video-miniature-created-at-views {
+  display: block;
+}
+
+.video-miniature-created-at-views {
+  font-size: 13px;
+}
+
+.video-info-privacy, .video-info-blocked .blocked-label, .video-info-nsfw {
+  font-weight: 600;
+}
+
+.miniature:not(.display-as-row) .miniature-thumbnail {
+  position: relative;
+  height: 0;
+  width: 100%;
+  padding-top: 56.25%;
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+.miniature-thumbnail {
+  display: flex;
+  flex-direction: column;
+  position: relative;
+  border-radius: 3px;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+  background-color: #ececec;
+  transition: filter .2s ease;
+}
+
+.miniature:not(.display-as-row) .miniature-thumbnail a {
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  top: 0;
+}
+
+.miniature-thumbnail img {
+  width: inherit;
+  height: inherit;
+}
+
+.miniature-thumbnail .miniature-playlist-info-overlay {
+  display: inline-block;
+  background-color: #000000b3;
+  color: #fff;
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  height: 100%;
+  padding: 0 10px;
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.miniature-thumbnail .play-overlay, .miniature-thumbnail .play-overlay .icon {
+  transition: all .2s ease;
+}
+
+.miniature-thumbnail .play-overlay {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  width: inherit;
+  height: inherit;
+  opacity: 0;
+  background-color: #0000004d;
+}
+
+.miniature-thumbnail .play-overlay .icon {
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%,-50%) scale(.5);
+  border-top: 13px solid transparent;
+  border-bottom: 13px solid transparent;
+  border-left: 18px solid rgba(255,255,255,.95);
+}
+
+.miniature-thumbnail .play-overlay, .miniature-thumbnail .play-overlay .icon {
+  transition: all .2s ease;
+}
+
+.miniature:not(.display-as-row) .miniature-name {
+  margin-top: 10px;
+  margin-bottom: 5px;
+}
+
+.miniature-info .miniature-name {
+  display: block;
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  font-size: 1.1em;
+  line-height: 1.1em;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 2.2em;
+  word-break: break-word;
+  word-wrap: break-word;
+  overflow-wrap: break-word;
+  transition: color .2s;
+  font-weight: 600;
+  color: var(--mainForegroundColor);
+}

public/css/custom.css

@@ -0,0 +1,57 @@
+.header { background-color: #421a46 !important; }
+
+menu { background-color: #421a46 !important; }
+.main-col .sub-menu { background-color: #502c50 !important; }
+.title-page.active { border-bottom-color: #ea81e8 !important; }
+.inner-form-title, .section-label { color: #ea81e8 !important; }
+
+ #custom-css .dropdown-menu, #custom-css .dropdown-menu .dropdown-item { background-color: #421a46 !important; }
+
+.channel-info, .account-info, .channel, .miniature-show-channel, description-html { background-color: #5e3c62 !important; }
+.actor-handle { color: #dd00ee !important; }
+.actor-counters { color: #bb00bb !important; }
+.section-label { margin-bottom: 5px !important; }
+.owner-description, .icon.icon-logo { display: none !important; }
+.view-account short { margin-top: 0px !important; }
+
+.owner-block {
+  background-color: rgba(48, 26, 48, 0.6) !important;
+  padding: 10px !important;
+}
+
+#video-wrapper {
+  background-color: transparent !important;
+  padding-top: 20px !important;
+}
+
+body {
+  --mainColor: #ea81e8;
+  --mainColorLighter: #d68ad5;
+  --mainColorLightest: #fdd1fc;
+  --mainHoverColor: #fc54f9;
+  --mainBackgroundColor: #301a30;
+  --mainForegroundColor: #fcfcfc;
+  --secondaryColor: #421a46;
+
+
+  --submenuBackgroundColor: #5e3c62;
+  --channelBackgroundColor: #5e3c62;
+
+
+  --actionButtonColor: #ea81e8;
+  --supportButtonBackgroundColor: #971195;
+  --supportButtonColor: var(--actionButtonColor);
+  --supportButtonHeartColor: #ec1818;
+}
+
+.block-title, .title-page {
+    background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
+    margin-inline-end: 0px;
+    margin-inline-start: 0px;
+    padding: 5px;
+    border-radius: 4px;
+    border: 2px solid #fd95ff;
+    border-right-color: #fed9ff;
+    border-bottom-color: #fed9ff;
+    text-align: center;
+}

public/css/global.css

@@ -0,0 +1,113 @@
+.vjs-overlay a {
+    color: #210cbf;
+  }
+  
+  /* make font size for overlays little bigger and responsive */
+  .video-js .vjs-overlay { /* apply for screen sizes under 768px */
+    font-size:1.2rem;
+  }
+  @media screen and (min-width: 768px) { /* apply for screen sizes bigger or equal 768px */
+    .video-js .vjs-overlay {
+      font-size:1.4rem;
+    }
+  }.video-js .vjs-overlay{color:#fff;position:absolute;text-align:center}.video-js .vjs-overlay-no-background{max-width:33%}.video-js .vjs-overlay-background{background-color:#646464;background-color:rgba(255,255,255,0.4);border-radius:3px;padding:10px;width:33%}.video-js .vjs-overlay-top-left{top:5px;left:5px}.video-js .vjs-overlay-top{left:50%;margin-left:-16.5%;top:5px}.video-js .vjs-overlay-top-right{right:5px;top:5px}.video-js .vjs-overlay-right{right:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-bottom-right{bottom:3.5em;right:5px}.video-js .vjs-overlay-bottom{bottom:3.5em;left:50%;margin-left:-16.5%}.video-js .vjs-overlay-bottom-left{bottom:3.5em;left:5px}.video-js .vjs-overlay-left{left:5px;top:50%;transform:translateY(-50%)}.video-js .vjs-overlay-center{left:50%;margin-left:-16.5%;top:50%;transform:translateY(-50%)}.video-js .vjs-no-flex .vjs-overlay-left,.video-js .vjs-no-flex .vjs-overlay-center,.video-js .vjs-no-flex .vjs-overlay-right{margin-top:-15px}
+  #peertube-plugin-livechat-container {
+    display: flex;
+    flex-direction: column;
+  }
+  
+  #plugin-placeholder-player-next #peertube-plugin-livechat-container {
+    height: 100%;
+  }
+  
+  .peertube-plugin-livechat-buttons {
+    align-items: center;
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: flex-end;
+  }
+  
+  .peertube-plugin-livechat-button {
+    align-items: center;
+    display: flex;
+    flex-direction: row;
+    height: 36px !important;
+    margin: 5px !important;
+    padding: 2px !important;
+  }
+  .peertube-plugin-livechat-button svg {
+    height: auto;
+  }
+  
+  .peertube-plugin-livechat-buttons-open .peertube-plugin-livechat-button {
+    height: 18px !important;
+    margin: 2px !important;
+    padding: 1px !important;
+  }
+  
+  [peertube-plugin-livechat-state=initializing] {
+    display: none;
+  }
+  
+  [peertube-plugin-livechat-state=open] .peertube-plugin-livechat-button-open {
+    display: none;
+  }
+  
+  [peertube-plugin-livechat-state=closed] .peertube-plugin-livechat-button-close {
+    display: none;
+  }
+  
+  [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-main {
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+    margin-right: 0 !important;
+  }
+  [peertube-plugin-livechat-state]:not([peertube-plugin-livechat-state=open]) .peertube-plugin-livechat-multi-button-secondary {
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+    margin-left: 0 !important;
+    border-left: 1px solid currentColor;
+  }
+  
+  #peertube-plugin-livechat-container iframe {
+    border: 1px solid black;
+    min-height: 30vh;
+    height: 100%;
+  }
+  
+  .peertube-plugin-livechat-warning {
+    color: orange;
+  }
+  
+  .peertube-plugin-livechat-error {
+    color: red;
+  }
+  
+  table.peertube-plugin-livechat-prosody-list-rooms {
+    border: 1px solid black;
+    margin: 5px 0;
+  }
+  
+  table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(odd) {
+    background-color: #eee;
+  }
+  
+  table.peertube-plugin-livechat-prosody-list-rooms tr:nth-child(even) {
+    background-color: #fff;
+  }
+  
+  table.peertube-plugin-livechat-prosody-list-rooms th {
+    background-color: var(--mainHoverColor);
+    border: 1px solid black;
+    color: var(--mainBackgroundColor);
+    padding: 4px 5px;
+  }
+  
+  table.peertube-plugin-livechat-prosody-list-rooms td {
+    border: 1px solid #555;
+    color: black;
+    padding: 4px 5px;
+  }
+  
+  /*# sourceMappingURL=style.css.map */
+  

public/css/login.css

@@ -0,0 +1,430 @@
+.main-row {
+  min-height: calc(100vh - 110px);
+}
+
+@media screen and (max-width: 1600px) {
+  .main-col {
+    --horizontalMarginContent: 15px;
+    --videosHorizontalMarginContent: 30px;
+  }
+}
+
+.main-col .margin-content {
+  margin: 0 var(--horizontalMarginContent);
+  flex-grow: 1;
+}
+
+.title-page.active, .title-page:hover, .title-page:active, .title-page:focus, .title-page.title-page-single {
+  opacity: 1;
+  outline: 0 hidden!important;
+}
+
+.title-page.title-page-single {
+  font-size: 125%;
+  margin-top: 30px;
+  margin-bottom: 25px;
+}
+
+.block-title, .title-page {
+  background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
+  margin-inline-end: 0px;
+  margin-inline-start: 0px;
+  padding: 5px;
+  border-radius: 4px;
+  border: 2px solid #fd95ff;
+  border-right-color: #fed9ff;
+  border-bottom-color: #fed9ff;
+  text-align: center;
+}
+
+.title-page {
+  margin-inline-end: 55px;
+  opacity: .6;
+  color: var(--mainForegroundColor);
+  font-size: 16px;
+  display: inline-block;
+  font-weight: 600;
+  border-bottom: 2px solid transparent;
+}
+
+.wrapper {
+  display: flex;
+  justify-content: space-around;
+  flex-wrap: wrap;
+  margin-inline-end: 0;
+  width: auto;
+}
+
+.wrapper .login-form-and-externals {
+  margin-inline-end: 10px;
+  margin-inline-start: 10px;
+  display: flex;
+  flex-wrap: wrap;
+  font-size: 15px;
+  max-width: 450px;
+  margin-bottom: 40px;
+}
+
+.wrapper > div {
+  flex: 1 1;
+}
+
+.wrapper .login-form-and-externals form, .wrapper .login-form-and-externals form input {
+  width: 100%;
+}
+
+.wrapper .login-form-and-externals .signup-link {
+  display: inline-block;
+}
+
+.wrapper .login-form-and-externals form .additionnal-links .forgot-password-button, .wrapper .login-form-and-externals form .additionnal-links .create-an-account {
+  padding: 4px;
+  display: inline-block;
+  color: var(--mainColor);
+}
+
+.create-an-account, .forgot-password-button {
+  color: var(--mainForegroundColor);
+  cursor: pointer;
+  transition: opacity cubic-bezier(.39,.575,.565,1);
+}
+
+.wrapper .login-form-and-externals form {
+  margin: 0;
+}
+
+.wrapper .instance-information {
+  margin-inline-end: 10px;
+  margin-inline-start: 10px;
+  max-width: 600px;
+  min-width: 350px;
+  margin-bottom: 40px;
+}
+
+.form-group {
+  margin-bottom: 1rem;
+}
+
+label {
+  display: block;
+  font-weight: 700;
+  font-size: 15px;
+  display: inline-block;
+  margin-bottom: 0.5rem;
+}
+
+#custom-css input, #custom-css textarea {
+  background: var(--inputColor) !important;
+  color: var(--mainForegroundColor) !important;
+  border: 1px solid var(--mainBackgroundColor);
+}
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%;
+}
+
+input[type=text], input[type=email] {
+  padding: 0 15px;
+  display: inline-block;
+  height: 30px;
+  width: 340px;
+  color: var(--inputForegroundColor);
+  background-color: var(--inputBackgroundColor);
+  border: 1px solid #C6C6C6;
+  border-radius: 3px;
+  font-size: 15px;
+}
+
+#custom-css .peertube-select-container, input[type="text"] {
+  border: 1px solid var(--mainBackgroundColor) !important;
+  background: var(--inputColor) !important;
+  color: var(--mainForegroundColor) !important;
+}
+
+.form-control {
+  font-size: 15px;
+  color: var(--mainForegroundColor);
+  background-color: var(--inputBackgroundColor);
+  outline: none;
+  display: block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
+}
+
+input, textarea {
+  outline: none;
+  color: var(--inputForegroundColor);
+}
+
+button, input {
+  overflow: visible;
+}
+
+input, button, select, optgroup, textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+.instance-name {
+  line-height: 1.7rem;
+}
+
+h2, .h2 {
+  font-size: 2rem;
+}
+
+.instance-short-description {
+  display: block;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  font-size: 1rem;
+  line-height: 1rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-height: 3rem;
+  margin-top: 20px;
+  margin-bottom: 20px;
+}
+
+.accordion {
+  overflow-anchor: none;
+}
+
+ngb-accordion .card {
+  border-color: var(--mainBackgroundColor);
+}
+
+.accordion>.card {
+  overflow: hidden;
+}
+
+.card {
+  background-color: var(--mainBackgroundColor);
+  border-color: #dee2e6;
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0,0,0,.125);
+  border-radius: 0.25rem;
+}
+
+ngb-accordion .card .card-header {
+  background-color: unset;
+  padding: 0;
+}
+
+.accordion>.card>.card-header {
+  border-radius: 0;
+  margin-bottom: -1px;
+}
+
+.card-header:first-child {
+  border-radius: calc(0.25rem- 1px) calc(0.25rem- 1px) 0 0;
+}
+
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: #00000008;
+  border-bottom: 1px solid rgba(0,0,0,.125);
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+ngb-accordion .btn {
+  padding-inline-end: 17px;
+  padding-inline-start: 13px;
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-weight: 600;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px !important;
+  text-align: center;
+  cursor: pointer;
+  background-color: #e5e5e5;
+  color: var(--greyForegroundColor);
+  border-radius: unset;
+  width: 100%;
+}
+
+button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+.btn-link {
+  font-weight: 400;
+  color: #007bff;
+  text-decoration: none;
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+button, [type=button], [type=reset], [type=submit] {
+  -webkit-appearance: button;
+}
+
+button {
+  background: unset;
+  border-radius: 0;
+}
+
+button, select {
+  text-transform: none;
+}
+
+.input-group:not(.has-validation)>.form-control:not(:last-child), .input-group:not(.has-validation)>.custom-select:not(:last-child), .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label:after {
+  border-top-right-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.input-group input.form-control {
+  width: unset!important;
+  flex-grow: 1;
+}
+
+.input-group-sm>.form-control:not(textarea), .input-group-sm>.custom-select {
+  height: calc(1.5em + 0.5rem + 2px);
+}
+
+.input-group>.form-control {
+  flex: initial;
+}
+
+.input-group>.form-control, .input-group>.form-control-plaintext, .input-group>.custom-select, .input-group>.custom-file {
+  position: relative;
+  flex: 1 1 auto;
+  width: 1%;
+  min-width: 0;
+  margin-bottom: 0;
+}
+
+input {
+  padding-inline-end: 15px !important;
+  padding-inline-start: 15px !important;
+  padding: 0 15px;
+  display: inline-block;
+  height: 30px;
+  width: auto;
+  color: var(--inputForegroundColor);
+  background-color: var(--inputBackgroundColor);
+  border: 1px solid #C6C6C6;
+  border-radius: 3px;
+  font-size: 15px;
+  font-size: 15px!important;
+}
+
+.input-group-append {
+  margin-left: -1px;
+}
+
+.input-group-prepend, .input-group-append {
+  display: flex;
+}
+
+.input-group>.input-group-append>.btn, .input-group>.input-group-append>.input-group-text, .input-group>.input-group-prepend:not(:first-child)>.btn, .input-group>.input-group-prepend:not(:first-child)>.input-group-text, .input-group>.input-group-prepend:first-child>.btn:not(:first-child), .input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child) {
+  border-top-left-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.input-group-sm>.form-control, .input-group-sm>.custom-select, .input-group-sm>.input-group-prepend>.input-group-text, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-append>.btn {
+  padding: 0.25rem 0.5rem;
+  font-size: .875rem;
+  line-height: 1.5;
+  border-radius: 0.2rem;
+}
+
+.eye-button {
+  line-height: 1!important;
+}
+
+.input-group-prepend .btn, .input-group-append .btn {
+  position: relative;
+  z-index: 2;
+}
+
+.btn-outline-secondary {
+  border-color: #ced4da;
+  color: #6c757d;
+  border-color: #6c757d;
+}
+
+input[type=button], input[type=submit], input[type=reset], input[type=file]::-webkit-file-upload-button, button {
+  border-radius: 0;
+}
+
+ngb-accordion .card .card-header+.collapse.show {
+  background-color: var(--submenuBackgroundColor);
+}
+
+.card-body {
+  flex: 1 1 auto;
+  min-height: 1px;
+  padding: 1.25rem;
+}
+
+.block {
+  font-size: 15px;
+  margin-bottom: 15px;
+}
+
+.alert-danger {
+  color: #850000;
+  background-color: #fcc;
+  border-color: #ffb8b8;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}
+
+.alert {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 1px solid transparent;
+  border-radius: 0.25rem;
+}

public/css/myaccount.css

@@ -0,0 +1,512 @@
+.main-row {
+  min-height: calc(100vh - 110px);
+}
+
+.row {
+  flex-direction: column;
+  width: 100%;
+}
+
+.row {
+  margin: 0!important;
+}
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px;
+}
+
+.row > my-top-menu-dropdown:nth-child(1) {
+  flex-grow: 1;
+}
+
+.main-col .sub-menu.sub-menu-fixed {
+  position: fixed;
+  z-index: 12499;
+  max-width: var(--mainColWidth);
+}
+
+.main-col .sub-menu {
+  background-color: #502c50 !important;
+}
+
+.main-col .sub-menu {
+  background-color: var(--submenuBackgroundColor);
+  width: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0 var(--horizontalMarginContent);
+  height: 81px;
+  margin-bottom: 30px;
+  overflow-x: auto;
+}
+
+.block-title, .title-page {
+  background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
+  margin-inline-end: 0px;
+  margin-inline-start: 0px;
+  padding: 5px;
+  border-radius: 4px;
+  border: 2px solid #fd95ff;
+  border-right-color: #fed9ff;
+  border-bottom-color: #fed9ff;
+  text-align: center;
+}
+
+.title-page-about, .title-page-settings {
+  white-space: nowrap;
+  font-size: 115%;
+}
+
+.title-page {
+  margin-inline-end: 55px;
+}
+
+.title-page {
+  opacity: .6;
+  color: var(--mainForegroundColor);
+  font-size: 16px;
+  display: inline-block;
+  font-weight: 600;
+  border-bottom: 2px solid transparent;
+}
+
+#custom-css .title-page.active, #custom-css .title-page:hover {
+  color: var(--whiteColor);
+}
+
+.title-page.active {
+  border-bottom-color: #ea81e8 !important;
+}
+
+.title-page.active, .title-page:hover, .title-page:active, .title-page:focus, .title-page.title-page-single {
+  opacity: 1;
+  outline: 0 hidden!important;
+}
+
+.title-page.active {
+  border-bottom-color: var(--mainColor);
+}
+
+.block-title, .title-page {
+  background: radial-gradient(ellipse at top, #db34d3, transparent), radial-gradient(ellipse at bottom, #232629, transparent);
+  margin-inline-end: 0px;
+  margin-inline-start: 0px;
+  padding: 5px;
+  border-radius: 4px;
+  border: 2px solid #fd95ff;
+  border-right-color: #fed9ff;
+  border-bottom-color: #fed9ff;
+  text-align: center;
+}
+
+.title-page-about, .title-page-settings {
+  white-space: nowrap;
+  font-size: 115%;
+}
+
+.title-page {
+  margin-inline-end: 55px;
+}
+
+.title-page {
+  opacity: .6;
+  color: var(--mainForegroundColor);
+  font-size: 16px;
+  display: inline-block;
+  font-weight: 600;
+  border-bottom: 2px solid transparent;
+}
+
+.main-col .margin-content.offset-content {
+  padding-top: 111px;
+}
+
+.main-col .margin-content {
+  margin: 0 var(--horizontalMarginContent);
+  flex-grow: 1;
+}
+
+.pb-5, .py-5 {
+  padding-bottom: 3rem !important;
+}
+
+.row h1 {
+  font-size: 1.3rem;
+  border-bottom: 2px solid #E5E5E5;
+  padding-bottom: 15px;
+  margin-bottom: 30px;
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0,0,0,0);
+  white-space: nowrap;
+  border: 0;
+}
+
+#custom-css .header-filter {
+  background-color: var(--menuBackgroundColor);
+}
+
+.header-filter {
+  display: flex;
+  font-size: 15px;
+  margin-bottom: 20px;
+  background-color: #421a46 !important;
+}
+
+#custom-css .row .header-filter a, #custom-css .row .header-filter button {
+  color: var(--whiteColor);
+  background-color: var(--mainHoverColor);
+}
+
+.header-filter a {
+  padding-inline-end: 17px;
+  padding-inline-start: 13px;
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-weight: 600;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px !important;
+  text-align: center;
+  cursor: pointer;
+  display: inline-block;
+  background-color: #e5e5e5;
+  color: var(--greyForegroundColor);
+  display: inline-flex;
+  align-items: center;
+  line-height: normal!important;
+}
+
+.header-filter a my-global-icon {
+  margin-inline-end: 3px;
+  position: relative;
+  width: 18px;
+  top: -1px;
+}
+
+#custom-css .header-filter my-global-icon .feather {
+  color: var(--whiteColor);
+}
+
+svg {
+  overflow: hidden;
+  vertical-align: middle;
+}
+
+.notification my-global-icon {
+  margin-inline-start: 3px;
+  margin-inline-end: 11px;
+  width: 24px;
+}
+
+.header-filter a my-global-icon .feather, .header-filter a my-global-icon .material, .header-filter a my-global-icon .misc {
+  color: var(--greyForegroundColor);
+}
+
+#custom-css .peertube-select-container, input[type="text"] {
+  border: 1px solid var(--mainBackgroundColor) !important;
+  background: var(--inputColor) !important;
+  color: var(--mainForegroundColor) !important;
+}
+
+.header-filter .peertube-select-container.peertube-select-button {
+  background-color: #e5e5e5;
+  color: var(--greyForegroundColor);
+}
+
+.header-filter .peertube-select-container {
+  padding: 0;
+  margin: 0;
+  width: auto;
+  border-radius: 3px;
+  color: var(--inputForegroundColor);
+  background: var(--inputBackgroundColor);
+  position: relative;
+  font-size: 15px;
+  height: min-content;
+}
+
+#custom-css .peertube-select-container > select {
+  background: var(--inputColor) !important;
+  color: var(--mainForegroundColor) !important;
+}
+
+.header-filter .peertube-select-container.peertube-select-button select, .header-filter .peertube-select-container.peertube-select-button option {
+  font-weight: 600;
+  color: var(--greyForegroundColor);
+  border: 0;
+}
+
+.header-filter .peertube-select-container select {
+  padding: 0 35px 0 12px;
+  position: relative;
+  border: 1px solid #C6C6C6;
+  background: transparent none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+  cursor: pointer;
+  height: 30px;
+  text-overflow: ellipsis;
+  color: var(--mainForegroundColor);
+}
+
+.form-control {
+  font-size: 15px;
+  color: var(--mainForegroundColor);
+  background-color: var(--inputBackgroundColor);
+  outline: none;
+}
+
+.form-control {
+  display: block;
+  width: 100%;
+  height: calc(1.5em + 0.75rem + 2px);
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0.25rem;
+  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+select {
+  word-wrap: normal;
+}
+
+button, select {
+  text-transform: none;
+}
+
+input, button, select, optgroup, textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+#custom-css .peertube-select-container > select > option {
+  background: var(--inputColor);
+  color: var(--mainForegroundColor) !important;
+}
+
+.header-filter .peertube-select-container select option {
+  color: #000;
+}
+
+.header-filter .peertube-select-container.peertube-select-button select, .header-filter .peertube-select-container.peertube-select-button option {
+  font-weight: 600;
+  color: var(--greyForegroundColor);
+  border: 0;
+}
+
+#custom-css .peertube-select-container > select option:hover, #custom-css .peertube-select-container > select > option:checked {
+  color: var(--whiteColor) !important;
+  background-color: var(--mainColor) !important;
+}
+
+#custom-css .peertube-select-container > select > option {
+  background: var(--inputColor);
+  color: var(--mainForegroundColor) !important;
+}
+
+.header-filter .peertube-select-container select option {
+  color: #000;
+}
+
+.header-filter .peertube-select-container.peertube-select-button select, .header-filter .peertube-select-container.peertube-select-button option {
+  font-weight: 600;
+  color: var(--greyForegroundColor);
+  border: 0;
+}
+
+#custom-css .peertube-select-container:after {
+  border-top-color: var(--mainForegroundColor) !important;
+}
+
+.header-filter .peertube-select-container:after {
+  top: 50%;
+  right: calc(0% + 15px);
+  content: " ";
+  height: 0;
+  width: 0;
+  position: absolute;
+  pointer-events: none;
+  border: 5px solid rgba(0,0,0,0);
+  border-top-color: #000;
+  margin-top: -2px;
+  z-index: 100;
+}
+
+#custom-css .row .header-filter a, #custom-css .row .header-filter button {
+  color: var(--whiteColor);
+  background-color: var(--mainHoverColor);
+}
+
+.header-filter button {
+  padding-inline-end: 17px;
+}
+
+.header-filter button {
+  padding-inline-start: 13px;
+}
+
+.header-filter button {
+  padding-top: 0;
+  padding-bottom: 0;
+  border: 0;
+  font-weight: 600;
+  font-size: 15px;
+  height: 30px;
+  line-height: 30px;
+  border-radius: 3px !important;
+  text-align: center;
+  cursor: pointer;
+  background-color: #e5e5e5;
+  color: var(--greyForegroundColor);
+  display: inline-flex;
+  align-items: center;
+  line-height: normal!important;
+}
+
+.btn:not(:disabled):not(.disabled) {
+  cursor: pointer;
+}
+
+button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled) {
+  cursor: pointer;
+}
+
+.ml-auto, .mx-auto {
+  margin-left: auto!important;
+}
+
+.btn {
+  display: inline-block;
+  font-weight: 400;
+  color: #212529;
+  text-align: center;
+  vertical-align: middle;
+  -webkit-user-select: none;
+  user-select: none;
+  background-color: transparent;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 1rem;
+  line-height: 1.5;
+  border-radius: 0.25rem;
+  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+}
+
+button {
+  background: unset;
+}
+
+button, [type=button], [type=reset], [type=submit] {
+  -webkit-appearance: button;
+}
+
+button, select {
+  text-transform: none;
+}
+
+button, input {
+  overflow: visible;
+}
+
+input, button, select, optgroup, textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit;
+}
+
+button {
+  border-radius: 0;
+}
+
+input[type=button], input[type=submit], input[type=reset], input[type=file]::-webkit-file-upload-button, button {
+  border-radius: 0;
+}
+
+.header-filter button my-global-icon {
+  margin-inline-end: 3px;
+  position: relative;
+  width: 20px;
+  top: -1px;
+}
+
+#custom-css .header-filter my-global-icon .feather {
+  color: var(--whiteColor);
+}
+
+.header-filter button my-global-icon .feather, .header-filter button my-global-icon .material, .header-filter button my-global-icon .misc {
+  color: var(--greyForegroundColor);
+}
+
+my-user-notifications {
+  font-size: 15px;
+}
+
+#custom-css .notification.unread {
+  background-color: var(--menuAndHeaderBackgroundColor);
+}
+
+.notification.unread {
+  background-color: #0000000d;
+}
+
+.notification {
+  display: flex;
+  align-items: center;
+  font-size: inherit;
+  padding: 15px 5px 15px 10px;
+  border-bottom: 1px solid rgba(0,0,0,.1);
+  word-break: break-word;
+}
+
+.notification .avatar {
+  margin-inline-end: 10px;
+  width: 30px;
+  height: 30px;
+  min-width: 30px;
+  min-height: 30px;
+  border-radius: 5px;
+}
+img {
+  vertical-align: middle;
+  border-style: none;
+}
+
+.notification .message {
+  flex-grow: 1;
+}
+
+.notification .message a {
+  font-weight: 600;
+}
+
+.notification .from-date {
+  margin-inline-start: auto;
+  padding-inline-start: 5px;
+  font-size: .85em;
+  color: var(--greyForegroundColor);
+  min-width: 70px;
+  text-align: end;
+}

public/css/style.css

@@ -0,0 +1,473 @@
+body {
+    --mainColor: #00abff;
+    --mainBackgroundColor: #121212;
+    --mainForegroundColor: rgba(195,195,195,0.878431);
+    --submenuColor: #272727;
+    --submenuBackgroundColor: #272727;
+    --channelBackgroundColor: #272727;
+    --inputColor: #272727;
+    --inputPlaceholderColor: rgba(195,195,195,0.878431);
+    --menuAndHeaderBackgroundColor: #272727;
+    --menuForegroundColor: rgba(195,195,195,0.878431);
+    --menuBackgroundColor: #272727;
+    --whiteColor: #ffffff;
+    --mainHoverColor: #0481bf;
+    --actionButtonColor: #ffffff;
+    --dangerBackgroundColor: #d9534f;
+    /*font-family: "Open Sans",sans-serif;*/
+  }
+  
+  /* Main background */
+  #custom-css .sub-header-container{
+    background-position: center top;
+    background-size: cover;
+    background-repeat: repeat;
+    background-attachment: fixed;
+  }
+  
+  /* Header */
+  #search-video{
+    background: var(--mainBackgroundColor) !important;
+  }
+  #custom-css .header{
+    background-color: var(--menuBackgroundColor);
+  }
+  /* NavMenu*/
+  #custom-css .title-page.active,
+  #custom-css .title-page:hover{
+    color: var(--whiteColor);
+  }
+  #custom-css .row .header a,
+  #custom-css .row .header button{
+    color: var(--whiteColor);
+    background-color: var(--mainHoverColor);
+  }
+  #custom-css .row .header a my-global-icon svg g[stroke="#000000"],
+  #custom-css .row .header button my-global-icon svg path[stroke="#333333"],
+  #custom-css .row .header button my-global-icon svg g[stroke="#000000"]{
+    stroke: var(--whiteColor) !important;
+  }
+  #custom-css .row .header button my-global-icon svg path[fill="#333333"]{
+    fill: var(--whiteColor) !important;
+  }
+  
+  #custom-css .footer-links a,
+  #custom-css .footer-copyleft a{
+    color: var(--whiteColor) !important
+  }
+  /* Toast notifications*/
+  #custom-css .ui-toast .ui-toast-message-content{
+    color: var(--whiteColor);
+  }
+  /* Dropdown */
+  #custom-css .dropdown-menu,
+  #custom-css .dropdown-menu .dropdown-item{
+    background-color: var(--menuBackgroundColor);
+    color: var(--menuForegroundColor);
+  }
+  
+  #custom-css .dropdown-menu a,
+  #custom-css span.dropdown-item.custom-action,
+  #custom-css a.dropdown-item.with-icon{
+    color: var(--menuForegroundColor) !important;
+  }
+  
+  #custom-css .dropdown-item:focus:not(.new-playlist-block),
+  #custom-css .dropdown-item:hover:not(.new-playlist-block),
+  #custom-css .dropdown-item:active:not(.new-playlist-block),
+  #custom-css span.dropdown-item.custom-action:hover,
+  #custom-css a.dropdown-item.with-icon:hover{
+    color: var(--whiteColor) !important; 
+    background-color: var(--mainColor) !important;
+  }
+  #custom-css .ui-inputswitch-slider{
+    box-shadow: none !important;
+  }
+    /* Dropdown inputs && checkboxes */
+    #custom-css .dropdown-menu .peertube-select-container,
+    #custom-css .dropdown-menu input[type="text"], 
+    #custom-css .dropdown-menu textarea,
+    #custom-css .dropdown-menu span[role="checkbox"]{
+      border: 1px solid var(--mainForegroundColor) !important
+    }
+    #custom-css .dropdown-menu input[type="submit"]{
+      border: 1px solid transparent !important; /* Removing black border in buttons */
+    }
+    #custom-css .header .options-row{
+      padding-left: 0;
+    }
+    #custom-css .header .options-row > div{
+      justify-content: space-between;
+    }
+    #custom-css .dropdown-item:hover .ml-auto:not(.glyphicon){
+      box-shadow: 0 0 0 0.1em var(--menuForegroundColor) !important;
+    }
+    #custom-css .ml-auto:after{
+      background-color: var(--whiteColor);
+    }
+    #custom-css #typeahead-container input{
+      border-color: var(--mainForegroundColor) !important;
+    }
+  
+  /* Buttons */
+  #custom-css .upload-button, 
+  #custom-css .upload-button:active, 
+  #custom-css .upload-button:focus,
+  #custom-css .root .button-file{
+    color: var(--whiteColor) !important; 
+    background-color: var(--mainColor) !important;
+  }
+  #custom-css .upload-button my-global-icon svg g[stroke="#000000"],
+  #custom-css a.add-button my-global-icon svg circle[stroke="#000000"],
+  #custom-css a.create-button my-global-icon svg circle[stroke="#000000"],
+  #custom-css a.create-caption my-global-icon svg circle[stroke="#000000"]{
+    stroke: var(--whiteColor) !important;
+  }
+  #custom-css a.add-button my-global-icon svg rect[fill="#000000"],
+  #custom-css a.create-button my-global-icon svg rect[fill="#000000"],
+  #custom-css a.create-caption my-global-icon svg rect[fill="#000000"]{
+    fill: var(--whiteColor) !important;
+  }
+  #custom-css .grey-button, #custom-css .grey-button:active, #custom-css .grey-button:focus {
+    background-color: var(--menuAndHeaderBackgroundColor);
+    color: var(--mainForegroundColor);
+  }
+  #custom-css my-video-comments my-video-comment-add .comment-buttons .cancel-button{
+    display: none; /* Hidden because it's not needed and it have a buggy behaviour */
+  }
+  #custom-css .reset-button.reset-button-small{
+    color: var(--mainColor);
+  }
+    /* Delete buttons */
+    #custom-css .delete-me button:hover,
+    #custom-css .delete-me button,
+    #custom-css my-delete-button .action-button-delete,
+    #custom-css my-delete-button .action-button-delete:active,
+    #custom-css .action-button-delete-selection{
+      background-color: var(--dangerBackgroundColor);
+      color: var(--whiteColor);
+    }
+    #custom-css .top-buttons .delete-history{
+      background-color: var(--dangerBackgroundColor);
+      color: var(--whiteColor);
+    }
+    /* Trash bin icon */
+    #custom-css my-global-icon[iconname="delete"] svg path[stroke="#000000"]{
+      stroke: var(--whiteColor) !important;
+    }
+    #custom-css my-global-icon[iconname="delete"] svg path[fill="#000000"],
+    #custom-css my-global-icon[iconname="delete"] svg rect[fill="#000000"]{
+      fill: var(--whiteColor) !important;
+    }
+  
+  /* Modals */
+  #custom-css my-input-readonly-copy input{
+    color: var(--whiteColor);
+  }
+  #custom-css .form-group-checkbox input + span {
+    border-color: var(--mainForegroundColor);
+  }
+  /* Inputs */
+  #custom-css input, 
+  #custom-css textarea{
+    background: var(--inputColor) !important;
+    color: var(--mainForegroundColor) !important;
+    border: 1px solid var(--mainBackgroundColor);
+  }
+  #custom-css .ng-select .ng-input>input{
+    background: none !important;
+    border: 0 !important;
+  }
+  #custom-css .am-donate-main .button input{
+    color: var(--mainColor) !important;
+    background: var(--whiteColor) !important;
+    border: none !important;
+  }
+  #custom-css .am-donate-main .donation-details{
+    color: var(--mainBackgroundColor);
+  }
+  #custom-css input[type="submit"],
+  #custom-css input[type="button"]{ /* Buttons */
+    color: var(--whiteColor) !important;
+    background: var(--mainColor) !important;
+    border: none !important;
+  }
+  #custom-css input[type="submit"]:hover,
+  #custom-css input[type="button"]:hover,
+  #custom-css .submit-button:hover input{ 
+    background: var(--mainHoverColor) !important;
+  }
+  #custom-css .submit-button.disabled input{ 
+    background: var(--menuForegroundColor) !important;
+  } 
+  
+  #custom-css .root .form-group-checkbox input:checked + span{
+    background: var(--mainColor) !important;
+  }
+  #custom-css .action-button .count{
+    color: var(--whiteColor);
+  }
+  #custom-css .modal-content input.readonly{
+    color: var(--whiteColor);
+  }
+  /* Selects */
+  #custom-css .peertube-select-container, input[type="text"]{
+    border: 1px solid var(--mainBackgroundColor) !important;
+    background: var(--inputColor) !important;
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .peertube-select-container > select {
+    background: var(--inputColor) !important;
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .peertube-select-container:after{
+    border-top-color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .peertube-select-container > select > option{
+    background: var(--inputColor);
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .peertube-select-container > select option:hover, 
+  #custom-css .peertube-select-container > select > option:checked{
+    color: var(--whiteColor) !important; 
+    background-color: var(--mainColor) !important;
+  }
+  /* MultiSelects */
+  #custom-css .ui-multiselect{
+    background: var(--inputColor);
+    border: none;
+  }
+  #custom-css .ui-multiselect .ui-multiselect-trigger{
+    background: var(--inputColor);
+  }
+  p-multiselect .pi.pi-chevron-down::after{
+    border-top-color: var(--mainForegroundColor);
+  }
+  #custom-css .ui-multiselect .ui-multiselect-label {
+    color: var(--mainForegroundColor);
+  }
+  #custom-css .ui-multiselect-panel{
+    background: var(--inputColor);
+    color: var(--mainForegroundColor);
+  }
+  /* Icons colors & hovers */
+  /* Stroke */
+  #custom-css  my-global-icon svg circle[stroke="#000000"],
+  #custom-css  my-global-icon svg g[stroke="#000000"],
+  #custom-css  my-global-icon svg g[stroke="#000"],
+  #custom-css  my-global-icon svg path[stroke="#000"],
+  #custom-css  my-global-icon svg path[stroke="#000000"],
+  #custom-css  my-global-icon svg polygon[stroke="#000000"],
+  #custom-css  my-global-icon svg rect[stroke="#000000"],
+  #custom-css  my-global-icon svg ellipse[stroke="#000000"]{
+    stroke: var(--mainForegroundColor) !important;
+  }
+  
+  #custom-css my-global-icon[iconname="video-lang"] svg path{
+    fill: transparent;
+  }
+  
+  #custom-css  a my-global-icon svg circle[stroke="#000000"],
+  #custom-css  a my-global-icon svg g[stroke="#000000"],
+  #custom-css  a my-global-icon svg path[stroke="#000000"],
+  #custom-css  a my-global-icon svg polygon[stroke="#000000"],
+  #custom-css  a my-global-icon svg rect[stroke="#000000"],
+  #custom-css  a my-global-icon svg ellipse[stroke="#000000"]{
+    stroke: var(--mainForegroundColor) !important;
+  }
+  
+  #custom-css  a my-global-icon svg linearGradient stop{
+    stop-color: var(--mainForegroundColor);
+  }
+  
+  #custom-css .action-button:not(.action-button-edit) > my-global-icon svg g[stroke="#000000"],
+  #custom-css  my-global-icon[iconname="validate"] svg circle,
+  #custom-css  my-global-icon[iconname="validate"] svg polyline{
+    stroke: var(--whiteColor) !important;
+  }
+  
+  #custom-css .dropdown-item:hover my-global-icon svg circle[stroke="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg g[stroke="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg path[stroke="#000"],
+  #custom-css .dropdown-item:hover my-global-icon svg polygon[stroke="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg rect[stroke="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg ellipse[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg circle[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg g[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg path[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg polygon[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg rect[stroke="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg ellipse[stroke="#000000"]{
+    stroke: var(--whiteColor) !important;
+  }
+  #custom-css .dropdown-item:hover my-global-icon svg linearGradient stop,
+  #custom-css .dropdown-item:active my-global-icon svg linearGradient stop{
+    stop-color: var(--whiteColor) !important;
+  }
+  
+    /* Fill */
+  #custom-css  a my-global-icon svg circle[fill="#000000"],
+  #custom-css  a my-global-icon svg g[fill="#000000"],
+  #custom-css  a my-global-icon svg path[fill="#000000"],
+  #custom-css  a my-global-icon svg polygon[fill="#000000"],
+  #custom-css  a my-global-icon svg rect[fill="#000000"],
+  #custom-css  span my-global-icon svg circle[fill="#000000"],
+  #custom-css  span my-global-icon svg g[fill="#000000"],
+  #custom-css  span my-global-icon svg path[fill="#000000"],
+  #custom-css  span my-global-icon svg polygon[fill="#000000"],
+  #custom-css  span my-global-icon svg rect[fill="#000000"],
+  #custom-css  .notification my-global-icon svg path[fill="#000000"]{
+    fill: var(--mainForegroundColor) !important;
+  }
+  
+  #custom-css .dropdown-item:hover my-global-icon svg circle[fill="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg g[fill="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg path[fill="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg polygon[fill="#000000"],
+  #custom-css .dropdown-item:hover my-global-icon svg rect[fill="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg circle[fill="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg g[fill="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg path[fill="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg polygon[fill="#000000"],
+  #custom-css .dropdown-item:active my-global-icon svg rect[fill="#000000"]{
+    fill: var(--whiteColor) !important;
+  }
+  /* Mute servers Icon */
+  #custom-css .dropdown-item my-global-icon svg .st0{
+    stroke: var(--mainForegroundColor);
+  }
+  #custom-css .dropdown-item:hover my-global-icon svg .st0,
+  #custom-css .dropdown-item:active my-global-icon svg .st0 {
+    stroke: var(--whiteColor);
+  }
+  #custom-css .dropdown-item my-global-icon svg .st1 {
+    fill: var(--mainForegroundColor);
+  }
+  #custom-css .dropdown-item:hover my-global-icon svg .st1,
+  #custom-css .dropdown-item:active my-global-icon svg .st1 {
+    fill: var(--whiteColor);
+  }
+  /* Language Icon */
+  #custom-css my-global-icon[iconname="language"] svg path,
+  #custom-css .dropdown-item:hover my-global-icon[iconname="language"] svg path,
+  #custom-css .dropdown-item:active my-global-icon[iconname="language"] svg path {
+    fill: var(--mainForegroundColor) !important;
+  }
+  
+  /* Pagination */
+  #custom-css .ui-paginator .ui-paginator-element:hover:not(.ui-state-disabled){
+    color: var(--whiteColor) !important;
+    background-color: var(--mainHoverColor) !important;
+  }
+  
+  /* Notifications Panel */
+  #custom-css .popover-notifications.popover .popover-body .notifications-header,
+  #custom-css .popover-notifications.popover .popover-body .notifications-header a{
+    background-color: var(--menuAndHeaderBackgroundColor);
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .popover-notifications.popover .popover-body .notifications-header button{
+    color: var(--mainForegroundColor);
+  }
+  #custom-css .notification{
+    background-color: var(--mainBackgroundColor);
+    color: var(--mainForegroundColor);
+  }
+  #custom-css .notification my-global-icon .feather{
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .notification.unread{
+    background-color: var(--menuAndHeaderBackgroundColor);
+  }
+  #custom-css .popover-notifications.popover .popover-body .all-notifications{
+    background-color: var(--menuBackgroundColor);
+    color: var(--mainForegroundColor);
+  }
+  #custom-css .bs-popover-auto[x-placement^=bottom]>.arrow::after, .bs-popover-bottom>.arrow::after{
+    border-bottom-color: var(--menuBackgroundColor);
+  }
+  #custom-css #inbox-full svg path[stroke="#333333"]{
+    stroke: var(--mainForegroundColor);
+  }
+  
+  #custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[stroke="#333333"]{
+    stroke: var(--mainForegroundColor);
+  }
+  #custom-css .popover-notifications.popover .popover-body .all-notifications svg g path[fill="#333333"]{
+    fill: var(--mainForegroundColor);
+  }
+  
+  #custom-css .header my-global-icon .feather{
+    color: var(--whiteColor);
+  }
+  
+  /* Create new playlist, url video... preview box */
+  #custom-css .root .preview-container .preview.no-image{
+    background-color: var(--menuAndHeaderBackgroundColor);
+    border-color: var(--mainBackgroundColor);
+  }
+  #custom-css .preview-container .button-file.with-icon g[stroke="#000000"]{
+    stroke: var(--whiteColor) !important;
+  }
+  
+  /* Subscriptions buttons */
+  #custom-css .btn-group-subscribe.unsubscribe-button .btn, .btn-group-subscribe.unsubscribe-button .btn:active, .btn-group-subscribe.unsubscribe-button .btn:focus{
+    background-color: var(--mainColor);
+    color: var(--whiteColor);
+  }
+  
+  /* Upload video container */
+  #custom-css .root-tabset.video-add-tabset .upload-video-container{
+    border-color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .root-tabset.video-add-tabset>.nav a.nav-link.active{
+    border-color: var(--mainForegroundColor) !important;
+  }
+  
+  /* Calendar */
+  #custom-css p-calendar span input{
+    color: var(--mainForegroundColor) !important;
+  }
+  
+  #custom-css .ui-datepicker{
+    background-color: var(--menuAndHeaderBackgroundColor);
+    color: var(--mainForegroundColor);
+  }
+  
+  #custom-css .ui-datepicker .ui-datepicker-header,
+  #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev,
+  #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next{
+    background-color: var(--menuAndHeaderBackgroundColor);
+    color: var(--mainForegroundColor) !important;
+  }
+  #custom-css .ui-datepicker table td>a:hover,
+  #custom-css .ui-datepicker table td>span:hover{
+    background-color: var(--mainColor);
+    color: var(--whiteColor);
+  }
+  #custom-css .ui-datepicker table td>a.ui-state-active,
+  #custom-css .ui-datepicker table td>span.ui-state-active{
+    background-color: var(--mainHoverColor);
+    color: var(--whiteColor);
+  }
+  
+  #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down, 
+  #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up,
+  #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:hover,
+  #custom-css p-calendar .ui-datepicker .ui-datepicker-header .ui-datepicker-next:hover,
+  #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-down:hover, 
+  #custom-css p-calendar .ui-datepicker .ui-timepicker .pi.pi-chevron-up:hover{
+    color: var(--whiteColor) !important;
+  }
+  
+  /* 404 Not found page */
+  #custom-css my-page-not-found img {
+    width: 350px !important;
+    margin-bottom: 0px !important;
+  }
+  
+  /* About */
+  #custom-css .anchor-link .section-title {
+    color: inherit;
+  }

public/css/videoslist.css

@@ -0,0 +1,147 @@
+.margin-content {
+  margin-inline-end: var(--gridVideosMiniatureMargins)!important;
+}
+
+.margin-content {
+  margin-inline-start: var(--gridVideosMiniatureMargins)!important;
+}
+
+.margin-content {
+  --gridVideosMiniatureMargins: var(--videosHorizontalMarginContent);
+}
+
+.main-col .margin-content {
+  margin: 0 var(--horizontalMarginContent);
+  flex-grow: 1;
+}
+
+.videos-header {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  margin-bottom: 30px;
+}
+
+.videos-header .title {
+  font-size: 18px;
+  color: var(--mainForegroundColor);
+  display: inline-block;
+  font-weight: 600;
+  margin-top: 30px;
+  margin-bottom: 0;
+}
+
+.videos-header .title, .videos-header .title-subscription {
+  grid-column: 1;
+}
+
+.videos-header .title-subscription {
+  grid-row: 2;
+  font-size: 14px;
+  color: var(--greyForegroundColor);
+}
+
+.videos-header .title, .videos-header .title-subscription {
+  grid-column: 1;
+}
+
+.videos-header my-feed {
+  margin-inline-start: 5px;
+}
+
+.videos-header my-feed {
+  display: inline-block;
+  width: 16px;
+  color: var(--mainColor);
+  position: relative;
+  top: -2px;
+}
+
+.feed {
+  width: 100%;
+}
+
+my-global-icon {
+  cursor: pointer;
+  width: 100%;
+}
+
+[role=button] {
+  cursor: pointer;
+}
+
+.date-title:not(:first-child) {
+  margin-top: .5rem;
+  padding-top: 20px;
+  border-top: 1px solid rgba(0,0,0,.1);
+}
+
+.date-title {
+  font-size: 16px;
+  font-weight: 600;
+  margin-bottom: 20px;
+  grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.section:first-child {
+  padding-top: 30px;
+}
+
+.section:first-child .section-title {
+  border-top: 0!important;
+}
+
+.section .section-title a:hover, .section .section-title a:focus:not(.focus-visible), .section .section-title a:active {
+  text-decoration: none;
+  outline: none;
+}
+
+.section .section-title:not(h2) {
+  border-top: 1px solid rgba(0,0,0,.1);
+}
+
+.section .section-title {
+  font-size: 24px;
+  font-weight: 600;
+  padding-top: 15px;
+  margin-bottom: 15px;
+  display: flex;
+  justify-content: space-between;
+}
+
+.section-title {
+  grid-column: 1/-1;
+}
+
+@media screen and (min-width: 500px) {
+  .margin-content .videos, .margin-content .playlists {
+    --miniatureMinWidth: 255px;
+    --miniatureMaxWidth: 280px;
+    display: grid;
+    grid-column-gap: 30px;
+    column-gap: 30px;
+    grid-template-columns: repeat(auto-fill,minmax(var(--miniatureMinWidth),1fr));
+  }
+}
+
+.section.channel .section-title a {
+  display: flex;
+  width: -webkit-fit-content;
+  width: -moz-fit-content;
+  width: fit-content;
+  align-items: center;
+}
+
+.section .section-title a {
+  color: var(--mainForegroundColor);
+}

public/css/watch.css

@@ -0,0 +1,12 @@
+.avatar-25 {
+  --avatarSize: 25px !important;
+}
+
+.avatar-and-textarea {
+  display: flex;
+  margin-bottom: 10px;
+}
+
+.avatar-and-textarea my-actor-avatar {
+  margin-inline-end: 10px;
+}