├── assets
    ├── js
    │   └── .gitkeep
    ├── css
    │   └── .gitkeep
    └── img
    │   ├── .gitkeep
    │   ├── whoops.svg
    │   └── 404.svg
├── app
    ├── PostTypes
    │   └── .gitkeep
    ├── Http
    │   ├── Controllers
    │   │   ├── .gitkeep
    │   │   └── Controller.php
    │   └── Lumberjack.php
    ├── Menu
    │   ├── Menu.php
    │   └── Item.php
    ├── Providers
    │   └── AppServiceProvider.php
    └── Exceptions
    │   └── Handler.php
├── .gitignore
├── views
    ├── html-footer.twig
    ├── templates
    │   ├── generic-page.twig
    │   ├── home.twig
    │   ├── posts.twig
    │   └── errors
    │   │   ├── 404.twig
    │   │   └── whoops.twig
    ├── base.twig
    └── html-header.twig
├── screenshot.png
├── config
    ├── timber.php
    ├── menus.php
    ├── posttypes.php
    ├── images.php
    ├── session.php
    └── app.php
├── style.css
├── .editorconfig
├── routes.php
├── bootstrap
    ├── app.php
    └── autoload.php
├── functions.php
├── phpcs.xml
├── .github
    ├── PULL_REQUEST_TEMPLATE.md
    └── ISSUE_TEMPLATE.md
├── single.php
├── 404.php
├── search.php
├── composer.json
├── index.php
├── author.php
├── page.php
├── LICENSE.txt
├── archive.php
└── README.md


/assets/js/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/app/PostTypes/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/assets/css/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/assets/img/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | vendor
3 | 


--------------------------------------------------------------------------------
/views/html-footer.twig:
--------------------------------------------------------------------------------
1 | {{ function('wp_footer') }}
2 | 


--------------------------------------------------------------------------------
/screenshot.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/Rareloop/lumberjack/HEAD/screenshot.png


--------------------------------------------------------------------------------
/config/timber.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * List of directories to load Twig files from
 6 |      */
 7 |     'paths' => [
 8 |         'views',
 9 |     ],
10 | ];
11 | 


--------------------------------------------------------------------------------
/views/templates/generic-page.twig:
--------------------------------------------------------------------------------
1 | {% extends "base.twig" %}
2 | 
3 | {% block content %}
4 |     <main>
5 |         <h1>{{ title }}</h1>
6 |         {{ content|raw }}
7 |     </main>
8 | {% endblock %}
9 | 


--------------------------------------------------------------------------------
/views/templates/home.twig:
--------------------------------------------------------------------------------
1 | {% extends "base.twig" %}
2 | 
3 | {% block content %}
4 |     <main>
5 |         <h1>{{ title }}</h1>
6 |         <p>{{ content|raw }}</p>
7 |     </main>
8 | {% endblock %}
9 | 


--------------------------------------------------------------------------------
/style.css:
--------------------------------------------------------------------------------
1 | /*
2 | Theme Name:     Lumberjack Starter Theme
3 | Description:    A supercharged starter theme for WordPress
4 | Version:        2.0.0
5 | Author:         Rareloop
6 | Author URI:     http://rareloop.com
7 | */
8 | 


--------------------------------------------------------------------------------
/app/Http/Controllers/Controller.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http\Controllers;
 4 | 
 5 | use Rareloop\Lumberjack\Http\Controller as BaseController;
 6 | 
 7 | class Controller extends BaseController
 8 | {
 9 | 
10 | }
11 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | # editorconfig.org
 2 | 
 3 | root = true
 4 | 
 5 | [*]
 6 | indent_style = space
 7 | indent_size = 4
 8 | end_of_line = lf
 9 | charset = utf-8
10 | trim_trailing_whitespace = true
11 | insert_final_newline = true
12 | 


--------------------------------------------------------------------------------
/config/menus.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * List of menus to register with WordPress during bootstrap
 6 |      */
 7 |     'menus' => [
 8 |         'main-nav' => __('Main Navigation'),
 9 |     ],
10 | ];
11 | 


--------------------------------------------------------------------------------
/routes.php:
--------------------------------------------------------------------------------
1 | <?php
2 | 
3 | use Rareloop\Lumberjack\Facades\Router;
4 | use Zend\Diactoros\Response\HtmlResponse;
5 | 
6 | // Router::get('hello-world', function () {
7 | //     return new HtmlResponse('<h1>Hello World!</h1>');
8 | // });
9 | 


--------------------------------------------------------------------------------
/app/Menu/Menu.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Menu;
 4 | 
 5 | use Timber\Menu as TimberMenu;
 6 | 
 7 | class Menu extends TimberMenu
 8 | {
 9 |     public $MenuItemClass = 'App\Menu\Item';
10 |     public $PostClass = 'Rareloop\Lumberjack\Post';
11 | }
12 | 


--------------------------------------------------------------------------------
/config/posttypes.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * List all the sub-classes of Rareloop\Lumberjack\Post in your app that you wish to
 6 |      * automatically register with WordPress as part of the bootstrap process.
 7 |      */
 8 |     'register' => [
 9 |     ],
10 | ];
11 | 


--------------------------------------------------------------------------------
/views/base.twig:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html {{ site.language_attributes }}>
 3 | 
 4 |     {% include 'html-header.twig' %}
 5 | 
 6 |     <body class="{{ body_class }}">
 7 | 
 8 |         {% block content %}
 9 |             <p>Sorry, no content</p>
10 |         {% endblock %}
11 | 
12 |         {% include 'html-footer.twig' %}
13 |     </body>
14 | </html>
15 | 


--------------------------------------------------------------------------------
/config/images.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * List of image sizes to register, each image size looks like:
 6 |      *     [
 7 |      *         'name' => 'thumb'
 8 |      *         'width' => 100,
 9 |      *         'height' => 200,
10 |      *         'crop' => true,
11 |      *     ]
12 |      */
13 |     'sizes' => [
14 |     ],
15 | ];
16 | 


--------------------------------------------------------------------------------
/bootstrap/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use Rareloop\Lumberjack\Application;
 4 | use App\Exceptions\Handler;
 5 | use Rareloop\Lumberjack\Exceptions\HandlerInterface;
 6 | 
 7 | $autoloader = require_once('autoload.php');
 8 | 
 9 | $autoloader('App\\', dirname(__DIR__) . '/app/');
10 | 
11 | $app = new Application(dirname(__DIR__));
12 | 
13 | $app->bind(HandlerInterface::class, $app->make(Handler::class));
14 | 
15 | return $app;
16 | 


--------------------------------------------------------------------------------
/views/html-header.twig:
--------------------------------------------------------------------------------
 1 | <head>
 2 |     <title>{{ function('wp_title') }}</title>
 3 |     <meta charset="{{ site.charset }}" />
 4 |     <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 5 |     <meta name="format-detection" content="telephone=no">
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |     <link rel="pingback" href="{{ site.pingback_url }}" />
 8 | 
 9 |     {{ function('wp_head') }}
10 | </head>
11 | 


--------------------------------------------------------------------------------
/functions.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | use App\Http\Lumberjack;
 4 | 
 5 | // Create the Application Container
 6 | $app = require_once('bootstrap/app.php');
 7 | 
 8 | // Bootstrap Lumberjack from the Container
 9 | $lumberjack = $app->make(Lumberjack::class);
10 | $lumberjack->bootstrap();
11 | 
12 | // Import our routes file
13 | require_once('routes.php');
14 | 
15 | // Set global params in the Timber context
16 | add_filter('timber_context', [$lumberjack, 'addToContext']);
17 | 


--------------------------------------------------------------------------------
/app/Providers/AppServiceProvider.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Providers;
 4 | 
 5 | use Rareloop\Lumberjack\Providers\ServiceProvider;
 6 | 
 7 | class AppServiceProvider extends ServiceProvider
 8 | {
 9 |     /**
10 |      * Register any app specific items into the container
11 |      */
12 |     public function register()
13 |     {
14 |     }
15 | 
16 |     /**
17 |      * Perform any additional boot required for this application
18 |      */
19 |     public function boot()
20 |     {
21 |     }
22 | }
23 | 


--------------------------------------------------------------------------------
/app/Menu/Item.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Menu;
 4 | 
 5 | use Timber\MenuItem as TimberMenuItem;
 6 | 
 7 | class Item extends TimberMenuItem
 8 | {
 9 |     public $PostClass = 'Rareloop\Lumberjack\Post';
10 |     public $listItemClass = 'page-list__item';
11 | 
12 |     public function __construct($data)
13 |     {
14 |         parent::__construct($data);
15 | 
16 |         // Add a modifier class if the item is the current page
17 |         if ($data->current) {
18 |             $this->add_class($this->listItemClass . '--current');
19 |         }
20 |     }
21 | }
22 | 


--------------------------------------------------------------------------------
/phpcs.xml:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0"?>
 2 | <ruleset name="Roots">
 3 |   <description>Rareloop Coding Standards</description>
 4 | 
 5 |   <!-- Scan all files in directory -->
 6 |   <file>.</file>
 7 | 
 8 |   <!-- Scan only PHP files -->
 9 |   <arg name="extensions" value="php"/>
10 | 
11 |   <!-- Ignore WordPress and Composer dependencies -->
12 |   <exclude-pattern>*/vendor/*</exclude-pattern>
13 | 
14 |   <!-- Show colors in console -->
15 |   <arg value="-colors"/>
16 | 
17 |   <!-- Show sniff codes in all reports -->
18 |   <arg value="ns"/>
19 | 
20 |   <!-- Use PSR-12 as a base -->
21 |   <rule ref="PSR12"/>
22 | </ruleset>
23 | 


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | (Thanks for sending a pull request! Please make sure you read the contribution guidelines, then fill out the blanks below.)
 2 | 
 3 | What does this implement/fix? Explain your changes.
 4 | ---------------------------------------------------
 5 | …
 6 | 
 7 | Does this close any currently open issues?
 8 | ------------------------------------------
 9 | …
10 | 
11 | 
12 | Any relevant logs, error output, etc?
13 | -------------------------------------
14 | (If it’s long, please paste to https://ghostbin.com/ and insert the link here.)
15 | 
16 | Any other comments?
17 | -------------------
18 | …
19 | 


--------------------------------------------------------------------------------
/single.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The Template for displaying all single posts
 5 |  */
 6 | 
 7 | namespace App;
 8 | 
 9 | use App\Http\Controllers\Controller;
