diff --git a/app.html b/app.html
index 400eaa2..2faaeb5 100644
--- a/app.html
+++ b/app.html
@@ -5,7 +5,7 @@
   </head>
   <body {{ BODY_ATTRS }}>
     <!-- Fathom - simple website analytics - https://github.com/usefathom/fathom -->
-    <script>
+    <!-- <script>
       (function (f, a, t, h, o, m) {
         a[h] = a[h] || function () {
           (a[h].q = a[h].q || []).push(arguments)
@@ -19,7 +19,7 @@
       })(document, window, '//stats.lost.services/tracker.js', 'fathom');
       fathom('set', 'siteId', 'KQYXI');
       fathom('trackPageview');
-    </script>
+    </script> -->
     <!-- / Fathom -->
     {{ APP }}
   </body>
diff --git a/components/Sidebar.vue b/components/Sidebar.vue
index aae7849..204a8e1 100644
--- a/components/Sidebar.vue
+++ b/components/Sidebar.vue
@@ -3,20 +3,32 @@
     .sidebar
       template(v-for='category in categories')
         nuxt-link(:to='category.slug') {{ category.title }}
+      input(type='checkbox' :checked='cardsShown' @change="toggleCardsShown()")
 </template>
 
 <script>
 import store from '../store.json'
+import { mapMutations } from 'vuex'
 
 export default {
   data() {
     return {
-      categories: [{ slug: '', title: '' }],
+			categories: [{ slug: '', title: '' }],
+    }
+	},
+	computed: {
+    cardsShown() {
+      return this.$store.state.Sidebar.cardsShown
     }
   },
   created() {
-    this.categories = store.map(({ title, slug }) => ({ title, slug }))
-  }
+		this.categories = store.map(({ title, slug }) => ({ title, slug }))
+	},
+	methods: {
+		...mapMutations({
+			toggleCardsShown: 'Sidebar/toggleCardsShown',
+		})
+	}
 }
 </script>
 
diff --git a/pages/_category.vue b/pages/_category.vue
index 91efda5..1a79a0f 100644
--- a/pages/_category.vue
+++ b/pages/_category.vue
@@ -1,27 +1,37 @@
 <template lang="pug">
   div
     h1 {{ category.title }}
-    .cards
+    .cards(v-if="cardsShown")
       template(v-for='resource in category.resources')
         Card(:title='resource.title' :desc='resource.desc' :url='resource.url')
+    .table(v-if="!cardsShown")
+      TableHead(:title="'Welcome'" :desc="'Description'" :url="'URL'")
+      template(v-for='resource in category.resources')
+        TableRow(:title='resource.title' :desc='resource.desc' :url='resource.url')
 </template>
 
 <script>
 import store from '../store.json'
 import Card from '../components/Card'
+import TableHead from '../components/TableHead'
+import TableRow from '../components/TableRow'
 
 export default {
   data () {
     return {
       categoryRouteTitle: this.$route.params.category,
       categories: store,
+      // cardsShown: store.cardsShown,
     }
   },
   computed: {
+		cardsShown() {
+      return this.$store.state.Sidebar.cardsShown
+    },
     category() {      
       return this.categories.find(category => category.title.toLowerCase() === this.categoryRouteTitle.toLowerCase())
     }
   },
-  components: { Card },
+  components: { Card, TableHead, TableRow },
 }
-</script>
+</script>
\ No newline at end of file
