adjust styling - set colours to cia theme, set commenting for reference

vue-theme/src/pages/index.vue

@@ -5,22 +5,25 @@
         .page-content(v-html="allPages.welcome.content")
 
     article.w-max
+        //- sticky section
         section(v-if="allSticky && Object.keys(allSticky).length").stickies
             ul.flipped(:class="[`sticky-${Object.keys(allSticky).length}`]")
                 //- if sticky
                 li.shadow(v-for="sticky in allSticky")
                     card(:content="sticky" :type="`${sticky.type}s`")
-
+        
+        //- firstRow: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
         section
             ul
                 li.shadow(v-for="type in firstRow")
                     card(:content="firstPostOfType(type)" :type="type")
-
+        
+        //- secondRow: 'artists', // This is only ONE post
         section.max
             ul.w-max
                 li.shadow(v-for="post in [randomPostOfType(secondRow)]")
                     card(v-if="post" :content="post" :type="`${post.type}s`" :wide="true")
-
+        //- firstRow.flipped: ['episodes', 'exhibitions', 'events', 'artists', 'posts'],
         section
             ul.flipped
                 li.shadow(v-for="type in thirdRow")
@@ -118,7 +121,8 @@ export default {
             li
                 margin: 0
                 min-height: 10em
-                background-color: purple
+                /* background-color: purple */
+                background-color: white
                 &:nth-of-type(1)
                     grid-column-start: 1
                     grid-row-start: 1