import scully in app

package.json

@@ -51,4 +51,4 @@
     "tslint": "~6.1.0",
     "typescript": "~4.0.2"
   }
-}
+}

scully.log

@@ -107,3 +107,21 @@ Using stored unhandled routes!.
    To discover new routes in the angular app use "npm run scully -- --scanRoutes"
 ----------------------------------The file ./blog/.DS_Store has extension  that has no plugin defined, scully will skip this file.
 
+
+----------------------------------
+Using stored unhandled routes!.
+   To discover new routes in the angular app use "npm run scully -- --scanRoutes"
+----------------------------------The file ./blog/.DS_Store has extension  that has no plugin defined, scully will skip this file.
+
+
+----------------------------------
+Using stored unhandled routes!.
+   To discover new routes in the angular app use "npm run scully -- --scanRoutes"
+----------------------------------The file ./blog/.DS_Store has extension  that has no plugin defined, scully will skip this file.
+
+
+----------------------------------
+Using stored unhandled routes!.
+   To discover new routes in the angular app use "npm run scully -- --scanRoutes"
+----------------------------------The file ./blog/.DS_Store has extension  that has no plugin defined, scully will skip this file.
+

src/app/app-routing.module.ts

@@ -15,7 +15,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-  imports: [RouterModule.forRoot(routes)],
+  imports: [RouterModule.forRoot(routes, {scrollPositionRestoration: 'enabled'})],
   exports: [RouterModule]
 })
 export class AppRoutingModule { }

src/app/app.module.ts

@@ -1,5 +1,6 @@
 import { NgModule } from '@angular/core';
 import { BrowserModule } from '@angular/platform-browser';
+import { ScullyLibModule } from '@scullyio/ng-lib';
 import { AppRoutingModule } from './app-routing.module';
 import { AppComponent } from './app.component';
 
@@ -9,7 +10,8 @@ import { AppComponent } from './app.component';
   ],
   imports: [
     BrowserModule,
-    AppRoutingModule
+    AppRoutingModule,
+    ScullyLibModule
   ],
   bootstrap: [AppComponent]
 })

src/app/features/blog/blog.module.ts

@@ -4,7 +4,6 @@ import { FormsModule } from '@angular/forms';
 import { FaIconLibrary, FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import { faHome, faSearch } from '@fortawesome/free-solid-svg-icons';
 import { NgbCollapseModule } from '@ng-bootstrap/ng-bootstrap';
-import { ScullyLibModule } from '@scullyio/ng-lib';
 import { BlogAboutComponent } from './blog-about/blog-about.component';
 import { BlogCategoriesComponent } from './blog-categories/blog-categories.component';
 import { BlogFiltersInfoComponent } from './blog-filters-info/blog-filters-info.component';
@@ -38,8 +37,7 @@ import { BlogComponent } from './blog.component';
     BlogRoutingModule,
     NgbCollapseModule,
     FormsModule,
-    FontAwesomeModule,
-    ScullyLibModule
+    FontAwesomeModule
   ]
 })
 export class BlogModule { 

src/app/features/portfolio/about/about.component.html

@@ -10,7 +10,7 @@ <h1 class="mb-0">
             {{SITE_CONFIG.PORTFOLIO_DESC}}
         </p>
         <p class="lead mb-5">
-            Contact for work: 
+            <strong>Contact for work: </strong> 
             <a [href]="'mailto:'+SITE_CONFIG.EMAIL">{{SITE_CONFIG.EMAIL}}</a>
         </p>
 

src/app/features/portfolio/about/about.component.scss

@@ -5,6 +5,10 @@ $orange: #bd5d38;
 // Override Bootstrap default state colors
 $primary: $orange;
 
+h1 {
+    font-size: 4rem;
+}
+
 section.resume-section {
     display: flex;
     align-items: center;
@@ -17,10 +21,16 @@ section.resume-section {
         width: 100%;
     }
 }
+
+
 @include media-breakpoint-up(md) {
     section.resume-section {
         min-height: 100vh;
     }
+
+    h1 {
+        font-size: 6rem;
+    }
 }
 
 @include media-breakpoint-up(lg) {
@@ -37,13 +47,13 @@ section.resume-section {
         display: inline-flex;
         align-items: center;
         justify-content: center;
-        height: 3.5rem;
-        width: 3.5rem;
+        height: 3rem;
+        width: 3rem;
         background-color: $gray-700;
         color: $white;
         border-radius: 100%;
-        font-size: 1.5rem;
-        margin-right: 1.5rem;
+        font-size: 1.2rem;
+        margin-right: 0.7rem;
         &:last-child {
             margin-right: 0;
         }