Github error imaged.

src/Squidex/Areas/IdentityServer/Views/Account/AccessDenied.cshtml

@@ -3,6 +3,8 @@
     ViewBag.Title = "Account locked";
 }
 
+<img class="splash-image" src="~/images/error-access.png" />
+
 <h1 class="splash-h1">Access denied</h1>
 
 <p class="splash-text">

src/Squidex/Areas/IdentityServer/Views/Account/LockedOut.cshtml

@@ -2,12 +2,14 @@
     ViewBag.Title = "Account locked";
 }
 
+<img class="splash-image" src="~/images/error-access.png" />
+
 <h1 class="splash-h1">Account locked</h1>
 
 <p class="splash-text">
     Your account is locked, please contact the administrator.
 </p>
-        
+
 <p class="splash-text">
     <a href="~/account/logout-redirect">Logout</a>
 </p>

src/Squidex/Areas/IdentityServer/Views/Account/LogoutCompleted.cshtml

@@ -3,6 +3,8 @@
     ViewBag.Title = "Logout";
 }
 
+<img class="splash-image" src="~/images/error-access.png" />
+
 <h1 class="splash-h1">Logged out!</h1>
 
 <p class="splash-text">

src/Squidex/Areas/IdentityServer/Views/Error/Error.cshtml

@@ -5,6 +5,8 @@
     ViewBag.Title = "Operation failed";
 }
 
+<img class="splash-image" src="~/images/error-bug.png" />
+
 <h1 class="splash-h1">Operation failed</h1>
 
 <p class="splash-text">

src/Squidex/app/features/schemas/pages/schemas/schema-form.component.html

@@ -18,16 +18,16 @@
                 <sqx-control-errors for="name" submitOnly="true" [submitted]="createForm.submitted | async"></sqx-control-errors>
         
                 <input type="text" class="form-control" id="schemaName" formControlName="name" autocomplete="off" sqxTransformInput="LowerCase" sqxFocusOnInit />
+
+                <small class="form-text text-muted">
+                    You can only use letters, numbers and dashes and not more than 40 characters. The name cannot be changed later.
+                </small>
                 
                 <small class="form-text text-muted">
                     The schema name becomes part of the api url:
                 </small>
 
                 <sqx-code>{{apiUrl.buildUrl("api/content/")}}{{appsState.appName}}/{{createForm.schemaName | async}}</sqx-code>
-
-                <small class="form-text text-muted">
-                    It must contain lower case letters (a-z), numbers and dashes only, and cannot be longer than 40 characters. The name cannot be changed later.
-                </small>
             </div>
 
             <div class="form-group">

src/Squidex/app/shared/components/app-form.component.html

@@ -19,16 +19,16 @@
                 <sqx-control-errors for="name" submitOnly="true" [submitted]="createForm.submitted | async"></sqx-control-errors>
         
                 <input type="text" class="form-control" id="appName" formControlName="name" autocomplete="off" sqxTransformInput="LowerCase" sqxFocusOnInit />
+                    
+                <small class="form-text text-muted">
+                    You can only use letters, numbers and dashes and not more than 40 characters. The name cannot be changed later.
+                </small>
                 
                 <small class="form-text text-muted">
                     The app name becomes part of the api url:
                 </small>
 
                 <sqx-code>{{apiUrl.buildUrl("api/content/")}}{{createForm.appName | async}}</sqx-code>
-                    
-                <small class="form-text text-muted">
-                    It must contain lower case letters (a-z), numbers and dashes only, and cannot be longer than 40 characters. The name cannot be changed later.
-                </small>
             </div>
         </ng-container>
 

src/Squidex/app/shell/pages/not-found/not-found-page.component.html

@@ -7,7 +7,6 @@
 
     <p>
         Sorry, the page or resource you are looking for does not exist. 
-        When you create a new resource, for example an App or Schema it might take some seconds until it is available.
     </p>
 
     <a href="#" (click)="back()">Back to previous page.</a>

src/Squidex/app/theme/_static.scss

@@ -137,9 +137,15 @@ noscript {
 //
 .splash {
     &-h1,
-    &-text {
+    &-text,
+    &-image {
         text-align: center;
     }
+
+    &-image {
+        max-width: 100%;
+        margin-bottom: 2rem;
+    }
 }
 
 //