diff --git a/graph/index.html b/graph/index.html
index 7893038..8823b7b 100644
--- a/graph/index.html
+++ b/graph/index.html
@@ -25,6 +25,7 @@
     var pageInfra = "";
     var pageStream = "";
     var pageArch = "";
+    var pageOci = false;
     var pageStreamDetails = zeroStream();
     </script>
 
@@ -59,7 +60,7 @@
 <!-- Navbar -->
 <nav class="navbar is-light" role="navigation" aria-label="main navigation">
   <div class="navbar-brand">
-    <a class="navbar-item" href="."><img src="https://getfedora.org/static/images/fedora-coreos-logo.png"/></a>
+    <a class="navbar-item" href="."><img src="https://fedoraproject.org/assets/images/coreos-logo-light.png"/></a>
   </div>
 
   <div class="navbar-end">
@@ -83,6 +84,14 @@
         <a class="navbar-item">Staging</a>
       </div>
     </div>
+    <div class="navbar-item has-dropdown is-hoverable">
+      <a class="navbar-link">Distribution</a>
+      <div class="navbar-dropdown">
+        <a class="navbar-item">OCI images</a>
+        <a class="navbar-item">OSTree repository</a>
+      </div>
+    </div>
+
   </div>
 </nav>
 
@@ -171,7 +180,13 @@
   }
   pageInfra = infra;
 
-  const updatesUrl = `https://raw-updates.coreos.${infraPrefix}fedoraproject.org/v1/graph?basearch=${basearch}&stream=${stream}`;
+  var oci = urlParams.get('oci');
+  if (oci === null) {
+    oci = false;
+  }
+  pageOci = oci;
+
+  const updatesUrl = `https://raw-updates.coreos.${infraPrefix}fedoraproject.org/v1/graph?basearch=${basearch}&stream=${stream}&oci=${oci}`;
   return updatesUrl;
 }