add d_code with block

main.py

@@ -24,7 +24,6 @@ app, rt = fast_app(
         Script(src="https://cdn.plot.ly/plotly-latest.min.js"),
         Link(rel="stylesheet", href="style.css"),
         MarkdownJS(),
-        HighlightJS(langs=["python", "javascript", "html", "css"]),
     ),
 )
 

style.css

@@ -269,11 +269,3 @@ d-contents nav > ul > li > a:hover {
     background: rgb(255, 255, 255) !important;
 }
 
-code {
-    overflow: auto;
-    clear: both;
-    height: 200px;
-    border: 1px solid #ccc;
-    padding: 20px;
-}
-

web.py

@@ -7,6 +7,7 @@ from rich import print
 import jsonlines
 from data.url_blocklist import urls_high_matches, urls_false_positives
 from data.non_web_urls import non_web_urls
+from fasthtml.components import D_code
 
 
 def DVS(
@@ -361,11 +362,7 @@ def web_data():
         that are duplicates, and the fraction of characters contained within those duplicated passages.
         """),
         H6("Implementations from Dolma"),
-        Pre(
-            Code(
-                dolma311,
-            )
-        ),
+        D_code(dolma311, block="block", language="python"),
         P("..."),  # Add specific implementation details if available
         H6("Implementations from DataTrove"),
         P("..."),  # Add specific implementation details if available