diff --git a/src/components/page/EditPageForm.vue b/src/components/page/EditPageForm.vue
index e81f3650..56f88296 100644
--- a/src/components/page/EditPageForm.vue
+++ b/src/components/page/EditPageForm.vue
@@ -81,7 +81,7 @@ export default defineComponent({
     const content = ref('')
     const working = ref(false)
 
-    const opts = computed(() => (new Map(site.value.categories.map((c) => ([c.slug, c.name])))))
+    const opts = computed(() => (new Map(site.value.pageCategories.map((c) => ([c.slug, c.name])))))
     const category = ref('')
 
     const rules = computed(() => ({
diff --git a/src/components/profile/characters/CharacterListCard.vue b/src/components/profile/characters/CharacterListCard.vue
index 257d4966..d4e6d8a5 100644
--- a/src/components/profile/characters/CharacterListCard.vue
+++ b/src/components/profile/characters/CharacterListCard.vue
@@ -25,7 +25,7 @@
 import Card from '@/components/layout/Card.vue'
 import { useCharacters } from '@/state/characters'
 import { Character } from '@/state/characters/Character'
-import { toSite } from '@/state/site'
+import { Site } from '@/state/site/Site'
 import { useSites } from '@/state/sites'
 import { computed, defineComponent } from 'vue'
 
@@ -41,7 +41,7 @@ export default defineComponent({
     const { characters } = useCharacters()
     const { userSites } = useSites()
     const character = computed(() => characters.value.get(props.id) || new Character('...'))
-    const site = computed(() => userSites.value.find((site) => site.id === character.value.site) || toSite())
+    const site = computed(() => userSites.value.find((site) => site.id === character.value.site) || new Site())
     return { character, site }
   }
 })
diff --git a/src/components/site/SideBar.vue b/src/components/site/SideBar.vue
index 74507f28..c74877aa 100644
--- a/src/components/site/SideBar.vue
+++ b/src/components/site/SideBar.vue
@@ -42,7 +42,7 @@
           </li>
         </ul>
         <div
-          v-for="cat in site.categories"
+          v-for="cat in site.pageCategories"
           :key="cat.slug"
           class="category"
         >
@@ -85,7 +85,7 @@ export default defineComponent({
       return pages.value.filter((a) => (a.category === topic.slug))
     }
 
-    const noCategory = computed(() => (pages.value.filter((a) => (!site.value.categories.find((c) => (c.slug === a.category))))))
+    const noCategory = computed(() => (pages.value.filter((a) => (!site.value.pageCategories.find((c) => (c.slug === a.category))))))
 
     return { site, pages, inTopic, noCategory }
   }
diff --git a/src/components/site/SiteCategoriesCard.vue b/src/components/site/SiteCategoriesCard.vue
index 034322f4..7a3c82f7 100644
--- a/src/components/site/SiteCategoriesCard.vue
+++ b/src/components/site/SiteCategoriesCard.vue
@@ -4,7 +4,7 @@
       {{ $t('site.meta.categories.title') }}
     </h1>
     <div
-      v-for="cat in site.categories"
+      v-for="cat in site.pageCategories"
       :key="cat.slug"
     >
       {{ cat.name }} <MaterialButton
@@ -33,7 +33,7 @@
 </template>
 
 <script lang="ts">
-import { useSite, updateSite } from '@/state/site'
+import { useSite, updateSite, Page } from '@/state/site'
 import { PageCategory } from '@/state/site/PageCategory'
 import { toMekanismiURI } from '@/utils/contentFormat'
 import { computed, defineComponent, ref } from 'vue'
@@ -52,14 +52,17 @@ export default defineComponent({
     const dropCategory = async (slug: string) => {
       updateSite({
         id: site.value.id,
-        categories: site.value.categories.filter((c) => (c.slug !== slug))
+        pageCategories: site.value.pageCategories.filter((c) => (c.slug !== slug))
       })
     }
 
     const addCategory = async () => {
       updateSite({
         id: site.value.id,
-        categories: [...site.value.categories, new PageCategory(newCatName.value)]
+        pageCategories: [
+          ...site.value.pageCategories,
+          new PageCategory(newCatName.value)
+        ]
       })
     }
 
diff --git a/src/components/site/SiteIdentity.vue b/src/components/site/SiteIdentity.vue
deleted file mode 100644
index 50ae43ca..00000000
--- a/src/components/site/SiteIdentity.vue
+++ /dev/null
@@ -1,68 +0,0 @@
-<template>
-  <Card class="siteIdentity contentArea contentBox">
-    <h2>{{ $t('wiki.meta.identity') }}</h2>
-    <div
-      v-if="site.splashURL"
-      style="position:relative"
-    >
-      <div
-        class="previewAvatar"
-        alt="previewAvatar"
-        :style="`background-image: url(${site.splashURL}`"
-      />
-      <img
-        v-if="site.splashURL"
-        class="cardPoster"
-        alt="Site splash image"
-        :src="site.splashURL"
-      >
-    </div>
-    <MaterialSelect
-      v-model="selected"
-      :label="$t('site.meta.splashImage')"
-      :opts="opts"
-    />
-  </Card>
-</template>
-<script lang="ts">
-import { computed, ComputedRef, defineComponent, inject } from 'vue'
-import { Site, SiteData, updateSite, useAssets } from '@/state/site'
-import MaterialSelect from '../material/MaterialSelect.vue'
-import Card from '../layout/Card.vue'
-
-export default defineComponent({
-  name: 'SiteIdentityCard',
-  components: { MaterialSelect, Card },
-  setup () {
-    const site = inject('site') as ComputedRef<Site>
-    const selected = computed({
-      get: () => (site.value.splashURL),
-      set: (val) => {
-        const siteFragment:SiteData = { id: site.value.id, splashURL: val }
-        updateSite(siteFragment)
-      }
-    })
-    const { assets } = useAssets()
-    const opts = computed(() => Array.from(assets.value, ([key, value]) => ({ key: value.url, value: key })))
-    return { site, selected, opts }
-  }
-})
-</script>
-
-<style lang="sass" scoped>
-@import @/styles/include-media.scss
-@import @/styles/material-colors.sass
-@import @/styles/material-typography.sass
-
-.previewAvatar
-  position: absolute
-  right: 16px
-  top: 16px
-  height: 72px
-  width: 72px
-  // border: solid 2px rgba($color-fill-primary-light, 0.22)
-  border-radius: 36px
-  background-size: cover
-  @include BoxShadow8()
-
-</style>
diff --git a/src/components/site/SiteMeta.vue b/src/components/site/SiteMeta.vue
index 2b299fa1..dab37254 100644
--- a/src/components/site/SiteMeta.vue
+++ b/src/components/site/SiteMeta.vue
@@ -48,7 +48,7 @@
 
 <script lang="ts">
 import { useAuth } from '@/state/authz'
-import { Site, SiteData, updateSite } from '@/state/site'
+import { Site, SiteDoc } from '@/state/site/Site'
 import { computed, ComputedRef, defineComponent, inject, Ref, ref } from 'vue'
 import Select from '../form/Select.vue'
 import Column from '../layout/Column.vue'
@@ -56,6 +56,7 @@ import Icon from '../material/Icon.vue'
 import MaterialButton from '../material/MaterialButton.vue'
 import Textfield from '../form/Textfield.vue'
 import Toggle from '../material/Toggle.vue'
+import { useSite } from '@/state/site'
 
 export default defineComponent({
   name: 'SiteMeta',
@@ -68,7 +69,8 @@ export default defineComponent({
     Select
   },
   setup () {
-    const site = inject('site') as ComputedRef<Site>
+    const { site, updateSite } = useSite()
+
     const localName = ref('')
     const localBadge = ref('')
     const badge = computed({
@@ -93,7 +95,7 @@ export default defineComponent({
     })
     const siteFeatures = ref({ players: site.value.usePlayers })
     async function update () {
-      const data: SiteData = { id: site.value.id }
+      const data: SiteDoc = { id: site.value.id }
       if (localName.value) data.name = localName.value
       if (localBadge.value) data.systemBadge = localBadge.value
       if (localDescription.value) data.description = localDescription.value
diff --git a/src/components/site/header/SiteHeaderMenu.vue b/src/components/site/header/SiteHeaderMenu.vue
index 96529a7a..c1ed659d 100644
--- a/src/components/site/header/SiteHeaderMenu.vue
+++ b/src/components/site/header/SiteHeaderMenu.vue
@@ -7,7 +7,7 @@
 
 <script lang="ts">
 import { computed, defineComponent } from 'vue'
-import { SiteClass, useSite } from '@/state/site'
+import { useSite } from '@/state/site'
 import MaterialMenu from '@/components/material/MaterialMenu.vue'
 import { useAuth } from '@/state/authz'
 import { MenuItem } from '@/utils/uiInterfaces'
@@ -20,21 +20,18 @@ export default defineComponent({
     const { user } = useAuth()
     const { site } = useSite()
 
-    const siteClass = computed(() => {
-      return new SiteClass(site.value)
-    })
-    const disabled = computed(() => (!siteClass.value.canEdit(user.value.uid)))
+    const disabled = computed(() => (!site.value.hasEditor(user.value.uid)))
 
     const menuItems = computed(() => {
       const items: MenuItem[] = []
-      if (siteClass.value.usePlayers) {
+      if (site.value.usePlayers) {
         items.push({
           text: i18n.t('site.keeper.title'),
           icon: 'keeper',
           to: '/site/' + site.value.id + '/keeper'
         })
       }
-      if (siteClass.value.isOwner(user.value.uid)) {
+      if (site.value.hasOwner(user.value.uid)) {
         items.push({
           text: i18n.t('site.meta.title'),
           icon: 'equalizer',
diff --git a/src/components/sites/RecentChangesCard.vue b/src/components/sites/RecentChangesCard.vue
index 94b23384..0a9214cd 100644
--- a/src/components/sites/RecentChangesCard.vue
+++ b/src/components/sites/RecentChangesCard.vue
@@ -37,12 +37,13 @@
 </template>
 
 <script lang="ts">
-import { PageLogEntry } from '@/state/pagelog'
-import { Site } from '@/state/site'
-import { computed, defineComponent, PropType } from 'vue'
+import { usePagelog } from '@/state/pagelog'
+import { Site } from '@/state/site/Site'
+import { computed, defineComponent } from 'vue'
 import Card from '../layout/Card.vue'
 import Icon from '../material/Icon.vue'
 import { toDisplayString } from '@/utils/firebaseTools'
+import { useSites } from '@/state/sites'
 
 export default defineComponent({
   name: 'WikiIndex',
@@ -51,22 +52,25 @@ export default defineComponent({
     Icon
   },
   props: {
-    site: {
-      type: Object as PropType<Site>,
-      required: true
-    },
-    pagelog: {
-      type: Array as PropType<Array<PageLogEntry>>,
+    siteid: {
+      type: String,
       required: true
     }
   },
   setup (props) {
+    const { publicSites, userSites } = useSites()
+    const { recent } = usePagelog()
+
+    const site = computed(() => {
+      return [...publicSites.value, ...userSites.value].find(s => s.id === props.siteid) || new Site()
+    })
+
     const changes = computed(() => {
-      const arr = props.pagelog.filter((v) => (v.siteid === props.site.id))
+      const arr = recent.value.filter((v) => (v.siteid === props.siteid))
       if (arr.length > 3) arr.length = 3
       return arr
     })
-    return { changes, toDisplayString }
+    return { changes, toDisplayString, site }
   }
 })
 </script>
diff --git a/src/components/sites/RecentChangesList.vue b/src/components/sites/RecentChangesList.vue
index 1ee1d0c8..5d025cd1 100644
--- a/src/components/sites/RecentChangesList.vue
+++ b/src/components/sites/RecentChangesList.vue
@@ -5,8 +5,7 @@
       :key="site.id"
     >
       <RecentChangesCard
-        :site="site"
-        :pagelog="changes"
+        :siteid="site.id"
       />
     </div>
   </div>
@@ -32,7 +31,7 @@ export default defineComponent({
     const sitelist = computed(() => {
       const sites = [...publicSites.value, ...userSites.value]
       return sites.sort((a, b) => {
-        b.compareChangeTime(a)
+        a.compareChangeTime(b)
         return 0
       })
     })
diff --git a/src/components/sites/players/SitePlayersList.vue b/src/components/sites/players/SitePlayersList.vue
index a0604f0a..38eea865 100644
--- a/src/components/sites/players/SitePlayersList.vue
+++ b/src/components/sites/players/SitePlayersList.vue
@@ -29,9 +29,9 @@
 
 <script lang="ts">
 import { useAuthors } from '@/state/authors'
-import { Site, useSite } from '@/state/site'
+import { useSite } from '@/state/site'
 import { Player } from '@/utils/uiInterfaces'
-import { computed, ComputedRef, defineComponent, PropType, ref } from 'vue'
+import { computed, ComputedRef, defineComponent, ref } from 'vue'
 import Card from '../../layout/Card.vue'
 import MaterialButton from '../../material/MaterialButton.vue'
 import MaterialSelect from '../../material/MaterialSelect.vue'
@@ -40,17 +40,12 @@ import PlayerRowItem from './PlayerRowItem.vue'
 export default defineComponent({
   name: 'SitePlayersList',
   components: { Card, MaterialSelect, MaterialButton, PlayerRowItem },
-  props: {
-    site: {
-      type: Object as PropType<Site>,
-      required: true
-    }
-  },
-  setup (props) {
+  setup () {
     const { authors } = useAuthors()
     const { addPlayer } = useSite()
+    const { site } = useSite()
     const playerList:ComputedRef<Array<Player>> = computed(() => (
-      props.site.players?.map((uid) => (
+      site.value.players?.map((uid) => (
         {
           uid: uid,
           nick: authors.value.find((a) => (a.uid === uid))?.nick || 'anonymous'
diff --git a/src/state/Storable.ts b/src/state/Storable.ts
index 074d3227..54df9f96 100644
--- a/src/state/Storable.ts
+++ b/src/state/Storable.ts
@@ -1,4 +1,4 @@
-import { DocumentData, Timestamp, serverTimestamp, FieldValue } from '@firebase/firestore'
+import { DocumentData, Timestamp, serverTimestamp } from '@firebase/firestore'
 
 /**
  * A class that can be stored in Firestore. We expect each document to have a createdAt and updatedAt field.
@@ -6,7 +6,7 @@ import { DocumentData, Timestamp, serverTimestamp, FieldValue } from '@firebase/
 export interface StorableDoc {
   id: string
   createdAt?: Timestamp
-  updatedAt?: Timestamp|FieldValue
+  updatedAt?: Timestamp
 }
 
 /**
diff --git a/src/state/site/Site.ts b/src/state/site/Site.ts
index 0b6b29aa..d0c63031 100644
--- a/src/state/site/Site.ts
+++ b/src/state/site/Site.ts
@@ -26,12 +26,31 @@ export interface SiteDoc extends StorableDoc {
   pageCategories?: PageCategory[]
 }
 
+export interface SiteModel extends SiteDoc {
+  name: string
+  description: string
+  owners: string[]
+  players: string[]
+  usePlayers: boolean
+  hidden: boolean
+  system: string
+  systemBadge: string
+  theme: string
+  latestPages: PageLogEntry[]
+  pageCategories: PageCategory[]
+  readonly updatedAt: Timestamp | undefined
+  hasOwner: (uid: string) => boolean
+  hasPlayer: (uid: string) => boolean
+  hasEditor: (uid: string) => boolean
+  hasCategories: () => boolean
+}
+
 /**
  * A Mekanismi Site object, as a Firestore document.
  *
  * Helper methods are provided for reactive attributes and for converting to/from Firestore DocumentData.
  */
-export class Site extends Storable {
+export class Site extends Storable implements SiteModel {
     name = ''
     description = ''
     owners: string[] = []
@@ -123,4 +142,8 @@ export class Site extends Storable {
     hasEditor (uid:string): boolean {
       return this.hasOwner(uid) || this.hasPlayer(uid)
     }
+
+    hasCategories (): boolean {
+      return Array.isArray(this.pageCategories) && this.pageCategories.length > 0
+    }
 }
diff --git a/src/state/site/index.ts b/src/state/site/index.ts
index 67c28394..77f6ed6f 100644
--- a/src/state/site/index.ts
+++ b/src/state/site/index.ts
@@ -4,10 +4,10 @@ import { refreshStorage, useFiles } from './attachments'
 import { useAssets, subscribeTo as subscribeToAssets } from './assets'
 import { useAuthors } from '../authors'
 import { PublicProfile, useAuth } from '../authz'
-import { doc, getDoc, getFirestore, onSnapshot, updateDoc, serverTimestamp } from '@firebase/firestore'
+import { doc, getDoc, getFirestore, onSnapshot, updateDoc, serverTimestamp, DocumentData } from '@firebase/firestore'
 import { getAnalytics, logEvent } from '@firebase/analytics'
 import { useSiteCharacters } from './useSiteCharacters'
-import { Site, SiteDoc } from './Site'
+import { Site, SiteDoc, SiteModel } from './Site'
 
 export const siteTypes = new Map([
   ['dd', 'Dungeons and Dragons 5e'],
@@ -17,7 +17,7 @@ export const siteTypes = new Map([
   ['pathfinder', 'Pathfinder']
 ])
 
-const stateSite: Ref<Site> = ref(new Site())
+const stateSite: Ref<SiteModel> = ref(new Site())
 const site = computed(() => (stateSite.value))
 
 let unsubscribe = () => {}
@@ -70,8 +70,8 @@ async function removePlayer (uid:string) {
 async function updateSite (data: SiteDoc): Promise<void> {
   console.debug('updateSite', stateSite.value.id, data)
 
-  const update = { ...data }
-  data.updatedAt = serverTimestamp()
+  const update = { ...data } as DocumentData
+  update.updatedAt = serverTimestamp()
 
   return updateDoc(
     doc(getFirestore(), 'sites', stateSite.value.id),
@@ -143,7 +143,7 @@ const showSiteAdminTools = computed(() => {
 
 function useSite (id?: string):
   {
-    site: ComputedRef<Site>,
+    site: ComputedRef<SiteModel>,
     members: ComputedRef<Array<PublicProfile>>,
     showSiteMemberTools: ComputedRef<boolean>,
     showSiteAdminTools: ComputedRef<boolean>,
@@ -152,9 +152,10 @@ function useSite (id?: string):
     addOwner: (uid: string) => Promise<void>,
     addPlayer: (uid: string) => Promise<void>,
     removePlayer: (uid: string) => Promise<void>,
+    updateSite: (data: SiteDoc) => Promise<void>
   } {
   if (id) subscribeTo(id)
-  return { hasAdmin, site, revokeOwner, addOwner, addPlayer, removePlayer, members, showSiteMemberTools, showSiteAdminTools }
+  return { hasAdmin, site, revokeOwner, addOwner, addPlayer, removePlayer, members, showSiteMemberTools, showSiteAdminTools, updateSite }
 }
 
 export {
diff --git a/src/views/site/SiteMetaView.vue b/src/views/site/SiteMetaView.vue
index d45ec16d..c67f9f55 100644
--- a/src/views/site/SiteMetaView.vue
+++ b/src/views/site/SiteMetaView.vue
@@ -7,7 +7,6 @@
         class="dashBoardLayout"
       >
         <SiteMeta class="inDashboardBox" />
-        <SiteIdentity class="inDashboardBox" />
         <SiteCategoriesCard class="inDashboardBox" />
       </main>
       <Loader v-else />
@@ -21,7 +20,6 @@ import { useSite } from '@/state/site'
 import Loader from '@/components/app/Loader.vue'
 import { useAuthors } from '@/state/authors'
 import SiteMeta from '@/components/site/SiteMeta.vue'
-import SiteIdentity from '@/components/site/SiteIdentity.vue'
 import SiteToolbar from '@/components/site/header/SiteToolbar.vue'
 import SiteCategoriesCard from '@/components/site/SiteCategoriesCard.vue'
 import { useAuth } from '@/state/authz'
@@ -31,7 +29,6 @@ export default defineComponent({
   components: {
     Loader,
     SiteMeta,
-    SiteIdentity,
     SiteToolbar,
     SiteCategoriesCard
   },