conclusion of tairu

static/css/main.css

@@ -303,6 +303,11 @@ img {
 
     /* TODO: These could be autogenerated! */
 
+    &[src*='+width72'] {
+        width: 72px;
+        height: auto;
+    }
+
     &[src*='+width160'] {
         width: 160px;
         height: auto;
@@ -556,6 +561,7 @@ th-literate-program[data-mode="output"] {
     padding: 0;
     background: none;
     border: none;
+    border-radius: 0;
 
     & iframe {
         border-style: none;
@@ -635,7 +641,7 @@ th-literate-program[data-mode="output"] {
         --syntax-comment: #aca8a4;
         --syntax-identifier: var(--text-color);
         --syntax-keyword1: #ffb06a;
-        --syntax-keyword2: #9acfe3;
+        --syntax-keyword2: #8ad4f9;
         --syntax-operator: #ec9f8d;
         --syntax-function: #fbd283;
         --syntax-literal: #e9b9f0;

static/css/tairu.css

@@ -135,6 +135,20 @@
 
         position: relative;
 
+        &.bend {
+            background-image: url('../pic/01HQ183RANGH4S7VZSG1ZGH0S5-the-tile+width72+pixel.png');
+            background-size: 100%;
+            background-position: 0 0;
+            background-repeat: no-repeat;
+        }
+
+        &.notabend {
+            background-image: url('../pic/01HQ18E39K5F9Q5P41XAEVSEWK-the-also-tile.png');
+            background-size: 100%;
+            background-position: 0 0;
+            background-repeat: no-repeat;
+        }
+
         li {
             padding: 2px 4px;
             position: absolute;