mitigating some weird nav issues and FOUC

1 files changed, 21 insertions, 0 deletions

diff --git a/frontend/site/projects/museum/museum.actions.js b/frontend/site/projects/museum/museum.actions.js
new file mode 100644
index 0000000..7f9867a
--- /dev/null
+++ b/frontend/site/projects/museum/museum.actions.js
@@ -0,0 +1,21 @@
+import * as types from 'site/types'
+import FontFaceObserver from 'fontfaceobserver'
+import actions from 'site/actions'
+import { dispatch } from 'site/store'
+
+export const loadMuseum = () => {
+  Promise.all([
+    loadFonts,
+    actions.site.loadGraph('last-museum'),
+  ])
+  .then(() => dispatch({ type: types.site.load_site }))
+}
+
+const loadFonts = () => {
+  const fonts = [
+    new FontFaceObserver('Gruk'),
+    new FontFaceObserver('Gruk Wide', { style: 'italic' }),
+    new FontFaceObserver('Gruk Medium'),
+  ]
+  return Promise.all(fonts.map(font => font.load()))
+}