:recycle: adding back hero setting | some style tweaks

vue-theme/src/app.vue

             /* background-color: green*/
             background-color: $cia_white2
             width: 100%
-            /* margin: 0 0 3vh 0 */
             padding: 0 0 3vh 0
             
             /* :--headings, a */
             a
                 color: $cia_red
-            
-            a:hover
-                /* leave obvious for testing */
-                color: green
+                &:hover
+                    /* leave obvious for testing */
+                    color: green
 
             img
                 transition: $transition ease-in

vue-theme/src/pages/list.vue

             if(!this.keepFetching) return console.warn('nothing left to fetch...')
 
             this.loadingFetched = true
-            console.warn(
-                `loading page ${this.page + 1} of ${type} posts: 
-                    ${this.page * this.perPage + 1} through 
-                    ${(this.page + 1) * this.perPage}`
-            )
+            console.warn(`loading page ${this.page + 1} of ${type} posts: ${this.page * this.perPage + 1} to ${(this.page + 1) * this.perPage}`)
+
             this.page++
             await this.getPosts()
         },
         clearAndInitPostList() {
             this.page = 0
             this.keepFetching = true
-    
+
+            this.checkAndSetHero()
+
             // Fires when loading from home
             // Clear any preloaded posts (from home, etc.)
             this.clearAllPosts()