{"id":159,"date":"2026-07-21T21:47:04","date_gmt":"2026-07-21T21:47:04","guid":{"rendered":"https:\/\/www.divetalking.com\/oceanseye\/?page_id=159"},"modified":"2026-07-26T21:10:53","modified_gmt":"2026-07-26T21:10:53","slug":"dtdl-forum-features","status":"publish","type":"page","link":"https:\/\/www.divetalking.com\/oceanseye\/dtdl-forum-features\/","title":{"rendered":"DTDL Forum Features"},"content":{"rendered":"\n<!--\n=======================================================================\n  DTDL Discussion Forum \u2014 Features Detail Page\n  WordPress-optimised content block  |  July 2026\n=======================================================================\n\nHOW TO USE\n\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n1. In WordPress Admin \u2192 Pages \u2192 Edit the \"DTDL Forum Features\" page\n2. Switch the editor to \"Code editor\" (or use a Custom HTML block in Gutenberg)\n3. Replace the existing page content with this entire file\n4. Set the page template to \"Full Width\" \/ \"No Sidebar\" if available\n5. Update\n\nNOTES\n\u2500\u2500\u2500\u2500\u2500\u2500\n\u2022 Shares the exact same design tokens as the Oceanseye landing page and the\n  Dive Log features page, for visual continuity across the whole site\n\u2022 Each of the 10 feature sections has an explicit id=\"...\" anchor \u2014\n  this is what lets the Oceanseye cards link straight to a specific section\n\u2022 All CSS is scoped to #dtdl-forumfeat-page \u2014 no theme conflicts\n=======================================================================\n-->\n\n<div id=\"dtdl-forumfeat-page\">\n\n<style>\n  #dtdl-forumfeat-page {\n    --bg-deepest: #030f1a;\n    --bg-panel: #0a1f35;\n    --bg-panel-alt: #0e2740;\n    --accent: #0ea5e9;\n    --accent-glow: #38bdf8;\n    --accent-deep: #0369a1;\n    --text-primary: #e6f2fb;\n    --text-muted: #7d97ae;\n    --border-glow: rgba(56, 189, 248, 0.22);\n    font-family: 'Inter', -apple-system, sans-serif;\n    background: var(--bg-deepest);\n    color: var(--text-primary);\n    margin: 0 -2000px;\n    padding: 0 2000px;\n    overflow-x: hidden;\n  }\n  #dtdl-forumfeat-page * { box-sizing: border-box; }\n  #dtdl-forumfeat-page .ff-display { font-family: 'Space Grotesk', 'Inter', sans-serif; letter-spacing: -0.01em; }\n  #dtdl-forumfeat-page .ff-container { max-width: 960px; margin: 0 auto; padding: 0 24px; }\n  #dtdl-forumfeat-page .ff-eyebrow {\n    display: inline-block; font-family: 'Space Grotesk', sans-serif; font-size: 12px;\n    font-weight: 600; letter-spacing: 0.18em; text-transform: uppercase;\n    color: var(--accent-glow); margin-bottom: 14px;\n  }\n  #dtdl-forumfeat-page .ff-back {\n    display: inline-flex; align-items: center; gap: 6px; color: var(--text-muted);\n    text-decoration: none; font-size: 13px; margin-bottom: 28px; transition: color .2s;\n  }\n  #dtdl-forumfeat-page .ff-back:hover { color: var(--accent-glow); }\n\n  #dtdl-forumfeat-page .ff-hero {\n    padding: 64px 0 50px; text-align: center;\n    background: radial-gradient(ellipse 60% 50% at 50% 0%, rgba(14,165,233,0.14), transparent 70%),\n                linear-gradient(180deg, var(--bg-deepest) 0%, #041525 100%);\n  }\n  #dtdl-forumfeat-page .ff-h1 {\n    font-size: clamp(30px, 4.6vw, 46px); font-weight: 700; line-height: 1.1; margin: 0 0 14px;\n    background: linear-gradient(135deg, #ffffff 0%, var(--accent-glow) 65%, var(--accent) 100%);\n    -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;\n  }\n  #dtdl-forumfeat-page .ff-hero-sub { font-size: 16px; color: var(--text-muted); max-width: 560px; margin: 0 auto; }\n  #dtdl-forumfeat-page .ff-hero-sub strong { color: var(--text-primary); }\n\n  #dtdl-forumfeat-page .ff-list { padding: 20px 0 80px; }\n  #dtdl-forumfeat-page .ff-feat {\n    scroll-margin-top: 24px;\n    display: grid; grid-template-columns: 64px 1fr; gap: 22px;\n    padding: 30px 0; border-top: 1px solid var(--border-glow);\n    transition: background .4s;\n  }\n  #dtdl-forumfeat-page .ff-feat:first-child { border-top: none; }\n  #dtdl-forumfeat-page .ff-feat:target { background: rgba(56,189,248,0.06); }\n  #dtdl-forumfeat-page .ff-feat-num {\n    font-family: 'Space Grotesk', sans-serif; font-size: 26px; font-weight: 700;\n    color: var(--accent-glow); opacity: 0.55; line-height: 1;\n  }\n  #dtdl-forumfeat-page .ff-feat h3 {\n    font-family: 'Space Grotesk', sans-serif; font-size: 19px; font-weight: 600; margin: 2px 0 10px;\n  }\n  #dtdl-forumfeat-page .ff-feat p { color: var(--text-muted); font-size: 14.5px; line-height: 1.7; margin: 0; }\n\n  #dtdl-forumfeat-page .ff-cta {\n    text-align: center; padding: 50px 0 70px; border-top: 1px solid var(--border-glow);\n  }\n  #dtdl-forumfeat-page .ff-btn {\n    display: inline-block; padding: 12px 26px; border-radius: 8px; font-size: 14px; font-weight: 600;\n    text-decoration: none; background: var(--accent-deep); color: #fff; transition: background .2s;\n  }\n  #dtdl-forumfeat-page .ff-btn:hover { background: var(--accent); }\n\n  @media (max-width: 560px) {\n    #dtdl-forumfeat-page .ff-feat { grid-template-columns: 1fr; gap: 6px; }\n  }\n<\/style>\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Space+Grotesk:wght@500;600;700&#038;family=Inter:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"ff-hero\">\n  <div class=\"ff-container\">\n    <a class=\"ff-back\" href=\"https:\/\/www.divetalking.com\/oceanseye\/\">&larr; Back to Oceanseye<\/a><br>\n    <span class=\"ff-eyebrow\">Discussion Forum<\/span>\n    <h1 class=\"ff-h1 ff-display\">Top 10 Features of the DTDL Discussion Forum<\/h1>\n    <p class=\"ff-hero-sub\">A place to talk diving with <strong>the same community you already share a logbook with.<\/strong><\/p>\n  <\/div>\n<\/section>\n\n<section class=\"ff-list\">\n  <div class=\"ff-container\">\n\n    <div class=\"ff-feat\" id=\"categories\">\n      <div class=\"ff-feat-num ff-display\">01<\/div>\n      <div><h3>Organized Categories, Nested However Deep You Need<\/h3>\n      <p>Browse discussions by topic \u2014 Gear Talk, Dive Sites, Trip Reports, and more \u2014 with subcategories nested underneath. Everything starts collapsed, so the page stays clean no matter how many topics exist; click to expand only what you want to see.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"breadcrumbs\">\n      <div class=\"ff-feat-num ff-display\">02<\/div>\n      <div><h3>Never Lose Your Place<\/h3>\n      <p>A full breadcrumb trail always shows exactly where you are \u2014 All Categories \/ Travel \/ Philippines \u2014 and every step in that path is clickable, so you can jump straight back to any level instead of starting over from the top every time.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"anonymous-posting\">\n      <div class=\"ff-feat-num ff-display\">03<\/div>\n      <div><h3>Post Anonymously When You Want To<\/h3>\n      <p>Ask a sensitive question or share something personal without your name attached. Anonymous posts show as &#8220;Anonymous Diver&#8221; with a number that resets in every thread \u2014 enough to follow a conversation, never enough to be tracked across the forum.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"edit-delete\">\n      <div class=\"ff-feat-num ff-display\">04<\/div>\n      <div><h3>Edit Anytime, Delete Safely<\/h3>\n      <p>Fix a typo or rewrite a whole post whenever you like, no time limit. Deleting is available too, with a simple safeguard: a post can&#8217;t be removed once someone else has already replied to it, so conversations never end up with gaps that don&#8217;t make sense.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"photos\">\n      <div class=\"ff-feat-num ff-display\">05<\/div>\n      <div><h3>Photos on Every Post<\/h3>\n      <p>Attach images directly to a thread or reply \u2014 show off your latest gear, a dive site photo, or exactly what&#8217;s wrong with that regulator you&#8217;re asking about.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"search\">\n      <div class=\"ff-feat-num ff-display\">06<\/div>\n      <div><h3>Search That Actually Finds Things<\/h3>\n      <p>One search box covers every thread title and every post at once. Results are split clearly between matching threads and matching messages, so you can jump straight to the conversation you&#8217;re looking for.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"mentions\">\n      <div class=\"ff-feat-num ff-display\">07<\/div>\n      <div><h3>@Mentions That Get Noticed<\/h3>\n      <p>Every member has a handle for tagging them directly in a post. Mention someone and \u2014 if they&#8217;ve opted in \u2014 they get notified, no need to hope they happen to scroll past your reply.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"notifications\">\n      <div class=\"ff-feat-num ff-display\">08<\/div>\n      <div><h3>Notifications You Control<\/h3>\n      <p>Choose independently whether you&#8217;re notified about replies to threads you&#8217;re part of, and whether you&#8217;re notified when someone @mentions you. Both are entirely your call, on or off.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"reporting\">\n      <div class=\"ff-feat-num ff-display\">09<\/div>\n      <div><h3>A Real Reporting System, Not Just a Suggestion Box<\/h3>\n      <p>Every post can be reported with a required reason, so concerns reach moderators with actual context \u2014 not just a flag with no explanation. Reports capture the post exactly as it looked at that moment, so a later edit can&#8217;t change what gets reviewed.<\/p><\/div>\n    <\/div>\n\n    <div class=\"ff-feat\" id=\"marketplace-safety\">\n      <div class=\"ff-feat-num ff-display\">10<\/div>\n      <div><h3>Built for Buying, Selling &amp; Trading Gear \u2014 Safely<\/h3>\n      <p>A clear, unmissable disclaimer explains the site&#8217;s role before anyone dives into for-sale posts: it&#8217;s a place to connect, not a party to any transaction. Members trade with each other directly, with the ground rules stated up front.<\/p><\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<div class=\"ff-cta\">\n  <a class=\"ff-btn\" href=\"https:\/\/www.divetalking.com\/oceanseye\/dtdl-forum\/\">Visit DTDL Forum<\/a>\n<\/div>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>&larr; Back to Oceanseye Discussion Forum Top 10 Features of the DTDL Discussion Forum A place to talk diving with the same community you already share a logbook with. 01 Organized Categories, Nested However Deep You Need Browse discussions by topic \u2014 Gear Talk, Dive Sites, Trip Reports, and more \u2014 with subcategories nested underneath. &#8230; <a title=\"DTDL Forum Features\" class=\"read-more\" href=\"https:\/\/www.divetalking.com\/oceanseye\/dtdl-forum-features\/\" aria-label=\"Read more about DTDL Forum Features\">Read more<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-159","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/pages\/159","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/comments?post=159"}],"version-history":[{"count":3,"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/pages\/159\/revisions"}],"predecessor-version":[{"id":170,"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/pages\/159\/revisions\/170"}],"wp:attachment":[{"href":"https:\/\/www.divetalking.com\/oceanseye\/wp-json\/wp\/v2\/media?parent=159"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}