10 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
11 | use Rareloop\Lumberjack\Post;
12 | use Timber\Timber;
13 | 
14 | class SingleController extends Controller
15 | {
16 |     public function handle()
17 |     {
18 |         $context = Timber::get_context();
19 |         $post = new Post();
20 | 
21 |         $context['post'] = $post;
22 |         $context['title'] = $post->title;
23 |         $context['content'] = $post->content;
24 | 
25 |         return new TimberResponse('templates/generic-page.twig', $context);
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/404.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The template for displaying 404 pages (Not Found)
 5 |  *
 6 |  * Methods for TimberHelper can be found in the /functions sub-directory
 7 |  *
 8 |  * @package  WordPress
 9 |  * @subpackage  Timber
10 |  * @since    Timber 0.1
11 |  */
12 | 
13 | namespace App;
14 | 
15 | use App\Http\Controllers\Controller;
16 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
17 | use Timber\Timber;
18 | 
19 | /**
20 |  * Class names can not start with a number so the 404 controller has a special cased name
21 |  */
22 | class Error404Controller extends Controller
23 | {
24 |     public function handle()
25 |     {
26 |         return new TimberResponse('templates/errors/404.twig', Timber::get_context(), 404);
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/search.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * Search results page
 5 |  */
 6 | 
 7 | namespace App;
 8 | 
 9 | use App\Http\Controllers\Controller;
10 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
11 | use Rareloop\Lumberjack\Post;
12 | use Timber\Timber;
13 | 
14 | class SearchController extends Controller
15 | {
16 |     public function handle()
17 |     {
18 |         $context = Timber::get_context();
19 |         $searchQuery = get_search_query();
20 | 
21 |         $context['title'] = 'Search results for \'' . htmlspecialchars($searchQuery) . '\'';
22 |         $context['posts'] = Post::query([
23 |             's' => $searchQuery,
24 |         ]);
25 | 
26 |         return new TimberResponse('templates/posts.twig', $context);
27 |     }
28 | }
29 | 


--------------------------------------------------------------------------------
/composer.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "name": "rareloop/lumberjack",
 3 |     "license": "MIT",
 4 |     "type": "wordpress-theme",
 5 |     "description": "Lumberjack WordPress starter theme",
 6 |     "authors": [
 7 |         {
 8 |             "name": "Adam Tomat",
 9 |             "email": "adam.tomat@rareloop.com",
10 |             "homepage": "http://rareloop.com"
11 |         },
12 |         {
13 |             "name": "Joe Lambert",
14 |             "email": "joe@rareloop.com",
15 |             "homepage": "http://rareloop.com"
16 |         }
17 |     ],
18 |     "keywords": [
19 |         "lumberjack", "composer", "wordpress", "wp", "theme", "timber", "twig", "mvc", "dry"
20 |     ],
21 |     "require": {
22 |         "composer/installers": "^1.0"
23 |     }
24 | }
25 | 


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The main template file
 5 |  * This is the most generic template file in a WordPress theme
 6 |  * and one of the two required files for a theme (the other being style.css).
 7 |  * It is used to display a page when nothing more specific matches a query.
 8 |  * E.g., it puts together the home page when no home.php file exists
 9 |  */
10 | 
11 | namespace App;
12 | 
13 | use App\Http\Controllers\Controller;
14 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
15 | use Rareloop\Lumberjack\Post;
16 | use Timber\Timber;
17 | 
18 | class IndexController extends Controller
19 | {
20 |     public function handle()
21 |     {
22 |         $context = Timber::get_context();
23 |         $context['posts'] = Post::all();
24 | 
25 |         return new TimberResponse('templates/posts.twig', $context);
26 |     }
27 | }
28 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | If this is a feature request, explain why it should be added. Specific use-cases are best.
 2 | 
 3 | For bug reports, please provide as much relevant info as possible.
 4 | 
 5 | What are the steps to reproduce this issue?
 6 | -------------------------------------------
 7 | 1. …
 8 | 2. …
 9 | 3. …
10 | 
11 | What happens?
12 | -------------
13 | …
14 | 
15 | What were you expecting to happen?
16 | ----------------------------------
17 | …
18 | 
19 | Any logs, error output, etc?
20 | ----------------------------
21 | (If it’s long, please paste to https://ghostbin.com/ and insert the link here.)
22 | 
23 | 
24 | Any other comments?
25 | -------------------
26 | …
27 | 
28 | What versions of software are you using?
29 | ----------------------------------------
30 | **Operating System:** …
31 | 
32 | **PHP Version:** …
33 | 
34 | **Lumberjack Version:** …
35 | 


--------------------------------------------------------------------------------
/author.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The template for displaying Author Archive pages
 5 |  */
 6 | 
 7 | namespace App;
 8 | 
 9 | use App\Http\Controllers\Controller;
10 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
11 | use Rareloop\Lumberjack\Post;
12 | use Timber\Timber;
13 | use Timber\User as TimberUser;
14 | 
15 | class AuthorController extends Controller
16 | {
17 |     public function handle()
18 |     {
19 |         global $wp_query;
20 | 
21 |         $data = Timber::get_context();
22 |         $author = new TimberUser($wp_query->query_vars['author']);
23 | 
24 |         $data['author'] = $author;
25 |         $data['title'] = 'Author Archives: ' . $author->name();
26 | 
27 |         $data['posts'] = Post::query([
28 |             'author' => $author->ID
29 |         ]);
30 | 
31 |         return new TimberResponse('templates/posts.twig', $data);
32 |     }
33 | }
34 | 


--------------------------------------------------------------------------------
/page.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The template for displaying all pages.
 5 |  *
 6 |  * This is the template that displays all pages by default.
 7 |  * Please note that this is the WordPress construct of pages
 8 |  * and that other 'pages' on your WordPress site will use a
 9 |  * different template.
10 |  */
11 | 
12 | namespace App;
13 | 
14 | use App\Http\Controllers\Controller;
15 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
16 | use Rareloop\Lumberjack\Page;
17 | use Timber\Timber;
18 | 
19 | class PageController extends Controller
20 | {
21 |     public function handle()
22 |     {
23 |         $context = Timber::get_context();
24 |         $page = new Page();
25 | 
26 |         $context['post'] = $page;
27 |         $context['title'] = $page->title;
28 |         $context['content'] = $page->content;
29 | 
30 |         return new TimberResponse('templates/generic-page.twig', $context);
31 |     }
32 | }
33 | 


--------------------------------------------------------------------------------
/views/templates/posts.twig:
--------------------------------------------------------------------------------
 1 | {% extends "base.twig" %}
 2 | 
 3 | {% block content %}
 4 |     <main>
 5 |         <h1>{{ title }}</h1>
 6 | 
 7 |         <div class="typography">
 8 |             {{ content|raw }}
 9 |         </div>
10 | 
11 |         {% if posts|length > 0 %}
12 |             <ul class="posts">
13 |                 {% for post in posts %}
14 |                     <li class="posts__item">
15 |                         <article class="post">
16 |                             <h1><a href="{{ post.link }}">{{ post.title }}</a></h1>
17 |                             <div>
18 |                                 {{ post.content|raw }}
19 |                             </div>
20 |                         </article>
21 |                     </li>
22 |                 {% endfor %}
23 |             </ul>
24 |         {% else %}
25 |             <p>No results found.</p>
26 |         {% endif %}
27 |     </main>
28 | {% endblock %}
29 | 


--------------------------------------------------------------------------------
/app/Http/Lumberjack.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Http;
 4 | 
 5 | use Rareloop\Lumberjack\Http\Lumberjack as LumberjackCore;
 6 | use App\Menu\Menu;
 7 | 
 8 | class Lumberjack extends LumberjackCore
 9 | {
10 |     public function addToContext($context)
11 |     {
12 |         $context['is_home'] = is_home();
13 |         $context['is_front_page'] = is_front_page();
14 |         $context['is_logged_in'] = is_user_logged_in();
15 | 
16 |         // In Timber, you can use TimberMenu() to make a standard Wordpress menu available to the
17 |         // Twig template as an object you can loop through. And once the menu becomes available to
18 |         // the context, you can get items from it in a way that is a little smoother and more
19 |         // versatile than Wordpress's wp_nav_menu. (You need never again rely on a
20 |         // crazy "Walker Function!")
21 |         $context['menu'] = new Menu('main-nav');
22 | 
23 |         return $context;
24 |     }
25 | }
26 | 


--------------------------------------------------------------------------------
/LICENSE.txt:
--------------------------------------------------------------------------------
 1 | Copyright (c) 2015-17 Rareloop http://rareloop.com
 2 | 
 3 | The MIT License (MIT)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/app/Exceptions/Handler.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | namespace App\Exceptions;
 4 | 
 5 | use Exception;
 6 | use Psr\Http\Message\ResponseInterface;
 7 | use Rareloop\Lumberjack\Exceptions\Handler as LumberjackHandler;
 8 | use Rareloop\Lumberjack\Facades\Config;
 9 | use Rareloop\Lumberjack\Facades\Log;
10 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
11 | use Timber\Timber;
12 | use Psr\Http\Message\ServerRequestInterface;
13 | 
14 | class Handler extends LumberjackHandler
15 | {
16 |     protected $dontReport = [];
17 | 
18 |     public function report(Exception $e)
19 |     {
20 |         parent::report($e);
21 |     }
22 | 
23 |     public function render(ServerRequestInterface $request, Exception $e): ResponseInterface
24 |     {
25 |         // Provide a customisable error rendering when not in debug mode
26 |         try {
27 |             if (Config::get('app.debug') === false) {
28 |                 $data = Timber::get_context();
29 |                 $data['exception'] = $e;
30 | 
31 |                 return new TimberResponse('templates/errors/whoops.twig', $data, 500);
32 |             }
33 |         } catch (Exception $customRenderException) {
34 |             // Something went wrong in the custom renderer, log it and show the default rendering
35 |             Log::error($customRenderException);
36 |         }
37 | 
38 |         return parent::render($request, $e);
39 |     }
40 | }
41 | 


--------------------------------------------------------------------------------
/bootstrap/autoload.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return function ($prefix, $baseDir) {
 4 |     /**
 5 |      * An example of a project-specific implementation.
 6 |      *
 7 |      * After registering this autoload function with SPL, the following line
 8 |      * would cause the function to attempt to load the \Foo\Bar\Baz\Qux class
 9 |      * from /path/to/project/src/Baz/Qux.php:
10 |      *
11 |      *      new \Foo\Bar\Baz\Qux;
12 |      *
13 |      * @param string $class The fully-qualified class name.
14 |      * @return void
15 |      */
16 |     spl_autoload_register(function ($class) use ($prefix, $baseDir) {
17 |         // does the class use the namespace prefix?
18 |         $len = strlen($prefix);
19 | 
20 |         if (strncmp($prefix, $class, $len) !== 0) {
21 |             // no, move to the next registered autoloader
22 |             return;
23 |         }
24 | 
25 |         // get the relative class name
26 |         $relativeClass = substr($class, $len);
27 | 
28 |         // replace the namespace prefix with the base directory, replace namespace
29 |         // separators with directory separators in the relative class name, append
30 |         // with .php
31 |         $file = $baseDir . str_replace('\\', '/', $relativeClass) . '.php';
32 | 
33 |         // if the file exists, require it
34 |         if (file_exists($file)) {
35 |             require $file;
36 |         }
37 |     });
38 | };
39 | 


--------------------------------------------------------------------------------
/config/session.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * The driver to use to store the session (defaults to `file`)
 6 |      */
 7 |     'driver' => getenv('SESSION_DRIVER') ?: 'file',
 8 | 
 9 |     /**
10 |      * The name of the cookie that is set in a visitors browser
11 |      */
12 |     'cookie' => getenv('SESSION_COOKIE') ?: 'lumberjack_session',
13 | 
14 |     /**
15 |      * How long the session will persist for
16 |      */
17 |     'lifetime' => getenv('SESSION_LIFETIME') ?: 120,
18 | 
19 |     /**
20 |      * The URL path that will be considered valid for the cookie. Normally this is the
21 |      * root of the domain but might need to be changed if serving WordPress from a sub-directory.
22 |      */
23 |     'path' => '/',
24 | 
25 |     /**
26 |      * The domain that the cookie is valid for
27 |      */
28 |     'domain' => getenv('SESSION_DOMAIN') ?: null,
29 | 
30 |     /**
31 |      * If true, the cookie will only be sent if the connection is done over HTTPS
32 |      */
33 |     'secure' => getenv('SESSION_SECURE_COOKIE') ?: false,
34 | 
35 |     /**
36 |      * If true, JavaScript will not be able to access the cookie data
37 |      */
38 |     'http_only' => true,
39 | 
40 |     /**
41 |      * Should the session data be encrypted when stored?
42 |      */
43 |     'encrypt' => false,
44 | 
45 |     /**
46 |      * When using the `file` driver this is the path to which session data is stored.
47 |      * If none is specified the default PHP location will be used.
48 |      */
49 |     'files' => false,
50 | ];
51 | 


--------------------------------------------------------------------------------
/archive.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | /**
 4 |  * The template for displaying Archive pages.
 5 |  *
 6 |  * Used to display archive-type pages if nothing more specific matches a query.
 7 |  * For example, puts together date-based pages if no date.php file exists.
 8 |  *
 9 |  * Learn more: http://codex.wordpress.org/Template_Hierarchy
10 |  */
11 | 
12 | namespace App;
13 | 
14 | use App\Http\Controllers\Controller;
15 | use Rareloop\Lumberjack\Http\Responses\TimberResponse;
16 | use Rareloop\Lumberjack\Post;
17 | use Timber\Timber;
18 | 
19 | class ArchiveController extends Controller
20 | {
21 |     public function handle()
22 |     {
23 |         $data = Timber::get_context();
24 |         $data['title'] = 'Archive';
25 | 
26 |         if (is_day()) {
27 |             $data['title'] = 'Archive: ' . get_the_date('D M Y');
28 |         } elseif (is_month()) {
29 |             $data['title'] = 'Archive: ' . get_the_date('M Y');
30 |         } elseif (is_year()) {
31 |             $data['title'] = 'Archive: ' . get_the_date('Y');
32 |         } elseif (is_tag()) {
33 |             $data['title'] = single_tag_title('', false);
34 |         } elseif (is_category()) {
35 |             $data['title'] = single_cat_title('', false);
36 |         } elseif (is_post_type_archive()) {
37 |             $data['title'] = post_type_archive_title('', false);
38 |         }
39 | 
40 |         // TODO: Currently only works for posts, fix for custom post types
41 |         $data['posts'] = Post::query();
42 | 
43 |         return new TimberResponse('templates/posts.twig', $data);
44 |     }
45 | }
46 | 


--------------------------------------------------------------------------------
/config/app.php:
--------------------------------------------------------------------------------
 1 | <?php
 2 | 
 3 | return [
 4 |     /**
 5 |      * The current application environment
 6 |      */
 7 |     'environment' => getenv('WP_ENV'),
 8 | 
 9 |     /**
10 |      * Is debug mode enabled?
11 |      */
12 |     'debug' => WP_DEBUG ?? false,
13 | 
14 |     /**
15 |      * List of providers to initialise during app boot
16 |      */
17 |     'providers' => [
18 |         Rareloop\Lumberjack\Providers\RouterServiceProvider::class,
19 |         Rareloop\Lumberjack\Providers\WordPressControllersServiceProvider::class,
20 |         Rareloop\Lumberjack\Providers\TimberServiceProvider::class,
21 |         Rareloop\Lumberjack\Providers\ImageSizesServiceProvider::class,
22 |         Rareloop\Lumberjack\Providers\CustomPostTypesServiceProvider::class,
23 |         Rareloop\Lumberjack\Providers\MenusServiceProvider::class,
24 |         Rareloop\Lumberjack\Providers\LogServiceProvider::class,
25 |         Rareloop\Lumberjack\Providers\ThemeSupportServiceProvider::class,
26 |         Rareloop\Lumberjack\Providers\QueryBuilderServiceProvider::class,
27 |         Rareloop\Lumberjack\Providers\SessionServiceProvider::class,
28 |         Rareloop\Lumberjack\Providers\EncryptionServiceProvider::class,
29 | 
30 |         // Application Providers
31 |         App\Providers\AppServiceProvider::class,
32 |     ],
33 | 
34 |     'aliases' => [
35 |         'Config' => Rareloop\Lumberjack\Facades\Config::class,
36 |         'Log' => Rareloop\Lumberjack\Facades\Log::class,
37 |         'Router' => Rareloop\Lumberjack\Facades\Router::class,
38 |         'Session' => Rareloop\Lumberjack\Facades\Session::class,
39 |     ],
40 | 
41 |     /**
42 |      * Logs enabled, path and level
43 |      *
44 |      * When path is `false` the default Apache/Nginx error logs are used. By setting path to a string, no logs will be sent
45 |      * to the default and instead a file will be created. To disable all logging output set `enabled` to `false`.
46 |      */
47 |     'logs' => [
48 |         'enabled' => true,
49 |         'path' => false,
50 |         'level' => Monolog\Logger::ERROR,
51 |     ],
52 | 
53 |     'themeSupport' => [
54 |         'post-thumbnails',
55 |     ],
56 | 
57 |     /**
58 |      * The key used by the Encrypter. This should be a random 32 character string.
59 |      */
60 |     'key' => getenv('APP_KEY'),
61 | ];
62 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | [![framework](https://img.shields.io/github/release/rareloop/lumberjack-core.svg)](https://github.com/Rareloop/lumberjack/releases)
  2 | [![GitHub license](https://img.shields.io/github/license/rareloop/lumberjack.svg)](https://github.com/Rareloop/lumberjack/blob/master/LICENSE.txt)
  3 | ![Downloads](https://img.shields.io/packagist/dt/rareloop/lumberjack-core.svg)
  4 | [![Trees Planted](https://img.shields.io/ecologi/trees/rareloop.svg?label=trees%20planted)](https://ecologi.com/rareloop?r=60618d1bcdd7a4001d7b86f2)
  5 | 
  6 | 
  7 | <img src="https://lumberjack.rareloop.com/app/themes/lumberjack/assets/img/logo.svg" alt="Lumberjack Logo" />
  8 | 
  9 | # Supercharge your WordPress Development
 10 | 
 11 | Lumberjack is a powerful MVC framework for the modern WordPress developer. Write better, more expressive and easier to maintain code.
 12 | 
 13 | ## Who is Lumberjack for?
 14 | 
 15 | Coming from another PHP framework such as Laravel, have experience using Timber with WordPress but want more, or are just getting started with modern WordPress? Then Lumberjack is for you.
 16 | 
 17 | Use as little or as much as you need, it's beginner friendly!
 18 | 
 19 | ## Documentation
 20 | 
 21 | The Lumberjack documentation can be found here:
 22 | 
 23 | [https://docs.lumberjack.rareloop.com](https://docs.lumberjack.rareloop.com)
 24 | 
 25 | For more information, check out the website:
 26 | 
 27 | [https://lumberjack.rareloop.com](https://lumberjack.rareloop.com)
 28 | 
 29 | *Note: This repository is just the starter theme used for the project and doesn't require updating very often. The majority of the development work, and where progress can be seen if you're interested, is in the [framework repository](https://github.com/Rareloop/lumberjack-core)*
 30 | 
 31 | ## Getting Started
 32 | 
 33 | See the documentation for details on how to get started: [https://docs.lumberjack.rareloop.com/getting-started/installation](https://docs.lumberjack.rareloop.com/getting-started/installation)
 34 | 
 35 | ## Built on strong foundations
 36 | 
 37 | Standing on the shoulders of giants, Lumberjack proudly builds on the great work of other open source WordPress projects.
 38 | 
 39 | - [Bedrock](https://roots.io/bedrock/docs/installing-bedrock/)
 40 | - [Timber](https://timber.github.io/docs/)
 41 | 
 42 | ## Beautiful code. Easy to maintain
 43 | 
 44 | Object orientated and MVC patterns help keep your code structured and DRY.
 45 | 
 46 | **index.php**
 47 | 
 48 | ```php
 49 | class IndexController
 50 | {
 51 |     public function handle()
 52 |     {
 53 |         $context = Timber::get_context();
 54 |         $context['posts'] = Post::whereStatus('publish')
 55 |             ->limit(5)
 56 |             ->get();
 57 | 
 58 |         return new TimberResponse('index.twig', $context);
 59 |     }
 60 | }
 61 | ```
 62 | 
 63 | **index.twig**
 64 | 
 65 | ```html
 66 | {% if posts is not empty %}
 67 |     <h4>Recent Articles</h4>
 68 |     <ul>
 69 |         {% for post in posts %}
 70 |             <li class="article">
 71 |                 <h3>{{ $post->title }}</h3>
 72 |                 {{ $post->preview }}
 73 |                 <a href="{{ $post->link }}">Read the full story</a>
 74 |             </li>
 75 |         {% endfor %}
 76 |     </ul>
 77 | {% endif %}
 78 | ```
 79 | 
 80 | ## You're in good company
 81 | 
 82 | > Lumberjack is the deluxe version of what Modern WordPress should look like today. The team has done a great job of making it easy to build complicated custom applications while taking advantage of the best parts of WordPress.
 83 | >
 84 | > **_- Jared Novack - Timber creator_**
 85 | 
 86 | ## Made by [Rareloop](https://rareloop.com)
 87 | 
 88 | We're a Digital Product Studio based in Southampton (UK) with many years experience working on modern WordPress websites. We design and build digital products for a range of clients, take a look at what else we can do.
 89 | 
 90 | [Find out more](https://rareloop.com)
 91 | 
 92 | ## Licence & Giving Back
 93 | Lumberjack is available under the [MIT license](https://github.com/Rareloop/lumberjack/blob/master/LICENSE.txt) and you're free to use it for personal or commercial projects.
 94 | 
 95 | **If you've recieved value from Lumberjack we'd hugely appreciate it if you could donate to our [Ecologi forest](https://ecologi.com/rareloop?r=60618d1bcdd7a4001d7b86f2) and help us plant real life trees to combat the climate crisis. Compared to the cost of developing a framework like Lumberjack, a few trees per project is a bargain and makes a positive difference to the environment.**
 96 | 
 97 | [![Trees Planted](https://img.shields.io/ecologi/trees/rareloop.svg?label=trees%20planted&style=for-the-badge)](https://ecologi.com/rareloop?r=60618d1bcdd7a4001d7b86f2)
 98 | 
 99 | [Help us plant real life trees 🌱](https://ecologi.com/rareloop?r=60618d1bcdd7a4001d7b86f2)
100 | 


--------------------------------------------------------------------------------
/views/templates/errors/404.twig:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html {{ site.language_attributes }} class="core">
  3 | 
  4 |     <head>
  5 |         <title>{{ function('wp_title') }}</title>
  6 |         <meta charset="{{ site.charset }}" />
  7 |         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8 |         <meta name="format-detection" content="telephone=no">
  9 |         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 10 |         <link rel="pingback" href="{{ site.pingback_url }}" />
 11 |         <link href="https://fonts.googleapis.com/css?family=Open+Sans:700,800" rel="stylesheet">
 12 | 
 13 |         <style>
 14 |             html {
 15 |                 -webkit-box-sizing: border-box;
 16 |                 box-sizing: border-box;
 17 |             }
 18 | 
 19 |             *,
 20 |             *:before,
 21 |             *:after {
 22 |                 -webkit-box-sizing: inherit;
 23 |                 box-sizing: inherit;
 24 |             }
 25 | 
 26 |             html,
 27 |             body {
 28 |                 -moz-osx-font-smoothing: grayscale;
 29 |                 -webkit-font-smoothing: antialiased;
 30 |                 font-family: "Open Sans", sans-serif;
 31 |                 font-weight: 700;
 32 |                 color: #000;
 33 |                 color: #0f114c;
 34 |             }
 35 | 
 36 |             body {
 37 |                 margin: 0;
 38 | 
 39 |                 font-size: 100%;
 40 |             }
 41 | 
 42 |             @supports (display: flex) {
 43 |                 .right {
 44 |                     width: 130%;
 45 |                     height: 0;
 46 |                     margin-left: -30%;
 47 |                     padding-top: 143%;
 48 | 
 49 |                     background: url({{ site.theme.link }}/assets/img/404.svg) top left;
 50 |                     background-size: cover;
 51 |                 }
 52 |             }
 53 | 
 54 |             .main-content {
 55 |                 padding: 2em;
 56 |             }
 57 | 
 58 |             .status-code {
 59 |                 font-size: 3.75rem;
 60 |                 font-weight: 800;
 61 |             }
 62 | 
 63 |             .page-title {
 64 |                 margin: 0;
 65 | 
 66 |                 font-size: 1.875rem;
 67 |                 font-weight: 800;
 68 |                 letter-spacing: -1.2px;
 69 |             }
 70 | 
 71 |             .page-title:after {
 72 |                 content: '';
 73 |                 display: block;
 74 |                 margin: 1.5em 0;
 75 |                 width: 76px;
 76 |                 height: 5px;
 77 | 
 78 |                 background: #ff6565;
 79 |             }
 80 | 
 81 |             .status-message {
 82 |                 margin: 0 0 2em;
 83 | 
 84 |                 line-height: 2.2em;
 85 |             }
 86 | 
 87 |             .button {
 88 |                 display: block;
 89 |                 padding: 1em 0;
 90 |                 min-width: 160px;
 91 | 
 92 |                 font-family: 'Open Sans', sans-serif;
 93 |                 font-size: 1rem;
 94 |                 font-weight: 800;
 95 |                 text-align: center;
 96 |                 color: #fff;
 97 |                 text-decoration: none;
 98 | 
 99 |                 background: #0f114c;
100 |                 border: 3px solid #0f114c;
101 | 
102 |                 transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
103 | 
104 |                 cursor: pointer;
105 |             }
106 | 
107 |             .button:hover {
108 |                 background: #ff6565;
109 |                 border-color: #ff6565;
110 |             }
111 | 
112 |             .button--back {
113 |                 margin-top: 1em;
114 | 
115 |                 color: #0f114c;
116 | 
117 |                 background: #fff;
118 |             }
119 | 
120 |             .button--back:hover {
121 |                 color: #ff6565;
122 | 
123 |                 background-color: transparent;
124 |                 border-color: #ff6565;
125 |             }
126 | 
127 |             .text-highlight {
128 |                 position: relative;
129 |             }
130 | 
131 |             .text-highlight:before {
132 |                 content: '';
133 | 
134 |                 position: absolute;
135 |                 top: 8%;
136 |                 left: 0;
137 |                 z-index: -1;
138 | 
139 |                 width: 100%;
140 |                 height: 72%;
141 | 
142 |                 background: #E3E8EE;
143 |             }
144 | 
145 |             .core .button--back {
146 |                 display: none;
147 |             }
148 | 
149 |             ::selection {
150 |                 background: #ff6565;
151 |             }
152 | 
153 |             ::-moz-selection {
154 |                 background: #ff6565;
155 |             }
156 | 
157 |             @media screen and (min-width: 460px) {
158 |                 .button {
159 |                     display: inline-block;
160 |                 }
161 | 
162 |                 .button--back {
163 |                     margin: 0 0 0 0.5em;
164 |                 }
165 |             }
166 | 
167 |             @media screen and (min-width: 800px) {
168 |                 html {
169 |                     height: 100%;
170 |                 }
171 | 
172 |                 body {
173 |                     display: flex;
174 |                     height: 100%;
175 |                 }
176 | 
177 |                 @supports (display: flex) {
178 |                     .left,
179 |                     .right {
180 |                         width: 50%;
181 |                     }
182 | 
183 |                     .left {
184 |                         display: flex;
185 | 
186 |                         align-items: center;
187 |                         justify-content: flex-end;
188 |                     }
189 | 
190 |                     .right {
191 |                         height: 100%;
192 |                         margin-left: 0;
193 |                         padding: 0;
194 |                     }
195 |                 }
196 | 
197 |                 .main-content {
198 |                     max-width: 580px;
199 |                     padding-right: 0;
200 |                 }
201 | 
202 |                 .status-code {
203 |                     font-size: 6.125rem;
204 |                 }
205 | 
206 |                 .page-title {
207 |                     font-size: 2.5rem;
208 |                 }
209 | 
210 |                 .page-title:after {
211 |                     margin: 1.2em 0;
212 |                 }
213 |             }
214 |         </style>
215 |         <script>
216 |             window.enhanced = (
217 |                 'querySelector' in document &&
218 |                 'addEventListener' in window &&
219 |                 'matchMedia' in window &&
220 |                 'classList' in document.createElement('div') &&
221 |                 'history' in window &&
222 |                 'go' in window.history
223 |             );
224 |         </script>
225 |     </head>
226 | 
227 |     <body class="{{ body_class }}">
228 |         <div class="left">
229 |             <div class="main-content">
230 |                 <span class="status-code">404</span>
231 |                 <h1 class="page-title">Oops <span class="text-highlight">page not found</span></h1>
232 |                 <p class="status-message">We are very sorry for the inconvenience. It looks like you are trying to access a page that either has been deleted or never existed.</p>
233 |                 <div class="buttons">
234 |                     <a class="button button--home" href="{{ site.link }}">Go home</a>
235 |                 </div>
236 |             </div>
237 |         </div>
238 |         <div class="right"></div>
239 |         <script>
240 |             if (window.enhanced) {
241 |                 // Swap the html class
242 |                 var h = document.documentElement;
243 |                 h.classList.add('enhanced');
244 |                 h.classList.remove('core');
245 | 
246 |                 // Add the back button
247 |                 var buttons = document.querySelector('.buttons');
248 |                 var button = document.createElement('button');
249 |                 button.classList.add('button');
250 |                 button.classList.add('button--back');
251 |                 button.innerText = 'Go Back';
252 | 
253 |                 button.addEventListener('click', function(event) {
254 |                     event.preventDefault();
255 |                     window.history.go(-1);
256 |                 });
257 | 
258 |                 buttons.appendChild(button);
259 |             }
260 |         </script>
261 | 
262 |         {{ function('wp_footer') }}
263 |     </body>
264 | </html>
265 | 


--------------------------------------------------------------------------------
/views/templates/errors/whoops.twig:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html {{ site.language_attributes }} class="core">
  3 | 
  4 |     <head>
  5 |         <title>{{ function('wp_title')|default('Whoops, something went wrong') }}</title>
  6 |         <meta charset="{{ site.charset }}" />
  7 |         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8 |         <meta name="format-detection" content="telephone=no">
  9 |         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 10 |         <link rel="pingback" href="{{ site.pingback_url }}" />
 11 |         <link href="https://fonts.googleapis.com/css?family=Open+Sans:700,800" rel="stylesheet">
 12 | 
 13 |         <style>
 14 |             html {
 15 |                 -webkit-box-sizing: border-box;
 16 |                 box-sizing: border-box;
 17 |             }
 18 | 
 19 |             *,
 20 |             *:before,
 21 |             *:after {
 22 |                 -webkit-box-sizing: inherit;
 23 |                 box-sizing: inherit;
 24 |             }
 25 | 
 26 |             html,
 27 |             body {
 28 |                 -moz-osx-font-smoothing: grayscale;
 29 |                 -webkit-font-smoothing: antialiased;
 30 |                 font-family: "Open Sans", sans-serif;
 31 |                 font-weight: 700;
 32 |                 color: #000;
 33 |                 color: #0f114c;
 34 |             }
 35 | 
 36 |             body {
 37 |                 margin: 0;
 38 | 
 39 |                 font-size: 100%;
 40 |             }
 41 | 
 42 |             @supports (display: flex) {
 43 |                 .right {
 44 |                     width: 130%;
 45 |                     height: 0;
 46 |                     margin-left: -30%;
 47 |                     padding-top: 143%;
 48 | 
 49 |                     background: url({{ theme.link }}/assets/img/whoops.svg) center left;
 50 |                     background-size: cover;
 51 |                 }
 52 |             }
 53 | 
 54 |             .main-content {
 55 |                 padding: 2em;
 56 |             }
 57 | 
 58 |             .status-code {
 59 |                 font-size: 3.75rem;
 60 |                 font-weight: 800;
 61 |             }
 62 | 
 63 |             .page-title {
 64 |                 margin: 0;
 65 | 
 66 |                 font-size: 1.875rem;
 67 |                 font-weight: 800;
 68 |                 letter-spacing: -1.2px;
 69 |             }
 70 | 
 71 |             .page-title:after {
 72 |                 content: '';
 73 |                 display: block;
 74 |                 margin: 1.5em 0;
 75 |                 width: 76px;
 76 |                 height: 5px;
 77 | 
 78 |                 background: #ff6565;
 79 |             }
 80 | 
 81 |             .status-message {
 82 |                 margin: 0 0 2em;
 83 | 
 84 |                 line-height: 2.2em;
 85 |             }
 86 | 
 87 |             .button {
 88 |                 display: block;
 89 |                 padding: 1em 0;
 90 |                 min-width: 160px;
 91 | 
 92 |                 font-family: 'Open Sans', sans-serif;
 93 |                 font-size: 1rem;
 94 |                 font-weight: 800;
 95 |                 text-align: center;
 96 |                 color: #fff;
 97 |                 text-decoration: none;
 98 | 
 99 |                 background: #0f114c;
100 |                 border: 3px solid #0f114c;
101 | 
102 |                 transition: background-color 150ms ease, border-color 150ms ease, color 150ms ease;
103 | 
104 |                 cursor: pointer;
105 |             }
106 | 
107 |             .button:hover {
108 |                 background: #ff6565;
109 |                 border-color: #ff6565;
110 |             }
111 | 
112 |             .button--back {
113 |                 margin-top: 1em;
114 | 
115 |                 color: #0f114c;
116 | 
117 |                 background: #fff;
118 |             }
119 | 
120 |             .button--back:hover {
121 |                 color: #ff6565;
122 | 
123 |                 background-color: transparent;
124 |                 border-color: #ff6565;
125 |             }
126 | 
127 |             .text-highlight {
128 |                 position: relative;
129 |             }
130 | 
131 |             .text-highlight:before {
132 |                 content: '';
133 | 
134 |                 position: absolute;
135 |                 top: 8%;
136 |                 left: 0;
137 |                 z-index: -1;
138 | 
139 |                 width: 100%;
140 |                 height: 72%;
141 | 
142 |                 background: #E3E8EE;
143 |             }
144 | 
145 |             .core .button--back {
146 |                 display: none;
147 |             }
148 | 
149 |             ::selection {
150 |                 background: #ff6565;
151 |             }
152 | 
153 |             ::-moz-selection {
154 |                 background: #ff6565;
155 |             }
156 | 
157 |             @media screen and (min-width: 460px) {
158 |                 .button {
159 |                     display: inline-block;
160 |                 }
161 | 
162 |                 .button--back {
163 |                     margin: 0 0 0 0.5em;
164 |                 }
165 |             }
166 | 
167 |             @media screen and (min-width: 900px) {
168 |                 html {
169 |                     height: 100%;
170 |                 }
171 | 
172 |                 body {
173 |                     display: flex;
174 |                     height: 100%;
175 |                 }
176 | 
177 |                 @supports (display: flex) {
178 |                     .left,
179 |                     .right {
180 |                         width: 50%;
181 |                     }
182 | 
183 |                     .left {
184 |                         display: flex;
185 |                         padding-right: 4em;
186 | 
187 |                         align-items: center;
188 |                         justify-content: flex-end;
189 |                     }
190 | 
191 |                     .right {
192 |                         height: 100%;
193 |                         margin-left: 0;
194 |                         padding: 0;
195 |                     }
196 |                 }
197 | 
198 |                 .main-content {
199 |                     max-width: 580px;
200 |                     padding-right: 0;
201 |                 }
202 | 
203 |                 .status-code {
204 |                     font-size: 6.125rem;
205 |                 }
206 | 
207 |                 .status-message {
208 |                     max-width: 450px;
209 |                 }
210 | 
211 |                 .page-title {
212 |                     font-size: 2.5rem;
213 |                 }
214 | 
215 |                 .page-title:after {
216 |                     margin: 1.2em 0;
217 |                 }
218 |             }
219 |         </style>
220 |         <script>
221 |             window.enhanced = (
222 |                 'querySelector' in document &&
223 |                 'addEventListener' in window &&
224 |                 'matchMedia' in window &&
225 |                 'classList' in document.createElement('div') &&
226 |                 'history' in window &&
227 |                 'go' in window.history
228 |             );
229 |         </script>
230 |     </head>
231 | 
232 |     <body class="{{ body_class }}">
233 |         <div class="left">
234 |             <div class="main-content">
235 |                 <span class="status-code">500</span>
236 |                 <h1 class="page-title">Something went <span class="text-highlight">wrong</span></h1>
237 |                 <p class="status-message">Please try again in a few minutes, if the error persists contact us for support.</p>
238 |                 <div class="buttons">
239 |                     <a class="button button--home" href="{{ site.link }}">Go home</a>
240 |                 </div>
241 |             </div>
242 |         </div>
243 |         <div class="right"></div>
244 |         <script>
245 |             if (window.enhanced) {
246 |                 // Swap the html class
247 |                 var h = document.documentElement;
248 |                 h.classList.add('enhanced');
249 |                 h.classList.remove('core');
250 | 
251 |                 // Add the back button
252 |                 var buttons = document.querySelector('.buttons');
253 |                 var button = document.createElement('button');
254 |                 button.classList.add('button');
255 |                 button.classList.add('button--back');
256 |                 button.innerText = 'Go Back';
257 | 
258 |                 button.addEventListener('click', function(event) {
259 |                     event.preventDefault();
260 |                     window.history.go(-1);
261 |                 });
262 | 
263 |                 buttons.appendChild(button);
264 |             }
265 |         </script>
266 | 
267 |         {{ function('wp_footer') }}
268 |     </body>
269 | </html>
270 | 


--------------------------------------------------------------------------------
/assets/img/whoops.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <svg width="716px" height="1024px" viewBox="0 0 716 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3 |     <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
  4 |     <title>404 Design Copy 4</title>
  5 |     <desc>Created with Sketch.</desc>
  6 |     <defs>
  7 |         <linearGradient x1="43.2276139%" y1="100%" x2="43.2276139%" y2="0.954437256%" id="linearGradient-1">
  8 |             <stop stop-color="#D5E8FF" offset="0%"></stop>
  9 |             <stop stop-color="#FFF2F2" offset="100%"></stop>
 10 |         </linearGradient>
 11 |         <path d="M0,0 L587,0 L587,1024 L0,1024 C154.318945,933.281191 231.478418,851.227806 231.478418,777.839844 C231.478418,704.451882 154.318945,659.751361 0,643.738281 L0,287.503906 L0,245.832031 L0,0 Z" id="path-2"></path>
 12 |         <linearGradient x1="138.59375%" y1="41.4378275%" x2="0%" y2="41.4378275%" id="linearGradient-4">
 13 |             <stop stop-color="#FBF1F3" stop-opacity="0" offset="0%"></stop>
 14 |             <stop stop-color="#DFE4F1" offset="100%"></stop>
 15 |         </linearGradient>
 16 |         <linearGradient x1="50%" y1="0%" x2="50%" y2="31.1624873%" id="linearGradient-5">
 17 |             <stop stop-color="#000000" stop-opacity="0.0349923514" offset="0%"></stop>
 18 |             <stop stop-color="#000000" stop-opacity="0" offset="100%"></stop>
 19 |         </linearGradient>
 20 |         <linearGradient x1="87.763494%" y1="0%" x2="26.5783834%" y2="67.0539179%" id="linearGradient-6">
 21 |             <stop stop-color="#37357D" offset="0%"></stop>
 22 |             <stop stop-color="#191847" offset="100%"></stop>
 23 |         </linearGradient>
 24 |         <linearGradient x1="106.582177%" y1="50%" x2="45.0198627%" y2="63.426418%" id="linearGradient-7">
 25 |             <stop stop-color="#D2D6BD" offset="0%"></stop>
 26 |             <stop stop-color="#99A169" offset="100%"></stop>
 27 |         </linearGradient>
 28 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.1600433%" id="linearGradient-8">
 29 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 30 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 31 |         </linearGradient>
 32 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.6860059%" id="linearGradient-9">
 33 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 34 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 35 |         </linearGradient>
 36 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.7124046%" id="linearGradient-10">
 37 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 38 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 39 |         </linearGradient>
 40 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.4179414%" id="linearGradient-11">
 41 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 42 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 43 |         </linearGradient>
 44 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.6826345%" id="linearGradient-12">
 45 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 46 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 47 |         </linearGradient>
 48 |         <linearGradient x1="89.8844656%" y1="50%" x2="32.3744416%" y2="48.5675077%" id="linearGradient-13">
 49 |             <stop stop-color="#E1EBFA" offset="0%"></stop>
 50 |             <stop stop-color="#BFD3F3" offset="100%"></stop>
 51 |         </linearGradient>
 52 |         <path d="M108.849935,51.6318339 L73.8727286,39.744438 C71.7068875,39.0083526 69.824403,37.6153619 68.4872827,35.759345 L43.0247372,0.415542661 C42.7019093,-0.0325651361 42.0769425,-0.134124567 41.6288347,0.188703324 C41.4091521,0.346968068 41.2630342,0.587548893 41.2238785,0.855457458 L40.7211914,4.29491066 C40.2126896,7.77414903 37.4518676,10.4904148 33.9648169,10.9422457 L10.0973025,14.0348541 C4.07253583,14.8155069 -0.17865834,20.3323895 0.601994521,26.3571561 C0.639600361,26.6473829 0.688773373,26.9359934 0.749396179,27.2222987 L2.78539157,36.8377584 C3.81022598,41.6777762 7.49345403,45.5165666 12.2869625,46.7406312 L29.4034807,51.1114848 C33.921411,52.2651781 37.2210651,56.1420428 37.6378407,60.7862866 L42.6611328,116.762196 C46.7030561,119.610035 51.1493451,119.610035 56,116.762196 C59.0592346,114.966107 55.813255,89.8117259 61.1313477,84.6127818 C63.3622519,82.4318595 67.3417969,96.5932505 81.3320312,101.048329 C86.68862,102.754091 87.1074205,105.617101 82.5884328,109.637359 L82.5884622,109.637392 C80.7253621,111.294874 80.5586758,114.148869 82.2161579,116.011969 C83.2171327,117.13712 84.7131758,117.689157 86.2050781,117.483876 L101.938806,115.318955 C105.711963,114.799778 108.948062,112.365704 110.493332,108.884555 L114.364297,100.164136 C114.755798,99.2821715 115.029546,98.3525269 115.178494,97.3991391 L118.262537,77.6586595 C118.522202,75.9965856 118.397199,74.2970978 117.897143,72.6909038 L116.805664,69.1850474 C115.713996,65.678583 117.117807,61.8764106 120.226193,59.9206596 L126.478111,55.987046 C127.575849,55.2963653 128.787082,54.8052569 130.055856,54.5364074 L145.954828,51.1674641 C147.659749,50.8061966 148.748995,49.1312203 148.387728,47.4262997 C148.356867,47.2806579 148.315737,47.1373825 148.264648,46.9975474 L148.264648,46.9975474 C147.550919,45.0440076 145.497731,43.9241168 143.468861,44.3817335 L124.470391,48.6668863 C124.036104,48.7648409 123.608164,48.88907 123.188933,49.0388883 L116.091305,51.5753274 C113.753077,52.4109267 111.200918,52.4308419 108.849935,51.6318339 Z" id="path-14"></path>
 53 |         <filter x="-37.2%" y="-53.0%" width="174.3%" height="192.5%" filterUnits="objectBoundingBox" id="filter-16">
 54 |             <feOffset dx="0" dy="-8" in="SourceAlpha" result="shadowOffsetOuter1"></feOffset>
 55 |             <feGaussianBlur stdDeviation="17" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
 56 |             <feColorMatrix values="0 0 0 0 0.792156863   0 0 0 0 0.854901961   0 0 0 0 0.956862745  0 0 0 0.760653409 0" type="matrix" in="shadowBlurOuter1"></feColorMatrix>
 57 |         </filter>
 58 |         <polygon id="path-17" points="-4.54747351e-13 4.81392703e-13 109 4.81392703e-13 109 143 68.7460937 143 59.7214955 129.616555 45.6630859 129.616555 29.0595703 122.063477 29.0595703 109.59147 20 105.273438 8.28222656 115.28418 -6.75015599e-14 109.59147 -1.74327029e-13 90.6835938 8.28222656 73 -3.39803985e-13 61.3945313 -4.54747351e-13 41.0498047"></polygon>
 59 |         <rect id="path-19" x="0.125618692" y="0" width="108.661491" height="48"></rect>
 60 |         <path d="M13.7257725,13.5483871 L14.8986131,20.1343718 C10.5778522,22.3716186 7.58577076,24.2445553 5.92236877,25.7531817 C4.25896678,27.2618081 2.28484386,29.8929825 0,33.6467049 L8.14491529,41.2954574 L23.621785,41.7337292 L30.9710872,35.2258065 C31.0919541,30.2589466 30.5911385,25.8194462 29.4686403,21.9073053 C27.7848929,16.039094 27.8940814,3.031187 27.8940814,0.576203377 C27.8940814,-1.06045237 22.7021301,1.82751071 12.3182277,9.24009262 L13.7257725,13.5483871 Z" id="path-21"></path>
 61 |         <linearGradient x1="21.1584682%" y1="11.5852453%" x2="32.2218995%" y2="33.2154866%" id="linearGradient-23">
 62 |             <stop stop-color="#FFFFFF" offset="0%"></stop>
 63 |             <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
 64 |         </linearGradient>
 65 |         <linearGradient x1="13.8923123%" y1="20.9740458%" x2="58.4622146%" y2="55.6601154%" id="linearGradient-24">
 66 |             <stop stop-color="#FFFFFF" offset="0%"></stop>
 67 |             <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
 68 |         </linearGradient>
 69 |         <linearGradient x1="13.8923123%" y1="8.0481071%" x2="52.9359314%" y2="35.8724102%" id="linearGradient-25">
 70 |             <stop stop-color="#FFFFFF" offset="0%"></stop>
 71 |             <stop stop-color="#FFFFFF" stop-opacity="0" offset="100%"></stop>
 72 |         </linearGradient>
 73 |     </defs>
 74 |     <g id="404-Design-Copy-4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 75 |         <g id="Rectangle" transform="translate(137.000000, 0.000000)">
 76 |             <mask id="mask-3" fill="white">
 77 |                 <use xlink:href="#path-2"></use>
 78 |             </mask>
 79 |             <use id="Mask" fill="url(#linearGradient-1)" xlink:href="#path-2"></use>
 80 |             <rect fill="url(#linearGradient-4)" mask="url(#mask-3)" x="-68" y="0" width="202" height="668"></rect>
 81 |             <polygon fill="url(#linearGradient-5)" mask="url(#mask-3)" points="-61 560 324.796875 560 343.941406 560 366.753906 560 388.949219 560 666 560 666 1051 -61 1051"></polygon>
 82 |             <rect id="Rectangle-Copy-2" fill="url(#linearGradient-5)" mask="url(#mask-3)" x="-494" y="779" width="727" height="491"></rect>
 83 |         </g>
 84 |         <g id="Group-4" transform="translate(56.000000, 303.000000)">
 85 |             <path d="" id="Path-2" stroke="#979797"></path>
 86 |             <path d="M169.385734,41.6143856 C172.832755,54.3165357 177.324838,82.8679985 172.74099,87.3466846 L143.74099,87.3466846 C143.738029,87.2952316 143.735125,87.2439094 143.732279,87.1927176 C132.983627,86.0032178 124.623721,76.8899986 124.623721,65.8242188 L124.623721,44.8242188 C124.623721,32.9500966 134.249599,23.3242188 146.123721,23.3242188 L148.123721,23.3242188 C158.907019,23.3242187 167.836172,31.2627563 169.385734,41.6143856 Z" id="Hair-Back" fill="#191847"></path>
 87 |             <g id="Head" transform="translate(127.623721, 27.324219)" fill="#B28B67">
 88 |                 <path d="M8.26227388,34.4901268 C3.65436435,29.0813759 0.535634794,22.4528771 1.05677633,15.0254539 C2.55833022,-6.37502057 32.3485306,-1.66718886 38.1433414,9.13393292 C43.9381521,19.9350547 43.249578,47.3329958 35.7603014,49.2634576 C32.7735882,50.033323 26.4110012,48.1474609 19.935372,44.244306 L24,73 L0,73 L8.26227388,34.4901268 Z"></path>
 89 |             </g>
 90 |             <path d="M142.373686,58.1990527 C143.479463,70.0770588 143.036456,83.6414837 139.74099,86.8613457 L110.74099,86.8613457 C109.125196,58.7877035 124.74099,69.6590744 124.74099,43.2270114 C125.714574,42.2757629 126.634533,41.3342443 127.544839,40.522278 L127.512598,39.7449192 C132.534272,29.4644522 138.905119,24.3242187 146.62514,24.3242187 C158.20517,24.3242187 161.860307,29.712541 164.972402,34.2873045 C162.645244,42.2723941 153.614152,43.4564055 145.589462,48.4337305 C144.643575,47.6652231 143.437437,47.2046318 142.123721,47.2046318 C139.086155,47.2046318 136.623721,49.6670657 136.623721,52.7046318 C136.623721,55.7421979 139.086155,58.2046318 142.123721,58.2046318 C142.207494,58.2046318 142.290828,58.2027589 142.373686,58.1990527 Z" id="Hair-Front" fill="url(#linearGradient-6)"></path>
 91 |             <path d="M89.0315466,281.412293 C113.020895,288.122143 133.718179,291.477068 151.1234,291.477068 C168.528621,291.477068 184.695395,286.310543 199.623721,275.977492 C176.147962,269.090442 156.814629,265.646917 141.623721,265.646917 C126.432814,265.646917 108.902089,270.902042 89.0315466,281.412293 Z" id="Skirt-Shadow" fill="#747D43"></path>
 92 |             <path d="M159.382744,302.933702 C159.15143,302.58596 158.956084,302.207686 158.80114,301.797927 C155.594546,293.317863 104.232794,201.834909 99.1159089,185.109375 L156.941996,185.109375 C160.832436,197.826034 178.342927,277.629135 180.807229,293.551029 C188.582557,318.666094 204.59118,400.00462 206.634812,405.639504 C208.784679,411.567307 196.688093,417.742545 193.464638,410.455046 C188.335576,398.859406 176.114558,366.774477 170.673044,347.183643 C165.571637,328.817278 161.41773,312.293876 159.382744,302.933702 Z" id="Leg" fill="#997659" transform="translate(153.002507, 299.437196) rotate(7.000000) translate(-153.002507, -299.437196) "></path>
 93 |             <path d="M22.0575023,348.572266 C15.9941722,350.303393 5.60461804,336.365456 13.0992214,333.658203 C25.0244008,329.350507 47.5247684,315.237275 68.1791709,307.052768 C83.5222765,300.972913 100.782804,292.935462 110.600066,291.374377 C109.768371,263.797659 105.966477,197.617764 108.458409,183.324219 L159.623721,183.324219 C157.234126,197.030768 137.033834,297.041933 133.279321,307.052768 C132.087823,310.626703 128.53264,312.206118 124.580783,312.317814 C101.099035,318.252693 27.9517384,346.889416 22.0575023,348.572266 Z" id="Leg" fill="#B28B67"></path>
 94 |             <path d="M-11.3218682,354.608874 C-12.4406227,357.59536 -13,359.829943 -13,361.31262 C-13,363.115906 -12.6995858,365.74735 -12.0987574,369.206949 C-10.0068188,369.206949 8.79378524,369.206949 44.3030548,369.206949 C45.768738,364.361457 44.9226607,361.745531 41.7648228,361.359173 C38.606985,360.972814 35.9837155,360.623963 33.8950143,360.31262 L7.67999265,348.625833 C7.1755635,348.400956 6.58434403,348.627578 6.359467,349.132007 C6.35561997,349.140636 6.35189544,349.14932 6.34829452,349.158055 L4.66321309,353.245644 C1.73988122,354.609602 -0.635629434,355.29158 -2.46331886,355.29158 C-3.94827313,355.29158 -5.99900754,354.691855 -8.61552208,353.492404 L-8.61551661,353.492392 C-9.61961727,353.032097 -10.8067447,353.472939 -11.2670399,354.477039 C-11.2868793,354.520318 -11.305167,354.56429 -11.3218682,354.608874 Z" id="shoe" fill="#E4E4E4" transform="translate(16.000000, 358.706949) rotate(80.000000) translate(-16.000000, -358.706949) "></path>
 95 |             <path d="M108.623721,183.324219 C131.170561,176.87348 152.503894,176.87348 172.623721,183.324219 C179.623721,215.261687 196.632661,227.937693 199.623721,276.903144 C165.623721,293.796943 123.623721,264.854676 88.6237214,281.32953 C78.6237214,258.285326 92.6237214,202.788737 108.623721,183.324219 Z" id="Skirt" fill="url(#linearGradient-7)"></path>
 96 |             <path d="M205.623721,143.635009 L245.106597,138.249384 C253.004774,133.856245 260.270714,130.882167 266.904417,129.32715 C268.771209,129.272645 271.740918,129.951272 267.316875,133.639416 C262.892833,137.327559 258.404018,141.407415 259.192248,143.375713 C259.980478,145.344011 264.094782,144.611672 264.776359,147.639081 C265.230744,149.657354 258.55348,149.985303 244.744567,148.622929 L212.707595,161.324219 L205.623721,143.635009 Z M81.5935133,152.773902 L103.490905,152.856082 C79.4798207,206.889888 66.9600688,235.181133 65.9316495,237.729816 C63.617706,243.464352 68.5143216,252.19795 70.6083088,256.891321 C63.7882623,259.943089 64.5149455,248.641148 55.9116404,252.643711 C48.0589424,256.297065 42.0854145,262.916699 33.0127567,257.31859 C31.8973267,256.630336 30.6749971,254.038933 33.6282998,252.013889 C40.9860538,246.968766 51.589023,238.138891 53.0216511,235.23247 C54.9752955,231.269045 64.4992496,203.782855 81.5935133,152.773902 Z" id="Skin" fill="#997659"></path>
 97 |             <path d="M137.097289,87.9934919 L154.276536,87.6370258 C161.812375,125.32486 186.827467,147.357909 237.414186,134.732164 L248.517071,183.143351 C201.112794,193.53463 157.384227,178.017747 144.219499,126.798867 C140.811567,113.539917 137.8251,99.6923965 137.097289,87.9934919 Z" id="Clothes-Back" fill="#E4D9D9" transform="translate(192.807180, 136.915689) rotate(5.000000) translate(-192.807180, -136.915689) "></path>
 98 |             <path d="M133.114538,78.3401583 L159.091326,84.2894953 C159.091326,128.968643 173.323746,157.474678 180.623721,190.324219 L110.467376,190.324219 C109.479101,201.675117 108.87221,213.341784 108.555962,225.324219 L56.0253571,225.324219 C67.9290868,161.988182 93.0538327,112.988182 131.399595,78.3242188 L133.100876,78.3242188 L133.114538,78.3401583 Z" id="Clothes" fill="#FEF2F2"></path>
 99 |             <path d="M176.301853,415.726143 C175.183099,418.71263 174.623721,420.947212 174.623721,422.42989 C174.623721,424.233176 174.924136,426.864619 175.524964,430.324219 C177.616903,430.324219 196.417507,430.324219 231.926776,430.324219 C233.392459,425.478726 232.546382,422.8628 229.388544,422.476442 C226.230706,422.090083 223.607437,421.741233 221.518736,421.42989 L195.303714,409.743102 C194.799285,409.518225 194.208065,409.744847 193.983188,410.249276 C193.979341,410.257905 193.975617,410.266589 193.972016,410.275324 L192.286935,414.362914 C189.363603,415.726871 186.988092,416.408849 185.160403,416.408849 C183.675448,416.408849 181.624714,415.809124 179.008199,414.609674 L179.008205,414.609662 C178.004104,414.149367 176.816977,414.590208 176.356682,415.594309 C176.336842,415.637587 176.318554,415.68156 176.301853,415.726143 Z" id="shoe" fill="#E4E4E4"></path>
100 |             <path d="M121.536175,126.583468 C119.728185,154.424747 120.791515,175.671664 124.726167,190.324219 L110.467376,190.324219 C112.425145,167.838121 115.879598,146.591208 121.536172,126.583479 Z" id="Shade" fill-opacity="0.1" fill="#000000"></path>
101 |         </g>
102 |         <path d="M656.769793,600.263882 C680.463199,599.572923 700.331204,599.238056 716.373809,599.259281 C695.347291,596.308866 659.564949,588.442449 609.026783,575.66003 C693.665312,573.871387 738.458626,575.718084 743.406724,581.20012 C750.668961,589.246009 737.269969,591.425069 731.674591,599.409651 C752.905762,599.834616 764.521058,601.154685 766.52048,603.369859 C766.636835,603.49877 766.682624,603.761006 766.66328,604.139243 C768.810354,604.750345 770.220378,605.428693 770.893352,606.174286 C778.315499,614.397341 764.156506,616.492354 758.803255,624.919832 C753.450004,633.347311 782.537396,625.561501 758.803255,625.561501 C758.279723,625.561501 757.728886,625.552405 757.150745,625.534212 C752.128488,633.705362 745.898715,640.997356 740.470652,640.999997 C727.029354,641.006538 671.87247,628.463159 575,603.369859 C597.868584,602.348397 618.692522,601.517262 637.471814,600.876456 C637.15293,600.7959 636.833467,600.715147 636.513412,600.634197 C643.54017,600.485702 650.292297,600.362264 656.769793,600.263882 Z" id="Combined-Shape" fill="url(#linearGradient-8)" opacity="0.475725446"></path>
103 |         <path d="M461,765 C469.468185,766.858321 474.313969,768.855122 475.537351,770.990402 C478.27737,775.772804 471.178769,785 478.585759,785 C497.137272,785 507.422948,785 525.246219,785 C534.789849,785 534.85858,775.502573 521.323331,770.990402 C509.580732,767.075836 485.100049,768.061335 478.585759,768.061335 C469.237049,768.061335 463.375129,767.04089 461,765 Z" id="Path-9-Copy" fill="url(#linearGradient-9)"></path>
104 |         <path d="M480.866825,717.145064 C485.531975,725.240159 464.531824,728.77014 493.967625,735.565431 C523.403426,742.360723 535.155169,740.858887 565.501029,740.858887 C581.74999,740.858887 581.867012,724.782745 558.821928,717.145064 C538.829006,710.518942 497.148252,712.187081 486.057037,712.187081 C462.181399,712.187081 477.742433,711.723534 480.866825,717.145064 Z" id="Path-9-Copy-8" fill="url(#linearGradient-10)"></path>
105 |         <path d="M426.335474,739.614245 C444.944626,739.614245 448.203344,743 466.081991,743 C475.655272,743 478.125296,735.521088 464.547994,730.971663 C456.772169,728.366174 431.850845,726.006624 421.798866,726.000001 C416.623767,725.996591 418.905471,739.614245 426.335474,739.614245 Z" id="Path-9-Copy-4" fill="url(#linearGradient-11)"></path>
106 |         <path d="M558.717103,764 C572.013288,764 579.385208,764 592.15945,764 C598.999532,764 599.048793,757.502268 589.347849,754.415233 C585.4734,753.182306 576.965718,751.969329 570.059871,754.415233 C561.964761,757.282349 555.852309,764 558.717103,764 Z" id="Path-9-Copy-2" fill="url(#linearGradient-12)"></path>
107 |         <path d="M586.331423,735 C594.094491,735 600.442155,735 609.568399,735 C616.356258,735 606.778263,722.104333 606.778263,725.601403 C606.778263,726.864031 586.483528,724.465635 579.630406,726.864031 C575.204568,728.412948 580.888519,729.158472 583.694451,730.922343 C585.981546,732.360062 584.975186,735 586.331423,735 Z" id="Path-9-Copy-3" fill="url(#linearGradient-13)"></path>
108 |         <path d="M500,656 L493.030826,687.854895 C492.629086,689.691178 491.002965,691 489.123249,691 L485.984214,691 C483.775075,691 481.984214,689.209139 481.984214,687 C481.984214,686.698212 482.018367,686.397394 482.086021,686.103287 L489.010771,656 L500,656 Z" id="Path-6" fill="#E4D4D0"></path>
109 |         <path d="M499,693.288288 L499,711.445554 C498.192331,717.148518 494.978375,720 489.358132,720 C483.73789,720 485.172266,708 493.661262,684 L499,693.288288 Z" id="Path-9" fill="#FFFFFF"></path>
110 |         <g id="Group" transform="translate(433.000000, 612.000000)">
111 |             <mask id="mask-15" fill="white">
112 |                 <use xlink:href="#path-14"></use>
113 |             </mask>
114 |             <g id="Mask">
115 |                 <use fill="black" fill-opacity="1" filter="url(#filter-16)" xlink:href="#path-14"></use>
116 |                 <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-14"></use>
117 |             </g>
118 |             <circle id="Oval-Copy" fill="#4E4E4E" mask="url(#mask-15)" cx="-0.5" cy="16.7011719" r="10.5"></circle>
119 |             <circle id="Oval" fill="#D1A2A2" mask="url(#mask-15)" cx="38.5" cy="23.1127818" r="10.5"></circle>
120 |             <ellipse id="Oval-Copy-2" fill="#D1A2A2" mask="url(#mask-15)" transform="translate(92.205078, 46.393555) rotate(21.000000) translate(-92.205078, -46.393555) " cx="92.2050781" cy="46.3935547" rx="10.5" ry="6"></ellipse>
121 |             <circle id="Oval" fill="#000000" mask="url(#mask-15)" cx="35" cy="21.6127818" r="2"></circle>
122 |         </g>
123 |         <rect id="Rectangle" fill="#83432E" transform="translate(487.036058, 659.046534) rotate(58.000000) translate(-487.036058, -659.046534) " x="483.536058" y="634.546534" width="7" height="49" rx="2"></rect>
124 |         <path d="M464.944736,757 C481.80193,764.118319 496.107821,767.677478 507.86241,767.677478 C525.494293,767.677478 492.924422,775.296747 482.46783,782.350628 C472.011238,789.404509 478.834208,771.673149 464.944736,769.675314 C455.685088,768.343424 455.685088,764.118319 464.944736,757 Z" id="Path-3" fill="#FFFFFF"></path>
125 |         <path d="M573.131546,723 C580.732855,726.242601 587.183721,727.863901 592.484145,727.863901 C600.434779,727.863901 593.067722,732.086036 588.352596,735.299284 C583.637471,738.512531 579.394639,729.684046 573.131546,728.773973 C568.956151,728.167259 568.956151,726.242601 573.131546,723 Z" id="Path-3-Copy-3" fill="#99A169"></path>
126 |         <path d="M441.927105,702 C446.604834,703.995447 450.574598,704.99317 453.836397,704.99317 C458.729095,704.99317 454.195521,707.591407 451.293905,709.56879 C448.39229,711.546173 445.781316,706.113259 441.927105,705.553214 C439.357632,705.179852 439.357632,703.995447 441.927105,702 Z" id="Path-3-Copy-4" fill="#FFFFFF" transform="translate(448.000000, 706.000000) rotate(-194.000000) translate(-448.000000, -706.000000) "></path>
127 |         <path d="M567.121081,703.144233 C571.293723,702.87632 575.018924,703.150982 578.296684,703.968219 C580.459113,704.507373 579.442476,705.721316 580.091313,706.863388 C580.917715,708.318005 582.938994,709.776564 581.313562,710.884257 C578.411947,712.86164 568.411405,706.63949 564.557194,706.079446 C561.98772,705.706083 562.842349,704.727679 567.121081,703.144233 Z" id="Path-3-Copy-4" fill="#DEB552" transform="translate(572.519515, 707.157970) scale(-1, 1) rotate(-196.000000) translate(-572.519515, -707.157970) "></path>
128 |         <path d="M548.565575,749.356506 C558.066903,753.574769 566.130223,755.683901 572.755537,755.683901 C582.693507,755.683901 564.335944,760.199023 558.442228,764.3791 C552.548513,768.559178 556.394187,758.051706 548.565575,756.867803 C543.346501,756.078535 543.346501,753.574769 548.565575,749.356506 Z" id="Path-3-Copy" fill="#3A2B28" transform="translate(560.151270, 757.356506) rotate(-15.000000) translate(-560.151270, -757.356506) "></path>
129 |         <path d="M423.634136,724.606964 C433.135463,728.825227 441.198784,730.934358 447.824098,730.934358 C457.762068,730.934358 439.404504,735.44948 433.510789,739.629558 C427.617074,743.809636 421.925884,738.266152 414.097272,737.08225 C408.878198,736.292981 412.057153,732.134553 423.634136,724.606964 Z" id="Path-3-Copy-2" fill="#83432E" transform="translate(431.192251, 732.886642) rotate(4.000000) translate(-431.192251, -732.886642) "></path>
130 |         <polyline id="Path-7" stroke="#D3BDAB" stroke-width="6" stroke-linecap="round" points="576 603 614.987983 370 646 603"></polyline>
131 |         <path d="M585.5,326.152321 L644.210938,326.152321" id="Line" stroke="#D3BDAB" stroke-width="8" stroke-linecap="square"></path>
132 |         <path d="M550.5,477.152321 L671.249823,477.152321" id="Line-Copy-2" stroke="#D3BDAB" stroke-width="8" stroke-linecap="round"></path>
133 |         <path d="M615.105469,348.5 L615.105469,575.701172" id="Line-2" stroke="#D3BDAB" stroke-width="6"></path>
134 |         <g id="Group-2" transform="translate(555.000000, 330.000000)">
135 |             <mask id="mask-18" fill="white">
136 |                 <use xlink:href="#path-17"></use>
137 |             </mask>
138 |             <use id="Mask" fill="#FFFFFF" xlink:href="#path-17"></use>
139 |             <g mask="url(#mask-18)">
140 |                 <g transform="translate(-5.000000, -15.000000)">
141 |                     <rect id="Rectangle" stroke="#979797" stroke-width="1" fill="#99A169" x="6.5" y="8.5" width="108" height="78"></rect>
142 |                     <rect id="Rectangle-Copy-4" stroke="#979797" stroke-width="1" fill="#83432E" x="6.5" y="77.5" width="108" height="47"></rect>
143 |                     <g id="Path-12" stroke="none" stroke-width="1" fill="none" transform="translate(6.000000, 121.000000)">
144 |                         <mask id="mask-20" fill="white">
145 |                             <use xlink:href="#path-19"></use>
146 |                         </mask>
147 |                         <use id="Mask" fill="#563F33" xlink:href="#path-19"></use>
148 |                         <path d="M34.6545607,25.1914894 C8.61777283,26.7839215 -4.40062112,28.0898309 -4.40062112,29.1092177 C-4.40062112,30.1286045 -4.40062112,39.8891844 -4.40062112,58.3909574 L96.0492127,53.7659574 L96.0492127,34.212766 L77.8031663,20.1781915 L60.3812688,20.1781915 L34.6545607,25.1914894 Z" fill="#2C0F1F" mask="url(#mask-20)"></path>
149 |                     </g>
150 |                     <path d="M38,77.8676569 C40.023089,68.9334723 41.0346335,57.6324168 41.0346335,43.9644905 C41.0346335,23.4626011 54.0800352,22 57.888222,22 C61.6964088,22 78.9752871,22.1472195 78.9752871,62.4324348 C78.9752871,69.7732685 80.3514395,74.9614582 83.1037442,77.997004 C87.9818382,83.3771049 72.9472567,83.3339892 38,77.8676569 Z" id="Path-8" stroke="none" fill="#412224"></path>
151 |                     <g id="Oval" stroke="none" stroke-width="1" fill="none" transform="translate(34.000000, 49.000000)">
152 |                         <mask id="mask-22" fill="white">
153 |                             <use xlink:href="#path-21"></use>
154 |                         </mask>
155 |                         <use id="Mask" fill="#DEB552" xlink:href="#path-21"></use>
156 |                         <ellipse fill="#967134" mask="url(#mask-22)" cx="22.2931553" cy="0.846774194" rx="13.2359551" ry="17.4435484"></ellipse>
157 |                     </g>
158 |                     <ellipse id="Oval" stroke="none" fill="#DEB552" cx="54.5" cy="46.5" rx="12.5" ry="17.5"></ellipse>
159 |                     <path d="M35.1908111,81.6857506 C29.7620491,91.0879569 25.3105172,98.6064066 21.8362154,104.2411 C16.6247628,112.693139 9.05338219,122.731884 15.4447988,128.273749 C21.8362154,133.815614 31.3660316,129.83791 33.8803289,129.83791 C36.3946262,129.83791 30.4172902,128.260548 30.4172902,123.611133 C30.4172902,120.511524 31.5716364,118.696053 33.8803289,118.16472 L31.5555149,117.252981 L35.1908111,109.546252 L37.0869689,118.16472 C35.5167754,137.557488 36.0827959,147.548051 38.7850306,148.136407 C42.8383826,149.018941 72.5388922,150.107688 74.0176567,148.136407 C75.4964213,146.165126 74.803416,143.801314 76.2629673,143.801314 C77.7225185,143.801314 85.7994088,144.164008 84.8473547,150.852305 C84.212652,155.31117 84.5876433,158.027068 85.9723288,159 L101.297286,159 C102.916506,133.769199 101.737426,114.730726 97.7600436,101.884581 C91.7939705,82.6153623 86.3161813,79.0023424 82.9770355,77.4149741 C79.6378897,75.8276059 69.5435988,78.9555966 62.6592607,84.0469112 C55.7749226,89.1382258 48.2307056,90.7020553 41.0555172,86.6587088 C36.2720583,83.9631445 34.3171563,82.3054917 35.1908111,81.6857506 Z" id="Path-10" stroke="none" fill="#3A2B28"></path>
160 |                     <path d="M47.2843679,132.105334 C48.6192708,131.560618 50.261606,132.538213 52.2113733,135.038119 C55.1360243,138.787978 65.5604028,144 69.6720195,144 C73.7836361,144 75.7241574,140.921032 74.7538967,137.979575 C73.7836361,135.038119 67.7823516,132.682192 68.7271855,131.174354 C69.6720195,129.666516 67.6228567,127.094621 62.5034173,125.825307 C57.3839778,124.555994 51.620202,124 48.9388385,124 C47.1512628,124 46.5997726,126.701778 47.2843679,132.105334 Z" id="Path-11-Copy" stroke="none" fill="#C4953E" transform="translate(61.000000, 134.000000) scale(-1, 1) translate(-61.000000, -134.000000) "></path>
161 |                     <path d="M30.3249919,127.321135 C31.8505952,126.694711 33.7275497,127.818945 35.9558552,130.693837 C39.2983135,135.006175 51.2118889,141 55.9108794,141 C60.6098698,141 62.8276084,137.459187 61.7187391,134.076512 C60.6098698,130.693837 53.751259,127.984521 54.8310692,126.250507 C55.9108794,124.516494 53.5689791,121.558814 47.7181911,120.099103 C41.8674032,118.639393 35.2802309,118 32.2158154,118 C30.1728718,118 29.5425973,121.107045 30.3249919,127.321135 Z" id="Path-11" stroke="none" fill="#E4BB58"></path>
162 |                     <rect id="Rectangle" stroke="none" fill="url(#linearGradient-23)" opacity="0.567243304" x="0" y="0" width="120" height="158"></rect>
163 |                 </g>
164 |             </g>
165 |         </g>
166 |         <path d="M323.5,78 L323.5,78 C355.256373,78 381,103.743627 381,135.5 L381,263 L266,263 L266,135.5 C266,103.743627 291.743627,78 323.5,78 Z" id="Rectangle" fill="#FFFFFF"></path>
167 |         <path d="M519.5,78 L519.5,78 C551.256373,78 577,103.743627 577,135.5 L577,263 L462,263 L462,135.5 C462,103.743627 487.743627,78 519.5,78 Z" id="Rectangle-Copy-3" fill="#FFFFFF"></path>
168 |         <g id="Group-3" transform="translate(266.000000, 78.000000)" opacity="0.584240141">
169 |             <polygon id="Path-13-Copy" fill="url(#linearGradient-24)" points="5.68434189e-14 184.5 297 365 455.776493 229 80 4"></polygon>
170 |             <polygon id="Path-13-Copy-2" fill="url(#linearGradient-25)" points="198 184.5 626.276493 434 653.776493 229 267.305408 -8.52651283e-14"></polygon>
171 |         </g>
172 |     </g>
173 | </svg>


--------------------------------------------------------------------------------
/assets/img/404.svg:
--------------------------------------------------------------------------------
  1 | <?xml version="1.0" encoding="UTF-8"?>
  2 | <svg width="716px" height="1024px" viewBox="0 0 716 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  3 |     <!-- Generator: Sketch 53 (72520) - https://sketchapp.com -->
  4 |     <title>404 Design Copy 3</title>
  5 |     <desc>Created with Sketch.</desc>
  6 |     <defs>
  7 |         <radialGradient cx="53.9382595%" cy="95.016098%" fx="53.9382595%" fy="95.016098%" r="129.219405%" gradientTransform="translate(0.539383,0.950161),scale(1.000000,0.573242),rotate(-88.843071),translate(-0.539383,-0.950161)" id="radialGradient-1">
  8 |             <stop stop-color="#0F114C" offset="0%"></stop>
  9 |             <stop stop-color="#0F114C" stop-opacity="0.77611451" offset="5.22506574%"></stop>
 10 |             <stop stop-color="#464775" offset="44.9067816%"></stop>
 11 |             <stop stop-color="#0F114C" offset="100%"></stop>
 12 |         </radialGradient>
 13 |         <linearGradient x1="100%" y1="57.1754456%" x2="-275.487076%" y2="57.1754456%" id="linearGradient-2">
 14 |             <stop stop-color="#000000" stop-opacity="0" offset="0%"></stop>
 15 |             <stop stop-color="#000000" offset="100%"></stop>
 16 |         </linearGradient>
 17 |         <radialGradient cx="52.8186498%" cy="42.0683005%" fx="52.8186498%" fy="42.0683005%" r="46.338165%" id="radialGradient-3">
 18 |             <stop stop-color="#9AE7F8" offset="0%"></stop>
 19 |             <stop stop-color="#A0DEEC" offset="75.2986228%"></stop>
 20 |             <stop stop-color="#75CBDD" stop-opacity="0" offset="100%"></stop>
 21 |         </radialGradient>
 22 |         <polyline id="path-4" points="0 0.972250996 934.027749 0.972250996 934.027749 935 0 935"></polyline>
 23 |         <linearGradient x1="42.5021191%" y1="0%" x2="55.7051864%" y2="28.5658834%" id="linearGradient-6">
 24 |             <stop stop-color="#DDFBFF" offset="0%"></stop>
 25 |             <stop stop-color="#92E6F6" offset="100%"></stop>
 26 |         </linearGradient>
 27 |         <linearGradient x1="41.6449601%" y1="11.7111423%" x2="61.601098%" y2="28.9888457%" id="linearGradient-7">
 28 |             <stop stop-color="#40B8A5" offset="0%"></stop>
 29 |             <stop stop-color="#1E826C" offset="100%"></stop>
 30 |         </linearGradient>
 31 |         <linearGradient x1="41.0703665%" y1="0%" x2="45.3150592%" y2="1.13428745%" id="linearGradient-8">
 32 |             <stop stop-color="#40B8A5" offset="0%"></stop>
 33 |             <stop stop-color="#1E826C" offset="100%"></stop>
 34 |         </linearGradient>
 35 |         <linearGradient x1="100%" y1="91.3828551%" x2="50%" y2="97.3665767%" id="linearGradient-9">
 36 |             <stop stop-color="#FF7562" offset="0%"></stop>
 37 |             <stop stop-color="#FF4133" offset="100%"></stop>
 38 |         </linearGradient>
 39 |         <linearGradient x1="93.7791357%" y1="43.0600456%" x2="31.4625609%" y2="71.9264359%" id="linearGradient-10">
 40 |             <stop stop-color="#E4E9ED" offset="0%"></stop>
 41 |             <stop stop-color="#C5CFD6" offset="100%"></stop>
 42 |         </linearGradient>
 43 |     </defs>
 44 |     <g id="404-Design-Copy-3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
 45 |         <rect id="Rectangle-Copy-2" fill="url(#radialGradient-1)" x="129" y="0" width="587" height="1024"></rect>
 46 |         <g id="Stars" transform="translate(0.000000, -82.000000)" fill="#FFFFFF">
 47 |             <g id="Starts-Bottom-Half" opacity="0.170270647" transform="translate(340.500000, 786.214345) scale(-1, 1) rotate(-81.000000) translate(-340.500000, -786.214345) translate(68.000000, 485.214345)">
 48 |                 <g id="Group" transform="translate(111.000000, 324.000000)">
 49 |                     <ellipse id="Oval" opacity="0.188499814" cx="130.514745" cy="49.322" rx="1.62466488" ry="1.626"></ellipse>
 50 |                     <ellipse id="Oval-Copy-4" cx="74.7345845" cy="119.24" rx="1.62466488" ry="1.626"></ellipse>
 51 |                     <ellipse id="Oval-Copy-5" cx="38.9919571" cy="29.81" rx="1.62466488" ry="1.626"></ellipse>
 52 |                     <ellipse id="Oval-Copy-6" cx="171.131367" cy="146.882" rx="1.62466488" ry="1.626"></ellipse>
 53 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="2.7077748" cy="252.572" rx="2.7077748" ry="2.71"></ellipse>
 54 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="199.292225" cy="247.152" rx="2.7077748" ry="2.71"></ellipse>
 55 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="19.4959786" cy="153.928" rx="1.62466488" ry="1.626"></ellipse>
 56 |                     <ellipse id="Oval-Copy-12" cx="169.506702" cy="213.006" rx="1.62466488" ry="1.626"></ellipse>
 57 |                     <ellipse id="Oval-Copy-7" cx="40.3458445" cy="217.613" rx="2.97855228" ry="2.981"></ellipse>
 58 |                     <ellipse id="Oval-Copy-19" cx="114.538874" cy="267.477" rx="3.52010724" ry="3.523"></ellipse>
 59 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="90.7104558" cy="175.879" rx="1" ry="1"></ellipse>
 60 |                     <ellipse id="Oval-Copy-14" cx="126.453083" cy="96.747" rx="1" ry="1"></ellipse>
 61 |                     <ellipse id="Oval-Copy-15" cx="6.769437" cy="88.617" rx="1" ry="1"></ellipse>
 62 |                     <ellipse id="Oval-Copy-16" cx="161.654155" cy="18.157" rx="1" ry="1"></ellipse>
 63 |                     <ellipse id="Oval-Copy-17" cx="181.691689" cy="227.911" rx="1" ry="1"></ellipse>
 64 |                     <ellipse id="Oval-Copy-20" cx="49.5522788" cy="268.019" rx="1" ry="1"></ellipse>
 65 |                     <ellipse id="Oval-Copy-21" cx="181.150134" cy="263.141" rx="1" ry="1"></ellipse>
 66 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="7.85254692" cy="11.653" rx="1" ry="1"></ellipse>
 67 |                     <ellipse id="Oval-Copy-8" cx="182.504021" cy="28.184" rx="1.62466488" ry="1.626"></ellipse>
 68 |                     <ellipse id="Oval-Copy-9" cx="95.3136729" cy="1.626" rx="1.62466488" ry="1.626"></ellipse>
 69 |                     <ellipse id="Oval-Copy-10" cx="172.756032" cy="86.178" rx="1.62466488" ry="1.626"></ellipse>
 70 |                 </g>
 71 |                 <g id="Group-Copy-2" transform="translate(399.479850, 172.825433) rotate(-22.000000) translate(-399.479850, -172.825433) translate(297.979850, 37.325433)">
 72 |                     <ellipse id="Oval" opacity="0.188499814" cx="130.611056" cy="49.3013034" rx="1.62586377" ry="1.6253177"></ellipse>
 73 |                     <ellipse id="Oval-Copy-4" cx="74.7897335" cy="119.189964" rx="1.62586377" ry="1.6253177"></ellipse>
 74 |                     <ellipse id="Oval-Copy-5" cx="39.0207305" cy="29.7974911" rx="1.62586377" ry="1.6253177"></ellipse>
 75 |                     <ellipse id="Oval-Copy-6" cx="171.257651" cy="146.820365" rx="1.62586377" ry="1.6253177"></ellipse>
 76 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="2.70977295" cy="252.466015" rx="2.70977295" ry="2.70886283"></ellipse>
 77 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="199.439289" cy="247.04829" rx="2.70977295" ry="2.70886283"></ellipse>
 78 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="19.5103653" cy="153.863409" rx="1.62586377" ry="1.6253177"></ellipse>
 79 |                     <ellipse id="Oval-Copy-12" cx="169.631787" cy="212.916618" rx="1.62586377" ry="1.6253177"></ellipse>
 80 |                     <ellipse id="Oval-Copy-7" cx="40.375617" cy="217.521685" rx="2.98075025" ry="2.97974911"></ellipse>
 81 |                     <ellipse id="Oval-Copy-19" cx="114.623396" cy="267.364761" rx="3.52270484" ry="3.52152167"></ellipse>
 82 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="90.7773939" cy="175.805197" rx="1" ry="1"></ellipse>
 83 |                     <ellipse id="Oval-Copy-14" cx="126.546397" cy="96.7064029" rx="1" ry="1"></ellipse>
 84 |                     <ellipse id="Oval-Copy-15" cx="6.77443238" cy="88.5798144" rx="1" ry="1"></ellipse>
 85 |                     <ellipse id="Oval-Copy-16" cx="161.773445" cy="18.1493809" rx="1" ry="1"></ellipse>
 86 |                     <ellipse id="Oval-Copy-17" cx="181.825765" cy="227.815364" rx="1" ry="1"></ellipse>
 87 |                     <ellipse id="Oval-Copy-20" cx="49.588845" cy="267.906533" rx="1" ry="1"></ellipse>
 88 |                     <ellipse id="Oval-Copy-21" cx="181.28381" cy="263.03058" rx="1" ry="1"></ellipse>
 89 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="7.85834156" cy="11.6481102" rx="1" ry="1"></ellipse>
 90 |                     <ellipse id="Oval-Copy-8" cx="182.638697" cy="28.1721734" rx="1.62586377" ry="1.6253177"></ellipse>
 91 |                     <ellipse id="Oval-Copy-9" cx="95.3840079" cy="1.6253177" rx="1.62586377" ry="1.6253177"></ellipse>
 92 |                     <ellipse id="Oval-Copy-10" cx="172.883514" cy="86.1418379" rx="1.62586377" ry="1.6253177"></ellipse>
 93 |                 </g>
 94 |                 <g id="Group-Copy" transform="translate(295.000000, 325.000000)">
 95 |                     <ellipse id="Oval" opacity="0.188499814" cx="135.471204" cy="49.2470588" rx="1.62565445" ry="1.62352941"></ellipse>
 96 |                     <ellipse id="Oval-Copy-4" cx="79.6570681" cy="135.294118" rx="1.62565445" ry="1.62352941"></ellipse>
 97 |                     <ellipse id="Oval-Copy-5" cx="43.8926702" cy="46" rx="1.62565445" ry="1.62352941"></ellipse>
 98 |                     <ellipse id="Oval-Copy-6" cx="176.112565" cy="162.894118" rx="1.62565445" ry="1.62352941"></ellipse>
 99 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="7.58638743" cy="268.423529" rx="2.70942408" ry="2.70588235"></ellipse>
100 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="204.290576" cy="263.011765" rx="2.70942408" ry="2.70588235"></ellipse>
101 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="13.5471204" cy="159.105882" rx="1.62565445" ry="1.62352941"></ellipse>
102 |                     <ellipse id="Oval-Copy-12" cx="163.649215" cy="218.094118" rx="1.62565445" ry="1.62352941"></ellipse>
103 |                     <ellipse id="Oval-Copy-7" cx="34.4096859" cy="222.694118" rx="2.98036649" ry="2.97647059"></ellipse>
104 |                     <ellipse id="Oval-Copy-19" cx="108.647906" cy="272.482353" rx="3.52225131" ry="3.51764706"></ellipse>
105 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="84.8049738" cy="164.788235" rx="1" ry="1"></ellipse>
106 |                     <ellipse id="Oval-Copy-14" cx="120.569372" cy="85.7764706" rx="1" ry="1"></ellipse>
107 |                     <ellipse id="Oval-Copy-15" cx="0.812827225" cy="77.6588235" rx="1" ry="1"></ellipse>
108 |                     <ellipse id="Oval-Copy-16" cx="155.791885" cy="7.30588235" rx="1" ry="1"></ellipse>
109 |                     <ellipse id="Oval-Copy-17" cx="175.841623" cy="216.741176" rx="1" ry="1"></ellipse>
110 |                     <ellipse id="Oval-Copy-20" cx="43.6217277" cy="256.788235" rx="1" ry="1"></ellipse>
111 |                     <ellipse id="Oval-Copy-21" cx="175.299738" cy="251.917647" rx="1" ry="1"></ellipse>
112 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="12.7342932" cy="11.6352941" rx="1" ry="1"></ellipse>
113 |                     <ellipse id="Oval-Copy-8" cx="187.492147" cy="28.1411765" rx="1.62565445" ry="1.62352941"></ellipse>
114 |                     <ellipse id="Oval-Copy-9" cx="100.248691" cy="1.62352941" rx="1.62565445" ry="1.62352941"></ellipse>
115 |                     <ellipse id="Oval-Copy-10" cx="177.73822" cy="86.0470588" rx="1.62565445" ry="1.62352941"></ellipse>
116 |                 </g>
117 |                 <g id="Group-Copy-3" transform="translate(132.091663, 153.877425) rotate(-22.000000) translate(-132.091663, -153.877425) translate(42.591663, 24.877425)">
118 |                     <ellipse id="Oval" opacity="0.188499814" cx="124.611056" cy="49.3013034" rx="1.62586377" ry="1.6253177"></ellipse>
119 |                     <ellipse id="Oval-Copy-4" cx="68.7897335" cy="135.443141" rx="1.62586377" ry="1.6253177"></ellipse>
120 |                     <ellipse id="Oval-Copy-14" cx="121.183685" cy="113.878974" rx="1" ry="1"></ellipse>
121 |                     <ellipse id="Oval-Copy-15" cx="1.41172035" cy="105.752386" rx="1" ry="1"></ellipse>
122 |                     <ellipse id="Oval-Copy-16" cx="156.410733" cy="35.3219521" rx="1" ry="1"></ellipse>
123 |                     <ellipse id="Oval-Copy-17" cx="164.986673" cy="216.979912" rx="1" ry="1"></ellipse>
124 |                     <ellipse id="Oval-Copy-20" cx="32.7497532" cy="257.071082" rx="1" ry="1"></ellipse>
125 |                     <ellipse id="Oval-Copy-21" cx="164.444719" cy="252.195129" rx="1" ry="1"></ellipse>
126 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="1.85834156" cy="11.6481102" rx="1" ry="1"></ellipse>
127 |                     <ellipse id="Oval-Copy-8" cx="176.638697" cy="28.1721734" rx="1.62586377" ry="1.6253177"></ellipse>
128 |                     <ellipse id="Oval-Copy-9" cx="89.3840079" cy="1.6253177" rx="1.62586377" ry="1.6253177"></ellipse>
129 |                     <ellipse id="Oval-Copy-10" cx="166.883514" cy="86.1418379" rx="1.62586377" ry="1.6253177"></ellipse>
130 |                 </g>
131 |             </g>
132 |             <g id="Stars-top-half" opacity="0.367489769" transform="translate(364.744445, 320.000000) rotate(-81.000000) translate(-364.744445, -320.000000) translate(89.744445, 11.000000)">
133 |                 <g id="Group" transform="translate(116.000000, 335.000000)">
134 |                     <ellipse id="Oval" opacity="0.188499814" cx="130.514745" cy="49.322" rx="1.62466488" ry="1.626"></ellipse>
135 |                     <ellipse id="Oval-Copy-4" cx="74.7345845" cy="119.24" rx="1.62466488" ry="1.626"></ellipse>
136 |                     <ellipse id="Oval-Copy-5" cx="38.9919571" cy="29.81" rx="1.62466488" ry="1.626"></ellipse>
137 |                     <ellipse id="Oval-Copy-6" cx="171.131367" cy="146.882" rx="1.62466488" ry="1.626"></ellipse>
138 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="2.7077748" cy="252.572" rx="2.7077748" ry="2.71"></ellipse>
139 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="199.292225" cy="247.152" rx="2.7077748" ry="2.71"></ellipse>
140 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="19.4959786" cy="153.928" rx="1.62466488" ry="1.626"></ellipse>
141 |                     <ellipse id="Oval-Copy-12" cx="169.506702" cy="213.006" rx="1.62466488" ry="1.626"></ellipse>
142 |                     <ellipse id="Oval-Copy-7" cx="40.3458445" cy="217.613" rx="2.97855228" ry="2.981"></ellipse>
143 |                     <ellipse id="Oval-Copy-19" cx="114.538874" cy="267.477" rx="3.52010724" ry="3.523"></ellipse>
144 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="90.7104558" cy="175.879" rx="1" ry="1"></ellipse>
145 |                     <ellipse id="Oval-Copy-14" cx="126.453083" cy="96.747" rx="1" ry="1"></ellipse>
146 |                     <ellipse id="Oval-Copy-15" cx="6.769437" cy="88.617" rx="1" ry="1"></ellipse>
147 |                     <ellipse id="Oval-Copy-16" cx="161.654155" cy="18.157" rx="1" ry="1"></ellipse>
148 |                     <ellipse id="Oval-Copy-17" cx="181.691689" cy="227.911" rx="1" ry="1"></ellipse>
149 |                     <ellipse id="Oval-Copy-20" cx="49.5522788" cy="268.019" rx="1" ry="1"></ellipse>
150 |                     <ellipse id="Oval-Copy-21" cx="181.150134" cy="263.141" rx="1" ry="1"></ellipse>
151 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="7.85254692" cy="11.653" rx="1" ry="1"></ellipse>
152 |                     <ellipse id="Oval-Copy-8" cx="182.504021" cy="28.184" rx="1.62466488" ry="1.626"></ellipse>
153 |                     <ellipse id="Oval-Copy-9" cx="95.3136729" cy="1.626" rx="1.62466488" ry="1.626"></ellipse>
154 |                     <ellipse id="Oval-Copy-10" cx="172.756032" cy="86.178" rx="1.62466488" ry="1.626"></ellipse>
155 |                 </g>
156 |                 <g id="Group-Copy-2" transform="translate(404.479850, 183.825433) rotate(-22.000000) translate(-404.479850, -183.825433) translate(302.979850, 48.325433)">
157 |                     <ellipse id="Oval" opacity="0.188499814" cx="130.611056" cy="49.3013034" rx="1.62586377" ry="1.6253177"></ellipse>
158 |                     <ellipse id="Oval-Copy-4" cx="74.7897335" cy="119.189964" rx="1.62586377" ry="1.6253177"></ellipse>
159 |                     <ellipse id="Oval-Copy-5" cx="39.0207305" cy="29.7974911" rx="1.62586377" ry="1.6253177"></ellipse>
160 |                     <ellipse id="Oval-Copy-6" cx="171.257651" cy="146.820365" rx="1.62586377" ry="1.6253177"></ellipse>
161 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="2.70977295" cy="252.466015" rx="2.70977295" ry="2.70886283"></ellipse>
162 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="19.5103653" cy="153.863409" rx="1.62586377" ry="1.6253177"></ellipse>
163 |                     <ellipse id="Oval-Copy-12" cx="169.631787" cy="212.916618" rx="1.62586377" ry="1.6253177"></ellipse>
164 |                     <ellipse id="Oval-Copy-7" cx="40.375617" cy="217.521685" rx="2.98075025" ry="2.97974911"></ellipse>
165 |                     <ellipse id="Oval-Copy-19" cx="114.623396" cy="267.364761" rx="3.52270484" ry="3.52152167"></ellipse>
166 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="90.7773939" cy="175.805197" rx="1" ry="1"></ellipse>
167 |                     <ellipse id="Oval-Copy-14" cx="126.546397" cy="96.7064029" rx="1" ry="1"></ellipse>
168 |                     <ellipse id="Oval-Copy-15" cx="6.77443238" cy="88.5798144" rx="1" ry="1"></ellipse>
169 |                     <ellipse id="Oval-Copy-16" cx="161.773445" cy="18.1493809" rx="1" ry="1"></ellipse>
170 |                     <ellipse id="Oval-Copy-20" cx="49.588845" cy="267.906533" rx="1" ry="1"></ellipse>
171 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="7.85834156" cy="11.6481102" rx="1" ry="1"></ellipse>
172 |                     <ellipse id="Oval-Copy-8" cx="182.638697" cy="28.1721734" rx="1.62586377" ry="1.6253177"></ellipse>
173 |                     <ellipse id="Oval-Copy-9" cx="95.3840079" cy="1.6253177" rx="1.62586377" ry="1.6253177"></ellipse>
174 |                     <ellipse id="Oval-Copy-10" cx="172.883514" cy="86.1418379" rx="1.62586377" ry="1.6253177"></ellipse>
175 |                 </g>
176 |                 <g id="Group-Copy" transform="translate(300.000000, 336.000000)">
177 |                     <ellipse id="Oval" opacity="0.188499814" cx="135.471204" cy="49.2470588" rx="1.62565445" ry="1.62352941"></ellipse>
178 |                     <ellipse id="Oval-Copy-4" cx="79.6570681" cy="135.294118" rx="1.62565445" ry="1.62352941"></ellipse>
179 |                     <ellipse id="Oval-Copy-5" cx="43.8926702" cy="46" rx="1.62565445" ry="1.62352941"></ellipse>
180 |                     <ellipse id="Oval-Copy-6" cx="176.112565" cy="162.894118" rx="1.62565445" ry="1.62352941"></ellipse>
181 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="7.58638743" cy="268.423529" rx="2.70942408" ry="2.70588235"></ellipse>
182 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="204.290576" cy="263.011765" rx="2.70942408" ry="2.70588235"></ellipse>
183 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="13.5471204" cy="159.105882" rx="1.62565445" ry="1.62352941"></ellipse>
184 |                     <ellipse id="Oval-Copy-12" cx="163.649215" cy="218.094118" rx="1.62565445" ry="1.62352941"></ellipse>
185 |                     <ellipse id="Oval-Copy-7" cx="34.4096859" cy="222.694118" rx="2.98036649" ry="2.97647059"></ellipse>
186 |                     <ellipse id="Oval-Copy-19" cx="108.647906" cy="272.482353" rx="3.52225131" ry="3.51764706"></ellipse>
187 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="84.8049738" cy="164.788235" rx="1" ry="1"></ellipse>
188 |                     <ellipse id="Oval-Copy-14" cx="120.569372" cy="85.7764706" rx="1" ry="1"></ellipse>
189 |                     <ellipse id="Oval-Copy-15" cx="0.812827225" cy="77.6588235" rx="1" ry="1"></ellipse>
190 |                     <ellipse id="Oval-Copy-16" cx="155.791885" cy="7.30588235" rx="1" ry="1"></ellipse>
191 |                     <ellipse id="Oval-Copy-17" cx="175.841623" cy="216.741176" rx="1" ry="1"></ellipse>
192 |                     <ellipse id="Oval-Copy-20" cx="43.6217277" cy="256.788235" rx="1" ry="1"></ellipse>
193 |                     <ellipse id="Oval-Copy-21" cx="175.299738" cy="251.917647" rx="1" ry="1"></ellipse>
194 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="12.7342932" cy="11.6352941" rx="1" ry="1"></ellipse>
195 |                     <ellipse id="Oval-Copy-8" cx="187.492147" cy="28.1411765" rx="1.62565445" ry="1.62352941"></ellipse>
196 |                     <ellipse id="Oval-Copy-9" cx="100.248691" cy="1.62352941" rx="1.62565445" ry="1.62352941"></ellipse>
197 |                     <ellipse id="Oval-Copy-10" cx="177.73822" cy="86.0470588" rx="1.62565445" ry="1.62352941"></ellipse>
198 |                 </g>
199 |                 <g id="Group-Copy-3" transform="translate(207.878636, 309.382458) rotate(-22.000000) translate(-207.878636, -309.382458) translate(100.878636, 19.882458)">
200 |                     <ellipse id="Oval" opacity="0.188499814" cx="130.611056" cy="49.3013034" rx="1.62586377" ry="1.6253177"></ellipse>
201 |                     <ellipse id="Oval-Copy-4" cx="74.7897335" cy="135.443141" rx="1.62586377" ry="1.6253177"></ellipse>
202 |                     <ellipse id="Oval-Copy-5" cx="39.0207305" cy="46.050668" rx="1.62586377" ry="1.6253177"></ellipse>
203 |                     <ellipse id="Oval-Copy-6" cx="171.257651" cy="163.073542" rx="1.62586377" ry="1.6253177"></ellipse>
204 |                     <ellipse id="Oval-Copy-22" opacity="0.188499814" cx="2.70977295" cy="268.719192" rx="2.70977295" ry="2.70886283"></ellipse>
205 |                     <ellipse id="Oval-Copy-23" opacity="0.188499814" cx="210.915669" cy="291.309489" rx="2.70977295" ry="2.70886283"></ellipse>
206 |                     <ellipse id="Oval-Copy-11" opacity="0.188499814" cx="20.1476532" cy="187.289157" rx="1.62586377" ry="1.6253177"></ellipse>
207 |                     <ellipse id="Oval-Copy-12" cx="170.269075" cy="246.342366" rx="1.62586377" ry="1.6253177"></ellipse>
208 |                     <ellipse id="Oval-Copy-7" cx="41.012905" cy="250.947433" rx="2.98075025" ry="2.97974911"></ellipse>
209 |                     <ellipse id="Oval-Copy-19" cx="70.5800551" cy="574.690523" rx="3.52270484" ry="3.52152167"></ellipse>
210 |                     <ellipse id="Oval-Copy-13" opacity="0.188499814" cx="91.4146819" cy="192.977769" rx="1" ry="1"></ellipse>
211 |                     <ellipse id="Oval-Copy-14" cx="127.183685" cy="113.878974" rx="1" ry="1"></ellipse>
212 |                     <ellipse id="Oval-Copy-15" cx="7.41172035" cy="105.752386" rx="1" ry="1"></ellipse>
213 |                     <ellipse id="Oval-Copy-16" cx="162.410733" cy="35.3219521" rx="1" ry="1"></ellipse>
214 |                     <ellipse id="Oval-Copy-17" cx="170.986673" cy="216.979912" rx="1" ry="1"></ellipse>
215 |                     <ellipse id="Oval-Copy-20" cx="38.7497532" cy="257.071082" rx="1" ry="1"></ellipse>
216 |                     <ellipse id="Oval-Copy-21" cx="170.444719" cy="252.195129" rx="1" ry="1"></ellipse>
217 |                     <ellipse id="Oval-Copy-18" opacity="0.188499814" cx="7.85834156" cy="11.6481102" rx="1" ry="1"></ellipse>
218 |                     <ellipse id="Oval-Copy-8" cx="182.638697" cy="28.1721734" rx="1.62586377" ry="1.6253177"></ellipse>
219 |                     <ellipse id="Oval-Copy-9" cx="95.3840079" cy="1.6253177" rx="1.62586377" ry="1.6253177"></ellipse>
220 |                     <ellipse id="Oval-Copy-10" cx="172.883514" cy="86.1418379" rx="1.62586377" ry="1.6253177"></ellipse>
221 |                 </g>
222 |             </g>
223 |         </g>
224 |         <rect id="Inward-shadow" fill="url(#linearGradient-2)" opacity="0.667085193" x="129" y="0" width="81" height="1024"></rect>
225 |         <g id="Planet" transform="translate(-82.000000, 540.000000)">
226 |             <circle id="Atmos" fill="url(#radialGradient-3)" opacity="0.263323103" cx="599.5" cy="599.5" r="599.5"></circle>
227 |             <circle id="Oval" fill="#3794AA" cx="607" cy="577" r="470"></circle>
228 |             <g id="planet" opacity="0.6" transform="translate(137.000000, 105.000000)">
229 |                 <g id="bg" transform="translate(1.000000, 0.000000)">
230 |                     <mask id="mask-5" fill="white">
231 |                         <use xlink:href="#path-4"></use>
232 |                     </mask>
233 |                     <g id="Clip-2"></g>
234 |                     <path d="M934.026631,467.98389 C934.026631,725.909787 724.940516,934.999627 467.01462,934.999627 C209.088723,934.999627 -0.00111752988,725.909787 -0.00111752988,467.98389 C-0.00111752988,210.057994 209.088723,0.971878486 467.01462,0.971878486 C724.940516,0.971878486 934.026631,210.057994 934.026631,467.98389" id="Fill-1" fill="url(#linearGradient-6)" mask="url(#mask-5)"></path>
235 |                 </g>
236 |                 <path d="M363.211481,118.268866 C396.239163,78.6945291 490.446641,103.145177 538.922333,163.643661 C587.386826,224.145874 593.449554,323.976388 541.949964,342.127052 C490.446641,360.277716 451.065041,287.675061 411.68344,257.423955 C372.298107,227.172848 317.767153,172.720857 363.211481,118.268866" id="Fill-4" fill="#1E826C"></path>
237 |                 <g id="land" transform="translate(0.000000, 149.000000)" fill="url(#linearGradient-7)">
238 |                     <path d="M323.934398,329.141348 C399.613258,295.908401 384.478978,190.178714 242.19735,141.838867 C167.380214,116.423685 134.433219,57.5894193 126.599355,0.0469461607 C48.3427802,83.4811125 0.410721576,195.587863 0.410721576,318.885185 C0.410721576,505.651591 110.357143,666.76456 269.160765,741.360929 C263.568878,697.600058 286.253511,656.75782 311.825482,631.238402 C357.232052,585.925147 375.395426,522.482122 299.716566,474.153444 C224.037706,425.813597 248.255538,362.374295 323.934398,329.141348" id="Fill-6"></path>
239 |                 </g>
240 |                 <g id="land" transform="translate(1.000000, 223.000000)" fill="#129175">
241 |                     <path d="M212.417823,636.228024 C231.412671,585.364712 205.125857,523.681083 178.831598,495.63461 C140.465951,454.709464 114.886372,324.266379 153.255741,265.441368 C191.617665,206.616357 178.831598,132.444881 117.443586,96.6339832 C78.4488722,73.8915877 70.4310589,29.4936673 69.7610466,0.114661183 C25.7337967,71.3195754 0.291942274,155.22822 0.291942274,245.092321 C0.291942274,408.904567 84.7209314,552.967035 212.417823,636.228024" id="Fill-9"></path>
242 |                 </g>
243 |                 <path d="M588.649973,16 C580.019939,57.9927398 595.767336,117.695866 641.106606,163.166567 C713.488136,235.767597 822.062289,399.116186 704.441838,498.940738 C586.813954,598.769018 511.414514,716.747555 629.042398,789.344857 C672.092219,815.916029 715.536003,829.917336 753.334214,837 C863.242641,751.51225 934,617.799017 934,467.497439 C934,251.23017 787.52357,69.306363 588.649973,16" id="Fill-12" fill="url(#linearGradient-8)"></path>
244 |                 <path d="M429.30746,156.710442 C405.914473,175.140356 465.02251,294.836154 505.83865,282.045771 C546.658502,269.259111 465.02251,128.576067 429.30746,156.710442" id="Fill-14" fill="#0A6E58"></path>
245 |             </g>
246 |         </g>
247 |         <g id="Floating-Dude" transform="translate(279.000000, 81.000000)">
248 |             <path d="M199.261984,188.628424 C227.389869,197.031691 248.629589,190.037539 262.981144,167.645967 C284.508476,134.05861 319.163376,123.686894 346.207695,142.394011 C373.252015,161.101129 416.610039,153.631299 442.844414,121.073786 C469.078789,88.5162723 524.262383,59.3315066 601.867851,91.9372127 C679.47332,124.542919 766.957695,112.619144 837.199883,67.5162723" id="Path" stroke="#FFFFFF" stroke-width="5"></path>
249 |             <g id="Humaaan" transform="translate(160.304634, 177.539748) rotate(-23.000000) translate(-160.304634, -177.539748) translate(47.804634, 33.039748)">
250 |                 <g id="Head" transform="translate(78.261629, 54.760783) scale(-1, 1) rotate(12.000000) translate(-78.261629, -54.760783) translate(60.761629, 26.760783)">
251 |                     <g transform="translate(3.323529, 5.461538)" fill="#B28B67">
252 |                         <path d="M5.7106893,23.8777801 C2.52581065,20.1332602 0.370218167,15.5442995 0.730418937,10.4022373 C1.76825765,-4.41347578 22.3585432,-1.15420767 26.3637801,6.32349202 C30.3690169,13.8011917 29.8930906,32.7689971 24.7166789,34.1054706 C22.652333,34.6384544 18.2546626,33.3328576 13.77886,30.6306734 L16.5882353,50.5384615 L0,50.5384615 L5.7106893,23.8777801 Z"></path>
253 |                     </g>
254 |                     <path d="M7.75959563,32.674437 C5.67760881,23.3967791 -0.253631802,17.0725107 0.652210915,12.9257944 C1.25610606,10.1613169 2.86566766,8.44218534 5.48089571,7.76839983 C6.83346689,2.28765444 11.1957865,-0.0435202 18.5678545,0.774875924 C29.6259565,2.00247011 36.3752064,6.60229449 33.4605389,16.7239155 C30.7812741,16.7239155 27.5468289,15.7533754 23.0742634,17.4162231 C21.6551364,17.943838 20.6401351,19.5800181 20.0292597,22.3247634 L18.008125,22.3247634 C16.0465286,19.0675011 14.1123821,17.8705462 12.2056853,18.7338984 C10.2989885,19.5972507 9.8655653,21.6943368 10.9054157,25.0251567 L9.90980255,32.674437 L7.75959563,32.674437 Z" id="Hair" fill="#191847"></path>
255 |                 </g>
256 |                 <g id="Bottom" transform="translate(117.000000, 206.500000) scale(-1, 1) translate(-117.000000, -206.500000) translate(9.000000, 124.000000)">
257 |                     <polygon id="Leg" fill="#E4E4E4" points="91.1333333 0 142.652446 85.7633473 181.276959 158.269028 189.596336 158.269028 124.880424 3.51427839e-13"></polygon>
258 |                     <g id="Right-Shoe" transform="translate(175.026667, 150.502092)" fill="#E4E4E4">
259 |                         <path d="M0.927091751,5.06584226 C0.309030584,6.80679918 1.55187125e-16,8.13413445 0,9.04784806 C0,10.2927946 0.208287182,12.1094812 0.624861546,14.4979079 C2.07527228,14.4979079 15.1103578,14.4979079 39.730118,14.4979079 C40.746325,11.1526933 40.1597114,9.34671954 37.9702772,9.0799867 C35.780843,8.81325385 33.9620428,8.57241545 32.5138766,8.35747149 L14.6240324,0.416101291 C14.119247,0.192025117 13.528388,0.419584917 13.3043118,0.92437033 C13.3008971,0.932062755 13.2975796,0.939797982 13.2943602,0.947574161 L12.2464944,3.478597 C10.219651,4.42024103 8.57263026,4.89106304 7.30543226,4.89106304 C6.38403676,4.89106304 5.14846627,4.55945868 3.59872076,3.89624994 L3.59872426,3.89624178 C2.58323069,3.46166449 1.40771599,3.93259018 0.973138699,4.94808375 C0.956552454,4.98684147 0.941195799,5.02611393 0.927091751,5.06584226 Z" id="shoe"></path>
260 |                     </g>
261 |                     <path d="M170.549853,146.658689 L186.593625,141.826053 C179.564411,120.90211 170.949111,97.8760779 160.747726,72.7479566 C150.54634,47.6198354 139.590432,23.3705165 127.88,1.13686838e-13 L82.5665573,1.13686838e-13 C95.5860393,29.5626302 109.388436,56.4240746 123.973748,80.5843332 C138.559059,104.744592 154.084428,126.769377 170.549853,146.658689 Z" id="Pant" fill="#DB2721"></path>
262 |                     <path d="M87.7475287,0 C82.8850921,30.1378291 73.5067831,68.6423946 72.6217236,69.8306569 C72.031684,70.6228318 50.7901049,77.7103048 8.89698648,91.0930759 L10.6940724,98.3979489 C60.6515179,91.2206823 86.9748311,85.6522635 89.6640122,81.6926927 C93.6977839,75.7533364 113.83895,28.8322912 121.64,0 L87.7475287,0 Z" id="Leg" fill="#E4E4E4"></path>
263 |                     <path d="M23.6231254,84.778572 L26.7884965,96.5435982 C64.153755,99.8067882 87.0482742,97.4489284 95.472054,89.4700186 C103.895834,81.4911088 113.496456,51.6677693 124.273921,-1.13686838e-13 L81.0648478,-1.13686838e-13 C74.2364997,42.3089508 70.4190086,64.3514677 69.6123747,66.1275506 C68.8057408,67.9036335 53.4759911,74.1206406 23.6231254,84.778572 Z" id="Pant" fill="url(#linearGradient-9)"></path>
264 |                     <g id="Left-Shoe" transform="translate(11.439868, 107.116933) rotate(80.000000) translate(-11.439868, -107.116933) translate(-8.666798, 99.867979)" fill="#E4E4E4">
265 |                         <path d="M0.927091751,5.06584226 C0.309030584,6.80679918 1.55187125e-16,8.13413445 0,9.04784806 C0,10.2927946 0.208287182,12.1094812 0.624861546,14.4979079 C2.07527228,14.4979079 15.1103578,14.4979079 39.730118,14.4979079 C40.746325,11.1526933 40.1597114,9.34671954 37.9702772,9.0799867 C35.780843,8.81325385 33.9620428,8.57241545 32.5138766,8.35747149 L14.6240324,0.416101291 C14.119247,0.192025117 13.528388,0.419584917 13.3043118,0.92437033 C13.3008971,0.932062755 13.2975796,0.939797982 13.2943602,0.947574161 L12.2464944,3.478597 C10.219651,4.42024103 8.57263026,4.89106304 7.30543226,4.89106304 C6.38403676,4.89106304 5.14846627,4.55945868 3.59872076,3.89624994 L3.59872426,3.89624178 C2.58323069,3.46166449 1.40771599,3.93259018 0.973138699,4.94808375 C0.956552454,4.98684147 0.941195799,5.02611393 0.927091751,5.06584226 Z" id="shoe"></path>
266 |                     </g>
267 |                 </g>
268 |                 <g id="Body" transform="translate(100.181782, 125.783047) scale(-1, 1) rotate(21.000000) translate(-100.181782, -125.783047) translate(17.681782, 63.283047)">
269 |                     <path d="M120.75,45.0539674 L148.048707,41.3387501 C153.509556,38.3081894 158.533272,36.2565528 163.119856,35.1838403 C164.410568,35.1462407 166.463843,35.6143845 163.405032,38.1586117 C160.346221,40.7028388 157.242627,43.5172853 157.787614,44.875095 C158.332602,46.2329046 161.177257,45.7277085 161.648504,47.8161351 C161.962668,49.2084195 157.345966,49.4346518 147.798397,48.4948321 L125.647835,57.2566845 L120.75,45.0539674 Z M34.9947389,51.3583378 L50.1347325,51.4150285 C33.5333186,88.6896865 24.8770839,108.206107 24.1660284,109.964289 C22.5661534,113.920199 25.951704,119.944981 27.3994999,123.182654 C22.6840771,125.287884 23.1865104,117.491357 17.2381314,120.252484 C11.808727,122.772712 7.67859249,127.339197 1.40570013,123.477401 C0.634484869,123.002615 -0.210641405,121.214963 1.83129052,119.818008 C6.91848759,116.337682 14.2494468,110.246485 15.2399748,108.241521 C16.5907367,105.507393 23.1756581,86.5463322 34.9947389,51.3583378 Z" id="Skin" fill="#FFFFFF"></path>
270 |                     <path d="M73.3776558,6.67725647 L85.2553382,6.42901098 C90.4604484,32.4269938 107.752745,47.6231226 142.729833,38.9063529 L150.39972,72.3013709 C117.623258,79.4762586 87.3916841,68.7778619 78.296633,33.446233 C75.9422115,24.2999905 73.879269,14.747664 73.3776558,6.67725647 Z" id="Clothes-Back" fill="#AFB9C5" transform="translate(111.888688, 40.419390) rotate(5.000000) translate(-111.888688, -40.419390) "></path>
271 |                     <path d="M70.6166974,0.0109957349 L88.5772109,4.11508384 C88.5772109,34.9365282 98.4175954,54.6011187 103.464844,77.2620321 L54.9583077,77.2620321 C54.2750084,85.0923311 53.8554004,93.1404594 53.6367444,101.406417 L17.3167559,101.406417 C25.547069,57.7147126 42.9184754,23.9125736 69.430975,1.13686838e-13 L70.6072512,1.13686838e-13 L70.6166974,0.0109957349 Z" id="Clothes" fill="url(#linearGradient-10)"></path>
272 |                     <path d="M62.6113447,33.2911399 C61.3612892,52.4971562 62.0964826,67.1541202 64.816925,77.2620321 L54.9583077,77.2620321 C56.3119217,61.750232 58.7003524,47.0932703 62.6113426,33.2911472 Z" id="Shade" fill-opacity="0.1" fill="#000000"></path>
273 |                 </g>
274 |             </g>
275 |         </g>
276 |         <path d="M366,210 C379.807119,210 391,198.807119 391,185 C391,171.192881 379.807119,160 366,160 C352.192881,160 341,171.192881 341,185 C341,190.778086 357.970967,169.015625 366,180.215265 C370.341838,186.271664 357.970967,210 366,210 Z" id="Oval" fill="#FFFFFF"></path>
277 |     </g>
278 | </svg>


--------------------------------------------------------------------------------