- Added the application feature - a big reason why Lean was created in the first place.

- Began moving some repetitive parts from projects to projects into lean

view/lean/error/404.phtml

@@ -0,0 +1,24 @@
+{% extends "lean/layout/error" %}
+
+{% language.set "lean.error.404" %}
+
+{% title _('page-title') %}
+
+{% section "content-right" %}
+    <div>
+        <div class="title">{% _ "title" %}</div>
+        <div class="subtitle">{% _ "subtitle" %}</div>
+        <div class="content">{% _ "message" %}</div>
+        <u><a href="#" onclick="history.back()">{% _ "back" %}</a></u>
+    </div>
+{% endsection %}
+
+{% section "content-left" %}
+    <img class="picto-login" src="{% asset 'asset/picto/undraw_lost_bqr2.svg' %}">
+{% endsection %}
+
+{% section "head.css" %}
+    .title {font-size:2rem}
+    .subtitle {font-size:1.25rem; padding-top: 1rem;}
+    .content {padding-top:1rem}
+{% endsection %}

view/lean/layout/error.phtml

@@ -0,0 +1,50 @@
+{% section "layout" %}
+    <!DOCTYPE html>
+    <html>
+        <head>
+            <meta http-equiv="Content-Type" content="text/html; ">
+            <meta name="viewport" content="width=device-width">
+            <title>{{ title() }}</title>
+
+            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato|Ubuntu%20Mono">
+            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css">
+            <link rel="stylesheet" href='{% asset "asset/css/bulma.extension.css" %}'>
+            <link rel="stylesheet" href="https://cdn.eckinox.net/fontawesome/latest/css/fontawesome-all.min.css">
+
+
+            <style>
+                body {background:#272822}
+                #main-content {min-height: 100vh;width: 100vw;align-items:center;justify-content: center;}
+                #wrapper-content {max-width:960px; max-height:65vh;flex-direction:row-reverse; margin:0 10vw}
+                #wrapper-content .content-right {background:#efefef;padding:5vh 2vw;align-items:center;display:flex;justify-content:center; width:100%;border-radius:6px 0 0 6px}
+                #wrapper-content .content-left {background:#ffffff;padding:5vh 2vw;border-radius:0 6px 6px 0;display:flex;align-items:center;justify-content: center}
+
+                .form-user-login {width:80%;}
+                .picto-login {max-width:80%;}
+
+                {% section "head.css" %}{% endsection %}
+            </style>
+
+        </head>
+
+        <body class="body">
+            <ui-responsive id="full-wrapper">
+                <div id="body-wrapper">
+                    <ui-responsive id="main-content" class="main-content is-flex">
+                        <div id="wrapper-content" class="columns">
+                            <div class="column content-left">
+                                {% section "content-left" %}{% endsection %}
+                            </div>
+                            <div class="column content-right">
+                                {% section "content-right" %}{% endsection %}
+                            </div>
+                        </div>
+                    </ui-responsive>
+                </div>
+            </ui-responsive>
+
+            {% section "javascript-body" %}{% endsection %}
+            {% section "component-template" %}{% endsection %}
+        </body>
+    </html>
+{% endsection %}