Minor improvements

app/_config/extensions.yml

@@ -48,34 +48,3 @@ SilverStripe\UserForms\Form\UserForm:
 DNADesign\ElementalUserForms\Model\ElementForm:
   extensions:
     - Site\Extensions\UserDefinedFormExtension
-
-# Blog + Widgets module extensions
-Page:
-  extensions:
-    - Site\Widgets\WidgetPageExtension
-
-SilverStripe\Blog\Model\Blog:
-  extensions:
-    - Site\Extensions\BlogExtension
-SilverStripe\Blog\Model\BlogPost:
-  extensions:
-    - Site\Extensions\BlogPostExtension
-
-SilverStripe\Widgets\Model\Widget:
-  icon: '<i class="icon font-icon-p-document"></i>'
-  extensions:
-    - Site\Widgets\WidgetExtension
-SilverStripe\Blog\Widgets\BlogArchiveWidget:
-  icon: '<i class="icon font-icon-p-archive"></i>'
-SilverStripe\Blog\Widgets\BlogCategoriesWidget:
-  icon: '<i class="icon font-icon-page-multiple"></i>'
-SilverStripe\Blog\Widgets\BlogFeaturedPostsWidget:
-  icon: '<i class="icon font-icon-chart-line"></i>'
-SilverStripe\Blog\Widgets\BlogRecentPostsWidget:
-  icon: '<i class="icon font-icon-back-in-time"></i>'
-SilverStripe\Blog\Widgets\BlogTagsCloudWidget:
-  icon: '<i class="icon font-icon-tags"></i>'
-SilverStripe\Blog\Widgets\BlogTagsWidget:
-  icon: '<i class="icon font-icon-tags"></i>'
-  only_available_in:
-    - CMSMain_HiddenClass

app/_config/widgets.yml

@@ -0,0 +1,33 @@
+---
+Name: 'webapp-widgets'
+---
+# Blog + Widgets module extensions
+Page:
+  extensions:
+    - Site\Widgets\WidgetPageExtension
+
+SilverStripe\Blog\Model\Blog:
+  extensions:
+    - Site\Extensions\BlogExtension
+SilverStripe\Blog\Model\BlogPost:
+  extensions:
+    - Site\Extensions\BlogPostExtension
+
+SilverStripe\Widgets\Model\Widget:
+  icon: '<i class="icon font-icon-p-document"></i>'
+  extensions:
+    - Site\Widgets\WidgetExtension
+SilverStripe\Blog\Widgets\BlogArchiveWidget:
+  icon: '<i class="icon font-icon-p-archive"></i>'
+SilverStripe\Blog\Widgets\BlogCategoriesWidget:
+  icon: '<i class="icon font-icon-page-multiple"></i>'
+SilverStripe\Blog\Widgets\BlogFeaturedPostsWidget:
+  icon: '<i class="icon font-icon-chart-line"></i>'
+SilverStripe\Blog\Widgets\BlogRecentPostsWidget:
+  icon: '<i class="icon font-icon-back-in-time"></i>'
+SilverStripe\Blog\Widgets\BlogTagsCloudWidget:
+  icon: '<i class="icon font-icon-tags"></i>'
+SilverStripe\Blog\Widgets\BlogTagsWidget:
+  icon: '<i class="icon font-icon-tags"></i>'
+  only_available_in:
+    - CMSMain_HiddenClass

app/client/src/scss/_typography.scss

@@ -1,16 +1,26 @@
 // Add your site-wide, but not content editor typography styling
 
 .bg-dark {
-    h1, h2, h3, h4, h5, h6,
+	h1,
-    .h1, .h2, .h3, .h4, .h5, .h6,
+	h2,
-    .typography,
+	h3,
-    a {
+	h4,
-        color: $white;
+	h5,
-    }
+	h6,
+	.h1,
+	.h2,
+	.h3,
+	.h4,
+	.h5,
+	.h6,
+	.typography,
+	a {
+		color: $white;
+	}
 }
 
 .typography {
-    @include clearfix;
+	@include clearfix;
 
-    @import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate/src/scss/types/editor";
+	@import './types/editor';
 }

app/client/src/scss/_variables.scss

@@ -24,7 +24,13 @@ $container-max-widths: (
 	xxxxl: 1836px,
 );
 
-$font-family-base: 'Lato', sans-serif;
+$font-family-sans-serif: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
+	'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji',
+	'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !default;
+$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
+	'Liberation Mono', 'Courier New', monospace !default;
+
+$font-family-base: 'Lato', $font-family-sans-serif !default;
 
 $grid-gutter-width: 2rem;
 $grid-gutter-height: 2rem;

app/client/src/scss/types/editor.scss

@@ -1,5 +1,8 @@
-@import "~@a2nt/ss-bootstrap-ui-webpack-boilerplate/src/scss/types/editor";
+@import '~@a2nt/ss-bootstrap-ui-webpack-boilerplate/src/scss/types/editor';
-@import "../_variables";
+@import '../_variables';
-@import "../_typography";
+
+a {
+	color: $link-color;
+}
 
 // Add content editor (only) typography styling

app/templates/Includes/First.ss

@@ -7,7 +7,7 @@
 <%-- Loading Spinner --%>
 <div id="PageLoading">
     <div class="loading-spinner">
-        <img src="favicon.ico" alt="{$SiteConfig.Title}" /><br/>
+        <img src="{$ResourcesURL('logo.png')}" alt="{$SiteConfig.Title}" /><br/>
         <div class="lds-ellipsis"><div></div><div></div><div></div><div></div></div>
         <br/><%t Page.LOADINGTEXT 'LOADING ..' %>
     </div>

app/templates/Includes/Prestyling.ss

@@ -1,4 +1,5 @@
 <style>
     body,html{font-size:14px;margin:0;padding:0;background:#fff;color:#333;overflow-x:hidden}#PageLoading{position:fixed;left:0;top:0;margin:0;width:100%!important;height:100%!important;background:rgba(255,255,255,.9);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;z-index:9999}.main-bn{position:fixed;top:0;left:0;width:100%;z-index:99999999;padding:0.5rem 1rem;text-align:center;color:#fff;background:#FF0000}img,iframe{max-width:100%}.loading-spinner{text-align:center}
     .lds-ellipsis{display:inline-block;position:relative;width:64px;height:64px}.lds-ellipsis div{position:absolute;top:27px;width:11px;height:11px;border-radius:50%;background:#888;animation-timing-function:cubic-bezier(0, 1, 1, 0)}.lds-ellipsis div:nth-child(1){left:6px;animation:lds-ellipsis1 0.6s infinite}.lds-ellipsis div:nth-child(2){left:6px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(3){left:26px;animation:lds-ellipsis2 0.6s infinite}.lds-ellipsis div:nth-child(4){left:45px;animation:lds-ellipsis3 0.6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}100%{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}100%{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0, 0)}100%{transform:translate(19px, 0)}}
+    html,body{color:#212121}a{color:#007bff}
 </style>