From d67fe86a5005f6190447ea9ef071a956cc59c2ba Mon Sep 17 00:00:00 2001
From: Luc <luc@lucemans.nl>
Date: Thu, 22 Feb 2024 00:30:10 +0000
Subject: [PATCH] Introduce Draft DWeb Post

---
 app/src/config/navigation/protocol.ts |  7 ++++-
 docs/dweb/intro.mdx                   | 40 +++++++++++++++++++++++++++
 docs/resolvers/interfaces.mdx         |  3 +-
 3 files changed, 48 insertions(+), 2 deletions(-)
 create mode 100644 docs/dweb/intro.mdx

diff --git a/app/src/config/navigation/protocol.ts b/app/src/config/navigation/protocol.ts
index 6a9d2bd7d..fd5cc4058 100644
--- a/app/src/config/navigation/protocol.ts
+++ b/app/src/config/navigation/protocol.ts
@@ -68,7 +68,7 @@ export const navigation: SectionData[] = [
         name: 'Using ENS',
         href: '/web',
         icon: '📖',
-        activePattern: /^\/web(\/.*)?/,
+        activePattern: /^\/d?web(\/.*)?/,
         links: [
             {
                 title: '',
@@ -138,6 +138,11 @@ export const navigation: SectionData[] = [
                         title: 'Subgraph',
                         href: '/web/subgraph',
                     },
+                    {
+                        title: 'Decentralized Web',
+                        href: '/dweb/intro',
+                        wip: true,
+                    },
                     // {
                     //     title: 'Sign In With Ethereum (SIWE)',
                     //     href: '/web/siwe',
diff --git a/docs/dweb/intro.mdx b/docs/dweb/intro.mdx
new file mode 100644
index 000000000..5f40c8063
--- /dev/null
+++ b/docs/dweb/intro.mdx
@@ -0,0 +1,40 @@
+import { WIP } from '@/components/wip/WIP';
+
+{/* * @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
+export const meta = {
+  description: '',
+  emoji: '🔍',
+  contributors: [
+    'lucemans'
+  ]
+};
+
+# Hosting a Decentralized Website
+
+<WIP />
+
+Lorem ipsum dolor set amet.
+
+## ContentHash {{ title: 'the \'contenthash\' field' }}
+
+The ContentHash is a very popular component of an ENS name.
+It can be queried by hitting the [contenthash(bytes32)](/resolvers/interfaces#0xbc1c58d1) function on a name's resolver.
+You can also [set the contenthash on a name](/resolvers/interfaces#0x304e6ade) if the resolver supports it.
+
+## Hosting & Pinning {{id: 'hosting'}}
+
+Lorem ipsum dolor set amet.
+
+- IPFS / Filecoin
+- Swarm
+- Arweave
+
+- Fleek
+
+## Setting your ContentHash
+
+If you are using the public resolver (the default for names registered using the ENS Manager App), you can set the contenthash directly from within the ENS Manager App.
+
+### Alternative Methods
+
+Not every name uses the public resolver.
diff --git a/docs/resolvers/interfaces.mdx b/docs/resolvers/interfaces.mdx
index 4668106c6..2004c7748 100644
--- a/docs/resolvers/interfaces.mdx
+++ b/docs/resolvers/interfaces.mdx
@@ -1,5 +1,6 @@
 import { WIP } from "@/components/wip/WIP";
 import { resolver_methods } from "#/data/resolver";
+import { h2, h3, h4 } from '@/components/mdx/heading/h2';
 
 {/* * @type {import('@/lib/mdxPageProps').MdxMetaProps} */}
 export const meta = {
@@ -45,7 +46,7 @@ function supportsInterface(bytes4 interfaceID) external pure returns (bool)
     methods.map((method) => {
         return (
             <div>
-                <h2>{method.usage}</h2>
+                <h2 id={method.interface}>{method.usage}</h2>
                     <CodeGroup title="Function">
                         <code>{method.name}</code>
                     </CodeGroup>