diff --git a/shacl12-rules/index.html b/shacl12-rules/index.html
index 5c206451..7bddfef8 100644
--- a/shacl12-rules/index.html
+++ b/shacl12-rules/index.html
@@ -73,13 +73,6 @@
     <link rel="stylesheet" href="style.css"/>
 
     <style>
-      .algorithm {
-          /* <pre> written as CSS
-          font-family: monospace;
-          white-space: pre;
-          */
-          color: #444;
-      }
 
       .grammarTable {
           font-size: 12px;
@@ -125,7 +118,25 @@
           counter-reset: example;
       }
 
-      /* Block to go inside <aside> "example" */
+      .algorithm {
+          background:        #fafafa;
+          border:            1px solid #c0c0c0 ;
+          border-left-width: .5em;
+          margin:            1em;
+
+          padding:           0;
+          padding-left:      0.5em;
+          padding-right:     0.5em;
+      }
+      .darkmode .algorithm {
+          background:        #808080 ;
+          border-color:      #aaaaaa ;
+      }
+
+
+      
+      
+       /* Block to go inside <aside> "example" */
 
       .block {
           color: #666666 ;
@@ -144,10 +155,11 @@
 
       aside.example {
           padding: 0 ;
-          padding-left: 0.5em;
-          padding-right: 0.5em;
-          margin-bottom: 0;
-          padding-bottom:0; }
+          padding-left:   0.5em;
+          padding-right:  0.5em;
+          margin-bottom:  0;
+          padding-bottom: 0;
+      }
 
       .ex-data                { background: #aaccaa; }
       .ex-data::before        { content: "Data"; }
@@ -1695,43 +1707,60 @@ <h3>RDF Rules Syntax</h3>
     [
       rdf:type srl:Rule;
       srl:body (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        [ srl:triplePattern 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        ]
       ) ;
       srl:head (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        [ srl:tripleTemplate 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        ]
       )
     ]
     [
       rdf:type srl:Rule ;
       srl:body (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o1 ; ]
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o2 ; ]
+        [ srl:triplePattern 
+           [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o1 ; ]
+        ] 
+        [ srl:triplePattern 
+           [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o2 ; ]
+        ]
       ) ;
       srl:head (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        [ srl:tripleTemplate 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        ]
       )
     ]
     [
       rdf:type srl:Rule ;
       srl:body (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object [ srl:varName "o" ] ; ]
-        [
-          srl:filter [
-            sparql:less-than (
-              [ srl:varName "o" ]
-              18
-            )
+        [ srl:triplePattern 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object [ srl:varName "o" ] ; ]
+        ]
+        [ srl:triplePattern [
+            srl:filter [
+              sparql:less-than (
+                [ srl:varName "o" ]
+                18
+              )
+            ]
           ]
         ]
       ) ;
       srl:head (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        [ srl:tripleTemplate 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object :o ; ]
+        ]
       )
     ]
     [
       rdf:type srl:Rule ;
       srl:body (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        [ srl:triplePattern 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        ]
         [
           srl:assign [
             srl:assignValue 18 ;
@@ -1740,16 +1769,22 @@ <h3>RDF Rules Syntax</h3>
         ]
       ) ;
       srl:head (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object [ srl:varName "o" ] ; ]
+        [ srl:tripleTemplate 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object [ srl:varName "o" ] ; ]
+        ]
       )
     ]
     [
       rdf:type srl:Rule ;
       srl:body (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        [ srl:triplePattern 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :p ; srl:object :o ; ]
+        ]
         [
           srl:not (
-            [ srl:subject [ srl:varName "s" ] ;     srl:predicate :p ;     srl:object [ srl:varName "o" ] ; ]
+            [ srl:triplePattern 
+              [ srl:subject [ srl:varName "s" ] ; srl:predicate :p ; srl:object [ srl:varName "o" ] ; ]
+            ]
             [
               srl:filter [
                 sparql:less-than (
@@ -1762,7 +1797,9 @@ <h3>RDF Rules Syntax</h3>
         ]
       ) ;
       srl:head (
-        [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object [ srl:varName "o" ] ; ]
+        [ srl:tripleTemplate 
+          [ srl:subject [ srl:varName "x" ] ; srl:predicate :q ; srl:object [ srl:varName "o" ] ; ]
+        ]
       )
     ]
   ) .
@@ -2261,7 +2298,7 @@ <h3>Escape Sequences</h3>
 
         <p>
           There are three forms of escapes used in 
-          <a href="#dfn-shape-rules-language-document">Shape Rules documents</a>:
+          <a href="#dfn-shape-rules-document">Shape Rules documents</a>:
         </p>
 
         <ul>
diff --git a/shacl12-rules/style.css b/shacl12-rules/style.css
index b1b9b9e3..93c8a5dc 100644
--- a/shacl12-rules/style.css
+++ b/shacl12-rules/style.css
@@ -24,15 +24,6 @@ td {
     vertical-align: top;
 }
 
-.algorithm {
-    background: #fafafc;
-    border-left-style: solid;
-    border-left-width: .5em;
-    border-color: #c0c0c0;
-    margin-bottom: 16px;
-    padding: 8px;
-}
-
 .arg {
     font-weight: bold;
     color: #000080;