Add offline homepage info box about the directory if it's disabled

web/pages/index.tsx

@@ -65,7 +65,7 @@ export default function Home() {
   }
 
   if (!broadcaster) {
-    return <Offline logs={logsData} />;
+    return <Offline logs={logsData} config={configData} />;
   }
 
   // map out settings

web/pages/offline-notice.tsx

@@ -5,13 +5,14 @@ import {
   QuestionCircleTwoTone,
   BookTwoTone,
   PlaySquareTwoTone,
+  ProfileTwoTone,
 } from '@ant-design/icons';
 import OwncastLogo from '../components/logo';
 import LogTable from '../components/log-table';
 
 const { Meta } = Card;
 
-export default function Offline({ logs = [] }) {
+export default function Offline({ logs = [], config}) {
   const data = [
     {
       icon: <BookTwoTone twoToneColor="#6f42c1" />,
@@ -53,6 +54,19 @@ export default function Offline({ logs = [] }) {
     },
   ];
 
+  if (!config?.yp?.enabled) {
+    data.push({
+      icon: <ProfileTwoTone twoToneColor="#D18BFE" />,
+      title: 'Find an audience on the Owncast Directory',
+      content: (
+        <div>
+          List yourself in the Owncast Directory and show off your stream.
+          Enable it in <Link href="/config-public-details">settings.</Link>
+        </div>
+      ),
+    });
+  }
+
   return (
     <>
       <Row gutter={[16, 16]} className="offline-content">